/* ---------------------------------------------------------
	 1. General reset
	 2. Common site styles
	 3. Custom site styles
	 ---------------------------------------------------------*/
/* ---------------------------------------------------------
	 1. General reset
	 ---------------------------------------------------------*/
html {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box; /* Firefox, other Gecko */
	box-sizing: border-box; /* Opera/IE 8+ */
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

html {
	font-size: 20px;
}
body {
	background-color: #000 !important;
	margin: 0;
	font-size: inherit;
	line-height: 1.2;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	position: relative;
	min-width: 320px;
}
* {
	max-height: 1000000px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

figure {
	padding: 0em;
	margin: 0em;
}
figure img {
	width: 100%;
}

img {
	border-style: none;
	vertical-align: top;
	height: auto;
}

a {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: underline;
}

input,
textarea,
select {
	vertical-align: middle;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

form,
fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border-radius: 0;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

input[type="submit"]:hover,
button:hover {
	cursor: pointer;
}

input[type="text"] {
	width: 10em;
}
input[type="search"]{
	width: 10.7em;
}

.btn-input,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	margin: 0;
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-webkit-appearance: none;
	padding: 0.2em 0.35em;
	border: 1px solid #999999;
	height: 2em;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #4d4d4d;
	outline: none;
}
button:focus {
	outline: none;
}

textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}


input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	line-height: 1.2em;
	padding: 0em;
	margin: 0em;
	margin-bottom: 0.4em;
	font-weight: 700;
}
h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
	font-size: 0.75em;
	font-weight: 300;
}
h1 em, .h1 em {
	font-style: normal;
}

h1, .h1 {
	font-size: 1.2em;
	font-weight: 300;
	display: block;
	text-transform: none;
	position: relative;
	padding-top: 0.15em;
	padding-bottom: 0.2em;
	margin-bottom: 0.3em;
}
h2, .h2 {
	font-size: 1.1em;
}
h3, .h3 {
	font-size: 1.05em;
}
h4, .h4 {
	font-size:0.9em;
}
h5, .h5 {
	font-size:0.85em;
}
header {
	font-size: 0.9em;
	margin-bottom: 0.4em;
}
header h1, header .h1 {
	display: inline-block;
	font-size: 1.3333em;
	margin-bottom: 0;
}
header h2, header .h2 {
	display: inline-block;
	font-size: 1.2222em;
	margin-bottom: 0;
}
header h3, header .h3 {
	display: inline-block;
	font-size: 1.1666em;
	margin-bottom: 0;
}
header > .small {
	font-size: 0.8em;
	font-weight: 300;
	margin: 1em 0 0 0;
}

blockquote {
	position: relative;
	margin: 1.05em;
	text-align: center;
	line-height: 1.5em;
	border-radius: 0.45em;
	font-size: 0.8em;
}
blockquote:after,
blockquote:before {
	display: inline-block;
	font-family: Georgia, serif;
	font-size: 2em;
	height: 0.5em;
	line-height: 0.5em;
}
blockquote:before {
	content: "\201e";
	top: 0;
	left: 0;
	vertical-align: text-top;
	padding-right: 0.2em;
}
blockquote:after {
	content: "\201d";
	bottom: 0;
	right: 0;
	vertical-align: text-bottom;
	padding-left: 0.2em;
}
table blockquote {
	border: 0;
	margin: 0 1em;
	text-align: left;
}

ul.custom {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.custom li {
	position: relative;
	padding-left: 2em;
	margin: 0.4em 0;
}
ul.custom li:before {
	display: block;
	content: "\203a";
	position: absolute;
	top: 50%;
	left: 0.6em;
	width: 0.8em;
	height: 0.8em;
	margin-top: -0.4em;
	line-height: 0.7em;
	font-size: 1.5em;
	font-weight: 600;
}

p {
	margin: 0 0 1.2em;
}

q {
	quotes: none;
}
q:before, q:after {
	content: '';
	content: none;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
table,
table thead tr th,
table tbody tr td {
	border-width: 0;
}

/* ---------------------------------------------------------
	 2. Common site styles
	 ---------------------------------------------------------*/

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(fonts/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(fonts/toadOcfmlt9b38dHJxOBGNbE_oMaV8t2eFeISPpzbdE.woff) format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(fonts/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(fonts/toadOcfmlt9b38dHJxOBGJ6-ys_j0H4QL65VLqzI3wI.woff) format('woff');
}
@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 700;
	src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(fonts/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
}

.sprite-before,
.sprite-after {
	display: inline-block;
	position: relative;
}
.sprite-before {
	padding-left: 1.5em;
}
.sprite-before a {
	color: inherit !important;
}
.sprite-after {
	padding-right: 1.5em;
}
.sprite-before:before,
.sprite-after:after {
	content: "";
	background-size: auto 10.4em;
	display: block;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 50%;
	margin-top: -0.75em;
}
.sprite-before:before {
	left: 0;
}
.sprite-after:after {
	right: 0;
}
.sprite-after.further {
	font-weight: 700;
}
.sprite-after.further:after {
	background-position: -19.3em -7.3em;
}
.sprite-before.tags-1:before {
	background-position: -22.3em -5.85em;
}
.sprite-before.user-1:before {
	background-position: -22.3em -7.39em;
}
.sprite-before.desktop:before {
	background-size: auto 13em;
	background-position: -29.9em -7.45em;
}
.sprite-before.arrow {
	padding-left: 1.3em;
}
.sprite-before.arrow:before {
	background-size: auto 25em;
	background-position: -43em -19.9em;
}
.sprite-before.chart:before {
	background-position: 1.5em 11.9em;
}

.main_content h2.strong a,
.main_content h1.strong a {
	text-decoration: underline;
}

.web-app .native-only {
	display: none !important;
}
.native-app .web-only {
	display: none !important;
}
.main_content.info_content > section.bg {
	font-size: 0.7em;
	text-align: justify;
	line-height: 1.4;
	word-wrap:break-word;
}
.main_content.info_content .section.bg {
	padding: 0.5714em;
	border-radius: 0.2857em;
}
.main_content.info_content h1,
.main_content.info_content h2,
.main_content.info_content h3 {
	text-align: left;
	font-weight: 300;
	line-height: 1.5;
	text-transform: none;
	margin-bottom: 0.5em;
}
.main_content.info_content h1 {
	font-size: 1.85em;
}
.main_content.info_content h2 {
	font-size: 1.55em;
}
.main_content.info_content h3 {
	font-size: 1.25em;
}
.main_content.info_content table {
	width: auto;
	text-align: left;
	font-size: 1em;
}
.main_content.info_content table td {
	padding: 0;
	vertical-align: top;
}
.main_content.info_content table td:not(:first-child) {
	padding-left: 1em;
}
.main_content.info_content p,
.main_content.info_content table,
.main_content.info_content ol,
.main_content.info_content ul {
	margin: 1em 0;
}
.main_content.info_content nav ul {
	margin: 0;
}

#user_message {
	/*position: fixed;
	top: 0;
	left: 0;
	right: 0;*/
	position: relative;
	min-height: 1.3em;
	z-index: 50;
	text-align: center;
}
#user_message.fixed {
	left: 0;
	top: 5em;
	position: absolute;
	width: 100%;
	margin-top: 3px;
}
#site-content.sticky #user_message.fixed {
	left: 0;
	top: 0;
	position: fixed;
	width: 100%;
	margin-top: 0px;
}
#user_message #user_message_content {
	padding: 0.2em 3em;
	font-size: 0.8em;
}
#user_message #user_message_close {
	display: block;
	width: 1.3em;
	height: 1.3em;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	background-size: auto 11em;
	background-position: -18.95em -6.45em;
}
.form_error_text {
	font-size: 0.79em;
	margin: 0.5em 0 0 0;
}
ul.form_error_text {
	list-style: none;
	padding: 0;
}
ul.form_error_text li {
	position: relative;
	padding-left: 1em;
}
ul.form_error_text li:after {
	display: block;
	position: absolute;
	top: -0.2em;
	left: 0.05em;
	content: "\203a";
	width: 1em;
	height: 1em;
	font-size: 1.3em;
}

.user_list_message {
	font-size: 0.9em;
}
.user_list_message > header h2{
	margin: 1em 3em;
	text-align: center;
}
.user_list_message > p {
	margin: 1em 2em;
	font-size: 0.85em;
	text-align: center;
}

.offer-banner {
	text-align: center;
	font-size: 0.8em;
	padding: 0.2em;
	margin: 0.2em 0 1em 0;
}
.offer-banner a {
	text-decoration: underline;
}
#chart_ticker .offer-banner {
	font-size: 0.6em;
	margin: 0.5em -0.666667em -2.05em -0.666667em;
}
.main_content .section.bg.no-rights {
	padding: 1em 1em 1em 2.5em;
	position: relative;
	min-height: 4em;
}
.main_content .section.bg.no-rights:before {
	content: "!";
	display: block;
	font-size: 2em;
	position: absolute;
	top: 50%;
	left: 0.5em;
	margin-top: -0.5em;
	height: 1em;
	width: 1em;
	line-height: 1em;
}
.main_content .section.bg.no-rights p {
	font-size: 0.85em;
}

#start_popup .tdf-buttons {
	height: 3em;
}

.no-storage .storage {
	display: none !important;
}

.is_disabled {
	opacity: 0.7;
	pointer-events: none;
}

.is_loading {
	position: relative;
	opacity: 0.7;
	pointer-events: none;
}
.is_loading:before,
.is_loading:after {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	left: 50%;
	border-radius: 50%;
	z-index: 10;
}
.is_loading:after {
	width: 4em;
	height: 4em;
	margin-top: -2em;
	margin-left: -2em;
	border-style: solid;
	border-top-width: 0.25em;
	border-left-width: 0.2em;
	border-bottom-width: 0.15em;
	border-right-width: 0.2em;
	animation: spin 1s linear infinite;
}
.is_loading:before {
	width: 3em;
	height: 3em;
	margin-top: -1.5em;
	margin-left: -1.5em;
	border-style: solid;
	border-left-width: 0.2em;
	border-top-width: 0.17em;
	border-right-width: 0.14em;
	border-bottom-width: 0.17em;
	animation: antispin 1s linear infinite;
}
nav.is_loading:after,
nav .is_loading:after,
.small_load.is_loading:after {
	font-size: 0.5em;
	width: 3em;
	height: 3em;
	margin-top: -1.5em;
	margin-left: -1.5em;
}
nav.is_loading:before,
nav .is_loading:before,
.small_load.is_loading:before {
	font-size: 0.5em;
	width: 2em;
	height: 2em;
	margin-top: -1em;
	margin-left: -1em;
}

@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
}
@keyframes antispin {
		0% { transform: rotate(360deg); }
		100% { transform: rotate(0deg); }
}

form fieldset {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}
form .form-group {
	margin-bottom: 0.7em;
}

form .form-group .css-cell {
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}
form .css-table .css-cell {
	padding-left: 0.5em;
	padding-right: 0.5em;
	vertical-align: middle;
}

.input_file_wrapper {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.input_file_wrapper .button {
	cursor: pointer;
}
.input_file_wrapper input {
	cursor: pointer;
	font-size: 9em;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	filter: alpha(opacity=1);
	-moz-opacity: 0.01;
	opacity: 0.01;
}

.jcf-date {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0;
	height: 1.7em;
}
.jcf-date input {
	border-width: 0px;
	height: 1.7em;
	width: 8em;
	cursor: pointer;
	padding: 0.2em 0.5em;
	background: transparent;
	position: relative;
}
.jcf-date.button.icon input {
	visibility: hidden;
	width: 1.7em;
}
input.date {
	width: 7em;
}

input.number {
	width: 2.5em;
}
.upper_indicator input.number {
	width: 5.745em;
}

.jcf-input-container {
	position: relative;
}
.jcf-input-container.jcf-disabled {
	opacity: 0.6;
}
.jcf-input-container.jcf-disabled:after,
.jcf-input-container.jcf-readonly:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.jcf-input-container label {
	vertical-align: middle;
}

.jcf-text-container {
	border-radius: 0.4em;
	overflow: hidden;
	position: relative;
}
.jcf-text-container .button.icon {
	position: absolute !important;
	top: 50%;
	margin-top: -0.85em;
	right: 0;
}
.jcf-text-container .button.icon.left {
	left: 0;
}
.jcf-text-container .button.icon.pale,
.jcf-text-container .button.icon.dark,
.jcf-text-container .button.icon.dark2 {
	right: 0;
	top: 0;
	bottom: -2px;
	box-shadow: 0 0 0 transparent;
	border-radius: 0 !important;
	height: auto;
	width: 1.9em;
	margin-top: 0;
	border: 0 !important;
	font-size: 1.3em;
}
.jcf-text-container .button.icon span {
	left: 0.1em;
}
.jcf-text-container input[type="search"],
.jcf-text-container input[type="text"],
.jcf-text-container input[type="tel"],
.jcf-text-container input[type="email"],
.jcf-text-container input[type="password"],
.jcf-text-container textarea {
	border: 0 !important;
	width: 100%;
	height: inherit;
	background: none !important;
	margin-top: -1px;
}
.jcf-text-container.save input {
	padding-right: 2.8em;
}
.jcf-text-container.search input {
	padding-right: 2em;
}
.jcf-text-container.save:after {
	display: block;
	content: "";
	position: absolute !important;
	right: 0;
	top: 0;
	bottom: 0;
	height: auto;
	width: 2.8em;
}
.jcf-text-container.save.changed:after {
	display: none;
}
.jcf-text-container.delete input {
	padding-left: 2em;
}
.jcf-text-container .button.icon.delete {
	left: 0.4em;
	font-size: 0.8em;
}

.ui-checkbox{
	background-color: inherit;
}
.check-box-holder .title3 {
	display: block;
	margin: 0 0 4px;
}
.check-box-holder .form-group {
	overflow: hidden;
	margin: 0 0 5px;
}
.check-box-holder .form-group label {
	overflow: hidden;
	line-height: 1.5em;
	color: inherit;
}
.jcf-checkbox {
	float: left;
	position: relative;
	overflow: hidden;
	cursor: default;
	margin: 0 1em 0 0;
	height: 1.6em;
	width: 1.6em;
	background-size: auto 24em;
	background-repeat: no-repeat;
	background-position: -34.2em -17.06em;
}
.jcf-checkbox:after {
	content: "";
	display: block;
	clear: both;
}
.jcf-checkbox.jcf-checked {
	background-position: -34.2em -19.06em;
}
.jcf-checkbox.jcf-checked span {
	display: block;
}
.jcf-checkbox input[type="checkbox"] {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}
.jcf-input-container.on-off {
	display: inline-block;
	position: relative;
	width: 3.2em;
	height: 1.2em;
	font-size: 1.4em;
	vertical-align: middle;
	text-align: left;
}
.jcf-input-container.on-off .jcf-checkbox,
.jcf-input-container.on-off .jcf-radio {
	background-image: none;
	border-width: 1px;
	border-style: solid;
	border-radius: 0.8em;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	margin: 0;
	right: 0;
	bottom: 0;
	height: auto;
	width: auto;
}
.jcf-input-container.on-off .jcf-checkbox:before,
.jcf-input-container.on-off .jcf-radio:before {
	display: block;
	content: "";
	position: absolute;
	background-color: #fff;
}
.jcf-input-container.on-off label {
	position: absolute;
	width: 100%;
	height: inherit;
}
.jcf-input-container.on-off label span {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0.2em;
	right: 0.2em;
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: center;
	padding-top: 0.1em;
}
.jcf-input-container.on-off label:before,
.jcf-input-container.on-off label:after {
	display: block;
	content: "";
	position: absolute;
	border-radius: 100%;
	top: 0.12em;
	bottom: 0.12em;
	left: 0.12em;
	width: 0.96em;
	height: 0.96em;
}
.jcf-input-container.on-off label:after {
	background-size: auto 7em;
	background-repeat: no-repeat;
	background-position: -16.009em -4.99em;
}
.jcf-input-container.on-off label .on {
	right: 1.4em;
	display: none;
}
.jcf-input-container.on-off label .off {
	left: 1.4em;
	display: block;
}
.jcf-input-container.on-off label.jcf-label-active .on {
	display: block;
}
.jcf-input-container.on-off label.jcf-label-active .off {
	display: none;
}
.jcf-input-container.on-off label.jcf-label-active:before,
.jcf-input-container.on-off label.jcf-label-active:after {
	right: 0.12em;
	left: auto;
}
.jcf-input-container.box {
	display: inline-block;
	position: relative;
	width: auto;
	vertical-align: middle;
	text-align: center;
}
.jcf-input-container.box.large {
	font-size: 1.8em;
}
.jcf-input-container.box .jcf-checkbox,
.jcf-input-container.box .jcf-radio {
	background-image: none;
	border-radius: 0;
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	margin: 0;
	right: 0;
	bottom: 0;
	height: auto;
	width: auto;
}
.jcf-input-container.box label {
	position: relative;
	height: 2em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	display: block;
	padding: 0.39em 0.5em;
	min-width: 6em;
	font-weight: 600;
}
.jcf-input-container.box .jcf-checkbox.jcf-checked:before,
.jcf-input-container.box .jcf-radio.jcf-checked:before {
	display: none;
}

.jcf-radio {
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: default;
	margin: 0 0.2em 0 0;
	height: 1.2em;
	width: 1.2em;
	border-radius: 100%;
	border-width: 1px;
	border-style: solid;
	vertical-align: middle;
}
.jcf-radio:not(:first-child) {
	margin-left: 1.5em;
}
.jcf-radio:after {
	content: "";
	display: block;
	clear: both;
}
.jcf-radio.jcf-checked:before {
	content: "";
	display: block;
	position: absolute;
	top: 15%;
	bottom: 15%;
	left: 15%;
	right: 15%;
	border-radius: 100%;
}
.jcf-radio.jcf-checked span {
	display: block;
}
.jcf-radio input[type="radio"] {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	left: 0;
	top: 0;
}

select {
	width: 10em;
}
.ui-select {
	width: 10em;
	display: inline-block;
}
.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0;
	height: 2em;
	width: 100%;
	border-radius: 0.5em;
}
.jcf-select:after {
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	content: "";
	border-radius: 10px;
}
.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}
.jcf-select .jcf-select-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	height: inherit;
	margin: 0 2.05em 0 0;
	padding: 0.3em 0.5em;
	border-radius: 0.5em 0 0 0.5em;
}
.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	width: 2em;
	height: inherit;
	bottom: 0px;
	right: 0px;
	top: 0;
	border-radius: 0 0.42em 0.42em 0;
}
.jcf-select .jcf-select-opener:after {
	position: absolute;
	content: "";
	display: block;
	width: 1.5em;
	height: 1em;
	right: 50%;
	top: 50%;
	background-repeat: no-repeat;
	background-size: auto 21.5em;
	background-position: -34.54em -16.38em;
	margin-top: -0.5em;
	margin-right: -0.75em;
}
body > .jcf-select-drop {
	width: auto !important;
	position: absolute;
	margin: -1px 0 0 0;
	z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0px;
	z-index: 9999;
	top: 100%;
	left: -1px;
	min-width: 100%;
}
.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}
.jcf-select.jcf-disabled .jcf-select-text {
	margin-right: 0 !important;
	border-radius: 0.5em;
}
.jcf-select.jcf-disabled .jcf-select-opener {
	display: none !important;
}

.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	min-width: 200px;
	margin: 0 15px;
}
.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 100%;
}
.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}
.jcf-list .jcf-option {
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 5px 9px;
	height: 1%;
}
.indice-form .jcf-list ul,
.jcf-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.jcf-list ul li {
	overflow: hidden;
	display: block;
}
.jcf-list .jcf-overflow {
	overflow: auto;
}
.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
}
.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

.holder:after {
	content: " ";
	display: block;
	clear: both;
}

.ui-autocomplete {
	font-size: 0.8em !important;
	font-family: inherit !important;
}
body > .ui-autocomplete {
	font-size: 0.9em !important;
	right: 1em !important;
	left: 1em !important;
}
.ui-autocomplete .ui-state-hover,
.ui-autocomplete .ui-state-focus {
	margin: 0 !important;
	padding: 0.6em 0.3em !important;
	font-weight: normal;
	border-radius: 0 !important;
}
.ui-autocomplete li {
	margin: 0 0.2em !important;
	padding: 0.6em 0.2em !important;
	display: block;
}
.ui-autocomplete .in_name {
	font-weight: bold;
}
.ui-autocomplete .in_wkn,
.ui-autocomplete .in_source{
	font-size: 0.8em;
	display: inline-block;
	padding-left: 0.3em;
}
.ui-autocomplete .in_country{
	display: inline-block;
	height: 0.8em;
	width: 1.28em;
	margin-right: 0.1em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-size: 1.28em 0.8em;
	background-position: center;
}
.ui-autocomplete .ae{
	background-image: url(../img/flags/ae.png);
}
.ui-autocomplete .an{
	background-image: url(../img/flags/an.png);
}
.ui-autocomplete .ar{
	background-image: url(../img/flags/ar.png);
}
.ui-autocomplete .at{
	background-image: url(../img/flags/at.png);
}
.ui-autocomplete .au{
	background-image: url(../img/flags/au.png);
}
.ui-autocomplete .be{
	background-image: url(../img/flags/be.png);
}
.ui-autocomplete .bg{
	background-image: url(../img/flags/bg.png);
}
.ui-autocomplete .bm{
	background-image: url(../img/flags/bm.png);
}
.ui-autocomplete .br{
	background-image: url(../img/flags/br.png);
}
.ui-autocomplete .bs{
	background-image: url(../img/flags/bs.png);
}
.ui-autocomplete .ca{
	background-image: url(../img/flags/ca.png);
}
.ui-autocomplete .ch{
	background-image: url(../img/flags/ch.png);
}
.ui-autocomplete .ci{
	background-image: url(../img/flags/ci.png);
}
.ui-autocomplete .cl{
	background-image: url(../img/flags/cl.png);
}
.ui-autocomplete .cm{
	background-image: url(../img/flags/cm.png);
}
.ui-autocomplete .cn{
	background-image: url(../img/flags/cn.png);
}
.ui-autocomplete .cs{
	background-image: url(../img/flags/cs.png);
}
.ui-autocomplete .cw{
	background-image: url(../img/flags/cw.png);
}
.ui-autocomplete .cy{
	background-image: url(../img/flags/cy.png);
}
.ui-autocomplete .cz{
	background-image: url(../img/flags/cz.png);
}
.ui-autocomplete .de{
	background-image: url(../img/flags/de.png);
}
.ui-autocomplete .dk{
	background-image: url(../img/flags/dk.png);
}
.ui-autocomplete .ee{
	background-image: url(../img/flags/ee.png);
}
.ui-autocomplete .es{
	background-image: url(../img/flags/es.png);
}
.ui-autocomplete .eu{
	background-image: url(../img/flags/eu.png);
}
.ui-autocomplete .fi{
	background-image: url(../img/flags/fi.png);
}
.ui-autocomplete .fk{
	background-image: url(../img/flags/fk.png);
}
.ui-autocomplete .fo{
	background-image: url(../img/flags/fo.png);
}
.ui-autocomplete .fr{
	background-image: url(../img/flags/fr.png);
}
.ui-autocomplete .ga{
	background-image: url(../img/flags/ga.png);
}
.ui-autocomplete .gb{
	background-image: url(../img/flags/gb.png);
}
.ui-autocomplete .gg{
	background-image: url(../img/flags/gg.png);
}
.ui-autocomplete .gi{
	background-image: url(../img/flags/gi.png);
}
.ui-autocomplete .gr{
	background-image: url(../img/flags/gr.png);
}
.ui-autocomplete .hk{
	background-image: url(../img/flags/hk.png);
}
.ui-autocomplete .hu{
	background-image: url(../img/flags/hu.png);
}
.ui-autocomplete .id{
	background-image: url(../img/flags/id.png);
}
.ui-autocomplete .ie{
	background-image: url(../img/flags/ie.png);
}
.ui-autocomplete .il{
	background-image: url(../img/flags/il.png);
}
.ui-autocomplete .im{
	background-image: url(../img/flags/im.png);
}
.ui-autocomplete .is{
	background-image: url(../img/flags/is.png);
}
.ui-autocomplete .it{
	background-image: url(../img/flags/it.png);
}
.ui-autocomplete .je{
	background-image: url(../img/flags/je.png);
}
.ui-autocomplete .jp{
	background-image: url(../img/flags/jp.png);
}
.ui-autocomplete .ky{
	background-image: url(../img/flags/ky.png);
}
.ui-autocomplete .li{
	background-image: url(../img/flags/li.png);
}
.ui-autocomplete .lt{
	background-image: url(../img/flags/lt.png);
}
.ui-autocomplete .lu{
	background-image: url(../img/flags/lu.png);
}
.ui-autocomplete .lv{
	background-image: url(../img/flags/lv.png);
}
.ui-autocomplete .ma{
	background-image: url(../img/flags/ma.png);
}
.ui-autocomplete .mc{
	background-image: url(../img/flags/mc.png);
}
.ui-autocomplete .mh{
	background-image: url(../img/flags/mh.png);
}
.ui-autocomplete .mu{
	background-image: url(../img/flags/mu.png);
}
.ui-autocomplete .mx{
	background-image: url(../img/flags/mx.png);
}
.ui-autocomplete .my{
	background-image: url(../img/flags/my.png);
}
.ui-autocomplete .nl{
	background-image: url(../img/flags/nl.png);
}
.ui-autocomplete .no{
	background-image: url(../img/flags/no.png);
}
.ui-autocomplete .nz{
	background-image: url(../img/flags/nz.png);
}
.ui-autocomplete .pe{
	background-image: url(../img/flags/pe.png);
}
.ui-autocomplete .pg{
	background-image: url(../img/flags/pg.png);
}
.ui-autocomplete .pl{
	background-image: url(../img/flags/pl.png);
}
.ui-autocomplete .pr{
	background-image: url(../img/flags/pr.png);
}
.ui-autocomplete .pt{
	background-image: url(../img/flags/pt.png);
}
.ui-autocomplete .se{
	background-image: url(../img/flags/se.png);
}
.ui-autocomplete .sg{
	background-image: url(../img/flags/sg.png);
}
.ui-autocomplete .sk{
	background-image: url(../img/flags/sk.png);
}
.ui-autocomplete .sn{
	background-image: url(../img/flags/sn.png);
}
.ui-autocomplete .th{
	background-image: url(../img/flags/th.png);
}
.ui-autocomplete .tr{
	background-image: url(../img/flags/tr.png);
}
.ui-autocomplete .us{
	background-image: url(../img/flags/us.png);
}
.ui-autocomplete .vg{
	background-image: url(../img/flags/vg.png);
}
.ui-autocomplete .za{
	background-image: url(../img/flags/za.png);
}

.main_content .search-form .jcf-text-container {
	border-radius: 0px;
}
.main_content .search-form .ui-autocomplete {
	border-radius: 0px;
	right: 0px !important;
	left: 0px !important;
	width: 100% !important;
}

.pagination{
	position: relative;
	font-size: 0.8em;
	text-align: center;
	padding: 0.5em 0em;
}
.pagination > * {
	vertical-align: middle;
}
.pagination ul{
	display: block;
	height: 100%;
	list-style: none;
	padding: 0em;
	margin: 0em;
	white-space: nowrap;
	-webkit-transition:left 0.3s linear;
	-moz-transition:left 0.3s linear;
	-o-transition:left 0.3s linear;
	transition:left 0.3s linear;
}
.pagination ul li {
	margin: 0px 2px;
	width: 2.5em;
	pointer-events: auto;
}
.pagination ul li.active{
	cursor: default;
	pointer-events: none;
}
.pagination .button ,
.pagination ul li {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	height: 1.7em;
	line-height: 1;
}
.pagination ul li button {
	width: 100%;
	height: inherit;
	font: inherit;
	color: inherit;
	border: 0;
	background: transparent;
	padding: 0;
}
.pagination .button {
	padding: 0em 0.3em;
	margin: 0em 0.3em;
	vertical-align: middle;
}
.pagination .first,
.pagination .last{
	font: inherit;
	padding: 0em 0.2em;
	min-width: 2.5em;
}
.pagination .first,
.pagination .last,
.pagination ul li{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.pagination .scroll {
	height: inherit;
	line-height: inherit;
	font: inherit;
	color: inherit;
	border: 0;
	background: transparent;
	padding: 0;
}
.pagination .page_list {
	position: relative;
	display: inline-block;
	overflow: hidden;
	min-width: 10px;
	max-width: 55%;
	max-width: calc(100% - 11em);
	height: inherit;
	margin: 0em 0.3em;
}

.tdf-popup {
	display: none;
	width: 100%;
}
.tdf-popup.fixed {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	z-index: 100;
}
.tdf-popup .tdf-header {
	padding: 0.3em;
	text-align: center;
	font-weight: 800;
}
.tdf-popup .tdf-content {
	padding: 1.2em 1em;
}
.tdf-popup .tdf-content.css-table {
	padding: 0;
}
.tdf-popup .tdf-content.css-table > .css-row > .css-cell {
	padding: 1em 0.5em;
}
.tdf-popup .tdf-content.css-table > .css-row > .css-cell:not(:last-child) {
	padding-right: 1.5em;
}
.tdf-popup .tdf-content.css-table > .css-row:not(:first-child) > .css-cell {
	padding-top: 1.5em;
}
.tdf-popup .tdf-content.css-table > .css-row:not(:last-child) > .css-cell {
	padding-bottom: 1.5em;
}
.tdf-popup .tdf-content strong {
	font-weight: 800;
}
.tdf-popup .tdf-buttons {
	height: 2em;
}
.tdf-popup .tdf-buttons ul {
	padding: 0;
	margin: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
	height: inherit;
}
.tdf-popup .tdf-buttons ul li {
	display: table-cell;
	height: inherit;
	vertical-align: middle;
}
.tdf-popup .tdf-buttons button {
	width: 100%;
	height: inherit;
	font-size: 0.9em;
	background-color: transparent;
	border-width: 0;
	font-weight: 800;
	letter-spacing: 2px;
}
.tdf-popup.fixed .tdf-popup-arrow {
	width: 2.262742em;
	height: 1.631371em;
	position: absolute;
	z-index: 102;
	overflow: hidden;
}
.tdf-popup.fixed .tdf-popup-arrow:before {
	content: "";
	display: block;
	width: 1.6em;
	height: 1.6em;
	transform: rotate(45deg);
	margin: 0.831371em 0 0 0.331371em;
}
.tdf-popup.fixed .tdf-popup-arrow.bottom:before {
	margin: -0.831371em 0 0 0.331371em;
}
.tdf-popup .tdf-popup-container {
	border-radius: 0.1em;
	max-width: 80%;
}
.tdf-popup.fixed .tdf-popup-container {
	position: absolute;
}
.tdf-popup.relative .tdf-popup-container {
	margin: 1em auto 2em auto;
}
.tdf-popup .tdf-popup-container > * {
	font-size: 0.75em;
	position: relative;
}
.tdf-popup.fixed .tdf-popup-container > * {
	z-index: 102;
}
.tdf-popup .tdf-popup-save {
	position: relative;
	width: 100%;
	height: 2em;
}
.tdf-popup .tdf-popup-save input {
	position: absolute;
	bottom: 0em;
	right: -1.5em;
	padding: 0.2em 0.4em;
	border-radius: 0.35em;
}
.tdf-popup .jcf-checkbox {
	background-position: -36.2em -17.06em;
}
.tdf-popup .jcf-checkbox.jcf-checked {
	background-position: -36.2em -19.06em;
}
.tdf-popup .jcf-input-container.on-off label  span {
	font-size: 0.7em;
	padding-top: 0.2em;
	font-weight: 600;
}
.tdf-popup-opener.hover {
	z-index: 101;
	position: relative;
}

.tdf-popup .tabs .menu {
	padding: 0;
	margin: 0;
}
.tdf-popup .tabs .tabs-menu li {
	padding-left: 0.3em;
	padding-right: 0.3em;
	vertical-align: bottom;
	height: 3em;
}
.tdf-popup .tabs .tabs-menu li:first-child {
	padding-left: 0.6em;
}
.tdf-popup .tabs .tabs-menu li:last-child {
	padding-right: 0.6em;
}
.tdf-popup .tabs .tabs-menu li button {
	height: 2em;
	display: block;
	margin-bottom: -1px;
	overflow: hidden;
}
.tdf-popup .tabs .tabs-menu li button span {
	position: relative;
	width: inherit;
	padding: 0.4em 1em 0.4em 0.4em;
	height: inherit;
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 1px;
}
.tdf-popup .tabs .tabs-menu li button span:after {
	content: "";
	display: block;
	position: absolute;
	top: -0.5em;
	right: -1.5em;
	width: 3em;
	height: 1.5em;
	transform: rotate(45deg);
}

.tdf-picker{
	padding: 0 !important;
	width: 18em;
}
.tdf-picker ul li {
	list-style: outside none none;
}
.tdf-picker .tdf-content {
	font-size: 1.1em;
	padding: 0.4em 1em;
	margin: 0;
	text-align: center;
}
.tdf-picker .tdf-content > li {
	display: inline-block;
	margin: 0 0.11em;
	max-width: 3.7em;
	line-height: 1.7em;
	vertical-align: middle;
}
.tdf-picker .tdf-content ul {
	padding: 0;
	margin: 0;
}
.tdf-picker .tdf-content input,
.tdf-picker .tdf-content button,
.tdf-picker .tdf-content span {
	width: 100%;
	text-align: center;
	background-color: transparent;
}
.tdf-picker .tdf-content button,
.tdf-picker .tdf-content span {
	display: block;
	height: 1.7em;
	border-width: 0px;
}
.tdf-picker .tdf-content input[type="text"]{
	padding: 0.25em 0;
	border-left: 0px;
	border-right: 0px;
	font-weight: 800;
	border-radius: 0px;
}
.tdf-picker .tdf-content button {
	position: relative;
}
.tdf-picker .tdf-content button:after {
	position: absolute;
	content: "";
	display: block;
	width: 2em;
	height: 1em;
	background-repeat: no-repeat;
	background-size: auto 19em;
	top: 50%;
	left: 50%;
	margin-left: -1em;
	margin-top: -0.5em;
}
.tdf-picker .tdf-content .tdf-next:after {
	background-position: -38.35em -13.65em;
}
.tdf-picker .tdf-content .tdf-prev:after {
	background-position: -38.35em -15.25em;
}

/* tabs styles */
.tabs-area {
	overflow: hidden;
	padding: 0 0 0 8px;
}
.tabs-area .tab-content {
	padding: 17px 7px 21px;
}
.tabs-area .tab-content h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	margin: 0;
}

/**
* LAYOUT TABLES
*/
.css-table {
	display: table;
	border-collapse: collapse;
	width: 100%;
}
.css-table .css-row {
	display: table-row;
}
.css-table .css-cell{
	display: table-cell;
}
.button {
	display: inline-block;
	border-radius: 0.42em;
	position: relative;
	padding: 0.37em 0.6em 0.37em 0.6em;
	text-decoration: none;
	background-color: transparent;
	border: 0px;
	vertical-align: middle;
}
.button.text {
	text-transform: uppercase;
	font-weight: 600;
	padding: 0.4em 1.7em 0.6em;
	font-size: 0.79em;
	border-radius: 0.4em;
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	height: 2.2em;
	line-height: 1.2;
}
.button.text.small {
	padding-left: 0.35em;
	padding-right: 0.35em;
}
.button.text.two-lines {
	padding: 0.1em 2.55em 0 2.55em;
	font-size: 0.6em;
	border-radius: 0.4em;
	height: 2.8966em;
}
.button.text.two-lines.small {
	padding-left: 0.4608em;
	padding-right: 0.4608em;
}
.button.icon-text {
	font-size: 0.6em;
	padding-left: 2em;
	font-weight: 600;
	text-transform: uppercase;
	height: 1.9em;
}
.button.icon {
	width: 1.7em;
	height: 1.7em;
	padding: 0;
	line-height: 1.7;
	text-align: center;
}
.button.icon.big {
	font-size: 1.1765em; /* width:2em; height:2em; */
	border-radius: 0.3569em;
}
.button.icon.fa-icon {
	width: auto;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
.button.icon.fa-icon .text {
	font-size: 0.7em;
	font-weight: bold;
	display: block;
	line-height: 2.42;
}
.button.icon:not(.fa-icon):before,
.button.icon-text:not(.fa-icon):before {
	content: "";
	position: absolute;
	display: block;
	background-size: auto 5.94em;
	top: 50%;
	left: 50%;
	width: 1.7em;
	height: 1.7em;
	margin-top: -0.85em;
	margin-left: -0.85em;
}
.button.icon-text:not(.fa-icon):before {
	font-size: 1.1176em;
	margin-left: 0;
	left: 0.1em;
}

.button.return:before {
	background-position: 25.34em 6.06em;
}
.button.return:hover:before,
.button.return.hover:before {
	background-position: 25.34em 4.55em;
}
.button.forward:before {
	background-position: 26.87em 6.06em;
}
.button.forward:hover:before,
.button.forward.hover:before {
	background-position: 26.87em 4.55em;
}
.button.watchlist-add:before {
	background-position: 23.92em 6.06em;
}
.button.watchlist-add:hover:before,
.button.watchlist-add.hover:before {
	background-position: 23.92em 4.55em;
}
.button.watchlist-delete:before {
	background-position: 22.43em 6.06em;
}
.button.watchlist-delete:hover:before,
.button.watchlist-delete.hover:before {
	background-position: 22.43em 4.55em;
}
.button.alerts:before {
	background-position: 32.76em 6.06em;
}
.button.alerts:hover:before,
.button.alerts.hover:before {
	background-position: 32.76em 4.55em;
}
.button.depot:before {
	background-position: 13.45em 6.06em;
}
.button.depot:not(.comdirect):hover:before,
.button.depot:not(.comdirect).hover:before {
	background-position: 13.45em 4.55em;
}
.button.settings:before {
	background-position: 29.83em 6.06em;
}
.button.settings:hover:before,
.button.settings.hover:before {
	background-position: 29.83em 4.55em;
}
.button.menu:before {
	background-position: 35.75em 6.06em;
}
.button.menu:hover:before,
.button.menu.hover:before {
	background-position: 35.75em 4.55em;
}
.button.chart:before {
	background-position: 20.89em 6.06em;
}
.button.chart:hover:before,
.button.chart.hover:before {
	background-position: 20.89em 4.55em;
}
.button.news:before {
	background-position: 16.44em 6.06em;
}
.button.news:hover:before,
.button.news.hover:before  {
	background-position: 16.44em 4.55em;
}
.button.list:before {
	background-position: 19.4em 6.06em;
}
.button.list:hover:before,
.button.list.hover:before {
	background-position: 19.4em 4.55em;
}
.button.date:before {
	background-position: 14.98em 6.06em;
}
.button.date:hover:before,
.button.date.hover:before {
	background-position: 14.98em 4.55em;
}
.button.save:before {
	background-position: 31.26em 6.06em;
}
.button.save:hover:before,
.button.save.hover:before {
	background-position: 31.26em 4.55em;
}
.button.settings-reset:before {
	background-position: 28.26em 6.06em;
}
.button.settings-reset:hover:before,
.button.settings-reset.hover:before {
	background-position: 28.26em 4.55em;
}
.button.plus:before {
	background-position: 34.25em 6.06em;
}
.button.plus:hover:before,
.button.plus.hover:before {
	background-position: 34.25em 4.55em;
}

.button.dark.return:before {
	background-position: 25.34em 3.05em;
}
.button.dark.return:hover:before,
.button.dark.return.hover:before {
	background-position:25.34em 1.56em;
}
.button.dark.forward:before {
	background-position: 26.87em 3.05em;
}
.button.dark.forward:hover:before,
.button.dark.forward.hover:before {
	background-position: 26.87em 1.56em;
}
.button.dark.watchlist-add:before {
	background-position: 23.92em 3.05em;
}
.button.dark.watchlist-add:hover:before,
.button.dark.watchlist-add.hover:before {
	background-position: 23.92em 1.56em;
}
.button.dark.watchlist-delete:before {
	background-position: 22.43em 3.05em;
}
.button.dark.watchlist-delete:hover:before,
.button.dark.watchlist-delete.hover:before {
	background-position: 22.43em 1.56em;
}
.button.dark.alerts:before {
	background-position: 32.78em 3.05em;
}
.button.dark.alerts:hover:before,
.button.dark.alerts.hover:before {
	background-position: 32.78em 1.56em;
}
.button.dark.depot:before {
	background-position: 13.45em 3.05em;
}
.button.dark.depot:hover:before,
.button.dark.depot.hover:before {
	background-position: 13.45em 1.56em;
}
.button.dark.settings:before {
	background-position: 29.83em 3.05em;
}
.button.dark.settings:hover:before,
.button.dark.settings.hover:before {
	background-position: 29.83em 1.56em;
}
.button.dark.menu:before {
	background-position: 35.75em 3.05em;
}
.button.dark.menu:hover:before,
.button.dark.menu.hover:before {
	background-position: 35.75em 1.56em;
}
.button.dark.chart:before {
	background-position: 20.93em 3.05em;
}
.button.dark.chart:hover:before,
.button.dark.chart.hover:before {
	background-position: 20.93em 1.56em;
}
.button.dark.news:before {
	background-position: 16.45em 3.05em;
}
.button.dark.news:hover:before,
.button.dark.news.hover:before  {
	background-position: 16.45em 1.56em;
}
.button.dark.list:before {
	background-position: 19.4em 3.05em;
}
.button.dark.list:hover:before,
.button.dark.list.hover:before {
	background-position: 19.4em 1.56em;
}
.button.dark.date:before {
	background-position: 14.98em 3.05em;
}
.button.dark.date:hover:before,
.button.dark.date.hover:before {
	background-position: 14.98em 1.56em;
}
.button.dark.save:before {
	background-position: 31.26em 3.05em;
}
.button.dark.save:hover:before,
.button.dark.save.hover:before {
	background-position: 31.26em 1.56em;
}
.button.dark.settings-reset:before {
	background-position: 28.26em 6.06em;
}
.button.dark.settings-reset:hover:before,
.button.dark.settings-reset.hover:before {
	background-position: 28.26em 4.55em;
}
.button.dark.plus:before {
	background-position: 34.25em 6.06em;
}
.button.dark.plus:hover:before,
.button.dark.plus.hover:before {
	background-position: 34.25em 4.55em;
}

.button.pale3.chart-standard:before {
	background-position: 11.95em 0.07em;
}
.button.dark5.chart-realtime:before,
.button.dark6.chart-realtime:before {
	background-position: 11.95em 4.55em;
}

.table .button.icon.date:before {
	font-size: 1.4em;
}
.button.icon.delete:before {
	background-position: 11.21em 2.38em;
}
.table .button.icon.delete:before {
	background-position: 4.44em 4.55em;
	background-size: auto 4.8em;
}
.no-touch .table .button.icon.delete:hover:before {
	background-position: 4.44em 2.095em;
}
.table.alerts .button.icon.delete:before,
.no-touch .table.alerts .button.icon.delete:hover:before {
	background-size: auto 5.94em;
	background-position: 10.6em 6.14em;
}
.button.icon.save2:before {
	background-position: 31.26em 6.06em;
}
.button.icon.search:before {
	background-position: 5.1em 3.4em;
	background-size: auto 3.41em;
}
#header .button.icon.search:before {
	background-position: 5.1em 1.7em;
	background-size: auto 3.41em;
}
.table .button.icon.date:before {
	background-position: 14.98em 6.06em;
}

/* header */
#header {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	list-style: none;
}
#header .header > div {
	height: 2.298em;
	width: 100%;
	display: table;
	table-layout: fixed;
}
#header .header > nav {
	height: 2.605em;
}
#header .header > div > div {
	padding-right: 0.3em;
	padding-left: 0.3em;
	display: table-cell;
	vertical-align: middle;
}
#header .header > div > div.button {
	padding-right: 0.15em;
	padding-left: 0.15em;
	border-radius: 0px;
	width: 2em;
}
#header .header > div > div.button:last-child {
	padding-right: 0.3em !important;
	width: 2.15em;
}
#header .header > div > div.button:first-child {
	padding-left: 0.3em !important;
	width: 2.15em;
}
#header .header > div > div.button a {
	border: 0;
	background-color: transparent;
	background: none !important;
	width: 1.7em;
	height: 1.7em;
	font-size: inherit;
	display: block;
	position: relative;
}
#header .header > div > div.button a:before {
	position: absolute;
	content: "";
	display: block;
	top: -0.15em;
	left: -0.265em;
	width: 2.2em;
	height: 2.2em;
	background-size: auto 320%;
}
#header .header > div > div.user-button a:before {
	background-position: 11.67em 0em;
}
#header .header > div > div.user-button.active a:before {
	background-position: 11.67em 4.7em;
}
#header .header > div > div.user-button a:hover:before {
	background-position: 11.67em 2.348em;
}
#header .header > div > div.full-user-button a:before {
	background-position: 4.645em 0em;
}
#header .header > div > div.full-user-button.active a:before {
	background-position: 4.645em 4.7em;
}
#header .header > div > div.full-user-button a:hover:before {
	background-position: 4.645em 2.348em;
}
#header .header > div > div.games a:before {
	background-position: 2.3em 0em;
}
#header .header > div > div.games.active a:before {
	background-position: 2.3em 4.7em;
}
#header .header > div > div.games a:hover:before {
	background-position: 2.3em 2.348em;
}
#header .header > div > div.alerts-settings a:before {
	background-position: 6.99em 0em;
}
#header .header > div > div.alerts-settings.active a:before,
#header .header > div > div.alerts-settings a.hover:before {
	background-position: 6.99em 4.7em;
}
#header .header > div > div.alerts-settings a:hover:before,
#header .header > div > div.alerts-settings.active a:hover:before  {
	background-position: 6.99em 2.348em;
}
#header .header > div > div.alerts-ticker a:before {
	background-position: 9.35em 0em;
}
#header .header > div > div.alerts-ticker.active a:before {
	background-position: 9.35em 4.7em;
}
#header .header > div > div.alerts-ticker a:hover:before {
	background-position: 9.35em 2.348em;
}
#header .header > div > div.alerts-ticker a > span {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	font-size: 0.55em;
	font-weight: bold;
	text-align: center;
	width: 100%;
	top: 0.82em;
}
#header .header > div > div.alerts-ticker a:hover > span {
	top: 0.87em;
}
#header .header > div > div.alerts-ticker a > span span {
	display: inline-block;
	padding: 0.1em 0.1em 0.1em 0.1em;
	line-height: 1;
	border-radius: 0.25em;
	min-width: 1.4em;
}

#header .header > div > div.logo img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
#header .header > div > div.logo .img-logo {
	width: 100%;
	height: auto;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	display: inline-block;
}
#header .header > div > div.search-form form {
	border-radius: 0.2em;
	width: 100%;
	height: 1.6em;
}
#header .header > div > div.search-form form input[type="text"],
#header .header > div > div.search-form form input[type="search"] {
	font-weight: normal;
	padding: 0.15em 2em 0.2em 0.3em;
}
#header .header > div > div.search-form form .button.icon {
	right: 0;
}

#header .header > div > div.heading {
	text-align: center;
	font-size: 1.3em;
	font-weight: 300;
	width: 100%;
}

#header nav ul {
	border-collapse: separate;
	height: inherit;
	width: 100%;
	display: table;
}
#header #header-user nav ul {
	width: auto;
}
#header nav ul li {
	display: table-cell;
	vertical-align: top;
}
#header nav ul li,
#header nav ul li a {
	height: inherit;
	position: relative;
}
#header nav ul li.icon {
	letter-spacing: normal;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 0.6em;
	vertical-align: top;
	width: 4.5em;
	min-width: 4.5em;
}
#header #header-user nav ul li.icon,
#header #header-spiele nav ul li.icon {
	min-width: 5em;
}
#header nav ul li.icon a {
	width: 100%;
	display: block;
	padding-top: 2.45em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
#header nav ul li.icon a:before {
	display: block;
	content: "";
	position: absolute;
	top: 0.4em;
	width: 2.25em;
	height: 2.25em;
	background-size: auto 4.5em;
	left: 50%;
	margin-left: -1.18em;
}
#header nav ul li.icon a:hover {
	text-decoration: none;
}
#header nav ul li.icon.active a:after {
	display: block;
	content: "";
	position: absolute;
	bottom: 0.2em;
	left: 0.6em;
	right: 0.6em;
	height: 0.2em;
	border-radius: 0.25em 0.25em 0 0;
}
#header nav ul li.icon:last-child,
#header nav ul li.icon:last-child {
	border-right: 0;
	box-shadow: unset;
}
#header nav ul li.icon.chat a:before {
	background-position: 2.3em 0em;
}
#header nav ul li.icon.chat.active a:before,
#header nav ul li.icon.chat a:hover:before {
	background-position: 2.3em 2.26em;
}
#header nav ul li.icon.markets a:before {
	background-position: 49.55em 0;
}
#header nav ul li.icon.markets.active a:before,
#header nav ul li.icon.markets a:hover:before {
	background-position: 49.55em 2.26em;
}
#header nav ul li.icon.news a:before {
	background-position: 47.3em 0;
}
#header nav ul li.icon.news.active a:before,
#header nav ul li.icon.news a:hover:before {
	background-position: 47.3em 2.26em;
}
#header nav ul li.icon.quotes a:before {
	background-position: 45.03em 0;
}
#header nav ul li.icon.quotes.active a:before,
#header nav ul li.icon.quotes a:hover:before {
	background-position: 45.03em 2.26em;
}
#header nav ul li.icon.radar a:before {
	background-position: 42.8em 0;
}
#header nav ul li.icon.radar.active a:before,
#header nav ul li.icon.radar a:hover:before {
	background-position: 42.8em 2.26em;
}
#header nav ul li.icon.impact a:before {
	background-position: 24.8em 0;
}
#header nav ul li.icon.impact.active a:before,
#header nav ul li.icon.impact a:hover:before {
	background-position: 24.8em 2.26em;
}
#header nav ul li.icon.pivotals a:before {
	background-position: 15.8em 0;
}
#header nav ul li.icon.pivotals.active a:before,
#header nav ul li.icon.pivotals a:hover:before {
	background-position: 15.8em 2.26em;
}
#header nav ul li.icon.trends a:before {
	background-position: 33.85em 0;
}
#header nav ul li.icon.trends.active a:before,
#header nav ul li.icon.trends a:hover:before {
	background-position: 33.85em 2.26em;
}
#header nav ul li.icon.watchlist a:before {
	background-position: 31.55em 0;
}
#header nav ul li.icon.watchlist.active a:before,
#header nav ul li.icon.watchlist a:hover:before {
	background-position: 31.55em 2.26em;
}
#header nav ul li.icon.apps a:before {
	background-position: 29.2em 0;
}
#header nav ul li.icon.apps.active a:before,
#header nav ul li.icon.apps a:hover:before {
	background-position: 29.2em 2.26em;
}
#header nav ul li.icon.alerts a:before {
	background-position: 27em 0;
}
#header nav ul li.icon.alerts.active a:before,
#header nav ul li.icon.alerts a:hover:before {
	background-position: 27em 2.26em
}
#header nav ul li.icon.hot-news a:before {
	background-position: 22.06em 0;
	width: 2.8em;
	background-size: auto 5em;
	margin-left: -1.4em;
	top: 0.2em;
}
#header nav ul li.icon.hot-news.active a:before,
#header nav ul li.icon.hot-news a:hover:before {
	background-position: 22.06em 2.5em;
}
#header nav ul li.icon.settings a:before {
	background-position: 51.75em 0;
}
#header nav ul li.icon.settings.active a:before,
#header nav ul li.icon.settings a:hover:before {
	background-position: 51.75em 2.26em;
}
#header nav ul li.icon.blog a:before {
	background-position: 38.3em 0;
}
#header nav ul li.icon.blog.active a:before,
#header nav ul li.icon.blog a:hover:before {
	background-position: 38.3em 2.26em;
}
#header nav ul li.icon.blog2 a:before {
	background-position: 36.06em 0;
}
#header nav ul li.icon.blog2.active a:before,
#header nav ul li.icon.blog2 a:hover:before {
	background-position: 36.06em 2.26em;
}
#header nav ul li.icon.logout a:before {
	background-position: 54em 0;
	margin-left: -1.0em;
}
#header nav ul li.icon.logout a:hover:before,
#header nav ul li.icon.logout.active a:before {
	background-position: 54em 2.26em;
}
#header nav ul li.icon.login a:before {
	background-position: 22.56em 0;
	margin-left: -1.0em;
}
#header nav ul li.icon.login a:hover:before,
#header nav ul li.icon.login.active a:before {
	background-position: 22.56em 2.26em;
}
#header nav ul li.icon.games a:before {
	background-position: 11.3em 0;
}
#header nav ul li.icon.games.active a:before,
#header nav ul li.icon.games a:hover:before {
	background-position: 11.3em 2.26em;
}
#header nav ul li.icon.accounts a:before {
	background-position: 9.04em 0;
}
#header nav ul li.icon.accounts.active a:before,
#header nav ul li.icon.accounts a:hover:before {
	background-position: 9.04em 2.26em;
}
#header nav ul li.icon.user-return {
	width: 5.15em;
}
#header nav ul li.icon.user-return a:before {
	background-position: 8.15em 4.9em;
	height: 4em;
	background-size: auto 5.5em;
	width: 2.6em;
	margin-left: -1.3em;
	top: 0.1em;
}
#header nav ul li.icon.user-return.active a:before,
#header nav ul li.icon.user-return a:hover:before {
	background-position: 5.4em 4.9em;
}
#header nav ul li.icon.live a:before {
	background-position: 57.07em 0;
		width: 2.8em;
		margin-left: -1.4em;
}
#header nav ul li.icon.live.active a:before,
#header nav ul li.icon.live a:hover:before {
	background-position: 57.07em 2.26em;
}
#header nav ul li.icon.chart-tweets a:before {
	background-position: 60.75em 0;
}
#header nav ul li.icon.chart-tweets.active a:before,
#header nav ul li.icon.chart-tweets a:hover:before {
	background-position: 60.75em 2.26em;
}

#header nav ul li.text > * {
	display: block;
	width: 100%;
	font-style: normal;
	font-weight: 400;
	font-size: 0.6em;
	text-align: center;
	padding-left: 0.3em;
	padding-right: 0.3em;
}
#header nav ul li.text.large > * {
	padding-left: 0.7em;
	letter-spacing: 1px;
	font-size: 0.7em;
	line-height: 1.45;
}
#header nav ul li.text .css-table {
	height: inherit;
}
#header nav ul li.text .css-table .css-cell {
	vertical-align: middle;
}

#header nav ul li.dropdown .opener {
	padding-right: 3.6em;
	padding-left: 0.75em;
}
#header nav ul li.dropdown .opener:after {
	position: absolute;
	top: 50%;
	right: 0.8em;
	width: 2.5em;
	height: 2.5em;
	content: "";
	display: block;
	background-size: auto 9em;
	background-position: -5.2em -6.4em;
	margin-top: -1.25em;
}
#header nav ul li.dropdown .opener:hover:after,
#header nav ul li.dropdown.active .opener:after,
#header nav ul li.dropdown.open .opener:after {
	background-position: -5.2em -3.85em;
}
#header nav ul li.dropdown .opener .css-cell {
	text-align: left;
}
#header nav ul li.dropdown .opener .css-cell:not(:last-child) {
	text-align: right;
}
#header nav ul li.dropdown > div {
	position: relative;
	padding: 0;
}
#header nav ul li.large.dropdown > div {
	line-height: 1.2em !important;
	font-size: 0.6em;
}

#header nav ul li.dropdown .dropdown-holder {
	position: relative;
}
#header nav ul li.dropdown .dropdown-holder > div {
	position: absolute;
	height: auto;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	max-height: 60vh;
	overflow: auto;
}
#header nav ul li.dropdown .dropdown-holder ul,
#header nav ul li.dropdown .dropdown-holder li,
#header nav ul li.dropdown .dropdown-holder li .dropdown-item {
	display: block;
	height: auto;
}
#header nav ul li.dropdown .dropdown-holder li .dropdown-item {
	padding: 0.5em 1em;
}
#header nav ul li.dropdown .dropdown-holder li .css-table {
	height: auto;
	width: auto;
	margin: 0 auto;
}
#header nav ul li.dropdown .dropdown-holder li .css-cell {
	padding: 0;
	height: 3em;
}
#header nav ul li.dropdown .dropdown-group > .dropdown-item .css-table {
	margin-left: 0;
}
#header nav ul li.dropdown .dropdown-group > .dropdown-item strong {
	font-size: 1.2em;
}
#header nav ul li.dropdown .dropdown-item span {
	font-size: 0.83em;
}
#header nav ul li.dropdown .dropdown-item .css-cell:not(:first-child) {
	padding-left: 0.5em;
}
#header nav ul li.dropdown .brokerage img {
	width: 7.5em;
	margin-top: 0.44em;
	display: inline-block;
	vertical-align: middle;
}
#header nav ul li.dropdown .comdirect img {
	width: 7.5em;
	margin-top: -0.6em;
	display: inline-block;
	vertical-align: middle;
}
#header nav ul li.dropdown .comdirect img.active {
	display: none;
}
#header nav ul li.dropdown.open .comdirect img.active,
#header nav ul li.dropdown.active .comdirect img.active {
	display: inline;
}
#header nav ul li.dropdown.open .comdirect img.inactive,
#header nav ul li.dropdown.active .comdirect img.inactive {
	display: none;
}

/* footer */
#site-content {
	min-height: 100vh;
	padding-bottom: 2.1em;
	position: relative;
}
.main_footer {
	position: absolute;
	bottom: 0;
	margin: 0;
	overflow: hidden;
	width: 100%;
	height: 2.1em;
}
.main_footer nav{
	font-size: 0.75em;
}
.main_footer nav ul{
	padding: 0em;
	margin: 0.65em;
	text-align: center;
}
.main_footer nav ul li {
	margin: 0em;
	padding: 0em;
	display: inline-block;
	text-transform: uppercase;
	height: 1.4em;
	text-align: center;
}
.main_footer nav ul li:not(:first-child) {
	padding-left: 0.45em;
}
.main_footer nav ul li:not(:last-child) {
	padding-right: 0.45em;
}
.main_footer nav ul li a{
	display: inline-block;
	positioN: relative;
}
.main_footer nav ul li a:hover{
	text-decoration: underline;
}
.main_footer nav ul li strong {
	font-weight: 600;
}

nav ul {
	padding: 0;
	margin: 0;
}
nav ul li {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
}

.main_content {
	padding: 0.8em 0.4em;
}
.main_content .section:not(:last-child) {
	margin-bottom: 1.2em;
}
.main_content .section.bg {
	padding: .4em;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
}
.main_content .section.bg:not(:last-child) {
	margin-bottom: 0.55em;
}
.main_content .section.bg hr {
	display: block;
	height: 2px;
	width: auto;
	margin-left: -0.4em;
	margin-right: -0.4em;
	border: 0px;
	margin-top: 1em;
	margin-bottom: 1.3em;
}
.main_content .section .section {
	margin: 0 0 0.6em 0;
}
.main_content .section.bg .section.bg {
	margin: 0 0 0.4em 0;
}
.main_content .section.bg p:last-child,
.main_content .section .section:last-child {
	margin-bottom: 0;
}
.main_content .section .section:first-child {
	margin-top: 0;
}
.main_content .section.description {
	font-size: 0.7em;
	margin-bottom: 1em;
}
.main_content .section.bg.description .header {
	position: relative;
	padding-left: 2.6em;
}
.main_content .section.bg.description .header:before {
	content: "\203a";
	display: block;
	position: absolute;
	left: 0.2em;
	top: 50%;
	margin-top: -0.55em;
	width: 1.1em;
	height: 1.1em;
	border-radius: 100%;
	font-size: 1.5em;
	line-height: 0.75em;
	padding: 0em 0.4em;
	transform: rotate(90deg);
}
.main_content .section.bg.description .header.open:before {
	content: "\2039";
	padding: 0em 0.35em;
}
.main_content .section.bg.description .body:before {
	content: "";
	display: block;
	margin: 0.7em 0;
}
.main_content .section.bg.description .body {
	display: none;
}



body.prevent-pull-refresh {
	overflow: hidden;
}
body.prevent-pull-refresh #site-content {
	overflow: hidden;
	height: 10000px;
}
body.prevent-pull-refresh .main_content {
	position: fixed;
	overflow-y: auto;
	top: 5.15em;
	bottom: 2.1em;
	left: 0;
	right: 0;
}
body.prevent-pull-refresh #header {
	position: fixed;
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
	z-index: 1;
}
body.prevent-pull-refresh #footer {
	position: fixed;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.h1.sprite-before {
	padding-left: 1.1em;
	text-align: left;
	display: block;
}
.h1.hover {
	font-weight: 600;
}
.h1.sprite-before:before {
	display: block;
	content: "";
	height: 1.3em;
	width: 1.3em;
	top: 0.2em;
	margin-top: 0;
	left: -0.2em;
	position: absolute;
	background-size: auto 2.6em;
}
.h1.markets:before {
	background-position: -6.45em -1.37em;
}
.h1.watchlist {
	padding-left: 1.2em;
}
.h1.watchlist:before {
	background-position: -9em -1.37em;
}
.h1.search-result:before {
	background-position: -9.05em -0.05em;
}
.h1.radar {
	padding-left: 1.2em;
}
.h1.radar:before {
	background-position: -1.3em -0.15em;
	left: -0.15em;
}
.h1.indices:before {
	background-position: -11.65em -1.3em;
}
.h1.commodities {
	padding-left: 1.2em;
}
.h1.commodities:before {
	background-position: -7.65em -0.05em;
}
.h1.currencies {
	padding-left: 1.2em;
}
.h1.currencies:before {
	background-position: -7.7em -1.265em;
}
.h1.hot-stuff:before {
	background-position: -6.5em -0.15em;
}
.h1.market-news:before {
	background-position: -10.33em 0em;
}
.h1.trend-scout:before {
	background-position: -2.6em 0;
}
.h1.trend-updates:before {
	background-position: -13em -1.35em;
}
.h1.trend-tops {
	padding-left: 1.2em;
}
.h1.trend-tops:before {
	background-position: -2.57em -1.35em;
}
.h1.blog:before {
	background-position: 0em -1.4em;
}
.h1.hot-news {
	padding-left: 1.9em;
}
.h1.hot-news:before {
	background-position: -14.25em -.1em;
	width: 1.85em;
	left: -.12em;
	top: 0.1em;
}
.h1.impact {
	padding-left: 1.25em;
}
.h1.impact:before {
	background-position: -14.25em -1.35em;
	left: -0.1em;
}
.h1.pivotals {
	padding-left: 1.2em;
}
.h1.pivotals:before {
	background-position: -15.55em -1.35em;
	left: -0.15em;
}
.h1.wingman:before {
	background-position: 0 -0.05em;
}
.h1.signal {
	padding-left: 1.3em;
}
.h1.signal:before {
	background-position: -5.2em 0;
}
.h1.chart {
	padding-left: 1.3em;
}
.h1.chart:before {
	background-position: -1.3em -1.35em;
}

.h1 .select-container {
	width: 100%;
	border-radius: 0.25em;
	margin-bottom: 0.7em;
	margin-top: 0;
}
.h1 .select-container .jcf-select {
	height: 1.5em;
	border-radius: 0.25em;
	background: none !important;
	box-shadow: unset;
}
.h1 .select-container .jcf-select .jcf-select-text {
	background: transparent;
	padding: 0.1em 0.3em 0 0.3em;
}
.h1 .select-container .jcf-select .jcf-select-opener:after {
	margin-right: -0.8em;
	background-position: -9.53em -5.16em;
	background-size: auto 6em;
	height: 0.8em;
	margin-top: -0.33em;
}

.main_content .header.select-container {
	margin: 0 0 0.6em;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.main_content .header.select-container .h1 {
	margin-bottom: 0;
}
.main_content .header.select-container:after {
	display: block;
	content: "";
	clear: both;
}
.main_content .header.select-container .left,
.main_content .header.select-container .right {
	display: table-cell;
	vertical-align: middle;
}
.main_content .header.select-container .left {
	width: 55%;
}
.main_content .header.select-container .right {
	width: 45%;
}
.main_content .header.select-container .jcf-select {
	font-size: 0.8em;
	height: 1.8em;
	display: block;
}
.main_content .header.select-container .jcf-select .jcf-select-text {
	font-weight: 300;
	padding: 0.21em 0.5em;
}
.main_content .header.select-container .jcf-select .jcf-select-opener {
	top: 1px;
	bottom: 1px;
	height: auto;
	width: 1.9em;
	right: 1px;
}
.main_content .header.select-container .jcf-select .jcf-select-opener:after {
	background-position: -15.16em -9.25em;
	background-size: auto 10.6em;
}

.main_content nav ul{
	padding: 0em;
	text-align: center;
	display: table;
	width: 100%;
}
.main_content nav ul li{
	display: table-cell;
	text-transform: uppercase;
}
.main_content nav ul li span.active {
	padding: 0.1em 0.2em 0em 0.2em;
}
.main_content nav ul li a{
	text-decoration: none;
}
.main_content nav ul a.border-right{
	padding-right: 0.6em;
}
.main_content nav ul a.border-left{
	padding-left: 0.75em;
}
.main_content nav ul li.button-holder {
	width: 2.2em;
}
.main_content nav ul li.button-holder.big {
	width: 3em;
}
.main_content nav ul li.button-holder:first-child,
.main_content nav ul li.button-holder:last-child {
	width: 2em;
}

.main_select_container {
	width: 100%;
	font-weight: 300;
	font-size: 1em;
}
.main_select_container h1 {
	font-size: inherit !important;
	line-height: inherit !important;
	border-radius: 0.3em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}
.main_select_container:after {
	clear: both;
}

.main_select_container .jcf-select {
	height: 1.7em;
}
.main_select_container .jcf-select:after {
	border-top-left-radius: 0.5em !important;
	border-bottom-left-radius: 0.5em !important;
	border-top-right-radius: 0.42em !important;
	border-bottom-right-radius: 0.42em !important;
}
.main_select_container .jcf-select select {
	text-align: left;
	font-weight: 300;
	font-size: 1em;
}
.main_select_container h1,
.main_select_container .jcf-select .jcf-select-text {
	height: 1.7em;
	padding: 0.2em 0.5em;
	font-weight: 300;
}
.main_select_container .jcf-select .jcf-select-text {
	text-align: left;
	margin: 0 1.75em 0 0;
}
.main_select_container .jcf-select .jcf-select-opener {
	height: 1.705em;
}
.main_select_container .jcf-select .jcf-select-opener:after {
	background-position: -15.16em -9.25em;
	background-size: auto 10.6em;
}

.sub1_select_container .jcf-select {
	font-size: 0.8em;
}
.sub1_select_container .jcf-select .jcf-select-text {
	font-size: 0.9em;
	padding: 0.5em 0.3em;
	text-transform: none;
	margin-right: 1.5em;
}
.sub1_select_container .jcf-select .jcf-select-opener {
	width: 1.5em;
}
.sub1_select_container .jcf-select .jcf-select-opener:after {
	font-size: 0.6em;
}

.top_nav {
	font-size: 1em;
	padding: 0;
	margin-bottom: 0.8em;
}
.top_nav .section:not(:last-child) {
	margin: 0 0 0.8em 0;
}
.top_nav .section:last-child {
	margin-bottom: 0;
}
.top_nav .section .section:not(:last-child) {
	margin: 0 0 0.25em 0;
}
.top_nav .h1,
.top_nav h1 {
	margin-bottom: 0;
}
.top_nav ul {
	table-layout: fixed;
}
.top_nav ul li {
	padding-left: 0.2em;
	padding-right: 0.2em;
}
.top_nav ul li:first-child {
	padding-left: 0;
}
.top_nav ul li:last-child {
	padding-right: 0;
}

.bottom_nav {
	font-size: 1em;
	margin: 0;
	padding: 0;
}
.bottom_nav ul li:not(:first-child) {
	margin-left: 0.35em;
}
.bottom_nav ul li.news-ticker-up a{
	width: auto;
	line-height: 1.7em;
	margin: 0em 1em;
	background: transparent;
}

/* stock tables */
.hide_sup sup {
	display: none;
}
table {
	width: 100%;
	max-width: 100%;
	font-size: 0.79em;
}
.tfcookie-details table {
	font-size: inherit;
}
table.small,
.table.small table {
	font-size: 0.65em;
}
table thead tr th {
	padding: 0.2em 0.42em;
	text-transform: uppercase;
}
table tbody tr td {
	padding: 0.35em 0.42em;
}
table tbody tr td.small,
table thead tr th.small {
	font-size: 0.8em;
	padding: 0.4375em 0.525em;
}
table tbody tr td .small,
table thead tr th .small {
	font-size: 0.8em;
}

table tbody tr.hidden {
	display: none;
}

table.rows-2 tr:nth-child(2n+1) td {
	padding-bottom: 0;
}
table.rows-2 tr:nth-child(2n+2) td {
	padding-top: 0;
	border-top-width: 0px !important;
}

table.rows-3 tr:nth-child(3n+1) td {
	padding-bottom: 0;
}
table.rows-3 tr:nth-child(3n+2) td {
	padding-bottom: 0;
	padding-top: 0;
	border-top-width: 0px !important;
	border-bottom-width: 0px !important;
}
table.rows-3 tr:nth-child(3n+3) td {
	padding-top: 0;
	border-top-width: 0px !important;
}

table.rows-4 tr:nth-child(4n+1) td {
	padding-bottom: 0;
}
table.rows-4 tr:nth-child(4n+2) td,
table.rows-4 tr:nth-child(4n+3) td {
	padding-bottom: 0;
	padding-top: 0;
	border-top-width: 0px;
	border-bottom-width: 0px;
}
table.rows-4 tr:nth-child(4n+4) td {
	padding-top: 0;
	border-top-width: 0px;
}

table thead tr th button.sort {
	font: inherit;
	color: inherit;
	font-size: inherit;
	border: 0;
	background-color: transparent;
	text-transform: inherit;
	padding: 0;
}

table tr .in_class {
	min-width: 2em;
	width: 2em;
	text-align: center;
	padding-top: 0;
	padding-bottom: 0;
}
table tr .in_class span {
	position: relative;
	display: block;
	overflow: hidden;
	cursor: default;
	height: 1.6em;
	width: 1.6em;
	background-size: auto 6em;
	background-repeat: no-repeat;
}
table tr .in_class.in_boundary span {
	background-position: -22em -3.5em;
	background-size: auto 10em;
}
table tr .in_class.in_prime span {
	background-position: -18.35em -0.3em;
	background-size: auto 8.4em;
}
table tr .in_class.pos span,
table tr .in_class.neut span {
	background-position: -19.2em -0.65em;
	background-size: auto 10em;
}
table tr .in_class.neg span {
	background-position: -19.2em -3.5em;
	background-size: auto 10em;
}
table tr .in_class.neut span,
table tr .in_class.in_boundary.outside span,
table tr .in_class.in_prime.outside span {
	display: none;
}
table tr .in_timedif {
	min-width: 3.5em;
	width: 3.5em;
}
table tr .in_time {
	min-width: 6em;
	width: 6em;
}
table tr .in_value {
	min-width: 5em;
	width: 5em;
	text-align: right;
}
table tr .in_chart img {
	width: 100%;
}
table tr .in_perf {
	min-width: 5.5em;
	width: 5.5em;
	text-align: right;
}
table tbody tr td.in_perf {
	font-weight: 600;
}
table tr .in_button {
	width: 1.85em;
	min-width: 1.85em;
}
table tbody tr td.in_button:not(:last-child) {
	padding: 0.17em 0 0.26em 0.35em;
}
table tbody tr td.in_button button {
	font-size: 0.9em;
	vertical-align: middle;
}

.wordwrap table tbody tr td {
	max-width: 0;
}
.wordwrap table tbody tr td a {
	text-decoration: none;
}
.wordwrap table tbody tr td.in_name,
.wordwrap table tbody tr td.in_type {
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table table tr .in_news {
	min-width: 3em;
	width: 3em;
	text-align: center;
}


.index_content table .in_news {
	display: none;
}
.index_content .table thead tr th.in_perf {
 padding-right: 2em;
}
.table.news table tr .in_class {
	padding-left: 0.2em;
	padding-right: 0;
	min-width: 1.5em;
	width: 1.5em;
}
.table.news tr .in_class.pos span,
.table.news tr .in_class.neut span {
	background-position: -18.45em -5.6em;
}
.table.news tr .in_class.neg span {
	background-position: -19.93em -5.6em;
}
.table.news tr .in_perf,
.table.news tr .in_value {
	min-width: 6em;
	width: 6em;
}
.table.news {
	margin-left: -0.4em;
	margin-right: -0.4em;
}
.table.news .in_impact {
	min-width: 6.5em;
	width: 6.5em;
	text-align: center;
	line-height: 1.3em;
}
.table.news .in_impact span {
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0.8em;
}
.table.news .in_impact span:first-child:before {
	display: inline-block;
	content: "";
	width: 1.5em;
	height: 1.5em;
	background-size: auto 3.5em;
	background-position: -19.35em -1.85em;
	vertical-align: text-top;
	margin-right: 0.3em;
}
.table.news tr .in_comment {
	font-size: 0.8em;
	padding-top: 0;
}
.table span.highlight {
	padding: 0 0.2em;
	font-size: 0.75em;
}
.table.news span.highlight {
	text-transform: uppercase;
	font-size: 0.7em;
	border-radius: 0.25em;
}
.table.news .in_articles {
	padding: 0 0 1.5em 0;
}
.table.news article {
	padding: 0.6em 0.5em;
}
.table.news article footer {
	font-size: 0.8em;
	margin-bottom: 1em;
}
.table.news article footer span {
	display: inline-block;
}
.table.news article footer .time {
	width: 10em;
}
.table.news article footer .source {
	width: 10em;
}
.table.news article footer .category a {
	border-radius: 0.4em;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 0 0.2em;
}
.table.news article h1 {
	font-size: 0.9em;
	font-weight: 500;
	margin-bottom: 0;
}

.table.events table {
	font-size: 0.632em;
}
.table.events.wordwrap table {
	table-layout: fixed;
}
.table.events table th,
.table.events table td {
	padding: 0.4375em 0.525em;
}
.table.events table:not(:first-child) {
	margin-top: 2em;
}
.table.events tr th {
	text-align: left;
}
.table.events tr th.in_date.title {
	text-align: center;
	font-size: 1.375em;
	font-weight: bold;
}
.table.events .in_type,
.table.events .in_value {
	vertical-align: top;
}
.table.events .in_type {
	width: 30%;
}
.table.events .in_value {
	width: 35%;
	text-align: center;
}
.table.events .in_time {
	width: 6em;
}
.table.events .in_country {
	width: 6em;
	text-align: right;
}


/* login */
#login_content header {
	text-align: left;
	margin: 1em 0 1.2em 0;
}
#login_content header h1 {
	text-transform: uppercase;
}
#login_content form {
	margin-bottom: 5em;
}
#login_content p a {
	text-decoration: underline;
}
form.login .form-group.submit {
	text-align: center;
}
form.login input[type="password"],
form.login input[type="email"],
form.login input[type="text"] {
	font-size: 1.13em;
	padding: 0em 0.25em;
	width: 100%;
	display: inline-block;
	height: 1.9em;
	border-radius: 0.3em;
}
form.login input[type="submit"]{
	font-size: 1.6em;
	min-width: 5em;
	height: 1.45em;
	display: inline-block;
	border-radius: 0.2em;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
form.login input[type="submit"].small {
	font-size: 1.2em;
	height: 1.6em;
	border-radius: 0.3em;
	padding-left: 1em;
	padding-right: 1em;
}
#login_info {
	text-align: left;
}

/* news */
.section > .article {
	overflow: hidden;
}
.section > .article .body h2,
.section > .article .body h3,
.section > .article .body h4,
.section > .article .body h5 {
	margin-top: 1em !important;
}
.section > .article footer {
	font-size: 0.8em;
	font-weight: 600;
}
.section > .article > p,
.section > .article .body {
	font-size: 0.8em;
	-webkit-hyphens: auto;
		 -moz-hyphens: auto;
			-ms-hyphens: auto;
					hyphens: auto;
	text-align: justify;
}
.section > .article header h2 {
	margin: 0.35em 0 0.5em 0;
	font-weight: bold;
}
.section article img,
.section .article img {
	max-width: 100% !important;
	height: auto !important;
}
.section .article img.alignleft {
	width: auto !important;
	height: auto !important;
	float: left;
	max-width: 200px;
	margin: 0.5em 0.5em 0.5em 0;
}
.section .article img.alignright {
	width: auto !important;
	height: auto !important;
	float: right;
	max-width: 200px;
	margin: 0.5em 0 0.5em 0.5em;
}
.section .article iframe {
	width: 100%;
	height: 200px;
	margin: 1em 0;
}
.section .article table {
	margin: 1em 0;
}
.section .article table td {
	padding: 0.2em;
	text-align: left;
}
#news_menu {
	font-size: 0.82em;
}
#news_menu > div {
	padding: 0;
	margin: 0;
	float: right;
	width: 100%;
}
#news_menu:after {
	content: "";
	display: block;
	clear: both;
}
#news_menu ul li {
	padding: 0.15em 0.25em;
}

/* news article */
#news_top {
	display: table;
	width: 100%;
	margin-bottom: 0.9em;
	padding-bottom: 0.3em;
}
#news_top .h1 {
	margin: 0;;
}
#news_top .h1:before {
	display: none;
}
#news_top > div {
	display: table-cell;
	padding: 0 0 0.1em 0;
	margin: 0 0 0.15em 0;
}
#news_top > div:not(:first-child){
	vertical-align: middle;
}
#news_top > div:first-child{
	width: 2.2em;
	vertical-align: top;
}
#news_top ul {
	font-size: 0.85em;
	margin: 0;
	padding: 0;
	list-style: none;
}
#news_top ul li{
	padding: 0.1em 0.5em 0.1em 0.5em;
	display: block;
	list-style: none;
	width: 100%;
}
#news_top ul li:hover{
	padding-left: 1em;
	padding-right: 0em;
}
#news_top ul li span.wkn,
#news_top ul li span.source {
	font-size: 0.75em;
}
#news_content .table {
	font-size: 0.85em;
}
#news_content .table .in_value,
#news_content .table .in_perf {
	text-align: right;
	width: 20%;
}
#news_content .table .in_name {
	text-align: left;
	width: 60%;
}

#news-ticker-settings {
	width: 18em;
}

/* gallery content */
#gallery_content .section.menu {
	margin-left: -0.4em;
	margin-right: -0.4em;
	padding: 0;
}
#gallery_content .section.menu > div {
	padding: 0 0.4em;
}
#gallery_content .section.menu ul.short-menu,
#gallery_content .section.menu ul.sort-menu {
	font-size: 0.85em;
	font-weight: 600;
	margin: 0em;
	padding: 0em;
	border-width: 0;
	display: table;
	table-layout: initial;
}
#gallery_content .section.menu ul.short-menu li,
#gallery_content .section.menu ul.sort-menu li {
	display: table-cell;
	padding: 0.5em 0;
	text-transform: none;
	font-weight: 600;
}
#gallery_content .section.menu ul.short-menu li:first-child,
#gallery_content .section.menu ul.sort-menu li:first-child {
	text-align: left;
}
#gallery_content .section.menu ul.short-menu li:not(:first-child),
#gallery_content .section.menu ul.sort-menu li:not(:first-child) {
	cursor: pointer;
	text-align: right;
}
#gallery_content .section.menu ul.short-menu li .chart-control {
	text-align: right;
}
#gallery_content .section.menu ul.short-menu li .button.text,
#gallery_content .section.menu ul.sort-menu li .button.text {
	min-width: 4.6em;
	font-size: 0.7em;
}
#gallery_content .section.menu ul.short-menu li.active,
#gallery_content .section.menu ul.sort-menu li.active{
	text-decoration: none;
}
#gallery_content .section.menu ul.short-menu li {
	width: 12%;
	text-align: right;
}
#gallery_content .section.menu ul.short-menu li:first-child {
	width: auto;
	text-align: left;
}
.gallery_content .gallery-item {
	margin-left: -0.4em;
	margin-right: -0.4em;
}
.gallery_content .gallery-item .header {
	height: 2.2em;
	overflow: hidden;
	width: 100%;
	line-height: 0.9em;
}
.gallery_content .gallery-item .header .css-cell {
	vertical-align: middle;
	padding: 0.4em;
}
.gallery_content .gallery-item .header .css-cell h2 {
	margin: 0;
	line-height: inherit;
	font-size: 0.75em;
}
.gallery_content .gallery-item .header .css-cell h2 span,
.gallery_content .gallery-item .header .css-cell .description span {
	font-size: 1em;
}
.gallery_content .gallery-item .header .css-cell span,
.gallery_content .gallery-item .header .css-cell div {
	font-size: 0.65em;
}
.gallery_content .gallery-item .header .stock-update-elem {
	display: block;
	text-align: right;
	white-space: nowrap;
}
.gallery_content .gallery-item .header .stock-update-elem.value {
	font-weight: bold;
}
.gallery_content .gallery-item figure img {
	display: inline-block;
	min-height: 5em;
}
.gallery_content .gallery-item figure .zoom {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -3em;
	height: 4em;
	width: 3em;
	border: 0px;
	background-color: transparent;
	padding: 0;
	opacity: 0.5;
}
.gallery_content .gallery-item figure .zoom:hover {
	opacity: 1;
}
.gallery_content .gallery-item figure .zoom span {
	display: block;
	width: inherit;
	height: inherit;
	background-size: auto 10.5em;
	background-repeat: no-repeat;
}
.gallery_content .gallery-item figure .zoom.zoom-in {
	left: 0;
}
.gallery_content .gallery-item figure .zoom.zoom-in span {
	background-position: -6.16em -0.24em;
}
.gallery_content .gallery-item figure .zoom.zoom-out {
	right: 0;
}
.gallery_content .gallery-item figure .zoom.zoom-out span {
	background-position: -8.67em -0.24em;
}
.gallery_content .gallery-item .figure_container {
	position: relative;
	text-align: center;
	overflow: hidden;
}

/* chart content */

#chart_content {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
}

#chart_ticker {
	text-align: center;
}
#chart_ticker .css-cell {
	vertical-align: top;
	font-size: 0.8em;
}
#chart_ticker .css-cell:first-child {
	text-align: left;
}
#chart_content #chart_ticker .css-cell {
	line-height: 1;
}
#chart_ticker .css-cell:last-child {
	text-align: right;
}
#chart_ticker .css-cell > div:not(:last-child) {
	margin-bottom: 0.45em;
}
#chart_ticker #ticker_perf {
	font-weight:600;
}
#chart_content #chart_ticker #ticker_value_perf {
	line-height: 1;
	margin-bottom: 0;
}
#chart_content #chart_ticker #ticker_value_perf > span {
	display: block;
}
#chart_content #chart_ticker #ticker_value_perf > #ticker_perf {
	margin-bottom: 0.3em;
	font-size: 0.75em;
}
#chart_content #chart_ticker .css-table:first-child #ticker_value_perf > #ticker_perf {
	margin-top: 0.25em;
}
#chart_content #chart_ticker #ticker_value_perf > #ticker_value {
	margin-bottom: 0.33em;
	font-weight: 300;
}
#chart_ticker #source_name {
	font-size: 0.75em;
	display: block;
	font-weight: 600;
}
#chart_content #chart_ticker #ticker_value_perf {
	line-height: 1;
	margin-bottom: 0;
}
#chart_content #chart_ticker .css-cell #ticker_value_perf {
	font-size: 1em;
}
#chart_content #chart_ticker .css-cell #ticker_value_perf > #ticker_perf {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	margin-top: 0.4em;
}
#chart_content #chart_ticker .css-cell #ticker_value_perf > #ticker_value {
	text-transform: uppercase;
	margin-bottom: 0.3em;
	font-size: 1.46em;
}
#chart_content #chart_ticker .css-cell #source_name {
	font-size: 0.55em;
}

#chart_ticker #chart_heading {
	font-size: 1.15em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
	display: block;
}
#chart_content #chart_ticker #chart_heading {
	text-align: left;
	font-weight: 600;
	margin-bottom: 0.2em;
	line-height: 1.1em;
}
#chart_content #chart_ticker .css-cell #chart_heading {
	font-size: 1.4375em;
}
#chart_ticker #ticker_wkn_isin {
	font-weight: 300;
	font-size: 0.9em;
}
#chart_content #chart_ticker #ticker_wkn_isin {
	margin-bottom: 0.7em;
	margin-top: 0.7em;
}

#chart_ticker #ticker_value_perf {
	font-size: 1.23em;
}
#chart_ticker #ticker_date_time {
	font-size: 0.55em;
	font-weight: 600;
}
#chart_content #chart_ticker #ticker_date_time {
	font-size: 0.55em;
}
#chart_ticker #ticker_date_time em {
	display: block;
	padding-top: 0.2em;
}
#chart_ticker #ticker_ask_bid {
	display: inline-block;
	font-size: 0.9em;
	line-height: 1em;
	font-weight: 600;
	margin-top: 0.2em;
}
#chart_ticker #ticker_ask_bid:after {
	display: block;
	content: "";
	clear: both;
}
#chart_content #chart_ticker #ticker_ask_bid {
	text-transform: uppercase;
	margin-bottom: 0.23em;
	font-size: 1.08em;
	margin-top: 0;
}
#chart_ticker #ticker_ask_bid > span {
	padding: 0.15em 0.2em 0.15em 0.2em;
	display: block;
	float: left;
}
#chart_ticker #ticker_brokerage {
	margin-top: 0.47em;
}
#chart_ticker #ticker_brokerage .button.text {
	padding: 0.17em 0.4em;
	font-size: 0.9em;
	border-radius: 0.2em;
	height: auto;
	text-decoration: none;
	border-width: 1px;
	font-weight: 700;
	letter-spacing: 0.025em;
}
#site-content > .offer-banner.brokerage,
#site-content > .offer-banner.comdirect {
	margin: 0;
	font-size: 0.6em;
	text-transform: uppercase;
}
#chart_content #chart_ticker header.section.bg {
	margin-bottom: 1em;
}
#chart_content #chart_ticker header.section.bg span {
	font-weight: 300;
	font-size: 0.8em;
	display: block;
}

#chart-button-nav {
	margin: 1.5em 0 0.6em;
}
#chart-button-nav li {
	text-align: left;
}
#chart-button-nav li {
	width: 3em;
}
#chart-button-nav li .button.icon {
	display: block;
}
#chart-button-nav li:first-child {
	width: 2em;
}
#chart-button-nav li:last-child {
	width: auto;
}
#chart-button-nav li:not(:first-child) {
	padding-left: 1em;
}
#chart-button-nav li:last-child a {
	position: relative;
	display: block
}
#chart-button-nav li:last-child a div {
	position: absolute;
	top: 0;
	left: 1.6em;
	bottom: 0;
	right: -0.52em;
	font-size: 0.7em;
	padding: 0.8em 0.5em 0 1.5em;
	text-transform: none;
	text-align: center;
	font-weight: 600;
}

#chart_figure_container {
	position: relative;
}
#chart_figure_container:not(:last-child) {
	margin: 0 0 1.5em 0;
}
figure {
	position: relative;
}
.figure-shadow:after,
.figure-shadow:before{
	z-index: 5;
	position: absolute;
	content: "";
	width: 50%;
	height: 2em;
	bottom: 2em;
}
.figure-shadow:after{
	left: 1.3em;
	transform: rotate(-4deg);
}
.figure-shadow:before{
	right: 1.3em;
	transform: rotate(4deg);
}
.figure-shadow img {
	z-index: 6;
	position: relative;
	min-height: 20em;
	font-size: 0.5em;
	display: block;
}
#chart_figure_container header h2{
	font-size: 0.9em;
	font-weight: 400;
	margin: 0.45em 0em 0.75em 0em;
	padding: 0em 0em;
	text-align: center;
}

/* chart menu */
#chart_tab_menu .button.icon-text {
	border-radius: 0.5em 0.5em 0 0;
	padding: 0.2em 0.6em 0 1.8em;
	border-bottom: 0;
	font-size: 0.62em;
	height: 1.65em;
}
.chart-element-menu.short-menu {
	font-size: 0.6em;
	margin: 0.4em 0em 1em 0em;
	padding: 0em;
	text-align: center;
}
.chart-element-menu.short-menu li{
	display: inline-block;
	padding: 0.1em 0.1em 0.1em 0.3em;
	cursor: pointer;
	font-weight: bold;
}
.chart-element-menu.short-menu li.active{
	text-decoration: none;
}
.chart-element-menu.short-menu li.inactive{
	text-decoration: underline;
}
.chart-element-menu.short-menu li .chart-control {
	text-decoration: underline;
	display: block;
	width: 100%;
	height: inherit;
	line-height: inherit;
	font: inherit;
	border: 0;
	background: transparent;
	padding: 0;
}
.chart-element-menu.short-menu li .chart-control.active {
	text-decoration: none;
}
.chart-element-menu.long-menu {
	font-size: 0.7em;
	position: absolute;
	z-index: 50;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
	top: 0;
	background-repeat: repeat;
	background-position: 0% 0%;
	background-color: transparent;
}
.main_content.gallery_content .chart-element-menu.long-menu {
	position: inherit;
	top: auto;
	z-index: 1;
	display: block;
}
.chart-element-menu.long-menu.opened {
	display: block;
}
.chart-element-menu.long-menu:after {
	display: block;
	content: "";
	clear: both;
}
.chart-element-menu.long-menu > .ui-autocomplete {
	font-size: 1em !important;
}
.chart-element-menu.long-menu .tabs-menu {
	display: block;
	float: left;
	list-style: none;
	margin: 0em;
	padding: 0.375em;
	width: 10em;
	margin: 2em 0em;
}
.chart-element-menu.long-menu .tabs-menu li {
	height: 2em;
	margin-top: 0.375em;
	padding-right: 0.75em;
	overflow: hidden;
	display: block;
	text-align: left;
}
.chart-element-menu.long-menu .tabs-menu li span {
	padding: 0.4em 0.5em 0.3em 0.3em;
	display: block;
	width: 100%;
	height: inherit;
	position: relative;
	text-transform: uppercase;
}
.chart-element-menu.long-menu .tabs-menu li span.opened{
	text-decoration: none;
}
.chart-element-menu.long-menu .tabs-menu li span.opened:after,
.chart-element-menu.long-menu .tabs-menu li span.opened:before {
	content: "";
	width: 1.45em;
	height: 1em;
	right: -0.6em;
	position: absolute;
}
.chart-element-menu.long-menu .tabs-menu li span.opened:after {
	transform: rotate(-70deg);
	bottom: 0;
}
.chart-element-menu.long-menu .tabs-menu li span.opened:before {
	transform: rotate(70deg);
	top: 0;
}
.chart-element-menu.long-menu .tabs-menu li span.closed{
	text-decoration: underline;
}
.chart-element-menu.long-menu .tabs-menu li span input{
	background-color: Transparent;
}
.chart-element-menu.long-menu .tabs-menu li span input[type="button"] {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0em;
	top: 0em;
	cursor:pointer;
	overflow: hidden;
	outline:none;
	border: none;
}
.chart-element-menu.long-menu .tabs-menu li span.opened input.button_open,
.chart-element-menu.long-menu .tabs-menu li span.closed input.button_close {
	z-index: -10;
}
.chart-element-menu.long-menu .tabs-menu li span.opened input.button_close,
.chart-element-menu.long-menu .tabs-menu li span.closed input.button_open {
	z-index: 52;
}
.chart-element-menu.long-menu .storage-settings {
	padding: 0.3em;
	margin: 0em 0em;
	text-align: center;
}
.chart-element-menu.long-menu .storage-settings:last-child {
	padding-top: 0.5em;
}
.chart-element-menu.long-menu .storage-settings label {
	display: inline-block;
	padding: 0.2em 0em;
}
.chart-element-menu.long-menu .button {
	font-size: 0.857em;
}
.chart-element-menu.long-menu .storage-settings > div{
	display: inline-block;
	vertical-align: middle;
}
.chart-element-menu.long-menu .storage-settings > div:not(:first-child) {
	padding-left: 1em;
}
.chart-element-menu.long-menu .storage-settings > div:not(:last-child) {
	padding-right: 1em;
}
.chart-element-menu.long-menu form {
	display: block;
	float: left;
	padding: 0.5em 0em 0.5em 0.5em;
	overflow: visible;
	margin: 2em 0em
}
.chart-element-menu.long-menu form > div > fieldset{
	padding: 0px;
	margin: 0px;
	overflow: visible;
	border-width: 0;
	display: none;
}
.chart-element-menu.long-menu form > div > fieldset.closed{
	display: none;
}
.chart-element-menu.long-menu form > div > fieldset.opened {
	display: block;
}
.chart-element-menu.long-menu form > div > fieldset > fieldset {
	display: inline-block;
	padding: 0em;
	margin: 0em;
	text-align: left;
	border-width: 0;
}
.chart-element-menu.long-menu form fieldset .form-group {
	width: 100%;
	height: 2em;
	margin-bottom: 0.2em;
}
.chart-element-menu.long-menu form fieldset .form-group > div{
	float: left;
}
.chart-element-menu.long-menu form fieldset .form-group > div:not(:first-child){
	margin-left: 0.3em;
}
.chart-element-menu.long-menu form fieldset .form-group:after{
	clear: both;
}
.chart-element-menu.long-menu form fieldset .chart-select-hold{
	width: 11.9em;
}
.chart-element-menu.long-menu form fieldset .chart-select-small-hold{
	width: 9em;
}
.chart-element-menu.long-menu form fieldset input[type="text"],
.chart-element-menu.long-menu form fieldset input[type="search"],
.chart-element-menu.long-menu form fieldset input.number,
.chart-element-menu.long-menu form fieldset input.date{
	height: 2em;
	padding: 0em 0.5em;
	position: relative;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
}
.chart-element-menu.long-menu form fieldset > legend{
	display: none;
}
.chart-element-menu.long-menu form fieldset label {
	display: block;
	padding: 0.3em 0em;
}
.chart-element-menu.long-menu form fieldset label.inline{
	display: inline;
	font-weight: normal;
}
.chart_submit_holder{
	text-align: center;
	margin-top: 1em !important;
}
.chart_submit_holder input[type="submit"]{
	height: 2em;
	padding: 0em 0.5em;
	position: relative;
	width: auto;
}
.chart-element-menu.long-menu form .chart_submit_holder {
	display: none;
}
.chart-element-menu.long-menu .storage-settings input[type="button"],
.chart_submit_holder input[type="submit"]{
	border-radius: 0.5em;
}

/* chart tabs */
.tabs .menu {
	position: relative;
}
.tabs .tabs-menu {
	display: table;
	font-size: 0.9em;
	list-style: none;
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0;
}
.tabs .tabs-menu li {
	display: table-cell;
	list-style: none;
	cursor: pointer;
	vertical-align: middle;
}
.tabs .tabs-menu.small li {
	font-size: 0.9em;
}
.tabs .tabs-menu li button {
	display: block;
	width: 100%;
	height: inherit;
	line-height: inherit;
	font: inherit;
	color: inherit;
	border: 0;
	padding: 0;
}
.tabs.tabs-buttons .menu {
	padding: 0.3em 0;
	margin: 0.2em 0 0.7em 0;
}
.tabs.tabs-buttons .tabs-menu li {
	height: 1.7em;
	line-height: 1.7em;
}
.tabs.tabs-buttons .tabs-menu li:first-child button {
	border-top-left-radius: 0.4em;
	border-bottom-left-radius: 0.4em;
}
.tabs.tabs-buttons .tabs-menu li:last-child button {
	border-top-right-radius: 0.4em;
	border-bottom-right-radius: 0.4em;
}
.tabs.tabs-buttons .tabs-menu.small li:first-child button {
	border-top-left-radius: 0.4444em;
	border-bottom-left-radius: 0.4444em;
}
.tabs.tabs-buttons .tabs-menu.small li:last-child button {
	border-top-right-radius: 0.4444em;
	border-bottom-right-radius: 0.4444em;
}

#stock-tabs.tabs .tabs-content {
	min-height: 90vh;
}

.tabs-content-item table {
	font-size: 0.63em;
}

.main_content .exchanges.section {
	margin-bottom: 1.5em;
}
.exchanges .css-cell:last-child {
		text-align: right;
}
.exchanges.section table {
	margin-bottom: 0.65em;
}
.exchanges.section table:not(.show-all) tbody tr:nth-child(n+9) td {
	display: none;
}
.exchanges table tbody tr td {
	text-align: center;
}
.exchanges table tbody tr td.in_name {
	font-weight: bold;
}
.exchanges table tbody tr td.in_size {
	text-transform: uppercase;
}
.exchanges table tbody tr td.in_text {
	font-style: italic;
}
.exchanges .button {
	font-size: 0.5em;
}

.fundamental section {
	margin: 0 0 0.7em 0;
}
.fundamental header {
	padding-bottom: 0;
	margin: 0 0 0.2em 0;
}
.fundamental .fundamental_current p {
	font-size: 0.9em;
}
.fundamental .fundamental_overview table tr:first-child td {
	padding-top: 0.8em;
}
.fundamental .fundamental_overview table tr:last-child td {
	padding-bottom: 0.8em;
}
.fundamental .fundamental_overview table tr td {
	vertical-align: top;
	padding: 0.3em 0.42em;
}
.fundamental .fundamental_overview table tr td:first-child {
	font-weight: bold;
	width: 11em;
	text-transform: uppercase;
}
.fundamental .fundamental_overview table tr td ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.fundamental table thead tr th {
	text-transform: uppercase;
}
.fundamental .fundamental_current tbody tr td,
.fundamental .fundamental_historic tbody tr td,
.fundamental .fundamental_keyvalues tbody tr td:not(:first-child) {
	text-align: center;
}
.fundamental .fundamental_current tbody tr td:first-child,
.fundamental .fundamental_historic tbody tr td:first-child,
.fundamental .fundamental_keyvalues tbody tr td:first-child {
	font-weight: bold;
}
.fundamental small {
	font-size: 0.62em;
	opacity: 0.6;
	display: block;
	margin: 0.5em 0;
}

.tabs .tabs-content-item .menu {
	font-size: 0.7em;
	padding: 0.3em 0.5em !important;
	margin-bottom: 1.5em !important;
	margin-top: 0.7em !important;
}
.tabs .tabs-content-item .menu form {
	width: 100%;
	table-layout: fixed;
}
output {
	width: 2.2em;
	display: inline-block;
	text-align: center;
}
.tabs .tabs-content-item .menu form input[type="range"] {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 3em;
}
.tabs .tabs-content-item .menu .css-cell {
	vertical-align: middle;
}
.tabs .tabs-content-item .menu .css-cell:not(:last-child){
	padding-right: 1em;
}
.tabs .tabs-content-item .menu .css-row > .css-cell {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.tabs .tabs-content-item .menu .css-row > label.css-cell  {
	font-weight: bold;
	width: 7em;
}
.tabs .tabs-content-item .menu .jcf-radio {
	margin-right: 0.5em;
	vertical-align: text-top;
	margin-top: 0.07em;
}

.warrants .tabs-warrants-table table {
	font-size: 0.6em;
}
.warrants .tabs-warrants-table thead th {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	text-align: left;
}
.warrants .tabs-warrants-table thead tr:nth-child(3n+3) th {
	text-align: right;
}
.warrants .tabs-warrants-table th,
.warrants .tabs-warrants-table td {
	height: 2.3em;
}
.warrants .tabs-warrants-table thead tr:nth-child(3n+2) th:last-child,
.warrants .tabs-warrants-table tbody tr:nth-child(3n+2) td:last-child {
	text-align: right;
}
.warrants .tabs-warrants-table tbody tr:nth-child(3n+3) td {
	text-align: right;
}
.warrants .tabs-warrants-table tbody tr td.in_emittent img {
	width: 3em;
	height: auto;
	vertical-align: middle;
}
.warrants .tabs-warrants-table .in_name2 {
	font-weight: bold;
	height: 2.8em;
	text-align: left;
}
.warrants .tabs-warrants-table .order {
	text-align: right;
}

.tabs-content-item.events a {
	font-weight: bold;
	text-decoration: underline;
}

.tabs-news-menu {
	font-size: 0.75em;
	margin-bottom: 1.5em;
	text-align: center;
	display: table;
	width: 100%;
	height: 1.7em;
	overflow: hidden;
}
.tabs-news-menu > div {
	display: table-cell;
	text-align: center;
	vertical-align: top;
}
.tabs-news-menu > div:first-child {
	vertical-align: middle;
	font-size: 1em;
	text-align: left;
	width: 4.8em;
	font-weight: 700;
	text-transform: uppercase;
}
.tabs-news-menu > div > div:after {
	content: "";
	display: block;
	clear: both;
}
.tabs-news-menu .jcf-input-container .jcf-radio,
.tabs-news-menu .jcf-input-container .jcf-checkbox,
.tabs-news-menu .jcf-input-container label {
	height: 1.9em;
	line-height: 1.9em;
}
.tabs-news-menu .jcf-input-container label {
	position: relative;
	text-align: center;
	width: 100%;
	display: block;
}
.tabs-news-menu .jcf-input-container .jcf-radio,
.tabs-news-menu .jcf-input-container .jcf-checkbox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	background-image: none;
	border-radius: 0;
}
.tabs-news-menu .jcf-input-container .jcf-radio.jcf-checked:before {
	display: none;
}
.tabs-news-menu > div:nth-of-type(2) > div .jcf-radio,
.tabs-news-menu > div:nth-of-type(2) > div .jcf-checkbox {
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}
.tabs-news-menu > div:last-child > div .jcf-radio,
.tabs-news-menu > div:last-child > div .jcf-checkbox {
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}
.tabs-news-menu .jcf-input-container .jcf-label-active,
.tabs-news-menu .jcf-input-container:hover label {
	z-index: 2;
}
#tabs-stock-news {
	margin: 0em;
}

.tabs-news-content .news_table article footer,
.tabs-news-content .news_table article p,
.tabs-news-content .news_table article header h1,
.tabs-news-content .news_table article header h2,
.tabs-news-content .news_table article header h3 {
	font-size: 1em;
}

/* news ticker */
#newsticker_content .main_select_container.agg select {
	visibility: hidden;
}
#newsticker_content .main_select_container.agg .jcf-select-text {
	margin: 0;
	border-radius: 0.5em;
}
#newsticker_content .main_select_container.agg .jcf-select-opener {
	display: none;
}
#newsticker_content.hot-news h1 {
	font-size: 0.67em;
}
#newsticker_content #news_menu {
	padding-bottom: 1em;
}
#newsticker_content #news_menu ul li {
	padding: 0.3em 0.25em;
}
#newsticker_content #news_menu ul li a {
	width: 100%;
	height: 100%;
	display: inline-block;
}
#newsticker_content #news_menu ul li a:hover {
	text-decoration: none;
}
#newsticker_content #news_menu ul li:first-child{
	border-top-left-radius: 0.65em;
	border-bottom-left-radius: 0.65em;
}
#newsticker_content #news_menu ul li:last-child{
	border-top-right-radius: 0.65em;
	border-bottom-right-radius: 0.65em;
}
#newsticker_content article header h1,
#newsticker_content article header h2,
#newsticker_content article header h3 {
	margin: 0;
}
#newsticker_content article header h1 > a,
#newsticker_content article header h2 > a,
#newsticker_content article header h3 > a {
	font-weight: bold;
}
#newsticker_content article footer {
	font-size: 0.9em;
	font-weight: 600;
	margin: 0em 0 0.5em 0;
	padding: 0;
}
#newsticker_content #news_article {
	min-height: 2em;
	margin-bottom: 0.8em;
}
#newsticker_content #news_article article {
	margin: 1.5em 0 0 0;
	padding: 1.5em 1em;
	font-size: 0.7em;
	min-height: 2em;
}
#newsticker_content #news_article article footer {
	font-size: 0.9em;
}
#newsticker_content #news_article article .body {
	font-size: 0.85em;
}
#newsticker_content #news_article article header h1,
#newsticker_content #news_article article header h2,
#newsticker_content #news_article article header h3 {
	font-weight: bold;
}

#trends_content .section.trend-tops h3 {
	font-size: 0.9em;
	margin: 0 0 0.4em 0;
	font-weight: 800;
}
#trends_content .section.trend-tops > div:nth-of-type(n+2){
	margin: 1.2em 0 0.4em 0;
}
#trends_content .section.trend-tops .table {
	font-size: 1em;
	margin: 0em 0 0.5em 0;
}
#trends_content .section.trend-tops div > a {
	display: block;
	text-align: center;
	font-weight: 800;
	font-size: 0.75em;
	padding: 0.5em;
	border-radius: 0.3em;
}
#trends_content .section.trend-scout article header h3 a{
	font-size: 0.85em;
	text-decoration: underline;
}
#trends_content .section.trend-scout article footer {
	font-size: 0.8em;
}
#trends_content .section.trend-updates table {
	overflow: hidden;
	table-layout: fixed;
	font-size: 0.7em;
}
#trends_content .section.trend-updates table tr td:nth-of-type(1){
	width: 6em;
	font-weight: 600;
	padding-right: 0.4em;
	padding-left: 0;
}
#trends_content .section.trend-updates table tr td:nth-of-type(2){
	width: 0.8em;
	padding: 0.35em 0;
	text-align: right;
}
#trends_content .section.trend-updates table tr td:nth-of-type(3){
	text-decoration: underline;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media screen and (max-width: 360px){
	html {
		font-size: 16px;
	}
	#header nav ul li.icon a {
		padding-top: 2.75em;
		font-size: 0.90em;
	}
}
@media screen and (min-width: 360px) and (max-width: 384px)  {
	html {
		font-size: 18px;
	}
	#header nav ul li.icon a {
		padding-top: 2.75em;
		font-size: 0.90em;
	}
}
@media screen and (min-width: 384px) and (max-width: 400px) {
	html {
		font-size: 19px;
	}
	#header nav ul li.icon a {
		padding-top: 2.75em;
		font-size: 0.90em;
	}
}
@media screen and (min-width: 400px) and (max-width: 450px) {
	html {
		font-size: 20px;
	}
	#header nav ul li.icon a {
		padding-top: 2.75em;
		font-size: 0.90em;
	}
}
@media screen and (min-width: 450px) and (max-width: 480px) {
	html {
		font-size: 21px;
	}
}
@media screen and (min-width: 480px) and (max-width: 510px) {
	html {
		font-size: 22px;
	}
}
@media screen and (min-width: 510px) and (max-width: 540px) {
	html {
		font-size: 23px;
	}
}
@media screen and (min-width: 540px) and (max-width: 600px)  {
	html {
		font-size: 24px;
	}
}
@media screen and (min-width: 600px) and (max-width: 992px) {
	html {
		font-size: 25px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
	html {
		font-size: 25px;
	}
}
@media screen and (min-width: 1200px) {
	html {
		font-size: 25px;
	}
}

@media screen and (max-width: 510px){
	.chart-element-menu.long-menu > .ui-autocomplete {
		right: 1em !important;
		left: 1em !important;
	}
}

@media screen and (min-width: 510px) and (max-width: 800px){
	.chart-element-menu.long-menu > .ui-autocomplete {
		right: 1em !important;
		left: 10.65em !important;
	}
}

@media screen and (min-width: 800px) {
	.chart-element-menu.long-menu > .ui-autocomplete {
		max-width: 700px;
	}
	.chart-element-menu.long-menu form .chart_submit_holder {
		margin-top:2em;
		display: block;
	}
	.chart-element-menu.long-menu .tabs-menu {
		display: none;
	}
	.chart-element-menu.long-menu form {
		width: 100%;
		display: table;
	}
	.chart-element-menu.long-menu form > div {
		display: table-cell;
		width: 33%;
	}
	.chart-element-menu.long-menu form > div:nth-of-type(1){
		padding-right: 1%;
	}
	.chart-element-menu.long-menu form > div:nth-of-type(2),
	.chart-element-menu.long-menu form > div:nth-of-type(3){
		padding-left: 1%;
		border-left-width: 2px;
		border-left-style: solid;
	}

	.chart-element-menu.long-menu form > div > fieldset{
		width: 12.5em;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0.5em;
		display: block !important;
	}
	.chart-element-menu.long-menu form > div > fieldset.closed{
		display: block;
	}
	.chart-element-menu.long-menu form > div > fieldset > legend {
		display: block;
		text-transform: uppercase;
		font-size: 1.3em;
	}
}

/* ---------------------------------------------------------
	 3. Custom site styles
	 ---------------------------------------------------------*/

/* hot news details page */
.section-block-2 {
	padding: 0.5em 0.5em 0.75em 0.5em;
	margin-bottom: 0.7em;
	margin-top: 0.7em;
	font-size: 0.9em;
}
.section-block-2 .header {
	padding-bottom: 0.3888em;
}
.section-block-2 .header h3 {
	font-size: 1em;
	padding-right: 7em;
	margin-bottom: 0.8em;
}
.section-block-2 .body {
	padding: 0.9em;
	font-size: 0.6em;
}
#hot_news_content .section-block-2 .header {
	position: relative;
}
#hot_news_content .section-block-2 .header .perf,
#hot_news_content .section-block-2 .header .value {
	padding: 0.25em 0.5em 0.3em 0.5em;
	border-radius: 0.2em;
	margin-left: 0.3em;
	display: inline-block;
}
#hot_news_content .section-block-2 .header > div:nth-of-type(1) {
	position: absolute;
	top: 0.1em;
	right: 0;
	font-size: 0.6666em;
	font-weight: 600;
}
#hot_news_content .section-block-2 .header > div:nth-of-type(2) {
	display: table;
	width: 100%;
	margin: 0.5em 0;
}
#hot_news_content .section-block-2 .header > div:nth-of-type(2) div {
	display: table-cell;
	width: 33%;
}
#hot_news_content .section-block-2 .header > div:nth-of-type(2) div:nth-child(1) {
	padding-right: 0.4em;
}
#hot_news_content .section-block-2 .header > div:nth-of-type(2) div:nth-child(2) {
	padding: 0 0.2em;
}
#hot_news_content .section-block-2 .header > div:nth-of-type(2) div:nth-child(3) {
	padding-left: 0.2em;
}
#hot_news_content .section-block-2 .header > div:nth-of-type(2) div > span {
	border-radius: 0.3em;
	width: 100%;
	display: block;
	font-size: 0.65em;
	padding: 0.25em 0.4em 0.35em 0.4em;
	position: relative;
}
#hot_news_content .section-block-2 .header > div:nth-of-type(2) div span span {
	border-radius: 0.3em;
	position: absolute;
	top: 0.17em;
	right: 0.2em;
	width: 2em;
	padding: 0.14em 0.2em;
	text-align: center;
	bottom: 0.17em;
	font-weight: bold;
	line-height: 1;
}
#hot_news_content .section-block-2 .body ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#hot_news_content .section-block-2 .body ul li {
	margin: 0.4em 0 1.2em 0;
}
#hot_news_content .section-block-2 .body ul li div:first-child span:nth-child(1){
	font-weight: bold;
	display: inline-block;
	font-size: 1.1em;
	width: 8.8em;
}
#hot_news_content .section-block-2 .body ul li div:first-child span:nth-child(2){
	font-weight: bold;
	display: inline-block;
	width: 9.4em;
	font-size: 1.1em;
}
#hot_news_content .section-block-2 .body ul li div:first-child span:nth-child(3){
	padding: 0 3px;
	border-radius: 5px;
	font-size: 0.85em;
	display: none;
}
#hot_news_content .section-block-2 .body ul li div:last-child {
	line-height: 1.4;
	padding: 5px 0 0 0;
}
#hot_news_content .section-block-2 .body ul li a {
	text-decoration: none;
}
#hot_news_content .section-block-2 .body > a {
	font-weight: bold;
	text-decoration: none;
	display: block;
}

/* hot news banner */
.section.hot-news div.hot-news-list {
	font-size: 0.7em;
	padding-top: 0.5em;
	line-height: 1.4;
	text-transform: uppercase;
}
.section.hot-news div.hot-news-list > div {
	display: inline-block;
	position: relative;
	padding: 0 0.9em 0 1.05em;
}
.section.hot-news div.hot-news-list > div span {
	font-weight: 600 !important;
	padding: 0 0 0 0.4em
}
.section.hot-news div.hot-news-list > div span:after {
	content: "";
	display: block;
	position: absolute;
	left: 0.2em;
	top: 0.35em;
	width: 0.6em;
	height: 0.6em;
	border-radius: 0.3em;
}
#hot_news_2 {
	padding: 0 0 0 3em;
	overflow: hidden;
	position: relative;
}
#hot_news_2:before {
	display: block;
	position: absolute;
	width: 4em;
	height: 3em;
	content: "";
	background-size: auto 6.1em;
	left: 0;
	top: 0;
	background-position: -7.4em -0.32em;
}
#hot_news_2 header {
	text-align: center;
	margin-bottom: 1.85em;
}
#hot_news_2 header h2 {
	font-style: italic;
	font-weight: bold !important;
	font-size: 0.75em !important;
	padding-left: 0.3em !important;
}
#hot_news_2 div.container {
	overflow: hidden;
	border-radius: 2.5em 0px 0px;
	padding: 0 1em 0 1em;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 3em;
	height: 8em;
	margin-bottom: -6.5em;
	max-width: 100%;
}
#hot_news_2 div.hot-news-list {
	word-wrap: break-word;
	white-space: nowrap;
	padding-top: 0.3em;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-y: hidden;
	height: 4em;
}
#hot_news_2 div.shadow-left,
#hot_news_2 div.shadow-right {
	position: absolute;
	bottom: 0px;
	height: 8em;
	margin-bottom: -6.5em;
	width: 2.5em;
}
#hot_news_2 div.shadow-left {
	left: 3em;
	border-radius: 2.5em 0px 0px;
}
#hot_news_2 div.shadow-right {
	right: 0;
}
#hot_news_2 div.container:after {
	left: 0;
	width: 2.2em;
}
#hot_news_2 div.container:before {
	right: 0;
	width: 1.7em;
	z-index: 1;
}

.radio-menu {
	padding: 0;
	margin: 0;
	position: relative;
	width: 100%;
}
.radio-menu.small {
	font-size: 0.8em;
}
.radio-menu .css-cell {
	vertical-align: top;
}
.radio-menu .css-cell:not(:first-child) {
	padding-left: 0.4em;
}
.radio-menu ul {
	list-style: none;
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0;
	display: table;
	table-layout: unset !important;
}
.radio-menu ul li {
	display: table-cell;
	list-style: none;
	height: 1.7em;
	min-height: 1.7em;
	cursor: pointer;
}
.radio-menu.red-black ul li,
.radio-menu.outline ul li {
	font-size: 0.85em;
	text-transform: none;
	height: 1.88em;
	min-height: 1.88em;
	height: auto;
	padding: 0;
}
.radio-menu.red-grey ul li {
	text-transform: none;
}
.radio-menu ul li label {
	display: inline-block;
	padding: 0.15em 0em;
}
.radio-menu ul li .jcf-checkbox {
	margin: 0.05em 0.25em 0 0;
	height: 1.4em;
	width: 1.4em;
	background-size: 1.4em 1.4em;
}
.radio-menu ul li:first-child,
.radio-menu ul li:first-child > * {
	border-top-left-radius: 0.4em !important;
	border-bottom-left-radius: 0.4em !important;
}
.radio-menu ul li:last-child,
.radio-menu ul li:last-child > * {
	border-top-right-radius: 0.4em !important;
	border-bottom-right-radius: 0.4em !important;
}
.radio-menu.small ul li:first-child,
.radio-menu.small ul li:first-child > * {
	border-top-left-radius: 0.5em !important;
	border-bottom-left-radius: 0.5em !important;
}
.radio-menu.small ul li:last-child,
.radio-menu.small ul li:last-child > * {
	border-top-right-radius: 0.5em !important;
	border-bottom-right-radius: 0.5em !important;
}
.radio-menu ul li h1 {
	font: inherit;
	margin: 0;
}
.radio-menu ul li > *,
.radio-menu ul li h1 {
	display: block;
	width: 100% !important;
	height: inherit;
	padding: 0.23em 0.2em 0.23em 0.2em;
	line-height: 1.1;
}
.radio-menu.red-black ul li > *,
.radio-menu.outline ul li > *,
.radio-menu.red-black ul li h1,
.radio-menu.outline ul li h1 {
	padding: 0.35em 0.2em 0.35em 0.2em;
}
.radio-menu ul li .icon {
	display: inline-block;
	position: relative;
	padding-left: 1.2em;
	text-align: justify;
}
.radio-menu ul li .icon:before {
	position: absolute;
	content: "";
	display: block;
	width: 1.2em;
	height: 1.2em;
	left: 0;
	top: 50%;
	background-size: auto 2.9em;
	background-repeat: no-repeat;
	margin-top: -0.6em;
}
.radio-menu ul li .icon.news:before {
	background-position: -7.36em -1.55em;
}
.radio-menu ul li.hover .icon.news:before {
	background-position: -7.36em -0.08em;
}
.radio-menu ul li .icon.watchlists-mobile:before {
	background-position: -8.8em -1.55em;
}
.radio-menu ul li.hover .icon.watchlists-mobile:before {
	background-position: -8.8em -0.08em;
}
.radio-menu ul li .icon.watchlists-desktop:before {
	background-position: -10.25em -1.55em;
}
.radio-menu ul li.hover .icon.watchlists-desktop:before {
	background-position: -10.25em -0.08em;
}
.radio-menu ul li .icon.stock-alerts:before {
	background-position: -3em -1.55em;
}
.radio-menu ul li.hover .icon.stock-alerts:before {
	background-position: -3em -0.08em;
}
.radio-menu ul li .icon.list-alerts:before {
	background-position: -1.58em -1.55em;
}
.radio-menu ul li.hover .icon.list-alerts:before {
	background-position: -1.58em -0.08em;
}
.radio-menu ul li .icon.alerts:before {
	background-position: -0.1em -1.55em;
}
.radio-menu ul li.hover .icon.alerts:before {
	background-position: -0.1em -0.08em;
}

.radio-menu .jcf-input-container {
	position: relative;
}
.radio-menu .jcf-input-container .jcf-radio,
.radio-menu .jcf-input-container .jcf-checkbox {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		width: auto;
		height: auto;
		border-radius: 0;
		border: 0;
		margin: 0;
}
.radio-menu .jcf-input-container label {
		position: relative;
		text-align: center;
		display: block;
		background: transparent !important;
		z-index: 2;
		box-shadow: unset !important;
		padding: 0;
		text-transform: none;
}
.radio-menu .jcf-input-container .jcf-radio.jcf-checked::before {
	display: none;
}
.main_select_container .radio-menu {
	margin: 0;
	padding: 0;
}
.main_select_container .radio-menu .jcf-input-container label {
	font-size: 0.65em;
	font-weight: bold;
	padding: 0.7em 0;
}

#apps_content {
	padding-top: 1.2em;
	padding-bottom: 1.2em;
}
#apps_content .section .css-cell {
	padding: 0.7em 0.6em;
	vertical-align: middle;
}
#apps_content .section .css-cell:first-child {
	width: 7em;
	padding-right: 0.3em;
	max-width: 7em;
}
#apps_content .section .css-cell:first-child img {
	width: 100%;
}
#apps_content .section .css-cell p {
	margin: 0;
	font-size: 0.75em;
	line-height: 1.5;
}
#apps_content .section.active {
	position: relative;
	border: 0;
}
#apps_content .section.active:after {
	content: "";
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
}

#watchlist-add-form {
	margin-bottom: 2em;
}
#watchlist-add-form .ui-autocomplete {
	position: relative;
	width: 100% !important;
	top: auto !important;
	left: auto !important;
	margin-top: -1px;
}

.statistics-overview {
	margin: 0.45em -0.3em;
}
.statistics-overview.small {
	margin: 0.45em -0.3em 0 -0.3em;
}
.statistics-overview ul {
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0.2em 0;
	border-collapse: separate;
}
.statistics-overview ul li {
	list-style: none;
	display: table-cell;
}
.statistics-overview ul:nth-of-type(n+2) {
	margin-top: 10px;
}
.statistics-overview ul li > span {
	display: block;
	border-radius: 0.15em;
}
.statistics-overview ul li a {
	display: block;
	font-weight: 800;
	font-size: 1.4em;
	line-height: 1.45em;
	margin: 0.2em;
	text-align: center;
}
.statistics-overview ul li > span span {
	font-size: 0.55em;
	text-transform: uppercase;
	display: block;
	text-align: center;
	font-weight: 600;
	padding: 0.1em 0 0.5em 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.statistics-overview.small ul li a {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0.2em 0.2em 0.15em 0.2em;
}
.statistics-overview.small ul li > span span {
	font-size: 0.46em;
}
.statistics-overview.extra-small ul li {
	width: auto;
}
.statistics-overview.extra-small ul li a {
	font-size: 1.2em;
	line-height: 1.1em;
	margin: 0.15em 0.15em 0 0.15em;
}
.statistics-overview.extra-small ul li > span span {
	font-size: 0.38em;
	padding: 0.3em 0;
}

/* index news statistics */
#index_content #news_statistics .section {
	min-height: 7.5em;
}
#index_content #news_statistics.pro .section {
	min-height: 9.5em;
}
#index_content #news_statistics .section.left {
	float: left;
	width: 61%;
	width: calc(63% - 0.4em);
	margin: 0;
}
#index_content #news_statistics .section.left header {
	margin: 0 0 0.4em 0;
}
#index_content #news_statistics .section.right {
	float: right;
	width: 37%;
	margin: 0;
}
#index_content #news_statistics .section.right header {
	text-align: center;
	margin: 0 0 0.4em 0;
}
#index_content #news_statistics .section.right header h2 {
	margin-left: 0;
}
#index_content #news_statistics .section.right header h2:before {
	display: none;
}
#index_content #news_statistics .section.right article {
	font-size: 0.6em;
	padding: 0 0.4em;
}
#index_content #news_statistics .section.right .source {
	font-size: 1.05em;
	font-weight: 700;
	margin: 0.7em 0.3em 0 0;
}
#index_content #news_statistics .section.right .time {
	margin: 0.3em 0.4em 0 0;
	padding: 0.1em;
	font-weight: 600;
}
#index_content #news_statistics .section.right article h1 {
	margin: 0.1em 0.4em 0 0;
	font: inherit;
}
#index_content #news_statistics .section.right article h1 a {
	display: block;
	overflow: hidden;
	width: 100%;
	max-height: 3.6em;
}
#index_content #news_statistics.pro .section.right article h1 a {
	max-height: 7.2em;
}

/* market news */
#index_content .market_news > header {
	position: relative;
}
#index_content .market_news > header > div {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.85em;
}
#index_content .market_news > header > div > * {
	float: left;
}
#index_content .market_news > header > div > span {
	display: block;
	padding: 0.2em 0.2em 0 0;
	font-size: 1.07em;
	font-weight: bold;
}
#index_content .market_news > header > div > div {
	padding: 0;
	margin: 0;
}
#index_content .market_news > header > div ul li:first-child {
	font-size: 0.8em;
	line-height: 1em;
	padding: 0.125em 0.25em;
}
#index_content .market_news > header > div ul li {
	padding: 0.1em 0.2em;
}
#index_content .market_news > header > div ul li a:hover {
	text-decoration: none;
}
#index_content .market_news header h2 a {
	font-weight: bold;
	font-size: 1.1em;
}
#index_content .market_news header nav {
	position: absolute;
	margin: 0;
	top: 0.15em;
	right: 0;
	font-size: 0.75em;
}
#index_content .market_news header nav ul {
	padding: 0;
	margin-left: 0.3em;
	border-radius: 0.2em;
	text-transform: none;
	min-width: 3.5em;
	display: block;
	line-height: 1.7em;
	height: 1.9em;
}
#index_content .market_news header nav ul li:not(:first-child) {
	padding-left: 0.5em;
}
#index_content .market_news header nav ul li a {
	vertical-align: top;
}
#index_content .market_news header nav ul li a.alerts {
	position: relative;
	margin-left: 0.95em;
	font-size: 1.22em;
	border-radius: 0.3333em;
	width: 1.75em;
}
#index_content .market_news article{
	width: 100%;
	margin-top: 0.4em;
	padding-top: 0.5em;
	font-size: 0.8em;
}
#index_content .market_news article footer{
	margin: 0.3em 0 0.25em 0;
	padding: 0.2em 0;
	font-size: 0.9em;
}
#index_content .market_news article p {
	margin: 0;
	padding: 0;
	display: block;
	-ms-word-break:break-all;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
#index_content .market_news footer .source{
	display: inline-block;
	padding: 0 0.3em;
	line-height: 1.2em;
	text-transform: uppercase;
 }
#index_content .market_news footer .time {
	font-weight: 600;
}

#alerts_content .heading {
	vertical-align: middle;
	font-size: 1.2em;
}

#alerts_content .heading h1 {
	line-height: 1em;
	text-transform: uppercase;
}
#alerts_content .heading span {
	text-transform: none;
	font-size: 0.8em;
}
.alerts .css-table {
	font-size: 0.79em;
	width: 100%;
	table-layout: fixed;
}
.alerts table td,
.alerts .css-table .css-cell {
	vertical-align: middle;
	padding: 0.4em 0.5em;
}
.alerts .css-table .css-cell:first-child {
	padding-left: 1em;
}
.alerts .in_time {
	font-size: 0.85em;
	font-style: italic;
	width: 11.2em;
	font-weight: 600;
}
#section_content .alerts .in_time {
	width: 6.2em;
}
.alerts .in_status {
	width: 6em;
	text-align: right;
}
.alerts .in_name .price {
	display: inline-block;
	padding: 0em 0.2em 0em 0.2em;
	line-height: 1.45;
}
.alerts .in_name input {
	width: 100%;
}
#insert_ticker_table.alerts tr .in_name div {
	margin-bottom: 0.2em;
	font-size: 0.85em;
	font-weight: 600;
	font-style: italic;
	padding-left: 0.6em;
}
.alert-price .jcf-text-container input[type="text"] {
	text-align: right;
}
.alerts.trendline figure {
	position: relative;
}
.alerts.trendline figure .button {
	position: absolute !important;
	top: 0;
	right: 0;
	background-color: #fff !important;
}
.alerts .jcf-text-container input {
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	font-weight: 600;
}
.alerts.price .jcf-text-container input {
	text-align: right;
}
#alerts_content h3 {
	font-weight: 300;
	font-size: 1em;
}
#alerts_content .alerts.mobile_notification .in_status,
#alerts_content .alerts.pro_news .in_status {
	vertical-align: top;
	padding-top: 0;
}
#alerts_content .alerts .jcf-radio-container {
	padding: 0.3em 0 0.5em 1.5em;
}
#alerts_content .alerts. .jcf-radio-container label {
	font-size: 0.9em;
}
#alerts_content .table-holder {
	padding: 0.3em 0;
	margin: 0.3em 0 1em 0;
}
.table.alerts tbody tr td.in_name {
	white-space: inherit;
}
.table.alerts tbody tr td.in_name p {
	font-size: 0.85em;
	margin: 0.5em 0;
}

.alerts-ticker table {
	font-size: 0.7em;
	table-layout: fixed;
	width: 100%;
}
.alerts-ticker td {
	padding: 0 0 0.8em 0;
}
.alerts-ticker td article {
	padding: 0.6em;
	border-radius: 0.4em;
}
.alerts-ticker td article footer {
	padding-bottom: 0.3em;
	margin-bottom: 0.5em;
}
.alerts-ticker td article img {
	max-width: 6em;
	padding-right: 0.6em;
}

.alerts-ticker td article footer {
	position: relative;
}
.alerts-ticker td article footer .stock {
	position: absolute;
	right: 0;
	padding: 0.05em 0.2em;
	border-radius: 0.3em;
	font-size: 1em;
	top: -0.2em;
	display: block;
	width: 10em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
.alerts-ticker td article .css-cell {
	vertical-align: top;
}
.alerts-ticker .notification-img {
	display: inline-block;
	width: 5.4em;
	height: 5.4em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
.alerts-ticker td article .tag {
	display: inline-block;
	margin: 0 1em 0 0;
}
.alerts-ticker td article .tag:before {
	content: "[";
	display: inline;
}
.alerts-ticker td article .tag:after {
	content: "]";
	display: inline;
}

#support_content .h1 {
	margin-left: 0;
}
#support_content .h1:before {
	display: none;
}
#support_content p {
	font-size: 0.8em;
}
#support_content .jcf-text-container input,
#support_content .jcf-text-container textarea {
	font-size: 0.9em;
}
#support_content .jcf-text-container textarea {
	min-height: 200px;
}
#support_content form .section:nth-child(5) .jcf-text-container:not(:last-child) {
	border-radius: 0.4em 0.4em 0 0;
}
#support_content form .section:nth-child(5) .jcf-text-container:last-child {
	border-radius: 0 0 0.4em 0.4em;
	border-top: 0 !important;
}
#support_content form .section:last-child {
	text-align: center;
}
#support_content label {
	display: block;
	font-size: 0.65em;
}

#blog_content .section-block-2 h1 {
	font-size: 1em;
}
#blog_content .article-teaser .css-table {
	table-layout: fixed;
}
#blog_content .article-teaser {
	position: relative;
	display: block;
}
#blog_content .article-teaser footer {
	font-size: 0.7em;
	margin-bottom: 0.5em;
}
#blog_content .article-teaser .body {
	font-size: 0.8em;
}
#blog_content .article-teaser .body:after {
	clear: both;
	display: block;
	content: "";
}
#blog_content .article-teaser .body .left {
	width: 40%;
	max-width: 200px;
	padding-right: 1em;
	float: left;
}
#blog_content .article-teaser .body .left img {
	width: 100%;
}
#blog_content .article-teaser footer .readers {
	display: block;
	float: right;
	padding: 0.2em 0.2em 0.2em 0.2em;
	line-height: 1;
	text-transform: uppercase;
	font-size: 1.1em;
}
#blog_content .article-teaser.hot-stuff:after {
	background-position: -9.7em -6.45em;
	background-size: auto 8.5em;
	width: 2em;
	top: 0.1em;
	margin-top: 0;
	right: 0.3em;
}
#blog_content .article-teaser.hot-stuff footer .readers {
	margin-right: 3em;
}

.news_table table,
table.news_table{
	width: 100%;
	font-size: 0.7em;
	table-layout: fixed;
}
.news_table.small table {
		font-size: .63em;
}
.news_table tbody tr td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.news_table article .stock a{
	font-size: 0.85em;
	padding: 0 0.3em;
	display: block;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 0.2em;
}
.news_table article .body {
	margin: 0.3em 0 0 0;
	font-size: 0.9em;
	padding: 0;
	display: block;
	-webkit-hyphens: auto;
		 -moz-hyphens: auto;
			-ms-hyphens: auto;
					hyphens: auto;
	overflow:hidden;
}
.news_table article .body img {
	width: 100% !important;
	height: auto !important;
}
.news_table article .category{
	margin: 0.3em 0 0.2em 0;
	font-size: 0.8em;
	padding: 0;
	display: block;
	text-transform: uppercase;
	-ms-word-break:break-all;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.news_table article footer {
	font-size: 0.9em;
	font-weight: 600;
	margin: 0em 0 0.5em 0;
	padding: 0 9em 0 0;
	position: relative;
}
.news_table article footer .stock {
	width: 8em;
	max-width: calc(100% - 8em);
	position: absolute;
	right: 0;
	top: 0;
}
.news_table article header h1,
.news_table article header h2,
.news_table article header h3 {
	margin: 0;
}
.news_table article header a {
	font-weight: bold;
	text-decoration: none;
}
.news_table article header.short_message h2 > a {
	font-weight: normal !important;
	font-size: 0.95em;
}

.news_table.hide_news_body article p,
.news_table.hide_news_body article footer .time > span,
.news_table.hide_news_body article footer .divider,
.news_table.hide_news_body article footer .source {
	display: none;
}
.news_table.hide_news_body article footer {
	width: 30%;
	width: calc(6em);
	float: left;
	margin: 0;
	padding: 0;
	border-top: 0px;
	border-bottom: 0px;
}
.news_table.hide_news_body article footer .stock {
	display: inline;
	float:none;
	width: 6em;
	position: initial;
}
.news_table.hide_news_body article footer .stock a{
	margin-top: 0.35em;
}
.news_table.hide_news_body article header {
	width: 70%;
	width: calc(100% - 6em);
	float: right;
	padding-left: 1em;
}
.news_table.hide_news_body article header h1,
.news_table.hide_news_body article header h2,
.news_table.hide_news_body article header h3 {
	display: block;
}
.news_table.hide_news_body article header:after {
	clear: both;
	display: block;
	content: "";
}
.news_table.hide_news_body article header h1 > a,
.news_table.hide_news_body article header h2 > a,
.news_table.hide_news_body article header h3 > a {
	font-weight: normal;
}

.news_table.style_section tr td {
	padding: 0;
	background-color: transparent !important;
}
.news_table.style_section article {
	padding: 0.45em;
	border-radius: 0.3em;
	margin-bottom: 0.7em;
}
.news_table.style_section article:after {
	display: block;
	content: "";
	clear: both;
}

.news_table.style_lines tbody tr td {
	padding: 0.4em 0 0.7em 0;
}
.news_table.style_lines article header h1,
.news_table.style_lines article header h2,
.news_table.style_lines article header h3 {
	padding: 0.3em 0em 0.3em 0em;
	line-height: 1em;
	display: block;
}
.news_table.style_lines article footer {
	margin: 0;
}
.news_table.style_lines article footer span{
	display: inline-block;
}
.news_table.style_lines article footer span.time{
	font-weight: 600;
}
.news_table.style_lines article footer span.divider{
	padding-left: 0.3em;
	padding-right: 0.3em;
}
.news_table.style_lines article footer span.source{
	text-transform: uppercase;
}
.news_table.style_lines article p {
	font-weight: 300;
	padding: 0;
	margin: 0.3em 0 0 0;
}
.news_table.style_lines tbody tr.active article {
	padding-left: 0.35em;
	padding-right: 0.35em;
}

#depot_content .radio-menu.red-black li > * {
	font-size: 0.8em;
	padding: 0.65em 0.2em 0.5em 0.2em;
}
#depot_content .section.bg.game {
	border-radius: 0;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
}
#depot_content .section.game .section:not(:last-child) {
	 margin-bottom: 0.9em;
}
#depot_content .section.game .time {
	font-weight: 600;
	text-align: center;
}
#depot_content .section.game .description {
	font-size: 0.8em;
}
#depot_content .section.game .css-table {
	border-spacing: 0.75em 0;
	border-collapse: separate;
}
#depot_content .section.game .prices {
	margin: 0 -0.75em;
}
#depot_content .section.game .prices .css-cell {
	width: 33%;
	text-align: center;
	padding: 0.4em;
}
#depot_content .section.game .prices img {
	height: 5em;
	margin-bottom: 0.5em;
	width: auto;
}
#depot_content .section.game .prices span {
	display: block;
	font-size: 0.7em;
	line-height: 1.5;
}
#depot_content .section.game .prices .rank {
	font-weight: 300;
}
#depot_content .section.game .prices .price {
	font-weight: 600;
}
#depot_content .section.game .buttons .css-cell {
	text-align: center;
}

#depot_content .table.accounts .in_value {
	width: 8em;
	min-width: 8em;
}

#depot_content #form_order small {
	margin: 0.5em 0.5em 1em;
	display: block;
}
#depot_content .search-results {
	position: relative;
}
#depot_content #form_order input[type="text"] {
	width: 100%;
}
#depot_content #form_order button[type="submit"] {
	width: 100%;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.8em;
	border-radius: 0.2em;
	letter-spacing: 0.15em;
	padding: 0.3em 0.6em 0.25em 0.6em;
	margin: 0 0 1em 0;
}
#depot_content #form_order .jcf-input-container.box.large {
	margin: 0 0.2em;
}

.table.bg-img table {
	background-position: 0 0;
	background-repeat: repeat;
	background-size: 0.35em;
}

.table.positions table {
	font-size: 0.7em;
}
.table.positions thead tr th {
	font-weight: 600;
	vertical-align: top;
}
.table.positions table tbody tr td {
	vertical-align: top;
	font-weight: 700;
}
.table.positions table tbody tr td.small,
.table.positions table tbody tr td .small {
	font-weight: 600;
}
.table.positions table td.in_value span:first-child {
	display: block;
	float: left;
}
.table.bg-img table.rows-2 table tr:nth-child(2n+2) td,
.table.bg-img table.rows-3 table tr:nth-child(3n+3) td,
.table.bg-img table.rows-4 table tr:nth-child(4n+4) td {
	padding-bottom: 0.2em;
}
.table.positions table tr .in_amount {
	min-width: 4em;
	width: 4em;
}
.table.positions table tr .in_value {
	min-width: 8.5em;
	width: 8.5em;
}
.table.positions table tr .in_perf {
	min-width: 7em;
	width: 7em;
}
.table.positions table tr:nth-child(3n+1) td {
	line-height: 1;
}
.table.positions .in_button {
	vertical-align: middle;
}
.table.positions .in_button .button.text {
	height: 1.8em;
	line-height: 1em;
	padding: 0.35em 0.7em 0.25em 0.7em;
	font-family: Georgia, serif;
}

.table.summary tbody tr td {
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	vertical-align: top;
}
.table.summary tbody tr td:not(:first-child) {
	font-weight: 700;
	width: 6.1em;
}
.table.summary tbody tr td:not(:first-child) .depot-update-elem {
	display: block;
	text-align: right;
}
.table.summary tbody tr td > div:not(:last-child),
.table.summary tbody tr td > span:not(:last-child) {
	margin-bottom: 0.3em;
}

.table.orders td {
	vertical-align: top;
}
.table.orders .in_button {
	vertical-align: middle;
	width: 2.6em;
	min-width: 2.6em;
}
.table.orders .in_button .button.icon.delete {
	font-size: 1.25em;
}
.table.orders .in_button .button.icon.delete:before {
	background-position: 1.78em 3.56em;
	background-size: auto 3.6em;
}
.table.orders .in_type {
	font-weight: 700;
}
.table.orders .in_status {
	padding: 0.4em !important;
	vertical-align: middle;
}
.table.orders .in_status > div {
	display: block;
	text-align: center;
	padding: 0.2em;
}
.table.orders .in_status > div span {
	display: block;
}
.table.orders .in_status > div span:nth-child(1) {
	font-size: 0.7em;
}
.table.orders .in_status > div span:nth-child(2),
.table.orders .in_status > div span:nth-child(3) {
	font-size: 0.9em;
	font-weight: bold;
}
.table.orders .in_tags > span {
	display: inline-block;
	margin-top: 0.2em;
	margin-right: 0.2em;
}
.table.orders .in_tags > span > span {
	display: inline-block;
	padding: 0.1em 0.2em 0.05em 0.2em;
	font-size: 0.8em;
}
.table.orders .in_tags > span > span:first-child {
	text-transform: uppercase;
	font-weight: 600;
}
.table.orders .in_tags > span > span:not(:first-child) {
	font-weight: 700;
}
.table.orders tr.deleted td {
	opacity: 0.6;
}
.table.orders tr.done .in_button button.button,
.table.orders tr.deleted .in_button button.button {
	display: none;
}
.table.orders td.in_time {
	color: transparent;
}

.table.trades .in_amount {
	text-align: right;
	font-weight: 700;
}

#order_name h1,
#order_name .h1 {
	font-weight: bold;
	padding-bottom: 0;
}
#order_total_container .btn-input,
#order_total_container input {
	border-radius: 0;
}
#order_total_container .btn-input .small {
	font-size: 0.8em;
	display: inline-block;
	padding-bottom: 0.2em;
}

#brokerage_content .section.bg > div.small {
	font-size:0.75em;
}
#brokerage_content header {
	font-size: 1em;
	font-style: italic;
}
#brokerage_content .h1 {
	display: block;
	font-size:1.8em;
	font-weight:400;
	font-style: normal;
}
#brokerage_content a {
	text-decoration: underline;
}
#brokerage_content .button.text {
	text-decoration: none;
}
#brokerage_content small {
	font-size: 0.75em;
	margin-top:2em;
	display:block;
}
#brokerage_content #brokerage_offer {
	width:35%;
	margin:0 1em 1em 0;
	max-width:150px;
	float:left;
}

.full-width-container {
	margin-left: -0.4em;
	margin-right: -0.4em;
}
.iframe-container {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.iframe-container iframe,
.iframe-container > .image-container {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.iframe-container > .image-container {
	text-align: center;
	overflow: hidden;
	display: block;
	background-color: #000;
	min-height: 5rem;
	min-width: 5rem;
}
.iframe-container > .image-container img {
	max-width: 100%;
	width: 100%;
	margin: -9% 0;
	opacity: 0.6;
	transition: opacity 0.15s ease-in-out;
}
.iframe-container > .image-container i {
	font-size: 5rem;
	line-height: 1.5;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 50%;
	left: 50%;
	right: auto;
	bottom: auto;
	margin: -0.75em;
	color: #424345;
	transition: color 0.15s ease-in-out;
}
.iframe-container > .image-container:hover img {
	opacity: 0.75;
}
.iframe-container > .image-container:hover i {
	color: #ee0000;
}

 #chat_container {
	 position:absolute;
	 bottom:2.1em;
	 top:5.2em;
	 left:0;
	 right:0;
 }
 #chat_container.large-offset {
	 top: 8.2em;
 }
 #chat_home {
	 position:absolute;
	 top:0;
	 right:0;
	 bottom:0;
	 left:0;
	 height:100%;
	 width:100%;
 }

.chat-ticker-container.large {
	position: fixed;
	height: auto !important;
	top: 5.6em;
	bottom: 2.5em;
	left: 0.4em;
	right: 0.4em;
	overflow: hidden;
}
.chat-ticker-container.large .chat-ticker {
	height: auto !important;
	top: 0;
	bottom: 0;
	position: absolute;
}
.chat-ticker-container.large #news_settings,
.chat-ticker-container.large #news_settings_bottom {
	position: absolute;
	right: -0.2em;
	z-index: 2;
}
.chat-ticker-container.large #news_settings {
	top: 0;
	padding: 0.45em 0.25em 0.25em 0.25em;
	border-radius: 0 0 0 0.45em;
}
.chat-ticker-container.large #news_settings_bottom {
	bottom: 0;
	padding: 0.25em 0.25em 0.45em 0.25em;
	border-radius: 0.45em 0 0 0;
}
.chat-ticker-container.large #chat_nav {
	padding: 0.4em 0 0 0;
	margin-top: -2.8em;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
	height: 2.8em;
}
.chat-ticker-container.large.channels #chat_nav {
	height: 5em;
	margin-top: -5em;
}
#news_settings .radio-menu.red-black > .button.icon,
#news_settings_bottom .radio-menu.red-black > .button.icon {
	font-size: 0.8em;
	width: 1.88em;
	line-height: 1.88;
	height: auto;
	padding: 0;
}
.news-ticker-scroll-to-bottom {
	line-height: 1.2 !important;
	padding:0.3em 0 !important;
}
.news-ticker-scroll-to-bottom .num > * {
	font-size: 0.6em;
	margin: 0 0.45em;
	border-radius: 0.2em;
	font-weight: bold;
}

.chat-ticker {
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	padding: 0 0.4em;
}
.chat-ticker table {
	font-size: 0.7em;
	table-layout: fixed;
}
.chat-ticker tr td {
	padding: 0.2em 0 0.2em 0;
	line-height: 1.4;
}
.chat-ticker tr:first-child td {
	padding-top: 0.5em
}
.chat-ticker tr:last-child td {
	padding-bottom: 0.5em
}
.chat-ticker tr td > div {
	overflow: hidden;
}
.chat-ticker:not(.channel-ticker) tr td > div {
	padding-left: 3em;
}
.chat-ticker tr.first_row td > div,
.chat-ticker.channel-ticker tr td > div {
	position: relative;
	min-height: 3.5em;
	margin-top: 0.5em;
	padding-top: 0.5em;
}
.chat-ticker:not(.channel-ticker) tr.first_row td > div:before {
	position: absolute;
	content: "";
	display: block;
	top: 0.6em;
	left: 0;
	border-radius: 100%;
	height: 2.5em;
	width: 2.5em;
	background-size: auto 10.5em;
	background-position: -9.35em -4.6em;
}
.chat-ticker tr td.in_author {
	display: none;
}
.chat-ticker tr td p {
	margin: 0;
}
.chat-ticker tr td img {
	display: block;
	margin: 0 auto;
	height: auto !important;
	width: auto !important;
	max-width: 100% !important;
}
.chat-ticker tr td .img-container {
	margin-left: auto;
	margin-right: auto;
	min-height: 110px;
	-webkit-transition: width 0.25s;
	transition: width 0.25s;
}
.chat-ticker tr td .img-container.thumbnail {
	width: 190px;
	height: 110px;
	overflow: hidden;
}
.chat-ticker tr td .img-container.original {
	width: 100%;
}
.chat-ticker tr td .tag {
	display: inline-block;
	margin: 0.15em 0.5em 0em 0;
	padding: 0.15em 0.6em 0.05em;
	border-radius: 0.3em;
	font-size: 0.8em;
	line-height: 1;
}
.chat-ticker tr td footer {
	display: block;
	font-weight: bold;
	padding-bottom: 0.4em;
}
.chat-ticker tr td footer .time,
.chat-ticker tr td footer .date {
	font-size: 0.84em;
}
.chat-ticker:not(.channel-ticker) tr td footer {
	display: none;
}
.chat-ticker tr.first_row footer {
	display: block !important;
}

/************************************************
 * DPA + PRO
 ************************************************/

.accordion {
	list-style: none;
	margin: 0;
	padding: 0;
}
.accordion .accordion-item {
	margin: 0;
	list-style: none;
}
.accordion .accordion-item:not(:first-child){
	margin-top: 1em;
}
.accordion .accordion-item:not(:last-child){
	margin-bottom: 1em;
}
.accordion .accordion-item .accordion-item {
	margin: 0;
}
.accordion .accordion-item .accordion-item:last-child {
	margin-bottom: 0.5em;
}
.accordion .accordion-item .accordion-header {
	padding: 0.6em 0.3em;
	font-size: 0.85em;
}
.accordion .accordion-item .accordion-header.icon {
	padding-left: 2.3em;
	position: relative;
}
.accordion .accordion-item .accordion-header.icon:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -0.55em;
	width: 1.4em;
	height: 1.1em;
	background-size: auto 7.8em;
	background-repeat: no-repeat;
	left: 0.3em;
}
.accordion .accordion-item .accordion-header.icon.folder {
	font-weight: bold;
}
.accordion .accordion-item .accordion-header.icon.folder:before {
	background-position: -14.5em -6.67em;
}
.accordion .accordion-item .accordion-header.icon.list {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.accordion .accordion-item .accordion-header.icon.list:before {
	background-position: -16.3em -6.65em;
}
.accordion .accordion-item .accordion-content .accordion-content {
	padding: 0;
}
.accordion .accordion-item.closed > .accordion-content {
	height: 0;
	overflow: hidden;
}

#price_reactions_table {
	font-size: 0.7em;
}
#price_reactions_table tbody td {
	line-height: 1.7em;
	padding: 0.35em 0.2em;
	max-width: 100%;
}
#price_reactions_table tbody .in_time {
	width: 8.5em;
}
#price_reactions_table tbody .in_value,
#price_reactions_table tbody .in_perf {
	text-align: right;
	min-width: auto;
	width: auto;
}
#price_reactions_table tbody .in_days {
	width: 2em;
	text-align: right;
}
#price_reactions_table tbody .in_news {
	font-weight: bold;
	width: 2em;
	min-width: 2em;
	text-align: right;
}
#price_reactions_table tbody .in_name a {
	text-decoration: underline;
}

#pivotal_table table {
	table-layout: fixed;
}
#pivotal_table tr .in_perf,
#pivotal_table tr .in_value {
	width: 7.5em;
	min-width: 7.5em;
}
#pivotal_table tr th.small {
	padding: 0.2em 0.42em;
}

/************************************************
 * PRO
 ************************************************/

#header .header > div > div.logo {
	width: 4.446em;
	padding: 0.2em !important;
}
#header #header-main nav ul {
	width: 100%;
}
#header nav ul li.icon.scans a:before {
	background-position: -13.5em 0;
}
#header nav ul li.icon.scans.active a:before,
#header nav ul li.icon.scans a:hover:before {
	background-position: -13.5em -2.25em;
}
#header nav ul li.wingman {
	text-align: right;
	width: auto !important;
	border-right: 0px;
	box-shadow: unset;
}
#header nav ul li.wingman a {
	width: 4.8em;
	float: right;
	padding: 0;
	font-size: 1em !important;
}
#header nav ul li.wingman a:before {
	background-size: auto 8.7em;
	background-position: 0em 0.04em;
	margin: 0;
	width: auto;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#header nav ul li.wingman.active {
	border-right: 0px;
	box-shadow: unset;
}
#header nav ul li.wingman a:hover:before,
#header nav ul li.wingman.active a:before {
	background-position: 0em -4.415em;
}
#header nav ul li.wingman a span {
	font-weight: 300;
	line-height: 1;
	display: inline-block;
	padding: 0.05em 0.13em;
}
#header nav ul li.wingman.active a:after {
	clear: both;
	background: none !important;
	box-shadow: unset !important;
}
.table.signal.gallery {
	margin-left: -0.4em;
	margin-right: -0.4em;
}
.table.signal table {
	font-size: 0.65em;
	border-collapse: separate;
}
.table.signal tbody tr:nth-child(3n+1),
.table.signal tbody tr:nth-child(3n+2) {
	cursor: pointer;
}
.table.signal tbody tr td.in_type,
.table.signal tbody tr:nth-child(3n+1) td.in_name {
	font-weight: 700;
}
.table.signal tbody tr td {
	border-bottom-width: 0px;
	padding: 0.4em;
	line-height: 1.35em;
}
.table.signal tbody tr:nth-child(3n+1) td {
	border-top-width: 1px;
	border-top-style: solid;
}
.table.signal tbody tr:nth-child(3n+2) td {
	padding-top: 0.1em;
}
.table.signal tbody tr:nth-child(3n+1) td:first-child {
	border-left-width: 1px;
	border-left-style: solid;
}
.table.signal tbody tr:nth-child(3n+1) td:last-child,
.table.signal tbody tr:nth-child(3n+2) td:last-child {
	border-right-width: 1px;
	border-right-style: solid;
}
.table.signal.gallery tbody tr:nth-child(3n+1) td:first-child,
#chart_content .table.signal tbody tr:nth-child(3n+1) td:first-child {
	min-width: 0px;
	max-width: 0px;
	width: 1px;
	overflow: hidden;
	padding: 0;
	border-left: 0;
}
.table.signal.gallery tbody tr:nth-child(3n+1) td:first-child span,
#chart_content .table.signal tbody tr:nth-child(3n+1) td:first-child span {
	display: none;
}
.table.signal.gallery tbody tr:nth-child(3n+1) td:last-child,
.table.signal.gallery tbody tr:nth-child(3n+2) td:last-child,
#chart_content .table.signal tbody tr:nth-child(3n+1) td:last-child,
#chart_content .table.signal tbody tr:nth-child(3n+2) td:last-child {
	border-right: 0;
}
.table.signal tbody tr:nth-child(3n+1) td.in_name,
.table.signal tbody tr:nth-child(3n+1) td.in_value {
	padding-bottom: 0;
}
.table.signal tbody tr:nth-child(3n+2) td.in_name,
.table.signal tbody tr:nth-child(3n+2) td.in_perf {
	padding-top: 0;
}
.table.signal tbody tr td.in_chart {
	background-color: transparent !important;
	padding: 0 0 0.6em 0;
}
.table.signal tbody tr td.in_chart div {
	height: 0px;
	overflow: hidden;
}
.table.signal tbody tr.active td.in_chart div {
	height: auto;
}
#scans_content .table .in_type {
	text-align: center;
}
#scans_content .table .in_age {
	text-align: right;
	min-width: 5.5em;
	width: 5.5em;
}
#scans_content .table .in_name {
	text-align: left;
}
#scans_content .table.double tbody .in_name {
	font-weight: 700;
}
#scans_content .table.single .in_value:last-child {
	min-width: 4em;
	width: 4em;
}

#index_content .section.radar table {
	font-size: 0.65em;
	table-layout: fixed;
}
#index_content .section.radar table tr td:nth-child(odd) {
	width: 34%;
}
#index_content .section.radar table tr td:nth-child(even) {
	width: 13%;
	text-align: right;
}
#index_content .section.radar table tr td:nth-child(even) span {
	display: inline-block;
	min-width: 2.4em;
	padding: 0.2em 0.2em;
	text-align: center;
	border-radius: 0.25em;
}
#index_content #index-wingman-header {
	width: 100%;
}
#index_content #index-wingman-header > div.right {
	width: 5em;
	text-align: right;
}
#index_content #index-wingman-header > div.right a {
	display: inline-block;
	text-transform: uppercase;
	font-size: 0.73em;
	border-radius: 0.25em;
	padding: 0.1em 0.25em;
}
#index_content #index-wingman-header > div.right a:hover {
	text-decoration: none;
}
.radio-menu ul li .icon.signals:before {
	background-position: -5.95em -1.55em;
}
.radio-menu ul li.hover .icon.signals:before {
	background-position: -5.95em -0.08em;
}

#radar_signals_content tbody tr td:not(:first-child) {
	width: 4em;
	font-size: 0.9em;
}
#radar_signals_content tbody tr td span.radar-update-item {
	display: block;
	padding: 0.2em 0.2em;
	text-align: center;
	border-radius: 0.25em;
	font-weight: 600;
}

#wingman_content .top_nav > ul {
	font-size: 0.8em;
}
#wingman_content .top_nav ul li {
	text-transform: none;
}
#wingman_content .top_nav ul li a {
	width: auto;
	height: inherit;
	width: 100%;
	background: none;
	margin: 0;
}
#wingman_content .top_nav .radio-menu ul li {
	padding: 0;
}
#wingman_content .top_nav > ul > li {
	padding-left: 0.8em;
	padding-right: 0.8em;
}
#wingman_content .top_nav > ul > li:first-child {
	padding-left: 0 !important;
	padding-right: 0.8em;
}
#wingman_content .top_nav > ul > li:last-child {
	padding-left: 0.8em;
	padding-right: 0 !important;
}

.live-content-item {
	border-radius: 0.4em;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 0.4em;
}
.live-content-item header {
	font-size: 0.65em;
	text-transform: uppercase;
	line-height: 2.2em;
}
.live-content-item header h1 {
	font-weight: 800;
	line-height: inherit;
	text-transform: uppercase;
}
.live-content-item header strong {
	font-weight: 400;
	font-size: 1.3em;
	text-transform: none;
	display: block;
}
.live-content-item .button {
	float: right;
	border-width: 0;
	height: 1.7em;
	padding: 0.35em;
	margin-top: 0.6em;
}
.live-content-item .inner {
	position: relative;
}
.live-content-item img.bg-stretch {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.live-content-item .css-cell header {
	font-size: 0.6em;
}
.live-content-item.trading-room {
	padding-left: 0.8em;
}
.live-content-item.trading-room:after {
	display: block;
	content: "";
	clear: both;
}
.live-content-item.trading-room header strong {
	font-weight: 300;
	font-size: 2em;
}
.live-content-item.trading-room header img {
	vertical-align: top;
	margin-top: 0.45em;
	height: 1.3em;
}
.live-content-item .css-table .css-cell {
	vertical-align: bottom;
}
.live-content-item .css-table .css-cell:not(:first-child) {
	padding-left: 0.4em;
}
.live-content-item .css-table .css-cell:first-child {
	width: 7.5em;
}
.live-content-item .css-table .css-cell:first-child img {
	width: 100%;
	height: auto;
}



/************************************************
 * LIVE & PRO
 ************************************************/

#index_content .chat-ticker {
	overflow-y: hidden;
}
#index_content #index_experts {
	margin-left: -0.4em;
	margin-right: -0.4em;
	padding: 0.8em;
	background-color: transparent;
	background-size: 100% auto;
	background-repeat: repeat;
	border-radius: 0;
}
#index_experts:last-child {
	margin-bottom: -0.8em;
}
#index_experts h2 {
	font-weight: 700;
	font-size: 1.3em;
}
#index_experts > p {
	font-weight: 300;
}
#index_experts h2 em {
	font-weight: 300;
	font-style: normal;
}
#index_experts .section .css-cell {
	padding-top: 0.7em;
}
#index_experts .section .css-cell header {
	font-weight: 300;
}
#index_experts .section .css-cell header h3 {
	font-weight: 800;
	font-size: 1.3em;
}
#index_experts .section .css-cell > p {
	font-size: 0.8em;
}
#index_experts .chat-ticker {
	background-color: transparent;
	padding: 0;
}
.chat-ticker.experts tr td footer .time,
.chat-ticker.experts tr td footer .date {
	display: inline;
	font-size: 0.9em;
}
.chat-ticker.experts tr td footer .author {
	display: none;
}
.chat-ticker.experts tr td > div {
	padding-left: 0;
}
.chat-ticker.experts tr.first_row td > div:before {
	display: none;
}

.news_table.live_trading article footer {
	padding-right: 0;
}
.news_table.live_trading article footer .divider {
	display: none;
}
.news_table.live_trading article footer .source {
	display: block;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 0.9em;
	padding-top: 0.5em;
}
.news_table.live_trading.hide_news_body article footer {
	width: 35%;
	width: calc(7em);
}
.news_table.live_trading.hide_news_body article header {
	width: 65%;
	width: calc(100% - 7em);
}
.news_table.live_trading.hide_news_body article footer .source {
	font-size: 0.8em;
}

.stocks_in_action .trends .button {
	font-size: 0.6em;
}
.stocks_in_action ul {
	font-size: 0.7em;
}
.stocks_in_action ul li {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.stocks_in_action .daily_trades {
	border-radius: 0;
	font-size: 0.8em;
}
.stocks_in_action .daily_trades h1 {
	font-weight: 600;
}
.stocks_in_action .daily_trades footer strong {
	font-weight: 800;
	text-transform: uppercase;
}




.text-lowercase {
	text-transform: lowercase !important;
}

.text-uppercase {
	text-transform: uppercase !important;
}

.text-capitalize {
	text-transform: capitalize !important;
}

.font-weight-light {
	font-weight: 300 !important;
}

.font-weight-normal {
	font-weight: 400 !important;
}

.font-weight-bold {
	font-weight: 700 !important;
}

.align-baseline {
	vertical-align: baseline !important;
}
.align-top {
	vertical-align: top !important;
}
.align-middle {
	vertical-align: middle !important;
}
.align-bottom {
	vertical-align: bottom !important;
}
.align-text-bottom {
	vertical-align: text-bottom !important;
}
.align-text-top {
	vertical-align: text-top !important;
}

.text-justify {
	text-align: justify !important;
}
.text-nowrap {
	white-space: nowrap !important;
}
.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.text-center {
	text-align: center !important;
}

.d-table {
	display: table;
}
.d-table-row {
	display: table-row;
}
.d-table-cell {
	display: table-cell;
}
.d-none {
	display: none;
}
.d-inline {
	display: inline;
}
.d-block {
	display: block;
}
.d-inline-block {
	display: inline-block;
}

.w-25 {
	width: 25% !important;
}
.w-50 {
	width: 50% !important;
}
.w-75 {
	width: 75% !important;
}
.w-100 {
	width: 100% !important;
}

.h-25 {
	height: 25% !important;
}
.h-50 {
	height: 50% !important;
}
.h-75 {
	height: 75% !important;
}
.h-100 {
	height: 100% !important;
}

.mw-100 {
	max-width: 100% !important;
}
.mh-100 {
	max-height: 100% !important;
}

.m-0 {
	margin: 0 !important;
}
.mt-0,
.my-0 {
	margin-top: 0 !important;
}
.mr-0,
.mx-0 {
	margin-right: 0 !important;
}
.mb-0,
.my-0 {
	margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
	margin-left: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}
.mt-1,
.my-1 {
	margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
	margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
	margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
	margin-left: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}
.mt-2,
.my-2 {
	margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
	margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
	margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
	margin-left: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}
.mt-3,
.my-3 {
	margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
	margin-right: 1rem !important;
}
.mb-3,
.my-3 {
	margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
	margin-left: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}
.mt-4,
.my-4 {
	margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
	margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
	margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
	margin-left: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}
.mt-5,
.my-5 {
	margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
	margin-right: 3rem !important;
}
.mb-5,
.my-5 {
	margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
	margin-left: 3rem !important;
}

.p-0 {
	padding: 0 !important;
}
.pt-0,
.py-0 {
	padding-top: 0 !important;
}
.pr-0,
.px-0 {
	padding-right: 0 !important;
}
.pb-0,
.py-0 {
	padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
	padding-left: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}
.pt-1,
.py-1 {
	padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
	padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
	padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
	padding-left: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}
.pt-2,
.py-2 {
	padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
	padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
	padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
	padding-left: 0.5rem !important;
}
.p-3 {
	padding: 1rem !important;
}

.pt-3,
.py-3 {
	padding-top: 1rem !important;
}
.pr-3,
.px-3 {
	padding-right: 1rem !important;
}
.pb-3,
.py-3 {
	padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
	padding-left: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}
.pt-4,
.py-4 {
	padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
	padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
	padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
	padding-left: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}
.pt-5,
.py-5 {
	padding-top: 3rem !important;
}
.pr-5,
.px-5 {
	padding-right: 3rem !important;
}
.pb-5,
.py-5 {
	padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
	padding-left: 3rem !important;
}

.m-auto {
	margin: auto !important;
}
.mt-auto,
.my-auto {
	margin-top: auto !important;
}
.mr-auto,
.mx-auto {
	margin-right: auto !important;
}
.mb-auto,
.my-auto {
	margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
	margin-left: auto !important;
}

.fs-rel-055 {
	font-size: 0.55em !important;
}
.fs-rel-070 {
	font-size: 0.7em !important;
}
.fs-rel-080 {
	font-size: 0.8em !important;
}
.fs-rel-085 {
	font-size: 0.85em !important;
}
.fs-rel-090 {
	font-size: 0.8em !important;
}