@font-face {
  font-family: 'MyriadPro-Regular';
  src: url('/wp-content/themes/tol-parent/fonts/MyriadPro-Regular/MyriadPro-Regular.eot');
  src: url('/wp-content/themes/tol-parent/fonts/MyriadPro-Regular/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/tol-parent/fonts/MyriadPro-Regular/MyriadPro-Regular.woff2') format('woff2'), url('/wp-content/themes/tol-parent/fonts/MyriadPro-Regular/MyriadPro-Regular.woff') format('woff'), url('/wp-content/themes/tol-parent/fonts/MyriadPro-Regular/MyriadPro-Regular.ttf') format('truetype'), url('/wp-content/themes/tol-parent/fonts/MyriadPro-Regular/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: robotolight;
  font-style: normal;
  font-weight: 300;
  src: url(/wp-content/themes/tol-parent/fonts/roboto_light/Roboto-Light-webfont.woff) format("woff");
}
@font-face {
  font-family: roboto;
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/themes/tol-parent/fonts/Roboto-Regular-webfont.woff) format("woff");
}
@font-face {
  font-family: 'robotothin';
  src: url(/wp-content/themes/tol-parent/fonts/Roboto-Thin.ttf);
}
@font-face {
  font-family: 'robotocondensed';
  src: url(/wp-content/themes/tol-parent/fonts/RobotoCondensed-Regular.ttf);
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  src: url(/wp-content/themes/tol-parent/fonts/Lato-fonts/lato-lig-webfont.ttf) format("ttf");
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: url(/wp-content/themes/tol-parent/fonts/Lato-fonts/Lato-Regular.ttf) format("ttf");
}
@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  src: url(/wp-content/themes/tol-parent/fonts/Lato-fonts/Lato-Bold.ttf) format("ttf");
}
.loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  font-family: lato-regular, sans-serif;
}
.account .loader-overlay,
.alarmdialog .loader-overlay,
.chart-trade .loader-overlay,
.chartpanel .loader-overlay,
.close-all .loader-overlay,
.instrument-info .loader-overlay,
.orderdialog .loader-overlay,
.position-history .loader-overlay,
.proofid .loader-overlay,
.report .loader-overlay,
.sidepanel .loader-overlay,
.trading-rally-leaderboard .loader-overlay,
.trading-rally .loader-overlay,
.widget_message .loader-overlay {
  z-index: 3;
  background: #27262e;
  background: rgba(39,38,46,0.3);
  -webkit-transition: background .2s linear;
  -o-transition: background .2s linear;
  -moz-transition: background .2s linear;
  transition: background .2s linear;
}
.navbar-brand {
  background: url('/wp-content/themes/tol-parent/images/forex/logo.png') no-repeat;
  height: 80px;
  width: 240px;
  margin-top: -15px;
}
.page-traderoom .navbar-brand {
  height: 50px;
  padding: 0;
  background-size: contain;
  width: 130px;
}
.loader-holder {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
}
.loader-circular {
  -webkit-animation: rotate 2s linear infinite;
  -moz-animation: rotate 2s linear infinite;
  -o-animation: rotate 2s linear infinite;
  animation: rotate 2s linear infinite;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
.loader-path {
  stroke-dasharray: 50, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite;
  -moz-animation: dash 1.5s ease-in-out infinite;
  -o-animation: dash 1.5s ease-in-out infinite;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #00a7e1;
}
.loader-path-static {
  stroke: #393740;
}
@-webkit-keyframes rotate {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-moz-keyframes rotate {
  to {
    -moz-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-o-keyframes rotate {
  to {
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes rotate {
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@-o-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
.toggle {
  width: 40px;
  height: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #1c1c21;
  display: inline-block;
  font-size: 0;
  -webkit-transition: background .1s ease;
  -o-transition: background .1s ease;
  -moz-transition: background .1s ease;
  transition: background .1s ease;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
}
.toggle-on .toggle {
  background-color: #00a7e1 !important;
}
.toggle-inner {
  position: absolute;
  background: #27262e;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  height: 14px;
  width: 14px;
  display: inline-block;
  top: 3px;
  left: 4px;
  -webkit-transition: left .1s ease;
  -o-transition: left .1s ease;
  -moz-transition: left .1s ease;
  transition: left .1s ease;
}
.toggle-on .toggle-inner {
  left: 22px;
}
.tooltip {
  cursor: default;
  position: absolute;
  z-index: 20000;
  left: -9999px;
  top: -9999px;
  opacity: 0;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  font-family: Open sans;
  -webkit-transition: opacity .15s linear .5s;
  -o-transition: opacity .15s linear .5s;
  -moz-transition: opacity .15s linear .5s;
  transition: opacity .15s linear .5s;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
  -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
}
.tooltip.hidden {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.tooltip-value {
  background-color: #00a7e1;
  color: #fff;
  padding: 0 10px;
  white-space: nowrap;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.tooltip-multiline .tooltip-value {
  white-space: inherit;
  width: 370px;
  padding: 15px;
}
.tooltip .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 0;
  border-style: solid;
  border-color: transparent;
}
.tooltip.bottomCenter .tooltip-arrow {
  top: -6px;
  left: 50%;
  margin-left: -6px;
  border-width: 0 6px 6px;
  border-bottom-color: #00a7e1;
}
.tooltip.topCenter .tooltip-arrow {
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
  border-width: 6px 6px 0;
  border-top-color: #00a7e1;
}
.tooltip.rightCenter .tooltip-arrow {
  left: -6px;
  top: 50%;
  margin-top: -6px;
  border-width: 6px 6px 6px 0;
  border-right-color: #00a7e1;
}
.tooltip.leftCenter .tooltip-arrow {
  right: -6px;
  top: 50%;
  margin-top: -6px;
  border-width: 6px 0 6px 6px;
  border-left-color: #00a7e1;
}
.tradebird-image {
  position: absolute;
  background: transparent;
  top: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 1000;
  width: auto;
  cursor: default;
  outline: none;
}
.tradebird-image-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.tradebird-image-image {
  height: auto;
  line-height: 0;
  visibility: hidden;
}
.forex-asset-boxesrow .row.forex-amount {
  border-radius: 5px;
}
.tradebird-image-loaded .tradebird-image-image {
  visibility: visible;
}
.tradebird-image .close {
  width: 26px;
  height: 26px;
  position: absolute;
  top: -30px;
  right: -29px;
  cursor: pointer;
  visibility: hidden;
}
.tradebird-image-loaded .close {
  visibility: visible;
}
.tradebird-image .close .close-announcement-icon {
  fill: #6f7377;
}
.tradebird-image img {
  max-height: 500px;
  max-width: 750px;
}
@media (min-height: 768px) {
  .tradebird-image img {
    max-height: 700px;
  }
}
@media (min-height: 1080px) {
  .tradebird-image img {
    max-height: 800px;
  }
}
@media (min-width: 1366px) {
  .tradebird-image img {
    max-width: 1300px;
  }
}
@media (min-width: 1920px) {
  .tradebird-image img {
    max-width: 1800px;
  }
}
.scrollable-area {
  position: relative;
  border-bottom: 1px solid #2D3E50;
}
.scrollable-area-body {
  width: 100%;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  height: 100%;
  -ms-overflow-style: none;
}
.scrollable-area-body::-webkit-scrollbar {
  width: 0 !important;
}
.scrollable-area-body-disabled {
  overflow: hidden;
}
.scrollable-area-track {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: transparent;
  -webkit-transition: background .25s linear;
  -o-transition: background .25s linear;
  -moz-transition: background .25s linear;
  transition: background .25s linear;
}
.scrollable-area-active .scrollable-area-track-visible,
.scrollable-area-active>.scrollable-area-track,
.scrollable-area-track-scrolling {
  display: block;
}
.scrollable-area-body-disabled~.scrollable-area-track {
  display: none;
}
.scrollable-area-track .scrollable-area-track-gripper {
  position: absolute;
  top: 0;
  width: 5px;
  height: 20px;
  -webkit-transition: height .3s ease, background .25s linear;
  -o-transition: height .3s ease, background .25s linear;
  -moz-transition: height .3s ease, background .25s linear;
  transition: height .3s ease, background .25s linear;
}
.dojoMove .scrollable-area-track-gripper {
  background: transparent;
}
.scrollable-area-active .scrollable-area-track-visible .scrollable-area-track-gripper,
.scrollable-area-active:hover .scrollable-area-track-gripper {
  background: #b5bdc7;
  background: rgba(181,189,199,0.5);
}
.scrollable-area-track-gripper:hover,
.scrollable-area-track-scrolling .scrollable-area-track-gripper {
  background: #b5bdc7 !important;
  background: rgba(181,189,199,0.9) !important;
}
html {
  height: 100%;
}
.customResize body {
  overflow: hidden;
}
.compactLayout body {
  overflow: scroll;
  overflow-y: hidden !important;
}
body {
  height: 100%;
  margin: 0;
  font-family: 'lato-regular', Roboto, Segoe UI, Arial, sans-serif;
  font-size: 12px;
}
body.page-traderoom {
  overflow-y: hidden;
}
.overlay {
  opacity: .5;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
input {
  font-family: Segoe UI, Arial;
  outline: none;
  border: none;
  background: transparent;
  font-size: 12px;
  height: 22px;
  color: #fff;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
.clear {
  clear: both;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.disabled {
  opacity: .4;
  cursor: default !important;
}
.message_body,
input,
textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
#bt_send_table input {
  font-family: tahoma, arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #184580;
  border: 1px solid #c7c7c7;
}
iframe[name=google_conversion_frame] {
  display: none;
}
#_loader {
  width: 100%;
  text-align: center;
}
#_loader span {
  display: inline-block;
  margin: 0 3px;
  background-color: #383838;
  width: 20px;
  height: 10px;
}
#_loader .focus {
  background-color: #999;
}
.cf:after,
.cf:before {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.mask-wrapper {
  width: 100%;
  min-width: 1000px;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  outline: 0;
  z-index: 1000;
  display: none;
}
.has-overlay .mask-wrapper {
  display: block;
}
.mask-wrapper .mask {
  position: absolute;
  border-color: #000;
  border-color: rgba(0,0,0,0.6);
  border-style: solid;
}
.mask-overlay .mask {
  background: #000;
  background: rgba(0,0,0,0.6);
}
.mask-wrapper .mask .border {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #3fa2d5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mask-wrapper.mask-overlay .mask {
  border: 0;
  width: 100% !important;
  height: 100% !important;
}
.mask-overlay .mask .border {
  border: 0;
}
.vertical-align-parent:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.vertical-align-child {
  display: inline-block;
  vertical-align: middle;
}
.vertical-line-separator {
  display: inline-block;
  width: 1px;
  height: 11px;
  margin: 0 8px;
  background-color: #54535e;
  position: relative;
  top: 1px;
}
._focusable {
  outline: 0;
}
.svg-icon-holder {
  font-size: 0;
}
.button {
  padding: 0 15px;
  text-align: center;
  display: inline-block;
  background: #625f6b;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  margin: 0;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: color .1s linear, background-color .1s linear, -webkit-box-shadow .1s ease-out;
  transition: color .1s linear, background-color .1s linear, -webkit-box-shadow .1s ease-out;
  -o-transition: color .1s linear, background-color .1s linear, box-shadow .1s ease-out;
  -moz-transition: color .1s linear, background-color .1s linear, box-shadow .1s ease-out, -moz-box-shadow .1s ease-out;
  transition: color .1s linear, background-color .1s linear, box-shadow .1s ease-out;
  transition: color .1s linear, background-color .1s linear, box-shadow .1s ease-out, -webkit-box-shadow .1s ease-out, -moz-box-shadow .1s ease-out;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.25);
  box-shadow: 0 2px 2px rgba(0,0,0,0.25);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.button:hover {
  background-color: #757180;
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
  box-shadow: 0 5px 15px rgba(0,0,0,0.25);
}
.button:active {
  background-color: #4b4952;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25);
  box-shadow: 0 1px 1px rgba(0,0,0,0.25);
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.confirm-button {
  background: #2fc297;
}
.confirm-button:hover {
  background: #33d4a3;
  color: #fff;
}
.confirm-button:active {
  background: #28a680;
  color: #fff;
  color: rgba(255,255,255,0.7);
}
.button.blue-button {
  background-color: #3b96d5;
}
.button.blue-button:hover {
  background-color: #49acf2;
}
.button.blue-button:active {
  background-color: #3083bf;
}
.button.green-button {
  background-color: #20c182;
}
.button.green-button:hover {
  background-color: #29d694;
}
.button.green-button:active {
  background-color: #199163;
}
.button.red-button {
  background-color: #e34b51;
}
.button.red-button:hover {
  background-color: #fc585e;
}
.button.red-button:active {
  background-color: #a3363a;
}
.delete-button {
  background: #e34b51;
  margin-left: 9px;
}
.delete-button:hover {
  background: #ff545a;
  color: #fff;
}
.delete-button:active {
  background: #b03b34;
  color: #fff;
  color: rgba(255,255,255,0.7);
}
.button.disabled,
.button.disabled:active,
.button.disabled:hover {
  color: #7b7980 !important;
  color: rgba(123,121,129,0.9) !important;
  background: #4b4952 !important;
  background: rgba(75,73,82,0.8) !important;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25) !important;
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25) !important;
  box-shadow: 0 1px 1px rgba(0,0,0,0.25) !important;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.navigation {
  padding: 15px 0;
  cursor: default;
  border: 0;
}
.nav_logo {
  float: left;
  width: 180px;
  height: 27px;
  cursor: pointer;
  position: relative;
  top: 5px;
}
.nav_logo .bg-logo {
  width: 137px;
  height: 16px;
}
.nav_logo .logo {
  width: 160px;
  height: 16px;
}
.nav_logo .zh-logo {
  width: 216px;
  height: 16px;
}
.navigation .nav-button {
  float: left;
  padding: 0 8px;
  line-height: 31px;
  height: 31px;
  margin: 0 10px 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 0;
  box-shadow: none;
  text-transform: UPPERCASE;
  background-color: #535355;
  color: #fff;
  font-size: 10px;
  position: relative;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  transition: background-color .1s linear;
}
.navigation .nav-button:hover,
.navigation .nav-button.show {
  background-color: #5a5866;
}
.tol-wp-navigation {
  display: none;
}
.navigation .nav-button.show .tol-wp-navigation {
  display: block;
}
.navigation .nav-button:active {
  background-color: #4b4952;
}
.navigation .nav-button.has-icon {
  padding-left: 30px;
}
.navigation .nav-button.has-icon .icon {
  display: block;
}
.navigation .nav-button .icon {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 5px;
  top: 5px;
  display: none;
}
.navigation .nav-button.main-menu {
  width: 32px;
  height: 27px;
  padding: 0;
  background: none;
  cursor: pointer;
  margin-right: 5px;
}
.navigation .nav-button.main-menu .main-menu-icon {
  width: 16px;
  height: 16px;
  position: relative;
  top: 5px;
  left: 8px;
  fill: #8c8a98;
}
.navigation .nav-switch-account {
  background-color: #071021;
}
.navigation .main-menu:hover .main-menu-icon {
  fill: #fff;
}
.navigation .nav-user.nav-button,
.navigation .nav-game.nav-button {
  padding-right: 30px;
  text-transform: none;
  margin-right: 0;
  font-size: 13px;
  min-width: 153px;
}
.navigation .right-buttons {
  float: right;
  cursor: pointer;
  top: 16px;
  position: relative;
}
.navigation .nav-game.nav-button,
.navigation .navgame.dropdown-menu {
  margin-right: 15px;
}
.page-traderoom .navigation .right-buttons {
  top: -2px;
}
.navigation .nav-user .user {
  max-width: 185px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: relative;
}
.nav-button .dropdown-arrow {
  width: 0;
  height: 0;
  position: absolute;
  top: 14px;
  right: 10px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #bfbdca;
}
.nav-button .dropdown-arrow:hover {
  border-top: 4px solid #dcdae6;
}
.nav-button.chat-button {
  position: relative;
}
.navigation .nav-button .icon-chat {
  position: absolute;
  left: 8px;
  top: 5px;
  width: 16px;
  height: 16px;
  fill: #bfbdca;
}
.nav-button.chat-button:hover .icon-chat {
  fill: #dcdae6;
}
.navigation .deposit-funds,
.navigation .open-real-account,
.navigation .verification {
  background: #007ABD;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
}
.navigation .deposit-funds:hover,
.navigation .open-real-account:hover,
.navigation .verification:hover {
  background: #125fb1;
}
.navigation .deposit-funds:active,
.navigation .open-real-account:active,
.navigation .verification:active {
  background-color: #3083bf;
}
.contextmenu.main-menu {
  min-width: 110px;
}
.contextmenu.main-menu .item {
  padding-left: 45px !important;
}
.contextmenu.account-menu .item .icon,
.contextmenu.main-menu .item .icon {
  top: 12px;
  right: 15px;
  fill: #bfbdca;
}
.contextmenu.account-menu .item:hover,
.contextmenu.main-menu .item:hover {
  background-color: #5a5866;
}
.contextmenu.account-menu .item:hover .icon,
.contextmenu.account-menu .item:not(.disabled):hover .icon,
.contextmenu.main-menu .item:hover .icon {
  fill: #fff;
}
.contextmenu.account-menu {
  background-color: #4a4854;
  color: #c3c2cc;
}
.contextmenu.account-menu .item:not(.disabled):hover {
  background-color: #5a5866;
}
.notifications .head-title {
  background: #1c1c21;
  color: #a5a2b3;
  font-size: 10px;
  font-weight: 700;
  line-height: 50px;
  height: 49px;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #393740;
}
.notifications .no-results {
  font-size: 28px;
  text-align: center;
  color: #787684;
  left: 20px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  display: none;
}
.notifications.no-content .no-results {
  display: block;
}
.notifications .item {
  padding: 10px 0;
}
.notifications .item:hover .title {
  color: #eae5ff;
}
.notifications .item:hover .content {
  color: #f4f2ff;
}
.notifications .item:first-child {
  padding-top: 0;
}
.notifications .item:last-child {
  border: none;
  padding-bottom: 0;
}
.notifications .item.last-child {
  border: none;
  padding-bottom: 0;
}
.notifications .item_body {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  color: #c3c2cc;
  padding: 25px 25px 10px;
}
.notifications .item_body a {
  text-decoration: none;
  color: #3b96d5;
}
.notifications .item_body a:hover {
  text-decoration: underline;
}
.notifications .title {
  margin-bottom: 10px;
  font-size: 16px;
  display: block;
  line-height: 18px;
  color: #a5a2b3;
}
.notifications .unread .title {
  color: #3fa2d5;
}
.notifications .item_date {
  color: #747180;
  padding-bottom: 10px;
  font-size: 11px;
}
.notifications .item_date .hours {
  color: #a4d4f6;
}
.window {
  position: absolute;
  cursor: default;
  outline: 0;
  z-index: 1000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.window_head {
  height: 26px;
  padding: 7px 6px 0 9px;
  cursor: move;
  color: #fff;
}
.remove-icon {
  width: 12px;
  height: 12px;
  position: relative;
  top: -9px;
  fill: #a4a2af;
}
.close-window-icon {
  fill: #a4a2af;
}
.window_close .close-window-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
}
.window-close .close-window-icon {
  position: relative;
  top: 2px;
  left: 2px;
}
.window-close:hover .close-window-icon {
  fill: #d2cfe4;
}
.window-close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 13px;
  top: 18px;
  border: 1px solid transparent;
}
.window_close {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 6px;
  top: 6px;
  z-index: 4;
  fill: #bcb9ca;
}
.close-window {
  width: 20px;
  height: 20px;
  position: relative;
  top: 0;
  left: 0;
  fill: #bcb9ca;
}
.window-close:hover {
  border: 1px solid #5b5a66;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.window_close:hover {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  fill: #797b80;
  background-color: #212026;
}
.window_close:hover .close-window-icon {
  fill: #797b80;
}
.window_controls {
  text-align: center;
  margin-top: 10px;
  clear: both;
}
.blinker {
  position: absolute;
  background-color: #00a7e1;
  background-color: rgba(0,167,225,0.3);
  border: 1px solid #00a7e1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1003;
}
.clearer {
  clear: both;
  height: 0;
}
.demo .real_item,
.dojoMove .tooltip,
.has-overlay #bt_invite_box,
.hidden,
.real .demo_item {
  visibility: hidden !important;
  display: none !important;
}
::-webkit-input-placeholder {
  color: #666;
}
:-moz-placeholder {
  color: #666;
}
.tradebox {
  cursor: default;
  position: absolute;
  width: 280px;
  -webkit-transition: left .2s linear, top .2s linear;
  -o-transition: left .2s linear, top .2s linear;
  -moz-transition: left .2s linear, top .2s linear;
  transition: left .2s linear, top .2s linear;
  font-family: Roboto;
  border: 1px solid #000000;
  background: #182434;
  font-weight: 100;
}
.tradebox-expanded {
  z-index: 2;
}
.tradebox.dojoMoveItem {
  z-index: 4;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
  pointer-events: none;
}
.tradebox-open-icons {
  position: absolute;
  top: 9px;
  right: 10px;
  opacity: 0;
  -webkit-transition: opacity .2s ease, background .2s ease;
  -o-transition: opacity .2s ease, background .2s ease;
  -moz-transition: opacity .2s ease, background .2s ease;
  transition: opacity .2s ease, background .2s ease;
}
.tradebox-open-order-dialog-icon {
  right: 40px;
  -webkit-box-shadow: -15px 0 20px 5px #27262e;
  -moz-box-shadow: -15px 0 20px 5px #27262e;
  box-shadow: -15px 0 20px 5px #27262e;
  background: #182434;
}
.tradebox-open-icons:hover {
  background: #393740;
}
.tradebox-open-icons:active {
  background: #201e24;
}
.tradepanel-highligh .tradebox-open-icons {
  opacity: 0;
  display: none;
}
.tradebox:hover .tradebox-open-icons {
  opacity: 1;
}
.tradebox-close-icon {
  position: absolute;
  top: 9px;
  right: 9px;
  -webkit-transition: opacity .15s ease, background .15s ease;
  -o-transition: opacity .15s ease, background .15s ease;
  -moz-transition: opacity .15s ease, background .15s ease;
  transition: opacity .15s ease, background .15s ease;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #1c1c21;
  color: #6f6f7f;
  opacity: 0;
  display: none;
}
.tradebox-close-icon:hover {
  background: #101013;
}
.tradebox-close-icon:active {
  background: #050506;
}
.tradebox-close-icon .close-small-icon {
  margin: -1px 0 0 -1px;
}
.tradepanel-highligh .tradebox-close-icon {
  opacity: 1;
  display: block;
}
.tradebox-disable-close .tradebox-close-icon {
  opacity: 0;
  display: none;
}
.searchbox {
  height: 26px;
  position: relative;
  margin-left: 82px;
  z-index: 2;
}
.searchbox input {
  width: 100%;
  height: 100%;
  padding: 0;
  padding-left: 30px;
  background: transparent;
  position: relative;
}
.searchbox .searchlist-search-icon {
  position: absolute;
}
.tradeboxsearch {
  position: absolute;
  outline: 0;
  width: 230px;
  background: #363640;
  z-index: 1001;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.tradeboxsearch .searchbox {
  border-bottom: 0;
  margin: 10px;
  background: #454552;
}
.tradeboxsearch .results {
  background-color: #363640;
  overflow: hidden;
  position: relative !important;
}
.tradeboxsearch .results .content {
  outline: 0;
  position: relative;
}
.tradeboxsearch .searchlist-no-results {
  text-align: center;
  margin: 9px auto 5px;
  color: #a5a2b3;
}
.searchlist.has-results.searchlist-typing .searchlist-no-results,
.searchlist .searchlist-no-results {
  display: none;
}
.searchlist.searchlist-typing .searchlist-no-results {
  display: block;
  text-align: center;
}
.tradeboxsearch .results {
  height: 0;
  display: block;
  cursor: default;
}
.tradeboxsearch .content .option {
  position: relative;
  margin: 0;
  padding: 11px;
  font-size: 11px;
  line-height: 11px;
  color: #c3c2cc;
}
.tradeboxsearch .content .option.hover,
.tradeboxsearch .content .option:hover {
  background-color: #43424d;
  color: #f4f2ff;
}
.searchlist .content .option .search-match {
  font-weight: 700;
}
.tradeboxsearch .content .option i {
  font-style: normal;
  display: block;
  color: #8b8a99;
}
.tradeboxsearch .content .option.hover i,
.tradeboxsearch .content .option:hover i {
  color: #fff;
}
.searchlist .content .option i .search-match {
  font-weight: 700;
}
.searchlist .content .option:last-child {
  border-bottom: none;
}
.searchlist .contextmenu {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.tradeboxsearch .border-cleaner {
  height: 1px;
  background: #303038;
  position: absolute;
  top: -1px;
  left: 0;
}
.tradeboxsearch .content .option .name-node {
  font-weight: 400;
}
.tradeboxsearch .plus-icon {
  width: 20px;
  height: 18px;
  position: absolute;
  right: 17px;
  top: 50%;
  margin-top: -12px;
  font-size: 28px;
  text-align: center;
  font-weight: lighter;
  opacity: 0;
  padding-top: 4px;
  -webkit-transition: right .1s linear;
  -o-transition: right .1s linear;
  -moz-transition: right .1s linear;
  transition: right .1s linear;
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
.plus-icon .horizontal-line,
.plus-icon .vertical-line {
  display: inline-block;
  background-color: #d2d0d9;
  position: relative;
}
.plus-icon .horizontal-line {
  width: 18px;
  height: 2px;
  top: -8px;
}
.plus-icon .vertical-line {
  width: 2px;
  height: 18px;
  top: 0;
  left: -10px;
}
.tradeboxsearch .option.hover .plus-icon,
.tradeboxsearch .option:hover .plus-icon {
  -webkit-transition-delay: .1s;
  -moz-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
  opacity: 1;
  right: 23px;
}
.alarmdialog .tradeboxsearch,
.orderdialog .tradeboxsearch {
  top: 62px;
  height: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #3f3f4a;
  overflow: hidden;
  -webkit-transition: height .3s linear;
  -o-transition: height .3s linear;
  -moz-transition: height .3s linear;
  transition: height .3s linear;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.alarmdialog .tradeboxsearch .searchbox,
.orderdialog .tradeboxsearch .searchbox {
  margin: 16px 16px 15px;
  border: 1px solid #5e5c66;
  height: 37px;
  background-color: #3f3f4a;
}
.alarmdialog .tradeboxsearch input,
.orderdialog .tradeboxsearch input {
  width: 353px;
  padding-left: 42px;
}
.alarmdialog .tradeboxsearch .results,
.orderdialog .tradeboxsearch .results {
  background-color: #3f3f4a;
  -webkit-transition: height .3s linear;
  -o-transition: height .3s linear;
  -moz-transition: height .3s linear;
  transition: height .3s linear;
}
.alarmdialog .tradeboxsearch .content .option,
.orderdialog .tradeboxsearch .content .option {
  padding: 0 0 0 20px;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  color: #c3c2cc;
  border: 0;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
}
.alarmdialog .tradeboxsearch .content .option .info .oco-icon-bottom,
.alarmdialog .tradeboxsearch .content .option .info .oco-icon-top,
.orderdialog .tradeboxsearch .content .option .info .oco-icon-bottom,
.orderdialog .tradeboxsearch .content .option .info .oco-icon-top {
  display: none;
  width: 7px;
  height: 7px;
  position: relative;
  top: -1px;
  left: -5px;
}
.alarmdialog .tradeboxsearch .content .option .info .oco-icon-top,
.orderdialog .tradeboxsearch .content .option .info .oco-icon-top {
  border-top: 1px solid #a5a2ac;
  border-left: 1px solid #a5a2ac;
}
.alarmdialog .tradeboxsearch .content .option .info .oco-icon-bottom,
.orderdialog .tradeboxsearch .content .option .info .oco-icon-bottom {
  border-bottom: 1px solid #a5a2ac;
  border-left: 1px solid #a5a2ac;
}
.alarmdialog .tradeboxsearch .content .option.detailed,
.orderdialog .tradeboxsearch .content .option.detailed {
  height: 50px;
  line-height: 50px;
}
.orderdialog.modify-order .tradeboxsearch .content .option.detailed {
  height: 80px;
  line-height: 80px;
}
.orderdialog.modify-order .tradeboxsearch .content .option.detailed .info {
  height: 40px;
  line-height: 40px;
}
.orderdialog.modify-order .tradeboxsearch .content .option.detailed .info .oco-icon-bottom,
.orderdialog.modify-order .tradeboxsearch .content .option.detailed .info .oco-icon-top {
  display: inline-block;
}
.orderdialog.new-order .tradeboxsearch .content .option {
  padding-left: 35px;
}
.alarmdialog .tradeboxsearch .content .option.hover,
.alarmdialog .tradeboxsearch .content .option:hover,
.orderdialog .tradeboxsearch .content .option.hover,
.orderdialog .tradeboxsearch .content .option:hover {
  background-color: #4c4c59;
  color: #f4f2ff;
}
.alarmdialog .tradeboxsearch .content .option.disabled.hover,
.alarmdialog .tradeboxsearch .content .option.disabled:hover,
.orderdialog .tradeboxsearch .content .option.disabled.hover,
.orderdialog .tradeboxsearch .content .option.disabled:hover {
  color: #c3c2cc;
  background-color: transparent;
  background-color: initial;
}
.tradeboxsearch .content .option.disabled.hover i,
.tradeboxsearch .content .option.disabled:hover i {
  color: #8b8a99;
}
.alarmdialog .tradeboxsearch .content,
.orderdialog .tradeboxsearch .content {
  top: 0;
  padding-top: 0;
}
.alarmdialog .tradeboxsearch .content .option .label,
.orderdialog .tradeboxsearch .content .option .label {
  position: absolute;
  float: left;
  top: 11px;
  height: 18px;
  width: 18px;
  font-size: 11px;
  font-weight: bolder;
  margin-left: 5px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
  text-align: center;
  line-height: 17px;
}
.alarmdialog .tradeboxsearch .content .option.detailed .label,
.orderdialog .tradeboxsearch .content .option.detailed .label {
  top: 16px;
}
.alarmdialog .tradeboxsearch .content .label.opened-positions,
.orderdialog .tradeboxsearch .content .label.opened-positions {
  background-color: #3fa2d5;
  color: #3f3f4a;
  right: 41px;
}
.alarmdialog .tradeboxsearch .content .option.disabled .label.opened-positions,
.orderdialog .tradeboxsearch .content .option.disabled .label.opened-positions {
  background-color: #c3c2cc;
}
.alarmdialog .tradeboxsearch .content .label.opened-orders,
.orderdialog .tradeboxsearch .content .label.opened-orders {
  background-color: transparent;
  border: 1px solid #3fa2d5;
  height: 16px;
  width: 16px;
  line-height: 15px;
  color: #3fa2d5;
  right: 15px;
}
.alarmdialog .tradeboxsearch .content .option.disabled .label.opened-orders,
.orderdialog .tradeboxsearch .content .option.disabled .label.opened-orders {
  border-color: #c3c2cc;
  color: #c3c2cc;
}
.alarmdialog .tradeboxsearch .content .name-node,
.orderdialog .tradeboxsearch .content .name-node {
  font-weight: 400;
  float: left;
  margin-right: 5px;
}
.alarmdialog .tradeboxsearch .content .option.detailed .name-node,
.orderdialog .tradeboxsearch .content .option.detailed .name-node {
  position: relative;
  bottom: 5px;
}
.alarmdialog .tradeboxsearch .content .option.detailed i,
.orderdialog .tradeboxsearch .content .option.detailed i {
  position: absolute;
  top: 8px;
  font-size: 10px;
}
.alarmdialog .tradeboxsearch .option.disabled .market-closed,
.orderdialog .tradeboxsearch .option.disabled .market-closed {
  position: absolute;
  font-size: 11px;
  right: 72px;
  font-weight: lighter;
}
.alarmdialog .tradeboxsearch .no-results,
.orderdialog .tradeboxsearch .searchlist-no-results {
  background-color: #3f3f4a;
  text-align: left;
  margin-left: 16px;
  padding-left: 16px;
  border-bottom: 0;
  width: 390px;
  margin-top: 12px;
  padding-bottom: 17px;
}
.searchlist .search-small {
  display: inline-block;
  width: 16px;
  height: 16px;
  fill: #a4a1b2;
  position: absolute;
  left: 5px;
  top: 5px;
}
.searchlist .search-small:hover {
  fill: #fff;
}
.alarmdialog .tradeboxsearch .search-small,
.orderdialog .tradeboxsearch .search-small {
  left: 15px;
  top: 12px;
}
.alarmdialog .tradeboxsearch .search-small,
.alarmdialog .tradeboxsearch .search-small:hover,
.orderdialog .tradeboxsearch .search-small,
.orderdialog .tradeboxsearch .search-small:hover {
  fill: #a4a1b2;
}
.orderdialog .results .content {
  background-color: #3f3f4a;
}
.searchlist {
  position: absolute;
}
.indicatorsearch {
  position: absolute;
  outline: 0;
  width: 181px;
  z-index: 300;
  background-color: #363640;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.indicatorsearch .searchbox {
  border-bottom: 0;
  margin: 10px;
  background: #454552;
}
.indicatorsearch .results {
  overflow: hidden;
  position: relative !important;
}
.indicatorsearch input {
  width: 126px;
  display: block;
  padding: 0 5px 0 28px;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.indicatorsearch .searchlist-no-results {
  text-align: center;
  margin: 9px auto 5px;
  color: #b9b9b9;
}
.indicatorsearch.has_results .results {
  display: block;
  cursor: default;
}
.indicatorsearch .content .option {
  position: relative;
  margin: 0;
  padding: 11px;
  font-size: 11px;
  line-height: 11px;
  border-bottom: 1px solid #454545;
}
.indicatorsearch .content .option.group.hover:hover,
.indicatorsearch .content .option.hover,
.indicatorsearch .content .option:hover {
  color: #22bbf4;
  background-color: #454545;
}
.indicatorsearch .content .option.group.com_open,
.indicatorsearch .content .option.group.hover {
  color: inherit;
  background-color: #454545;
}
.indicatorsearch .content .option i {
  font-style: normal;
  display: block;
  color: #666;
}
.indicatorsearch .content .option.hover i {
  color: #22bbf4;
}
.indicatorsearch .border-cleaner {
  height: 1px;
  background: #1a1a1a;
  position: absolute;
  top: -1px;
  left: 0;
}
.indicatorsearch .option:not(.hover) {
  -webkit-transition: background-color .1s linear, color .1s linear;
  -o-transition: background-color .1s linear, color .1s linear;
  -moz-transition: background-color .1s linear, color .1s linear;
  transition: background-color .1s linear, color .1s linear;
}
.indicatorsearch .indicator-categories,
.indicatorsearch .indicator-search-results {
  position: relative !important;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 181px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pendingorder {
  display: block;
}
.pendingorder .window_body {
  position: relative;
}
.pendingorder .combobox {
  height: 33px;
  margin-bottom: 10px;
}
.pendingorder .pendingorder_inner_controls {
  font-size: 12px;
  position: relative;
}
.pendingorder .pendingorder_inner_controls .input_label {
  color: #a5a2b3;
  line-height: 16px;
}
.pendingorder .pendingorder_inner_controls .price-label {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  color: #a5a2b3;
}
.pendingorder .pendingorder_inner_controls .spinner {
  display: inline-block;
}
.pendingorder_inner_controls .displayedBuyPrice,
.pendingorder_inner_controls .displayedSellPrice {
  font-size: 11px;
  position: relative;
  width: 64px;
  display: inline-block;
  text-align: left;
  padding-left: 10px;
  color: #a5a2b3;
  line-height: 11px;
  height: 11px;
  border-left: 1px solid #42424d;
}
.pendingorder table {
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
.pendingorder .pendingorder-row td {
  background: transparent;
  border: 0;
  text-align: left;
  line-height: normal;
  color: #a5a2b3;
  height: auto;
  padding-bottom: 10px;
}
.pendingorder .pendingorder-label-row td {
  padding-bottom: 20px;
}
.pendingorder .pendingorder-pips-row td {
  padding-bottom: 0;
}
.pendingorder .pendingorder-pips-row .distance-icon {
  display: inline-block;
  width: 21px;
  height: 11px;
  position: relative;
  top: 9px;
}
.pendingorder .pendingorder-row .center {
  text-align: center;
  width: 110px;
}
.pendingorder .po_ifthen,
.pendingorder .po_limit,
.pendingorder .po_oco {
  position: relative;
  border-bottom: 1px solid #42424d;
  padding: 20px 0 16px;
}
.pendingorder .po_ifthen:last-child,
.pendingorder .po_limit:last-child,
.pendingorder .po_oco:last-child {
  border: 0;
}
.bg.real .pendingorder .po_ifthen,
.bg.real .pendingorder .po_limit,
.bg.real .pendingorder .po_oco {
  border-bottom: 1px solid #42424d;
}
.pendingorder .direction-group {
  width: 45%;
  text-align: left;
  float: left;
}
.pendingorder .direction-group .radio {
  margin-right: 8px;
}
.pendingorder .direction-group tr:first-child .radio {
  margin-bottom: 10px;
}
.pendingorder .entry-price {
  position: relative;
  display: block;
  float: left;
  width: 55%;
  text-align: right;
  margin-top: 6px;
}
.pendingorder-label-row .input_label {
  text-align: left;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
.pendingorder .po_oco {
  text-align: center;
}
.pendingorder .container_title {
  font-size: 14px;
  color: #fff;
  margin-top: 20px;
}
.pendingorder_widgets .combobox .com_input {
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  left: 0;
  right: 0;
}
.pendingorder .tdshrink {
  white-space: nowrap;
  vertical-align: top;
}
.pendingorder .tdexpand {
  width: 99%;
  vertical-align: top;
}
.orderdialog.no-instrument .pendingorder .tdexpand {
  display: none;
}
.pendingorder .direction_group tr {
  height: 22px;
}
.pendingorder .distance-hint div {
  font-family: Arial;
  font-size: 11px;
  color: #767480;
  line-height: 12px;
}
.orderdialog {
  background-color: #303038;
  width: 631px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.orderdialog.modify-order,
.orderdialog.modify-position {
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  border-top: 1px solid #3fa2d5;
}
.orderdialog.new-order {
  border-top: 1px solid #2fc297;
}
.orderdialog .type-label {
  position: absolute;
  left: 35px;
  padding: 1px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #000;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 13px;
}
.orderdialog .type-label-container {
  position: absolute;
  width: 100%;
  top: -10px;
  height: 20px;
  cursor: move;
}
.orderdialog .window-title {
  margin: 19px 15px 18px 35px;
  float: left;
  font-size: 14px;
}
.orderdialog .window-title .title {
  display: inline-block;
  font-weight: 400;
  color: #d4cfe6;
}
.orderdialog .window-close {
  top: 21px;
}
.orderdialog .window-title .title .leading {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
}
.orderdialog .window-title .title .vertical-line-separator {
  top: 2px;
  height: 15px;
  margin: 0 10px;
  background-color: #54535e;
}
.orderdialog .type-label.new-order {
  background-color: #2fc297;
  border: 1px solid #2fc297;
}
.orderdialog .type-label.modify-order,
.orderdialog .type-label.modify-position {
  background-color: #3fa2d5;
  border: 1px solid #3fa2d5;
}
.orderdialog .window_head {
  height: 60px;
  padding: 0;
  background: #42424d;
  cursor: default;
  position: relative;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12);
}
.orderdialog .window-title .dropdown-arrow {
  display: inline-block;
  position: relative;
  left: 6px;
  top: -3px;
  width: 20px;
  height: 20px;
  cursor: default;
}
.orderdialog .window-title .dropdown-arrow .arrow {
  width: 0;
  height: 0;
  position: relative;
  top: 15px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #a5a2b3;
}
.orderdialog .window-title .dropdown-arrow.hover .arrow,
.orderdialog .window-title:hover .dropdown-arrow .arrow {
  border-top: 5px solid #dcdae6;
}
.orderdialog_child {
  display: none;
}
.nettingTab .netting,
.pendingOrderTab .pendingorder,
.profitLossTab .profitloss,
.smartOrderTab .smartorder,
.tradeTab .tradeorder,
.trailingStopTab .trailing_stop {
  display: block;
}
.orderdialog .profitloss .window_body {
  margin: 0;
  position: relative;
}
.smartorder .profitloss .window_body {
  margin: 0;
  border: 0;
  padding-top: 10px;
}
.orderdialog .ord_sms {
  display: none;
}
.bg.real .ord_sms {
  min-height: 17px;
  display: block;
  line-height: 15px;
  text-transform: none;
  color: #b9b9b9;
  font-size: 11px;
  text-align: left;
  padding-top: 20px;
}
.orderdialog .window-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px 25px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.orderdialog .button {
  float: right;
  min-width: 190px;
}
.orderdialog .message-popup {
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  background: #303038;
  background: rgba(48,48,56,0.9);
  z-index: 4;
  opacity: 0;
  border-top: 0;
  text-align: center;
  font-size: 14px;
  -webkit-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.orderdialog .message-popup-error {
  opacity: 1;
  border-color: #e34b51;
  text-align: left;
}
.orderdialog .message-popup .vertical-align-child {
  margin-top: -25px;
  text-align: center;
}
.orderdialog .message-popup-error .vertical-align-child {
  text-align: left;
  padding: 20px 20px 20px 76px;
}
.has_pending .disabled_overlay {
  display: none;
}
.orderdialog .quantity-list .placeholder {
  height: 33px;
  line-height: 33px;
  color: #a5a2b3;
}
.orderdialog .quantity-list input {
  height: 33px;
  color: #fff;
}
.orderdialog .input_label {
  font-size: 12px;
  color: #a5a2b3;
}
.orderdialog .orderdialog-overlay {
  position: absolute;
  width: 100%;
  background-color: #303038;
  z-index: 1000;
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  transition: opacity .3s linear;
}
.orderdialog .combobox.disabled .dropdown-arrow,
.orderdialog .combobox.disabled:hover .dropdown-arrow,
.orderdialog .combobox .dropdown-arrow {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #a5a2b3;
  right: 12px;
  top: 14px;
}
.orderdialog .combobox.com_open .dropdown-arrow,
.orderdialog .combobox:hover .dropdown-arrow {
  border-top: 3px solid #dcdae6;
}
.combo-order-type {
  text-align: center;
}
.contextmenu.combo-order-type .item {
  padding: 10px 15px;
}
.orderdialog .tab-container {
  float: left;
  min-width: 190px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #42424e;
  background-color: #32323b;
}
.orderdialog .closed-market-timer {
  color: #25b0f8;
  font-size: 20px;
  margin-top: 10px;
}
.alarmdialog {
  background-color: #303038;
  width: 450px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.alarmdialog .tradeboxsearch {
  top: 59px;
  left: 0;
}
.alarmdialog .tradeboxsearch input {
  width: 325px;
}
.alarmdialog .tradeboxsearch .content {
  background-color: #3f3f4a;
}
.alarmdialog .orderdialog-overlay {
  position: absolute;
  width: 436px;
  background-color: #303038;
  z-index: 1000;
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  -o-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  transition: opacity .3s linear;
}
.alarmdialog .window_title {
  margin: 18px 15px;
  float: left;
  font-size: 14px;
}
.alarmdialog .window_title .title {
  display: inline-block;
  font-weight: 400;
  color: #bcb8cc;
}
.alarmdialog .window_title .title .leading {
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  padding-left: 15px;
}
.alarmdialog .window_head {
  height: 60px;
  background-color: #303038;
  padding: 0;
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  border-top: 1px solid #6f6d82;
}
.alarmdialog .type-label {
  position: absolute;
  left: 30px;
  top: -10px;
  padding: 3px 9px;
  color: #000;
  background-color: #6f6d82;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 13px;
}
.alarmdialog .window_title .dropdown-arrow {
  display: inline-block;
  position: relative;
  cursor: default;
  left: 6px;
  top: -3px;
  width: 20px;
  height: 20px;
}
.alarmdialog .window_title .dropdown-arrow .arrow {
  width: 0;
  height: 0;
  position: relative;
  top: 15px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #a5a2b3;
}
.alarmdialog .window_title .dropdown-arrow.hover .arrow,
.alarmdialog .window_title:hover .dropdown-arrow .arrow {
  border-top: 5px solid #dcdae6;
}
.alarmdialog .window_body {
  margin: 25px 30px;
  margin-bottom: 0;
  padding-bottom: 25px;
  border-bottom: 1px solid #5b5a66;
}
.alarmdialog .window_body .conditions .direction {
  float: left;
}
.alarmdialog .window_body .conditions .direction tr {
  height: 10px;
}
.alarmdialog .window_body .conditions .direction .radio {
  margin-top: 6px;
  margin-right: 4px;
}
.alarmdialog .window_body .conditions .direction .price {
  border-left: 1px solid #5b5a66;
  display: inline-block;
  height: 10px;
  line-height: 10px;
  padding-left: 11px;
}
.alarmdialog .window_body .priceInput {
  float: right;
  margin-top: 18px;
}
.alarmdialog .window_body .priceInput .price-label {
  margin-right: 10px;
}
.alarmdialog .window_body .priceInput .spinner {
  display: inline-block;
  width: 165px;
}
.alarmdialog .window_controls {
  clear: both;
  margin: 25px 30px;
}
.alarmdialog .window_controls .button {
  float: right;
  min-width: 195px;
}
.combobox {
  height: 22px;
  position: relative;
  outline: none;
  background-color: #43434e;
  color: #a5a2b3;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  transition: background-color .1s linear;
}
.combobox:hover {
  background-color: #50505c !important;
}
.combobox.disabled:hover {
  background-color: #43434e;
}
.com_input {
  height: 22px;
  font-size: 11px;
  line-height: 22px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  position: absolute;
  left: 5px;
  right: 25px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.combobox .dropdown-arrow {
  width: 0;
  height: 0;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 13px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #a5a2b3;
}
.combobox .dropdown-arrow:hover {
  border-top: 4px solid #dcdae6;
}
.combobox-list-animated {
  overflow: hidden;
}
.com_selected {
  opacity: .4;
}
.contextmenu.combobox-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #43434e;
}
.contextmenu.combobox-list .item:not(.disabled).hover,
.contextmenu.combobox-list .item:not(.disabled):hover,
.contextmenu.combobox-list .selected {
  color: #fff;
  background-color: #50505c;
}
.combobox-list.combo_chart_drawings_list {
  background-color: #363640 !important;
}
.combo_chart_drawings_list.combobox-list .item:not(.disabled).hover,
.combo_chart_drawings_list.combobox-list .item:not(.disabled):hover,
.combo_chart_drawings_list.combobox-list .selected {
  color: #f4f2ff !important;
  background-color: #43424d !important;
}
.contextmenu.colorpicker {
  background-color: #43434e;
  width: 188px;
  height: 114px;
  position: absolute;
  z-index: 1001;
  outline: 0;
  padding: 5px 5px 0 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.contextmenu.colorpicker .item {
  float: left;
  margin: 0 0 6px 6px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.contextmenu.colorpicker.combobox-list .item.hover,
.contextmenu.colorpicker.combobox-list .item:hover {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.contextmenu.colorpicker .item.upper-colors {
  margin-bottom: 12px;
}
.colorpicker-icon {
  float: left;
  margin: 0 10px 0 0;
  background-color: #43434e;
  width: 60px;
  height: 30px;
  position: relative;
  z-index: 10;
}
.colorpicker-icon .com_input {
  width: 16px;
  height: 16px !important;
  position: absolute;
  top: 7px;
  left: 7px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.colorpicker-icon .arrow {
  width: 22px;
  height: 30px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
}
.colorpicker-icon:hover {
  background-color: #50505c;
}
.colorpicker-icon:hover .arrow {
  background-position: -501px -177px;
}
.colorpicker-icon:focus {
  outline: none;
}
.contextmenu.colorpicker .icon {
  position: relative;
  width: 0;
  height: 0;
}
.contextmenu.colorpicker .group-separator {
  margin: 3px 0;
  padding: 0;
  float: left;
  width: 100%;
  border-bottom: 0;
}
.contextmenu.colorpicker.has-icons .item {
  padding-left: 0;
}
.report {
  width: 989px;
  background-color: #303038;
  -webkit-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.report .table tbody {
  cursor: default;
}
.report .tab-container {
  padding: 0 12px;
}
.report .tabs {
  position: relative;
  float: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #a5a2b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #a5a2b3;
  line-height: 27px;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color .1s linear;
  -o-transition: color .1s linear;
  -moz-transition: color .1s linear;
  transition: color .1s linear;
}
.report .tabs .tab-item {
  height: 28px;
  background: none;
  border-right: 1px solid #a5a2b3;
  display: table-cell;
  padding: 0;
  text-align: center;
  font-size: 11px;
}
.report .tabs .tab-item:not(.tab-active):hover {
  background: #3f3f47;
}
.report .tabs .tab-item.tab-active {
  background: #a5a2b3;
  color: #000;
}
.report .tabs .tab-item:last-child {
  border-right: 0;
}
.report-body {
  clear: both;
}
.report-filters {
  display: none;
  padding: 15px;
  margin: 0;
  position: relative;
  z-index: 0;
  border-bottom: 1px solid #4e4b59;
}
.report-orders .report-filters,
.report-positions .report-filters {
  display: block;
}
.report-positions .report-filters .report-filters-combobox {
  display: none;
}
.report-filters .report-label {
  float: left;
  color: #9995a6;
  padding: 6px 15px;
}
.report-filters .first.report-label {
  padding-left: 0;
}
.report-apply.button {
  height: 30px;
  line-height: 30px;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.report .table {
  padding: 0 10px;
}
.report .table th {
  border-bottom: 1px solid #4e4b59;
  height: 60px;
  line-height: normal;
  padding: 0;
  text-align: center;
  white-space: nowrap;
}
.report .table th .content {
  margin: 10px 0;
  padding: 8px 17px 8px 10px;
  position: relative;
  left: 1px;
  color: #9995a6;
  display: inline-block;
}
.report-orders .table {
  table-layout: auto;
}
.report-orders .table th {
  white-space: normal;
  line-height: 14px;
}
.report-orders .table th:last-child .content {
  left: -2px;
  padding-right: 14px;
}
.report-orders .table th:last-child .content .sort-arrow {
  right: 4px;
}
.report .table th:last-child .content {
  position: relative;
  right: 5px;
}
.report .table .column-selected .content {
  color: #fff;
  background-color: #43414d;
}
.report .table th:hover .content {
  color: #c7c7c7;
  text-decoration: underline;
}
.report .table .no-sort:hover .content {
  color: #878787;
  text-decoration: none;
}
.report .table th .sort-arrow {
  display: none;
  width: 0;
  height: 0;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -2px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #a5a2b3;
}
.report .table th.ascending .sort-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.report .table th.column-selected .sort-arrow {
  display: inline-block;
}
.report .table tr:hover td {
  background-color: #35353d !important;
}
.report table .table-footer-row:hover td {
  background-color: #3f3f4b !important;
}
.report-orders .table tfoot,
.report-positions .table tfoot {
  display: none;
}
.report .table tfoot tr td {
  border-bottom: 0;
  text-align: center;
  padding-right: 10px;
  background-color: #3f3f4b;
}
.report .table .clickable-id {
  color: #fff !important;
  text-decoration: underline;
}
.report .table .clickable-id.empty {
  display: none;
}
.report .table .clickable-id:hover {
  color: #3fa2d5 !important;
}
.report .table .event-type {
  display: block;
  color: #9995a6;
}
.report .table tr:last-child td {
  border-bottom: 0;
}
.report-transaction .table tfoot tr td:first-child {
  text-align: left;
  padding-left: 10px;
}
.report-transaction .table tfoot tr td {
  border-top: 1px solid #4e4b59 !important;
}
.report .table tfoot tr td span {
  margin-left: 3px;
  color: #fff;
}
.report .table tfoot tr td label {
  color: #a7a7a7;
}
.report .table tr td {
  background-color: transparent;
  color: #e8e6f2;
  border-top: none;
  line-height: 16px;
  padding-left: 5px;
  border-bottom: 1px solid #4e4b59;
}
.report .table .report-empty {
  text-align: center;
  color: #9995a6;
  border-bottom: 0;
}
.report .datepicker {
  position: relative;
  height: 28px;
  line-height: 28px;
  margin-top: 0 !important;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 25px !important;
  border: 1px solid #4e4b59;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: border-color .1s linear;
  -o-transition: border-color .1s linear;
  -moz-transition: border-color .1s linear;
  transition: border-color .1s linear;
}
.report .datepicker input {
  line-height: 28px !important;
  height: 28px !important;
  font-family: Roboto, Segoe UI, Arial, sans-serif;
}
.report .datepicker .calendar-icon {
  position: absolute;
  top: 9px;
  left: 7px;
  width: 10px;
  height: 10px;
  fill: #a4a2af;
}
.report-column-status {
  width: 130px;
}
.report-column-code {
  width: 150px;
}
.report-column-currency {
  width: 60px;
}
.report-positions .report-column-currency {
  width: 200px;
}
.report-positions .report-column-created {
  width: 200px;
}
.report-column-created,
.report-column-modified {
  width: 75px;
}
.report-column-type {
  width: 100px;
}
.report-column-validity {
  width: 130px;
}
.report-quantity-cell {
  white-space: nowrap;
}
.report .combobox {
  height: 28px;
  width: 385px;
  float: left;
  margin: 0 10px;
}
.report .combobox .com_input {
  height: 28px;
  line-height: 28px;
  left: 14px;
}
.report .window_title {
  font-size: 18px;
}
.report .window_head {
  padding: 12px 15px;
}
.report .table td {
  height: 50px;
  line-height: 49px;
  text-align: center;
}
.report .window_controls {
  margin: 15px 0;
}
.reports-combobox-list {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.news {
  outline: 0;
  border: 0;
}
.news .scrollable-area {
  margin: 20px 0;
}
.news .news-tabs {
  padding: 25px;
}
.news .tabs {
  position: relative;
  float: none;
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 1px solid #a5a2b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.news-empty-content {
  font-size: 28px;
  text-align: center;
  color: #878787;
  left: 20px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  display: none;
}
.news.no-content .news-empty-content {
  display: block;
}
.news-body {
  padding: 0 25px;
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 30px;
  overflow: hidden;
}
.news-body .news-text {
  max-height: 120px;
  margin-top: 10px;
  font-size: 13px;
  overflow: hidden;
  -webkit-transition: color .1s linear;
  -o-transition: color .1s linear;
  -moz-transition: color .1s linear;
  transition: color .1s linear;
  color: #c3c2cc;
}
.news-body.pseudoActivated .news-text {
  max-height: 140px;
}
.news-body.active .news-text,
.news-body:hover .news-text {
  color: #f4f2ff;
}
.news-body .news-date {
  padding: 0 20px 0 0;
  color: #747180;
  font-size: 11px;
}
.news-body .title {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 18px;
  color: #a5a2b3;
  -webkit-transition: color .1s linear;
  -o-transition: color .1s linear;
  -moz-transition: color .1s linear;
  transition: color .1s linear;
}
.news-body.active .title,
.news-body:hover .title {
  color: #eae5ff;
}
.news-body .hours {
  color: #a4d4f6;
}
.news-body .news-source {
  font-size: 11px;
  color: #747180;
}
.news-body .read-more {
  display: none;
  font-size: 11px;
  color: #3b96d5;
  -webkit-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.news-body:hover .read-more {
  color: #47b3ff;
}
.news-body.has-read-more .read-more {
  display: block;
}
.news-body.active .read-more {
  display: none;
}
.news-links {
  margin-left: 25px;
  height: 16px;
}
.news .datepicker {
  position: relative;
  margin: 0;
}
.news .datepicker .calendar-icon {
  width: 10px;
  height: 10px;
  fill: #a4a2af;
  position: absolute;
  top: 3px;
  left: 0;
}
.helpingNode {
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 10000;
  font-size: 13px;
  line-height: 20px;
}
.helpingNode .news-body .news-text {
  max-height: none;
}
.alarms {
  font-family: Arial, Roboto, Segoe UI, sans-serif;
}
.alarms .title_wrapper {
  border-bottom: 1px solid #46444d;
  padding: 30px 30px 30px 20px;
}
.alarms .title {
  font-size: 16px;
}
.alarms .no-results {
  font-size: 28px;
  text-align: center;
  color: #787684;
  left: 20px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  display: none;
}
.alarms .no-alarms .no-results {
  display: block;
}
.alarms .newAlarmButton {
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  float: right;
  font-size: 11px;
  margin-top: -3px;
}
.alarms .list-header {
  clear: both;
  font-weight: 400;
  font-size: 11px;
  height: 35px;
  line-height: 35px;
  border-bottom: 1px solid #333139;
  padding: 0 30px 0 20px;
  color: #9995a6;
}
.alarms .list-cell {
  float: left;
  text-align: right;
  width: 33%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.alarms .list-cell.instrument {
  text-align: left;
  width: 34%;
}
.alarms .buy .direction {
  color: #30b38d;
}
.alarms .sell .direction {
  color: #f0575c;
}
.alarms .list-item {
  position: relative;
  line-height: 45px;
  height: 45px;
  padding: 0 30px 0 20px;
  font-size: 11px;
  color: #c6c4cd;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  transition: background-color .1s linear;
}
.alarms .list-item.hover,
.alarms .list-item:hover {
  color: #fff;
  background-color: #333139;
}
.alarms .list-item .icon-remove {
  position: absolute;
  top: 13px;
  right: 7px;
  width: 16px;
  height: 16px;
  float: right;
}
.alarms .list-item .icon-remove .delete-alarm {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 2px;
  fill: #a4a2b0;
}
.alarms .list-item:hover .icon-remove .delete-alarm {
  display: block;
  fill: #fefefc;
}
.alarms .list-item:hover .icon-remove:hover {
  background-color: #212026;
}
.chart-container .chart {
  width: 100%;
  height: 100%;
}
.chart .window_head {
  padding: 0;
  height: 36px;
}
.chart {
  cursor: default;
  position: absolute;
  background: #27262e;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.chart .window_title {
  position: absolute;
  top: 5px;
  left: 10px;
  z-index: 2;
  font-size: 11px;
  font-family: Arial;
  line-height: 26px;
}
.chart-first .window_title {
  left: 40px;
}
.change_instrument {
  height: 16px;
  position: relative;
  top: 8px;
  width: 16px;
  margin: 0 6px;
  cursor: default;
  display: none;
}
.change_instrument .arrow-dropdown {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #a4a2b0;
}
.has_dropdown .change_instrument,
.multi-mode .window_head:hover .change_instrument,
.tab-item:hover .change_instrument {
  display: inline-block;
}
.chart embed,
.chart object {
  display: block;
  outline: none;
}
.chart-container {
  margin: 0;
  position: relative;
  top: 0;
  outline: none;
}
.chart-container .zoom_container {
  position: absolute;
  width: 38px;
  top: 10px;
  left: 50%;
  margin-left: -13px;
}
.chart-container .zoom_btn {
  width: 13px;
  height: 13px;
  overflow: hidden;
  display: block;
  padding: 1px 1px 2px 2px;
}
.context_menu {
  height: 30px;
  width: 60px;
  margin: 0 auto;
}
.context_menu div {
  padding: 5px 10px;
  border: 1px solid #333;
  float: left;
  margin-left: 1px;
}
.chart_menu {
  margin-left: 10px;
  position: absolute;
  background-color: #27262e;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  top: 47px;
  z-index: 1;
  -webkit-transition: all .15s linear;
  -o-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
}
.multi-mode .chart .com_open.chart_menu,
.multi-mode .chart:hover .chart_menu {
  background-color: #27262e;
}
.hide-chart-menu .chart_menu,
.multi-mode .chart_menu,
.multi-mode .hide-chart-menu.chart .com_open.chart_menu,
.multi-mode .hide-chart-menu.chart:hover .chart_menu {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: transparent;
  background-color: transparent;
}
.mright10 {
  margin-right: 10px;
}
.mleft9 {
  margin-left: 9px;
}
.mleft10 {
  margin-left: 10px;
}
.mleft4 {
  margin-left: 4px;
}
.chart-container .layer {
  position: absolute;
  top: 0;
  overflow: hidden;
}
.chart-container .layer:focus,
.chart-container .layer:hover,
.chart-container canvas:focus,
.chart-container canvas:hover,
.chart-container svg:focus,
.chart-container svg:hover {
  outline: none;
  -webkit-tap-highlight-color: rgba(39,38,46,0) !important;
}
.chart-container .canvasGridLayer,
.chart-container .canvasLayer,
.chart-container .svgLayer {
  height: 100%;
  width: 100%;
}
.chart-container .chartLayer .canvasLayer canvas {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  z-index: -1;
  background: transparent;
}
.chart-container .chartLayer .canvasGridLayer canvas {
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  z-index: -2;
}
.chart-container .svgLayer {
  margin: 0;
}
.chart-container .crossHairG {
  visibility: hidden;
}
.chart-container .crossHairG,
.chart-container .crossHairG line,
.chart-container .crossHairG rect,
.chart-container .crossHairG text {
  pointer-events: none;
}
.chart-container.show-cross .crossHairG {
  visibility: visible;
}
.chart-container .svgLayer .crossYLabel,
.chart-container .svgLayer .crossYLine,
.price-alert:not(.active) {
  visibility: hidden;
}
.chart-container.show-cross .svgLayer.active-cross .crossYLabel,
.chart-container.show-cross .svgLayer.active-cross .crossYLine,
.price-alert .bell-icon,
.price-alert .bell-rect,
.price-alert:hover,
.price-alert line {
  visibility: visible;
}
.price-alert rect {
  fill: #3fa2d5;
}
.price-alert line {
  stroke: #3fa2d5;
}
.price-alert text {
  fill: #27262e;
  font-size: 11px;
}
.price-alert .price-container text {
  text-anchor: middle;
}
.price-alert .price-container.dragged text {
  font-size: 14px;
}
.price-alert path:not(.bell-icon) {
  stroke: #27262e;
}
.price-alert .bell-icon {
  fill: #27262e;
}
.price-alert .close-rect:hover {
  fill: #4cc3ff;
}
.chart-container .svgLayer svg .label_text,
.chart-container .svgLayer svg .svgCurrentText {
  font-size: 11px;
  text-anchor: middle;
  pointer-events: none;
  fill: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.chart-container .svgLayer svg .label_text {
  fill: #fff;
}
.chart-container .svgLayer svg {
  position: relative;
  top: 0;
  background-color: #fff;
  background-color: rgba(255,255,255,0);
  margin: 0;
  padding: 0;
  -ms-touch-action: pan-y pinch-zoom double-tap-zoom;
}
.chart-container .feed-close-svg {
  position: absolute;
}
.chart-container .feed-layer {
  position: absolute;
  bottom: 0;
  text-align: center;
  line-height: 50px;
  color: #a5a2b3;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chart-container .feed-layer span {
  position: absolute;
  top: 5px;
  left: 0;
  width: 37px;
  height: 37px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: #999;
  font-size: 9px;
  background: gray;
  cursor: default;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(.7);
  -moz-transform: scale(.7);
  -ms-transform: scale(.7);
  -o-transform: scale(.7);
  transform: scale(.7);
  -webkit-box-shadow: 0 0 0 2px #27262e;
  -moz-box-shadow: 0 0 0 2px #27262e;
  box-shadow: 0 0 0 2px #27262e;
  -webkit-transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
  transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease;
  -o-transition: box-shadow .2s ease, -o-transform .2s ease;
  -moz-transition: transform .2s ease, box-shadow .2s ease, -moz-transform .2s ease, -moz-box-shadow .2s ease;
  transition: transform .2s ease, box-shadow .2s ease;
  transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, -moz-transform .2s ease, -o-transform .2s ease, -webkit-box-shadow .2s ease, -moz-box-shadow .2s ease;
}
.chart-container .feed-layer span.entering {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.chart-container .feed-layer span div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  line-height: 37px;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #000;
  background: rgba(0,0,0,0.3);
  color: #fff;
  font-size: 15px;
  overflow: hidden;
  pointer-events: none;
}
.chart-container .feed-layer span.bearish div,
.chart-container .feed-layer span.bullish div,
.chart-container .feed-layer span.neutral div {
  position: absolute;
  top: auto;
  left: 2px;
  bottom: 2px;
  height: 9px;
  width: 9px;
  -webkit-box-shadow: 0 0 0 2px #27262e;
  -moz-box-shadow: 0 0 0 2px #27262e;
  box-shadow: 0 0 0 2px #27262e;
}
.chart-container .feed-layer span.neutral div {
  display: none;
}
.chart-container .feed-layer span.bearish div {
  background: #e34b51;
}
.chart-container .feed-layer span.bullish div {
  background: #2fc297;
}
.chart-container .feed-layer span img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  pointer-events: none;
}
.chart-container .feed-layer span:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 1;
}
.chart-container .feed-highlight {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #50505c;
  opacity: .4;
  pointer-events: none;
}
.chart-container .feed-highlight.bearish {
  background: #e34b51;
}
.chart-container .feed-highlight.bullish {
  background: #2fc297;
}
.chart-container.draggable,
.chart-container .draggable {
  cursor: pointer;
}
.chart-container .disabled {
  opacity: .5;
  cursor: default;
}
.chart-container .fleft {
  float: left;
}
.chart-container .fright {
  float: right;
}
.chart-container .clearfix {
  clear: both;
  height: 1px;
}
.chart-container .feed-container-layer~.chart-scroller {
  bottom: 67px;
}
.chart-container .chart-scroller {
  position: absolute;
  right: 59px;
  left: 5px;
  bottom: 17px;
  padding: 0;
  height: 22px;
}
.chart-container .chart-scroller {
  -webkit-transition: opacity .3s ease .2s;
  -o-transition: opacity .3s ease .2s;
  -moz-transition: opacity .3s ease .2s;
  transition: opacity .3s ease .2s;
  opacity: 0;
}
.chart-container.draggable .chart-scroller,
.chart-container:hover .chart-scroller {
  -webkit-transition: opacity .3s ease .2s;
  -o-transition: opacity .3s ease .2s;
  -moz-transition: opacity .3s ease .2s;
  transition: opacity .3s ease .2s;
  opacity: 1;
}
.chart-container .dragging {
  opacity: 1 !important;
}
.chart-container .scr-left,
.chart-container .scr-right {
  width: 0;
  height: 0;
  position: absolute;
}
.chart-container .scr-left {
  left: 0;
}
.chart-container .scr-right {
  right: 0;
}
.chart-container .scr-left span {
  display: none;
  width: 0;
  height: 0;
  background-position: -72px -447px;
}
.chart-container .scr-left span:hover {
  background-position: -103px -447px;
}
.chart-container .scr-right span {
  display: none;
  width: 0;
  height: 0;
  background-position: -6px -447px;
}
.chart-container .scr-right span:hover {
  background-position: -37px -447px;
}
.chart-container .scr_slider_container {
  float: left;
  position: absolute;
  width: auto;
  height: 15px;
  left: 0;
  right: 0;
  top: 5px;
  opacity: .5;
}
.chart-container .scr_slider {
  width: 5px;
  height: 7px;
  left: 0;
  position: absolute;
  top: 2px;
  background: #9fa1a6;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-left: 0;
  opacity: 1 !important;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.chart-container .dragging .scr_slider,
.chart-container .scr_slider:hover {
  background: #b9b9b9 !important;
}
.chart-container .unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.chart-quantity-box.quantity-list {
  position: absolute;
  width: 225px;
  background: #363640;
  font-size: 11px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  z-index: 20;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.chart-quantity-box.quantity-list-typing.quantity-list,
.chart-quantity-box.quantity-list:hover {
  background-color: #363640 !important;
}
.chart-quantity-box .helper-node {
  display: block !important;
  width: 100%;
  height: 11px;
  position: absolute;
  top: -11px;
}
.chart-quantity-box.quantity-list input {
  width: 215px;
  margin: 5px auto 0;
  height: 30px;
  font-size: 12px;
  background: #454552;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chart-quantity-box.quantity-list .dropdown-arrow {
  display: none;
}
.chart-quantity-box.quantity-list .placeholder {
  height: 30px;
  line-height: 29px;
  background: #454552;
  margin: 5px auto 0;
  width: 215px;
}
.chart-quantity-box.quantity-list .scrollable-area {
  position: relative;
  top: 0;
  border: 0;
  padding: 0;
  background: #363640;
  width: 225px;
}
.chart-quantity-box.quantity-list .quantity-list-item {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
  width: 205px;
}
.chart-crosshair,
.chart-switch-grid,
.chart-tooltip {
  display: none;
  width: 24px;
  height: 24px;
  float: left;
  margin: 0 0 0 2px;
  text-align: center;
  font-size: 14px;
  line-height: 21px;
}
.chart-switch-grid {
  margin-left: 10px !important;
}
.chart-container .svgLayer .svgCurrentText {
  font-size: 11px;
}
.chart_tooltip {
  position: absolute;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
  min-width: 150px;
  z-index: 9;
  background-color: #303038;
  color: #a5a2b3;
  opacity: .9;
  pointer-events: none;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
body.contextmenu-open .chart_tooltip,
body.contextmenu-open .crossHairG {
  opacity: 0;
}
.chart_tooltip .tooltip-wrapper {
  padding: 7px 10px 4px 9px;
  white-space: nowrap;
}
.chart_tooltip .tooltip-wrapper div {
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: right;
  padding: 1px 0;
  white-space: nowrap;
}
.chart_tooltip .tooltip-wrapper div div {
  float: left;
  width: auto;
  text-align: left;
  padding-right: 10px;
  white-space: nowrap;
  border-bottom: none;
  font-size: 11px;
  color: #a5a2b3;
}
.chart_tooltip .tooltip-wrapper div span {
  font-size: 11px;
  color: #fff;
}
.chart_tooltip .tooltip-wrapper>div:first-child {
  background-color: #363640;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 9px;
}
.chart_tooltip .tooltip-wrapper>div:first-child div {
  display: none;
}
.chart_tooltip .tooltip-wrapper>div:first-child span {
  float: left;
  padding-left: 10px;
  padding-top: 4px;
}
.chart_tooltip .tooltip-wrapper>div:nth-child(2) {
  margin-top: 25px;
}
.chart_tooltip .tooltip-wrapper>div:last-child {
  border-bottom: none;
}
.chart_tooltip .tooltip-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 0 2px 2px 0;
  z-index: 1;
  background: #383838;
  opacity: 0;
  pointer-events: none;
}
.chart .chart_tooltip .tooltip-wrapper {
  border-bottom: 1px solid #383838;
}
.close-btn rect {
  opacity: 0;
}
.close-btn:hover rect {
  opacity: 1;
  fill: #212026;
}
.close-btn path {
  stroke: #7e7c8b;
}
.close-btn:hover path {
  stroke: #a7a5af;
}
.chart-container .chartLayer {
  width: 100%;
  height: 100%;
  position: relative !important;
  display: block;
  overflow: hidden;
}
.indicator-title {
  float: left;
  position: absolute;
  font-family: Roboto, Segoe UI, Arial, sans-serif;
  font-size: 11px;
  top: 5px;
  left: 7px !important;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.indicator-title span {
  text-transform: lowercase;
}
.layer-sep {
  height: 5px;
  width: 100%;
  background-color: #454545;
  position: relative;
}
.area_container {
  position: absolute;
  visibility: visible;
  z-index: 2000;
  background-color: #27262e;
  background-color: rgba(39,38,46,0);
  white-space: pre-word;
}
.area_container textarea {
  left: inherit;
  top: inherit;
  height: inherit;
  width: inherit;
  outline: none;
  resize: none;
  overflow: hidden;
  white-space: pre-word;
  background-color: #fff;
  background-color: rgba(255,255,255,0);
  border: none;
  font-family: Arial;
  padding: 0 !important;
}
.area_container,
.area_container textarea {
  pointer-events: none !important;
}
.moving svg g {
  pointer-events: none;
}
.move-drawing {
  pointer-events: visible !important;
}
.area_container.editable,
.area_container.editable textarea {
  pointer-events: visible !important;
}
.cursor-move {
  cursor: move;
}
.cursor-ns-resize {
  cursor: ns-resize;
}
.cursor-ew-resize {
  cursor: ew-resize;
}
.cursor-w-resize {
  cursor: w-resize;
}
.cursor-e-resize {
  cursor: e-resize;
}
.cursor-n-resize {
  cursor: n-resize;
}
.cursor-s-resize {
  cursor: s-resize;
}
.cursor-nw-resize {
  cursor: nw-resize;
}
.cursor-ne-resize {
  cursor: ne-resize;
}
.cursor-se-resize {
  cursor: se-resize;
}
.cursor-sw-resize {
  cursor: sw-resize;
}
.cursor-text {
  cursor: text;
}
.hide-chart-menu .chart-trade {
  opacity: 0;
}
.hide-chart-menu .chart-trade.extended,
.hide-chart-menu:hover .chart-trade {
  opacity: 1;
}
.hide-chart-trade.hide-chart-menu .chart-trade {
  display: none;
}
.hide-chart-menu .chart-zoom-btns,
.hide-chart-menu .combo_chart_html5 {
  visibility: hidden;
}
.hide-chart-menu.hide-chart-trade .chart-zoom-btns,
.hide-chart-menu.hide-chart-trade .combo_chart_html5 {
  display: none;
}
.svgLayer .drawing-container circle {
  fill: transparent;
  stroke-width: 8px;
  stroke: transparent;
}
.svgLayer .drawing-container circle.active,
.svgLayer .drawing-container circle:hover {
  fill: #878787;
  stroke: rgba(255,255,255,0.1) !important;
}
.drawing-container.currentDrawing circle {
  fill: #878787;
}
.drawing-container circle.active .hover-line,
.drawing-container circle:hover .hover-line {
  stroke: rgba(255,255,255,0) !important;
}
.svgLayer svg .hover-ellipse,
.svgLayer svg .hover-line,
.svgLayer svg .hover-path,
.svgLayer svg .hover-rect {
  stroke-width: 15px;
  stroke: rgba(255,255,255,0);
  fill: none !important;
  stroke-linecap: "round";
}
.svgLayer svg .hover-ellipse.active,
.svgLayer svg .hover-ellipse:hover,
.svgLayer svg .hover-line.active,
.svgLayer svg .hover-line:hover,
.svgLayer svg .hover-path.active,
.svgLayer svg .hover-path:hover,
.svgLayer svg .hover-rect.active,
.svgLayer svg .hover-rect:hover {
  stroke: rgba(255,255,255,0.1) !important;
}
.chart .svgLayer svg .text-label .text-container {
  stroke: rgba(255,255,255,0);
  fill: rgba(255,255,255,0);
}
.rectangle-cross-fill {
  fill: #45a5f0;
  opacity: .2;
}
.rectangle-cross-tooltip {
  position: absolute;
  top: 0;
  visibility: visible;
  left: 0;
  height: auto;
  width: auto;
  min-width: 150px;
  z-index: 9;
  background-color: #303038;
  color: #a5a2b3;
  opacity: .9;
  pointer-events: none;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
body.hide-controls .rectangle-cross-tooltip {
  opacity: 0;
}
.rectangle-cross-tooltip .rectangle-cross-wrapper {
  padding: 7px 10px 4px 9px;
  white-space: nowrap;
}
.rectangle-cross-tooltip .rectangle-cross-wrapper div {
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: right;
  padding: 1px 0;
  white-space: nowrap;
}
.rectangle-cross-tooltip .rectangle-cross-wrapper div div {
  float: left;
  width: auto;
  text-align: left;
  padding-right: 10px;
  white-space: nowrap;
  border-bottom: none;
  font-size: 11px;
  color: #a5a2b3;
}
.rectangle-cross-tooltip .rectangle-cross-wrapper div span {
  font-size: 11px;
  color: #fff;
}
.rectangle-cross-tooltip .rectangle-cross-wrapper>div:last-child {
  border-bottom: none;
}
.rectangle-cross-tooltip .rectangle-cross-overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: -1px;
  left: -1px;
  padding: 0 2px 2px 0;
  z-index: 1;
  background: #383838;
  opacity: 0;
  pointer-events: none;
}
.clip-path {
  position: absolute;
  overflow: hidden;
  visibility: hidden;
}
.open-position-container .deactivated,
.open-position-container:not(.current_pos) .connecting-line:not(.deactivated),
.open-position-container:not(.current_pos) .default-container .info-container,
.open-position-container:not(.current_pos) .info-container,
.open-position-container:not(.current_pos) .price-container {
  visibility: hidden;
}
.open-position-container .position:not(.default-container) .info-container rect,
.open-position-container .position:not(.default-container) .value-rect {
  fill-opacity: 0;
}
.open-position-container.active.current_pos .position.deactivated>rect,
.open-position-container.active.current_pos .position.deactivated>text {
  visibility: visible;
}
.open-position-container.active.current_pos .position.deactivated>text,
.open-position-container.current_pos.active .position.not-droppable text {
  fill: #757380;
}
.chart-container.market-closed .connecting-line,
.chart-container.market-closed .position.default-container .info-container,
.chart-container.market-closed .position:not(.default-container) {
  display: none;
}
.open-position-container.buy .connecting-line.not-droppable-line,
.open-position-container.sell .connecting-line.not-droppable-line {
  stroke: #757380;
}
.chart .svgLayer svg .hline .center-rect,
.chart .svgLayer svg .vline .center-rect {
  fill: #3fa2d5;
  stroke: #27262e;
  shape-rendering: crispEdges;
}
.open-position-container.buy.active .position.default-container .position-line {
  stroke: #2fc297;
}
.open-position-container.buy.active .position:not(.default-container) .position-line {
  stroke: #2fc297;
}
.open-position-container.sell.active .position.default-container .position-line,
.open-position-container.sell .position:not(.default-container) .close-icon {
  stroke: #e34b51;
}
.open-position-container.buy .position:not(.default-container) .close-icon {
  stroke: #2fc297;
}
.open-position-container .position.default-container .close-icon {
  stroke: #27262e;
}
.open-position-container.sell.active .position:not(.default-container) .position-line {
  stroke: #e34b51;
}
.open-position-container .position .hover-line {
  stroke: rgba(39,38,46,0);
}
.open-position-container.buy .position .position-line,
.open-position-container.buy .position .wrapper-rect {
  stroke: #247f64;
  fill: #27262e;
}
.open-position-container.buy .position.default-container rect,
.open-position-container.buy .position text {
  fill: #247f64;
}
.open-position-container.buy.active .position.default-container rect:not(.close-rect),
.open-position-container.buy.active .position text {
  stroke: none;
  fill: #2fc297;
}
.open-position-container.buy.active .position:not(.default-container) .price-container rect,
.open-position-container.buy.active .wrapper-rect,
.open-position-container.buy .connecting-line {
  stroke: #2fc297;
  fill: #27262e;
}
.open-position-container.sell .position .position-line,
.open-position-container.sell .position .wrapper-rect {
  stroke: #913639;
  fill: #27262e;
}
.open-position-container.sell .position.default-container rect,
.open-position-container.sell .position text {
  fill: #913639;
}
.open-position-container.sell.active .position.default-container rect:not(.close-rect) {
  stroke: none;
  fill: #e34b51;
}
.open-position-container.sell.active .position:not(.default-container) .price-container rect,
.open-position-container.sell.active .wrapper-rect,
.open-position-container.sell .connecting-line {
  stroke: #e34b51;
  fill: #27262e;
}
.open-position-container.current_pos.active .position.not-droppable .price-container rect,
.open-position-container.current_pos.active .position.not-droppable .wrapper-rect,
.open-position-container .position.deactivated .wrapper-rect {
  stroke: #757380;
  fill: #27262e;
}
.chart-container.market-closed .open-position-container .connecting-line,
.open-position-container.current_pos.active .position.not-droppable line:not(.hover-line) {
  stroke: #757380;
}
.open-position-container.current_pos.active .position.not-droppable path {
  stroke: #757380;
}
.open-position-container.active .position.default-container .close-rect {
  fill: #757380;
}
.open-position-container.active .position.default-container .close-rect.active {
  fill: #8b8899;
}
.open-position-container.buy.active .position:not(.not-droppable):not(.default-container) .close-rect.active {
  fill: #2fc297;
  fill-opacity: 1;
}
.open-position-container.sell.active .position:not(.not-droppable):not(.default-container) .close-rect.active {
  fill: #e34b51;
  fill-opacity: 1;
}
.open-position-container.active .position:not(.not-droppable):not(.default-container) .close-rect.active+.close-icon {
  stroke: #27262e;
}
.open-position-container .default-container .info-shadow-path,
.open-position-container .default-container .value-shadow-path {
  stroke: #27262e !important;
  opacity: .2 !important;
}
.open-position-container .position text {
  font-family: Arial;
  text-anchor: middle;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.open-position-container .position.default-container text {
  font-size: 11px;
}
.open-position-container .position:not(.default-container) text {
  font-size: 9px;
}
.open-position-container .price-container.dragged text {
  font-size: 14px;
}
.open-position-container.buy .position.default-container text {
  fill: #27262e;
}
.open-position-container.buy.active .position.default-container text {
  fill: #27262e;
}
.open-position-container.sell .position.default-container text {
  fill: #27262e;
}
.open-position-container.sell.active .position text {
  fill: #e34b51;
}
.open-position-container.sell.active .position.default-container text {
  fill: #27262e;
}
.open-position-container.active .position.not-droppable .line-separator {
  stroke: #757380;
}
.open-position-container.active.sell .line-separator {
  stroke: #e34b51;
}
.open-position-container.active.buy .line-separator {
  stroke: #2fc297;
}
.chart-container.market-closed .open-position-container .default-container .close-rect.active,
.chart-container.market-closed .open-position-container .default-container rect {
  fill: #757380 !important;
  stroke: none;
}
.chart-container.market-closed .open-position-container .default-container path {
  stroke: #27262e;
}
.chart-container.market-closed .open-position-container .default-container line:not(.hover-line) {
  stroke: #757380 !important;
}
.chart-container.market-closed .open-position-container .default-container text {
  fill: #27262e !important;
}
.chart .chart-zoom-btns {
  float: left;
  background-color: transparent;
  background-repeat: no-repeat;
}
.chart .chart-button-icon {
  width: 16px;
  height: 16px;
}
.chart .chart-button .chart-button-icon {
  fill: #a4a1b2;
}
.chart .chart-button.selected .chart-button-icon,
.chart .chart-button:hover .chart-button-icon {
  fill: #fff;
}
.current-sell-price rect {
  fill: #e34b51;
}
.current-sell-price line {
  stroke: #e34b51 !important;
}
.current-buy-price rect {
  fill: #2fc297;
}
.current-buy-price line {
  stroke: #2fc297 !important;
}
.chart .svgLayer svg .pips-container line {
  stroke: #5d5b66;
}
.chart .svgLayer svg .pips-container .pips-text {
  fill: #5d5b66;
  font-size: 10px;
  font-weight: 400;
}
.scale-chart {
  -ms-touch-action: pan-x pinch-zoom double-tap-zoom;
}
.scale-chart,
.scaling>svg {
  cursor: row-resize;
}
.chart .indicator-separator {
  background-color: transparent;
  position: absolute;
  z-index: 11;
  cursor: row-resize;
  -ms-touch-action: pan-x pinch-zoom double-tap-zoom;
}
.indicator-resize {
  cursor: row-resize !important;
}
.hide-controls .chart_tooltip,
.hide-controls .crossHairG {
  opacity: 0;
}
.closing-position .connecting-line,
.closing-position .info-container,
.closing-position .position:not(.default-container) {
  display: none !important;
}
.closing-position .position rect {
  fill: #757380 !important;
}
.closing-position .position line:not(.hover-line) {
  stroke: #757380 !important;
}
.closing-position .position text {
  fill: #27262e !important;
}
.chart-settings {
  width: 436px;
  position: absolute;
  background-color: #303038;
  -webkit-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.chart-settings .window_title {
  font-size: 18px;
}
.chart-settings .window_head {
  padding: 12px 15px;
  border-bottom: 1px solid #47454d;
}
.chart-settings .window_body {
  margin: 0 0 15px;
  padding: 10px 0;
}
.chart-settings .window_close {
  top: 15px;
  right: 15px;
}
.chart-settings .editable-container {
  width: 186px;
  padding: 5px 0;
  margin: 0 14px 5px 17px;
  float: left;
}
.chart-settings .editable-container .editable-name {
  font-size: 12px;
  line-height: 16px;
  color: #a5a2b3;
  margin: 0 0 8px;
}
.chart-settings .editable-container .editable-content {
  height: 100%;
}
.chart-settings .editable-container .editable-input {
  float: left;
  width: 172px;
  height: 28px;
  line-height: 16px;
  font-size: 12px;
  background-color: #43434e;
  color: #fff;
  padding-left: 10px;
  padding-right: 4px;
}
.chart-settings .editable-container .editable-input:focus,
.chart-settings .editable-container .editable-input:hover {
  background-color: #50505c;
}
.chart-settings .editable-container .editable-input.error-input {
  background-color: #8a3e45;
}
.chart-settings .editable-container .editable-styles {
  float: left;
  height: 100%;
  width: 24%;
  line-height: 16px;
  font-size: 16px;
}
.chart-settings .editable-container:nth-last-child(1) {
  border-bottom: none;
}
.chart-settings .combo_indicator_settings_price {
  float: left;
  width: 100%;
  height: 30px;
  margin: 0;
}
.combo_indicator_settings_list {
  width: 116px;
}
.combo_indicator_settings_price {
  width: 186px;
}
.chart-settings .combo_indicator_settings_line_width {
  width: 116px;
  height: 30px;
  float: left;
  margin: 0;
}
.chart-settings .editable-content .combobox .com_input {
  left: 10px;
  text-align: left;
  height: 30px;
  line-height: 30px;
}
.chart-settings .editable-content .combobox .dropdown-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #a5a2b3;
}
.chart-settings .editable-content .combo_indicator_settings_line_width:hover .dropdown-arrow,
.chart-settings .editable-content .combo_indicator_settings_price:hover .dropdown-arrow {
  border-top: 5px solid #dcdae6;
}
.chart-settings .window-controls {
  margin: 15px 10px 20px;
  text-align: left;
}
.chart-settings .button {
  width: 128px;
  margin: 0 4px;
}
.chart-settings .confirm-button {
  background-color: #3fa2d5;
}
.chart-settings .confirm-button:hover {
  background-color: #47b6ed;
}
.drawing-settings {
  width: 400px;
  position: absolute;
  background-color: #303038;
  -webkit-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.drawing-settings .window_title {
  font-size: 18px;
}
.drawing-settings .window_head {
  padding: 12px 15px;
  border-bottom: 1px solid #47454d;
}
.drawing-settings .window_body {
  margin: 0 16px 15px;
  padding: 15px 0;
}
.drawing-settings .window_close {
  top: 15px;
  right: 15px;
}
.drawing-settings .editable-container {
  width: 370px;
  padding: 5px 0;
  margin: 0 23px 5px 0;
  float: left;
}
.drawing-settings .editable-container .editable-name {
  font-size: 12px;
  line-height: 16px;
  color: #a5a2b3;
  margin: 0 0 15px;
}
.drawing-settings .editable-container .editable-styles {
  float: left;
  height: 100%;
  width: 24%;
  line-height: 16px;
  font-size: 16px;
}
.drawing-settings .editable-container:nth-last-child(1) {
  border-bottom: none;
}
.drawing-settings .combo_drawing_settings_line_width {
  width: 128px;
  height: 30px;
  float: left;
  margin-right: 8px;
  margin-left: 31px;
}
.drawing-settings .combo_drawing_settings_dash_array {
  width: 128px;
  height: 30px;
  float: left;
  margin: 0;
  position: relative;
}
.drawing-settings .combo_drawing_settings_font_size {
  width: 128px;
  height: 30px;
  float: left;
  margin-left: 31px;
}
.drawing-settings .combo_drawing_settings_fill_checkbox {
  float: left;
  margin-top: 22px;
}
.drawing-settings .opacity-value {
  color: #a5a2b3;
  float: right;
  margin-top: 22px;
  margin-right: 5px;
}
.drawing-settings .combo_drawing_settings_font_styles {
  width: 30px;
  height: 30px;
  float: left;
  margin-left: 7px;
}
.drawing-settings .editable-content .combobox .com_input {
  left: 10px;
  text-align: left;
  height: 30px;
  line-height: 30px;
  position: absolute;
}
.drawing-settings .window-controls {
  margin: 10px 15px 20px;
  text-align: left;
}
.drawing-settings .button {
  width: 178px;
}
.drawing-settings .confirm-button {
  background-color: #3fa2d5;
}
.drawing-settings .confirm-button:hover {
  background-color: #47b6ed;
}
.horizontalSlider {
  margin-top: 15px;
  background: #383841;
  float: left;
}
.contextmenu.lines .item {
  height: 32px;
  line-height: 31px;
  padding-top: 0;
  padding-bottom: 0;
}
.drawing-settings .combo_drawing_settings_font_styles .drawing-settings-icon {
  fill: #3f404a;
}
.drawing-settings .combo_drawing_settings_font_styles:hover .drawing-settings-icon {
  fill: #50505c;
}
.combo_drawing_settings_font_styles.bold.active .drawing-settings-icon,
.combo_drawing_settings_font_styles.italic.active .drawing-settings-icon,
.combo_drawing_settings_font_styles.underline.active .drawing-settings-icon {
  fill: #3fa2d5;
}
.item .line,
.line {
  width: 100px;
  position: absolute;
  top: 16px;
  left: 13px;
}
.line {
  top: 13px;
  left: 10px;
}
.line.line-width-1 {
  top: 15px;
  border-bottom: 1px solid #a29fb0;
}
.line.line-width-2 {
  top: 14px;
}
.item.item-lines-2 .line-width-2,
.line.line-width-2 {
  border-bottom: 2px solid #a29fb0;
}
.item.item-lines-3 .line-width-3,
.line.line-width-3 {
  border-bottom: 3px solid #a29fb0;
}
.item.item-lines-4 .line-width-4,
.line.line-width-4 {
  border-bottom: 4px solid #a29fb0;
}
.item.item-lines-5 .line-width-5,
.line.line-width-5 {
  border-bottom: 5px solid #a29fb0;
}
.item.item-lines-1:hover .line-width-1 {
  border-bottom: 1px solid #dcdae6;
}
.item.item-lines-2:hover .line-width-2 {
  border-bottom: 2px solid #dcdae6;
}
.item.item-lines-3:hover .line-width-3 {
  border-bottom: 3px solid #dcdae6;
}
.item.item-lines-4:hover .line-width-4 {
  border-bottom: 4px solid #dcdae6;
}
.item.item-lines-5:hover .line-width-5 {
  border-bottom: 5px solid #dcdae6;
}
.combo_drawing_settings_list .item .svg-icon {
  width: 101px;
  height: 1px;
  fill: #a29fb0;
}
.combo_drawing_settings_dash_array .dashed-line {
  position: relative;
  top: -3px;
  left: 10px;
  width: 101px;
  height: 1px;
  fill: #a29fb0;
}
.multi-mode .chart .chart-zoom-btns,
.multi-mode .chart .combo_chart_html5 {
  -webkit-transition: opacity .15s ease .1s;
  -o-transition: opacity .15s ease .1s;
  -moz-transition: opacity .15s ease .1s;
  transition: opacity .15s ease .1s;
  opacity: 0;
}
.multi-mode .chart .com_open .chart-zoom-btns,
.multi-mode .chart .com_open .combo_chart_html5 {
  opacity: 1;
}
.multi-mode .chart:hover .chart-zoom-btns,
.multi-mode .chart:hover .combo_chart_html5 {
  opacity: 1;
}
.multi-mode .chart .com_open .combo_chart_html5.disabled,
.multi-mode .chart:hover .combo_chart_html5.disabled {
  opacity: .4;
}
.chart .combo_tick {
  float: left;
}
.chart .combobox {
  border: 0;
}
.chart .combobox .value {
  text-align: center;
}
.chart .combo_chart_html5 {
  width: 21px;
  margin-top: 0;
}
.chart .chart-button,
.chart .chart-button.disabled:hover {
  height: 16px;
  width: 16px;
  margin: 3px 10px;
  float: left;
  background: transparent;
}
.chart .chart-zoom-out-button {
  margin-left: 12px;
}
.chart .chart-zoom-in-button {
  margin-right: 10px;
}
.templates-container {
  position: absolute;
  top: 200px;
  left: 400px;
  outline: none;
  background-color: #363640;
  z-index: 100;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.templates-container .confirm-mask {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-color: #363640;
  opacity: .7;
  display: none;
}
.templates-container-confirm .confirm-mask {
  display: block;
}
.save-template {
  position: relative;
  margin: 5px;
  overflow: hidden;
}
.templates-container input {
  height: 30px;
  width: 100%;
  padding: 1px 80px 0 5px;
  background-color: #4b4b59;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.save-template .create-template-button {
  cursor: default;
  height: 30px;
  line-height: 30px;
  position: absolute;
  left: 0;
  right: 0;
  color: #fff;
  z-index: 1;
  font-size: 11px;
  text-transform: none;
  -webkit-transition: .3s ease-in;
  -o-transition: .3s ease-in;
  -moz-transition: .3s ease-in;
  transition: .3s ease-in;
}
.save-template .create-template-button:hover {
  color: #fff;
}
.templates-container.input-state .create-template-button {
  opacity: 0;
  z-index: -1;
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  transition: .3s ease-out;
}
.templates-container .save-template-button {
  width: 0;
  height: 30px;
  line-height: 30px;
  background-color: #2fc297;
  text-transform: none;
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  display: block;
  cursor: default;
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  transition: .3s ease-out;
}
.templates-container.input-state .save-template-button {
  width: 70px;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  -moz-transition: .3s linear;
  transition: .3s linear;
}
.templates-container.input-state .save-template-button:hover {
  background-color: #33d4a3;
}
.templates-container .template {
  height: 35px;
  min-width: 140px;
  line-height: 35px;
  text-align: left;
  padding-left: 41px;
  color: #c3c2cc;
  padding-right: 50px;
  position: relative;
  cursor: default;
  font-size: 11px;
  font-family: Arial;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transition: background .15s linear;
  -o-transition: background .15s linear;
  -moz-transition: background .15s linear;
  transition: background .15s linear;
}
.templates-container .template.default,
.templates-container .template.reset-templates {
  border-top: 1px solid #4b4952;
}
.templates-container .lock-icon {
  position: absolute;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  fill: #a4a1b2;
}
.templates-container .reset-templates:hover .templates-icon,
.templates-container .template:hover .templates-icon {
  fill: #fff;
}
.templates-container .template.default .delete-icon,
.templates-container .template.default .save-icon {
  display: none;
}
.templates-container .template-name {
  width: 110px;
  display: inline-block;
  color: #c3c2cc;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.templates-container .confirm-field .legend {
  height: 11px;
  line-height: 11px;
  font-family: Arial;
  font-size: 10px;
  padding: 0;
}
.templates-container .confirm-field .legend.delete {
  color: #e34b51;
}
.templates-container .confirm-field .legend.overwrite {
  color: #2fc297;
}
.templates-container .custom-visible {
  opacity: 1 !important;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}
.templates-container .confirm-field {
  position: absolute;
  height: 33px;
  line-height: 20px;
  top: 0;
  left: 5px;
  right: 5px;
  z-index: 2;
  border: 1px solid #4d4a59;
  background-color: #363640;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  outline: none;
  opacity: 0;
  padding: 0 0 0 5px;
  margin: 0;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out;
}
.templates-container .confirm-field .cancel-button,
.templates-container .confirm-field .confirm-button {
  float: right;
  height: 20px;
  padding: 0 5px;
  margin: 0 3px 0 0;
  line-height: 21px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  width: 0;
  color: #fff;
}
.templates-container .confirm-field .confirm-button {
  background-color: #e34b51;
}
.templates-container .confirm-field .cancel-button {
  background-color: #625f6b;
}
.templates-container .template .cancel-button,
.templates-container .template .confirm-button {
  width: auto;
  -webkit-transition: .15s linear;
  -o-transition: .15s linear;
  -moz-transition: .15s linear;
  transition: .15s linear;
}
.templates-container .confirm-field .confirm-button:hover {
  background-color: #ff545a;
}
.templates-container .confirm-field .cancel-button:hover {
  background-color: #757180;
}
.templates-container .template:hover {
  color: #f4f2ff;
  background-color: #43434d;
}
.templates-container .template.hover {
  background-color: #43434d;
}
.templates-container-confirm .template:hover {
  background-color: #363640;
}
.templates-container .template .save-icon {
  position: absolute;
  top: 11px;
  right: 35px;
  height: 10px;
  width: 10px;
  opacity: 0;
}
.templates-container .template .delete-icon {
  position: absolute;
  top: 11px;
  right: 15px;
  opacity: 0;
  height: 10px;
  width: 10px;
}
.templates-container .template:hover .delete-icon,
.templates-container .template:hover .save-icon {
  opacity: 1 !important;
}
.templates-container .list-container {
  position: absolute;
  width: auto;
  top: 0;
}
.templates-container .templates-list-scrollable {
  overflow: hidden;
  position: relative;
  margin: 5px 0;
}
.templates-container .templates-icon {
  position: absolute;
  top: 8px;
  left: 12px;
  fill: #a5a2b3;
  width: 16px;
  height: 16px;
}
.templates-container .templates-icon-locked {
  display: none;
}
.templates-container .locked .templates-icon-unlocked {
  display: none;
}
.templates-container .locked .templates-icon-locked {
  display: block;
  top: 7px;
}
.templates-container .templates-icon:hover {
  fill: #dcdae6;
}
.lock-template-icon {
  width: 16px;
  height: 16px;
  fill: #a5a2b3;
  position: absolute;
  left: 10px;
  top: 9px;
}
.lock-template-iconHover {
  fill: #dcdae6;
}
.templates-delete-icon,
.templates-save-icon {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  fill: #a5a2b3;
}
.templates-delete-icon {
  width: 15px;
  height: 15px;
  top: -2px;
}
.templates-delete-icon:hover,
.templates-save-icon:hover {
  fill: #dcdae6;
}
.chart-trade {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: left;
  background-color: #625f6b;
  background-color: rgba(98,95,107,0.9);
  margin: 0 3px;
  height: 19px;
  line-height: 19px;
  width: 135px;
  padding: 0 7px;
  font-size: 11px;
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  transition: opacity .1s linear;
}
.chart-trade:hover {
  background-color: #757180;
  background-color: rgba(116,113,127,0.9);
}
.chart-trading-disabled {
  opacity: .5;
}
.chart-trading-disabled:hover {
  background-color: #625f6b;
  background-color: rgba(98,95,107,0.9);
}
.chart-trade-buy {
  float: right;
}
.chart-trade.chart-trade-up {
  background-color: #2fc297;
  background-color: rgba(47,194,151,0.9);
}
.chart-trade.chart-trade-up:hover {
  background-color: #33d4a3;
  background-color: rgba(51,212,163,0.9);
}
.chart-trade.chart-trade-down {
  background-color: #e34b51;
  background-color: rgba(227,75,81,0.9);
}
.chart-trade.chart-trade-down:hover {
  background-color: #ff545a;
  background-color: rgba(255,84,90,0.9);
}
.chart-trade .chart-trade-indicator {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 1px;
  fill: #73707e;
  -webkit-transition: background .1s linear;
  -o-transition: background .1s linear;
  -moz-transition: background .1s linear;
  transition: background .1s linear;
}
.chart-trade-down .chart-trade-indicator .chart-trade-indicator,
.chart-trade-up .chart-trade-indicator .chart-trade-indicator {
  fill: #fff;
}
.chart-trade-down .chart-trade-indicator .chart-trade-indicator {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.proofid {
  width: 550px;
  background-color: #303038;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Roboto, Segoe UI, Arial, sans-serif;
  -webkit-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  transition: opacity .1s linear;
  -webkit-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.proofid .window_head {
  padding: 0;
  height: auto;
}
.proofid .has-tooltip-show-always {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  float: right;
}
.proofid .has-tooltip-show-always .proofid-info-icon {
  fill: #5e5b66;
}
.proofid .window_title {
  padding: 15px;
  padding-bottom: 0;
  font-size: 16px;
}
.proofid .window_body {
  padding: 15px;
}
.proofid .window_controls {
  margin-top: 20px;
  text-align: left;
}
.display-address-form .pid_state1,
.display-id-form .pid_state1,
.display-message.display-address-form .pid_state1,
.display-message.display-id-form .pid_state1 {
  display: none;
  visibility: hidden;
}
.display-message:not(.display-id-form):not(.display-address-form) .pid_state2 {
  display: none;
  visibility: hidden;
}
.pid_body {
  line-height: 18px;
  color: #c7c7c7;
}
.pid_title {
  margin-bottom: 10px;
  color: #bcb8cc;
  font-size: 14px;
}
.cantlegalytrade .pid_body,
.pid_title {
  border-top: 1px solid #3fa2d5;
  padding-top: 15px;
}
.pid_subtitle {
  margin-bottom: 10px;
  line-height: 18px;
  color: #bcb8cc;
}
.pid_content {
  border: 1px solid #575757;
}
.pid_form {
  color: #a5a2b3;
  border-bottom: 1px solid #575757;
}
.pid_fields {
  padding: 30px;
}
.pid_fields input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  z-index: 1;
  font-size: 1000px;
}
.pid_fields table {
  margin: 0 auto;
  white-space: nowrap;
  width: 100%;
}
.pid_right {
  color: #a5a2b3;
  padding-right: 15px;
  width: 5px;
  white-space: nowrap;
}
.pid_error {
  padding: 10px;
  line-height: 18px;
  color: #3fa2d5;
  background-color: #222228;
}
.pid_or {
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  color: #625f6b;
  width: 60px;
  margin: -18px auto 0;
  background: #303038;
}
.pid_alt {
  padding: 10px 30px 20px;
  line-height: 18px;
}
.pid_alt .t1 {
  color: #fff;
}
.pid_alt .t2 {
  color: #3fa2d5;
  margin: 5px 0;
}
.pid_alt .t3 {
  color: #a5a2b3;
}
.id-uploaded .pid_title {
  margin: 10px 0 5px;
}
.id-uploaded .pid_body {
  margin-top: 0;
}
.cantlegalytrade .pid_title {
  display: none;
  visibility: hidden;
}
.proofid .button {
  width: 100%;
}
.proofid .file-upload {
  position: relative;
  border: 1px solid #54535e;
  height: 28px;
  margin: 5px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
}
.proofid .file-upload:hover {
  border-color: #575757;
}
.proofid .file-upload .choose-button {
  float: left;
  background: #625f6b;
  line-height: 28px;
  padding: 0 15px;
  text-transform: uppercase;
  color: #a5a2b3;
}
.proofid .file-upload .choose-button:hover {
  background: #757180;
}
.proofid .file-upload .selected-file {
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 28px;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.proofid .table .tooltip-column {
  width: 40px;
}
.proofid .proofid-optional-tag {
  float: right;
  color: #1b94d6;
  font-weight: 500;
  width: 38%;
  text-align: right;
}
.address-upload-form,
.id-upload-form {
  display: none;
  visibility: hidden;
}
.proofid .address-optional-note {
  margin-top: 5px;
}
.proofid .message-no-file {
  float: left;
  width: 62%;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.display-address-form .address-upload-form,
.display-id-form .id-upload-form {
  display: table-row;
  visibility: visible;
}
.address-optional-note,
.proofid-optional-tag {
  display: none;
  visibility: hidden;
}
.display-address-form.addr-optional .address-optional-note,
.display-address-form.addr-optional .proofid-optional-tag {
  display: inline-block;
  visibility: visible;
}
.settings {
  width: 741px;
  background-color: #303038;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
}
.settings .window-title {
  font-size: 16px;
}
.settings .window-head {
  height: 25px;
  padding: 17px 24px;
  position: relative;
  background-color: #42424d;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12);
  cursor: move;
}
.settings .window-body {
  background-color: #303038;
}
.settings .window-controls {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 19px 25px 34px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #303038;
}
.settings .window-controls .button {
  float: right;
  min-width: 126px;
}
.settings .window-controls .confirm-button {
  margin-right: 10px;
}
.settings .tab-container {
  float: left;
  min-width: 190px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #42424e;
  background-color: #32323b;
}
.settings .controls-group {
  margin-bottom: 30px;
}
.settings .controls-group:last-child {
  padding-bottom: 15px;
}
.controls-group .button {
  float: right;
  width: 293px;
}
.settings .controls-group .group-title {
  margin-bottom: 18px;
  font-size: 16px;
}
.settings-account .window-controls .cancel-button,
.settings-account .window-controls .confirm-button,
.settings-general .window-controls .close-button,
.settings-mode .window-controls .cancel-button,
.settings-mode .window-controls .confirm-button,
.settings-themes .window-controls .cancel-button,
.settings-themes .window-controls .confirm-button,
.settings .window-controls .mode-confirm {
  display: none;
}
.settings-mode .window-controls .confirm-button.mode-confirm {
  display: inline-block;
}
.settings .deposit-button,
.settings .withdraw-button {
  font-size: 13px;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  text-align: center;
}
.settings .deposit-button {
  margin-right: 13px;
}
.settings .checkbox-list .checkbox {
  display: block;
  margin-bottom: 20px;
  height: auto;
}
.settings .combobox {
  width: 293px;
  float: left;
  color: #fff;
  background-color: #43434e;
  height: 35px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  transition: background-color .1s linear;
}
.settings .input-group input:hover {
  background-color: #50505c;
}
.settings .combobox .dropdown-arrow {
  top: 16px;
  right: 15px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #a5a2b3;
}
.settings .combobox.com_open .dropdown-arrow,
.settings .combobox:hover .dropdown-arrow {
  border-top: 3px solid #dcdae6;
}
.settings .combobox .com_input {
  left: 18px;
  height: 33px;
  line-height: 33px;
}
.settings .combobox-list ul li {
  padding-right: 18px;
}
.tab-account,
.tab-general,
.tab-mode,
.tab-theme {
  display: none;
}
.settings-account .tab-account,
.settings-general .tab-general,
.settings-mode .tab-mode,
.settings-themes .tab-theme {
  display: block;
}
.settings .tab-account .combobox .com_input {
  color: #fff;
}
.settings .input-group {
  margin-bottom: 10px;
}
.settings .input_label {
  color: #bdbacc;
}
.settings .input-group label {
  width: 34%;
  color: #a5a2b3;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  float: left;
  font-size: 13px;
}
.settings .input-group input {
  width: 293px;
  background-color: #43434e;
}
.settings .controls-group .combobox,
.settings .controls-group input {
  float: right;
  height: 35px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  transition: background-color .1s linear;
}
.settings .input-group input:focus {
  background-color: #50505c;
}
.settings .reset-account input {
  padding-left: 18px;
}
.settings .button.switch-button {
  width: 100%;
}
.settings .switch-button.mode {
  padding: 0;
}
.settings .switch-button.version {
  margin-top: 9px;
  margin-bottom: 11px;
}
.settings .switch-button.fill-row {
  width: 100%;
}
.settings input {
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.settings .funds-buttons .button {
  float: left;
  width: 48%;
}
.settings .table-first-col {
  padding-top: 0;
  text-align: left;
  white-space: nowrap;
  width: 30px;
  padding-right: 20px;
  font-size: 11px;
}
.settings .tab-mode .trading-mode,
.settings .tab-theme .theme-color {
  position: relative;
  margin: 0 auto 30px;
  padding: 10px 47px 40px 26px;
  border-bottom: 1px solid #4b4952;
  -webkit-transition: border-color .1s linear;
  -o-transition: border-color .1s linear;
  -moz-transition: border-color .1s linear;
  transition: border-color .1s linear;
}
.settings .tab-theme .theme-color:last-child .settings .tab-mode .trading-mode:last-child {
  margin: 0;
}
.settings .tab-theme .theme-color {
  padding: 30px 0;
  margin: 0;
  height: 58px;
  line-height: 58px;
}
.settings .tab-mode .trading-mode.active-mode,
.settings .tab-mode .trading-mode.active-mode:hover,
.settings .tab-theme .theme-color.active-theme,
.settings .tab-theme .theme-color.active-theme:hover {
  border-color: #54535e;
}
.settings .tab-mode .trading-mode:hover,
.settings .tab-theme .theme-color:hover {
  border-color: #54535e;
}
.settings .active-border {
  position: absolute;
  top: -1px;
  left: -1px;
  border-top: 1px solid #54535e;
  border-bottom: 1px solid #54535e;
  background-color: #54535e;
  width: 1px;
  height: 100%;
}
.settings .trading-mode .active-border {
  top: 10px;
  height: 43px;
  -webkit-transition: top .1s ease-out, width .1s ease-out, height .1s ease-out;
  -o-transition: top .1s ease-out, width .1s ease-out, height .1s ease-out;
  -moz-transition: top .1s ease-out, width .1s ease-out, height .1s ease-out;
  transition: top .1s ease-out, width .1s ease-out, height .1s ease-out;
}
.settings .active-mode .active-border {
  border-top: 1px solid #2fc297;
  border-bottom: 1px solid #2fc297;
  background-color: #2fc297;
  width: 4px;
}
.settings .trading-mode:hover .active-border {
  height: 86px;
  width: 4px;
}
.settings .tab-mode .trading-mode.active-mode .active-border,
.settings .tab-theme .theme-color.active-theme .active-border {
  display: block;
}
.settings .tab-mode .trading-mode-title,
.settings .tab-theme .theme-color-title {
  color: #a5a2b3;
  margin-bottom: 12px;
  font-size: 18px;
  -webkit-transition: color .1s linear;
  -o-transition: color .1s linear;
  -moz-transition: color .1s linear;
  transition: color .1s linear;
}
.settings .tab-theme .theme-color-title {
  float: left;
}
.settings .tab-theme .theme-color-title {
  margin-bottom: 0;
}
.settings .tab-mode .trading-mode:hover .trading-mode-title,
.settings .tab-theme .theme-color:hover .theme-color-title {
  color: #fff;
}
.settings .tab-mode .trading-mode.active-mode .trading-mode-title,
.settings .tab-theme .theme-color.active-theme .theme-color-title {
  color: #2fc297;
}
.settings .tab-mode .trading-mode-body {
  font-size: 11px;
  color: #a4a1b2;
  -webkit-transition: color .1s linear;
  -o-transition: color .1s linear;
  -moz-transition: color .1s linear;
  transition: color .1s linear;
}
.settings .tab-mode .trading-mode:hover .trading-mode-body {
  color: #fff;
}
.settings .tab-mode .trading-mode.active-mode .trading-mode-body {
  color: #fff;
}
.settings .active-icon {
  display: none;
  position: absolute;
  top: 48px;
  right: 0;
  width: 22px;
  height: 22px;
}
.settings .active-icon .tick-icon {
  fill: #2fc297;
}
.settings .tab-mode .trading-mode.active-mode .active-icon,
.settings .tab-theme .theme-color.active-theme .active-icon {
  display: block;
}
.settings .funds-buttons .checkbox {
  margin-top: 10px;
}
.settings .circle-icon {
  float: left;
  margin-right: 15px;
  width: 58px;
  height: 58px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 3px solid #676571;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: padding .1s ease-in;
  -o-transition: padding .1s ease-in;
  -moz-transition: padding .1s ease-in;
  transition: padding .1s ease-in;
  padding: 13px;
}
.settings .theme-color.active-theme .circle-icon {
  border-color: #2fc297;
  border-width: 3px;
}
.settings .theme-color.active-theme .circle-icon,
.settings .theme-color:hover .circle-icon {
  padding: 5px;
}
.settings .circle-icon .inner-circle {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.settings .eclipse-icon .inner-circle {
  background-color: #42424c;
}
.settings .aurora-icon .inner-circle {
  background-color: #f0f2f5;
}
.currency-translation {
  padding-left: 20px;
}
.datepicker {
  width: 60px;
  float: left;
  color: #a4a1b2;
  font-size: 11px;
  margin-top: 4px;
  margin-left: 10px;
  padding-left: 17px;
  height: 16px;
}
.pika-single {
  cursor: default;
  z-index: 1200;
  position: absolute;
  color: #c3c2cc;
  background: #363640;
  min-width: 272px;
  padding: 10px 0;
  outline: 0;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.pika-title {
  text-align: center;
  color: #fff;
  font-size: 16px;
  padding: 0 30px;
  margin: 5px 0;
  text-transform: uppercase;
  position: relative;
}
.pika-label {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  position: relative;
}
.pika-week-days {
  padding: 0 30px;
  color: #a5a2b3;
}
.pika-separator {
  height: 1px;
  width: 100%;
  margin: 5px 0;
  background: #4d4d59;
}
.pika-next,
.pika-prev {
  width: 20px;
  height: 26px;
  display: inline-block;
  position: absolute;
}
.pika-prev {
  left: 30px;
}
.pika-next {
  right: 30px;
}
.pika-next .calendar-arrow,
.pika-prev .calendar-arrow {
  fill: #a5a2b3;
  width: 20px;
  height: 26px;
}
.pika-next .calendar-arrow {
  position: relative;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pika-table {
  padding: 0 30px;
}
.pika-field {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
}
.is-today {
  color: #3fa2d5;
  font-weight: 700;
}
.is-selected {
  color: #000;
  font-weight: 700;
  background: #3fa2d5 !important;
}
.is-disabled {
  pointer-events: none;
  opacity: .3;
}
.pika-day:hover {
  background: #565666;
}
.spinner {
  width: 148px;
  font-size: 11px;
  position: relative;
  background-color: #43434e;
  outline: 0;
}
.spinner.spinner_disabled {
  outline: 0;
}
.spinner_disabled .disabled_spinner_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #393942;
  opacity: .5;
  z-index: 2;
}
.spinner-arrow {
  background-color: #43434e;
  border-left: 1px solid #303038;
  width: 20px;
  height: 15px;
  border-right: none;
  border-top: none;
  position: absolute;
  top: 2px;
  z-index: 1;
  -webkit-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  transition: opacity .1s linear;
}
.spinner .spinner-arrow:hover {
  opacity: 1;
  background-color: #595966;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.spinner.spinner_disabled .spinner-arrow {
  display: none;
}
.spinner-left {
  top: 16px;
  right: 0;
  border-bottom: none;
}
.spinner-right {
  border-bottom: 1px solid #303038;
  right: 0;
  top: 0;
}
.spinner input {
  width: 100%;
  height: 31px;
  line-height: 18px;
  padding: 3px 5px 3px 10px;
  position: relative;
  text-align: left;
  -webkit-transition: border-color .1s linear;
  -o-transition: border-color .1s linear;
  -moz-transition: border-color .1s linear;
  transition: border-color .1s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.spinner:focus input,
.spinner:hover input,
.spinner input:focus {
  background-color: #50505c;
}
.spinner.spinner_disabled:focus input,
.spinner.spinner_disabled:hover input,
.spinner.spinner_disabled input:focus {
  background: #43434e !important;
}
.positive.spinner input {
  color: #2fc297;
}
.negative.spinner input {
  color: #fb6067;
}
.spinner .down-arrow,
.spinner .up-arrow {
  width: 0;
  height: 0;
  position: relative;
  top: 6px;
  left: 7px;
}
.spinner .up-arrow {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #a5a2b3;
}
.spinner .down-arrow {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #a5a2b3;
}
.spinner-right:hover .up-arrow {
  border-bottom: 3px solid #787684;
}
.spinner-left:hover .down-arrow {
  border-top: 3px solid #787684;
}
.profitloss table {
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
.profitloss .autoclose_container {
  position: relative;
  text-align: center;
}
.profitloss .autoclose-row td {
  background: transparent;
  border: 0;
  text-align: left;
  line-height: normal;
  color: #a5a2b3;
  height: auto;
  padding: 0 0 10px;
}
.profitloss .autoclose-label-row td {
  padding-bottom: 20px;
}
.profitloss .autoclose-pips-row td {
  padding-bottom: 0;
}
.profitloss .autoclose-pips-row .distance-icon {
  display: inline-block;
  width: 21px;
  height: 11px;
  position: relative;
  top: 9px;
}
.profitloss .autoclose-target-row td {
  font-size: 11px;
}
.profitloss .autoclose-target-row span {
  color: #fff;
}
.profitloss .autoclose-row .center {
  text-align: center;
  width: 110px;
}
.smartorder .autoclose-target-row {
  display: none;
}
.autoclose-label-row .input_label {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.autoclose-label-row {
  padding-bottom: 20px;
  font-size: 0;
}
.profitloss .distance-hint div {
  font-family: Arial;
  font-size: 11px;
  color: #767480;
  line-height: 12px;
}
.profitloss .autoclose-row.distance-hint td {
  padding-bottom: 6px;
}
.distance-icon .icon-distance {
  width: 20px;
  height: 20px;
  fill: #9f9cad;
}
.widget_message {
  position: absolute;
  top: 0;
  left: 0;
  outline: 0;
  color: #f8f8f8;
  background: #13abe4;
  background: rgba(19,171,228,0.9);
  z-index: 1001;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: default;
}
.tooltip_message {
  padding: 20px 35px;
  font-size: 14px;
  margin: 0;
  width: auto;
  white-space: nowrap;
  color: #454545;
  background: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.widget_message .buttons {
  text-align: center;
}
.widget_message .button {
  min-width: 90px;
  background: none;
  text-transform: uppercase;
  color: #fff;
  color: rgba(255,255,255,0.8);
  border: 1px solid #fff;
  border: 1px solid rgba(255,255,255,0.6);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: color .1s linear, border-color .1s linear;
  -o-transition: color .1s linear, border-color .1s linear;
  -moz-transition: color .1s linear, border-color .1s linear;
  transition: color .1s linear, border-color .1s linear;
}
.widget_message .button:hover {
  color: #fff;
  background: none;
  border: 1px solid #fff;
  border: 1px solid rgba(255,255,255,0.8);
}
.widget_message .button:active {
  color: #fff;
  color: rgba(255,255,255,0.5);
  background: none;
  border: 1px solid #fff;
  border: 1px solid rgba(255,255,255,0.3);
}
.widget_message .title {
  font-size: 15px;
  font-weight: 700;
}
.admin-message .title {
  padding-bottom: 10px;
}
.widget_message .text {
  font-size: 12px;
}
.important_message,
.modal_message {
  padding: 30px 40px;
  white-space: nowrap;
}
.important_message {
  white-space: normal;
  width: 320px;
}
.important_message .content_wrapper,
.modal_message .content_wrapper {
  text-align: center;
  margin-bottom: 15px;
}
.important_message .vertical-align-parent:before {
  display: none;
}
.info_message .content_wrapper {
  margin: 0 21px;
  white-space: nowrap;
  height: 70px;
}
.admin-message .content_wrapper {
  text-align: left;
  max-width: 400px;
}
.widget_message .arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 0;
  border-style: solid;
  border-color: transparent;
}
.widget_message.bottomCenter .arrow {
  top: -12px;
  left: 50%;
  margin-left: -10px;
  border-width: 0 10px 12px;
  border-bottom-color: rgba(63,162,213,0.9);
}
.loading-state.bottomCenter .arrow {
  border-bottom-color: #0b5d7c;
}
.tooltip_message.bottomCenter .arrow {
  border-bottom-color: #fff;
}
.widget_message.topCenter .arrow {
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
  border-width: 12px 10px 0;
  border-top-color: rgba(63,162,213,0.9);
}
.loading-state.topCenter .arrow {
  border-top-color: #0b5d7c;
}
.tooltip_message.topCenter .arrow {
  border-top-color: #fff;
}
.widget_message.rightCenter .arrow {
  left: -12px;
  top: 50%;
  margin-top: -10px;
  border-width: 10px 12px 10px 0;
  border-right-color: rgba(63,162,213,0.9);
}
.loading-state.rightCenter .arrow {
  border-right-color: #0b5d7c;
}
.tooltip_message.rightCenter .arrow {
  border-right-color: #fff;
}
.widget_message.leftCenter .arrow {
  right: -12px;
  top: 50%;
  margin-top: -10px;
  border-width: 10px 0 10px 12px;
  border-left-color: rgba(63,162,213,0.9);
}
.loading-state.leftCenter .arrow {
  border-left-color: #0b5d7c;
}
.tooltip_message.leftCenter .arrow {
  border-left-color: #fff;
}
.price-changed {
  padding: 30px 40px;
  text-align: center;
}
.price-changed .title {
  font-size: 16px;
}
.price-changed .text {
  margin: 5px 0 20px;
}
.widget_message a {
  color: #f8f8f8;
}
.widget_message a:hover {
  text-decoration: none;
}
.scrollable-modal-message.widget_message {
  padding: 30px 30px 30px 40px;
}
.widget_message .scrollable-area-content {
  padding-right: 10px;
}
.widget_message .scrollable-area .scrollable-area-active .scrollable-area-track.scrollable-area-track-visible {
  background: transparent;
}
.widget_message .scrollable-area-active:hover .scrollable-area-track-gripper,
.widget_message .scrollable-area-track-gripper:hover,
.widget_message .scrollable-area-track-scrolling .scrollable-area-track-gripper,
.widget_message .scrollable-area-track-scrolling .scrollable-area-track-gripper.dojoMoveItem {
  background: #fff !important;
  opacity: 1;
}
.widget_message .scrollable-area-active .scrollable-area-track-gripper {
  background: #fff;
  opacity: .6;
}
.important_message.connection-lost-message {
  background: url(https://www.cryptoments.co/wp-content/themes/tol-parent/bootstrap/themes/eclipse/connection-lost-loader.gif) center 65px #159ed2 no-repeat;
  padding: 30px;
  min-width: 484px;
  width: auto;
  height: 200px;
}
.connection-lost-message .content_wrapper {
  position: relative;
  top: 121px;
  text-transform: uppercase;
}
.connection-lost-message .content_wrapper .title {
  font-size: 17px;
}
.connection-lost-message .content_wrapper .text {
  font-size: 17px;
  padding-top: 6px;
}
.input {
  width: auto;
  height: 15px;
  position: relative;
  display: inline-block;
  font-size: 11px;
  cursor: default;
  line-height: 15px;
}
.input_button {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 1px;
}
.input_right .input_button {
  float: right;
}
.input_label {
  max-width: 90%;
  display: inline-block;
  font-size: 12px;
  margin-left: 13px;
  vertical-align: top;
  color: #a5a2b3;
}
.input:hover .input_label {
  color: #fff;
}
.input_right .input_label {
  margin: 0 5px 0 0;
}
.input.checked .input_label {
  color: #fff;
}
.checkbox .input-description {
  display: block;
  padding-left: 27px;
  color: #a4a1b3;
}
.checkbox .input_button {
  fill: #575766;
  position: relative;
  top: -1px;
  width: 14px;
  height: 14px;
}
.checkbox:hover .input_button {
  fill: #77778c;
}
.checkbox.checked .input_button {
  fill: #3fa2d5;
}
.checkbox.checked:hover .input_button {
  fill: #3fa2d5;
}
.checkbox.disable .input_button {
  fill: #41414d;
}
.checkbox.disable.checked .input_button {
  fill: #80a7cc;
}
.radio .input_button {
  position: relative;
  top: 0;
  width: 16px;
  height: 15px;
  fill: #575766;
}
.radio:hover .input_button {
  fill: #77778c;
}
.radio.active .input_button {
  fill: #3fa2d5;
}
.radio.checked .input_button {
  fill: #3fa2d5;
}
.radio.checked:hover .input_button {
  fill: #3fa2d5;
}
.radio.checked.active .input_button {
  fill: #3fa2d5;
}
.radio.disable .input_button {
  fill: #41414d;
}
.radio.disable.checked .input_button {
  flll: #9fd0ea;
}
.radio {
  margin-right: 10px;
}
.checkbox-icon,
.radiobtn-icon {
  width: 16px;
  height: 16px;
}
.tabs {
  float: left;
}
.tabHolder .tab-item,
.tabs .tab-item {
  display: inline-block;
  height: 34px;
  padding: 0 20px;
  line-height: 34px;
  border-right: 1px solid #47454d;
}
.tabHolder .tab-active,
.tabs .tab-active {
  margin-bottom: -1px;
  padding-bottom: 1px !important;
  background: #27262e;
}
.tabs-6 .tab-item {
  width: 16.7%;
}
.tabs-6 .tab-item:last-child {
  width: 16.5%;
}
.vertical-tabs {
  padding-top: 30px;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}
.dj_safari.dj_webkit .vertical-tabs {
  display: table !important;
}
.dj_safari.dj_webkit .vertical-tabs .tab-item {
  display: table-cell !important;
}
.vertical-tabs .tab-item {
  background: #32323b;
  color: #bcb8cc;
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 35px 0 30px;
  border-left: 5px solid #32323b;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color .1s linear, background .1s linear, border-color .1s linear;
  -o-transition: color .1s linear, background .1s linear, border-color .1s linear;
  -moz-transition: color .1s linear, background .1s linear, border-color .1s linear;
  transition: color .1s linear, background .1s linear, border-color .1s linear;
}
.vertical-tabs .tab-item:hover {
  background: #3d3d47;
  color: #bcb8cc;
  border-left-color: #3d3d47;
}
.vertical-tabs .tab-item.tab-active:hover {
  background: #27272e;
  border-left-color: #25b0f8;
}
.vertical-tabs .tab-active {
  border-left-color: #25b0f8;
  color: #fff !important;
  background: transparent !important;
}
.tab-content {
  padding: 30px 25px 65px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.tutorial {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: default !important;
  font-family: Roboto, Segoe UI, Arial, sans-serif;
}
.tutorial .tutorial-content {
  position: absolute;
  z-index: 1002;
  padding: 22px 20px 29px;
  background: transparent;
}
.step9 .tutorial .tutorial-content {
  -webkit-box-shadow: 0 0 12px 1px transparent;
  -moz-box-shadow: 0 0 12px 1px transparent;
  box-shadow: 0 0 12px 1px transparent;
  background: #000 !important;
  background: rgba(0,0,0,0.3) !important;
  padding: 35px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  z-index: 1005;
}
.step9 .tutorial.low-resolution .tutorial-content {
  background: #000 !important;
  background: rgba(0,0,0,0.3) !important;
  bottom: 0;
  top: auto !important;
  left: 278px !important;
  padding: 25px;
}
.step5 .tutorial .tutorial-content,
.step9 .tutorial .tutorial-content,
.step12 .tutorial .tutorial-content {
  text-align: right;
  white-space: nowrap;
}
.step5 .tutorial .tutorial-content {
  padding-right: 20px;
  white-space: normal !important;
}
.tutorial .tutorial-content .tutorial-text {
  width: auto;
  color: #f4f2ff;
  font-size: 20px;
  line-height: 26px;
  font-weight: lighter;
}
.tutorial.low-resolution .tutorial-content .tutorial-text {
  font-size: 17px;
  line-height: 23px;
}
.step8 .tutorial .tutorial-content .tutorial-text {
  width: 450px;
}
.widget-overlay {
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  position: absolute;
  z-index: 1002;
  top: 0;
  left: 0;
}
.component-overlay {
  position: absolute;
  z-index: 1003;
  border: 2px solid #e7c65d;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.tutorial .next-step {
  width: auto;
  height: 35px;
  display: inline-block;
  background-color: #3fa2d5;
  color: #1e1d23;
  padding: 0 32px;
  margin-top: 13px;
  line-height: 35px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
.tutorial .next-step:hover {
  background-color: #4cc3ff !important;
}
.tutorial .button-close {
  min-width: 150px;
  height: 40px;
  background-color: #454545;
  color: #f4f2ff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top: 1px;
  padding: 0 25px;
  position: absolute;
  top: 0;
  right: 250px;
  line-height: 40px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  z-index: 1005;
  -webkit-transform: translateZ(0);
}
.tutorial .button-close:hover {
  background-color: #666;
}
.tutorial .button-close:active {
  color: #fff;
  color: rgba(255,255,255,0.7);
}
.step12 .tutorial .button-close {
  margin-top: 20px;
  position: static;
  display: inline-block;
}
.tutorial .button-close:active .x-button {
  opacity: .7;
}
.tutorial .startup {
  width: 520px;
  background-color: #fff;
  color: #666;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  z-index: 1001;
}
.tutorial .startup .header {
  width: 400px;
  background-color: #3fa2d5;
  padding: 30px 60px 33px;
  color: #fff;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  font-size: 28px;
  text-align: center;
  text-transform: uppercase;
}
.tutorial .startup .content {
  width: 460px;
  padding: 20px 30px 28px;
  font-size: 18px;
  font-weight: lighter;
  line-height: 30px;
  text-align: center;
}
.bg .tutorial .startup .content {
  font-size: 16px;
}
.tutorial .startup .arrow-content {
  width: 0;
  height: 0;
  position: relative;
  top: -8px;
  left: 50%;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid #fff;
}
.tutorial .startup .controls {
  width: 100%;
  height: 45px;
  margin-top: 30px;
}
.tutorial .startup .button-skip,
.tutorial .startup .button-start {
  display: block;
  float: left;
  background-color: #fff;
  padding: 13px 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
}
.tutorial .startup .button-skip {
  width: 170px;
  height: 15px;
  color: #666;
  border: 1px solid #b3b3b3;
  line-height: 15px;
}
.tutorial .startup .button-skip:hover {
  border-color: #d9d9d9;
}
.tutorial .startup .button-skip:active {
  border-color: #a7a7a7;
}
.tutorial .startup .button-start {
  width: 190px;
  height: 19px;
  margin-left: 25px;
  padding-top: 11px;
  line-height: 17px;
  background-color: #2fc297;
  color: #fff;
}
.tutorial .startup .button-start:hover {
  background-color: #33d4a3;
}
.tutorial .startup .button-start:active {
  background-color: #28a680;
  color: #fff;
  color: rgba(255,255,255,0.7);
}
.tutorial .startup .button-start .arrow {
  width: 14px;
  height: 15px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-left: 19px;
}
.start-tutorial-arrow {
  width: 15px;
  height: 15px;
  position: relative;
  top: 3px;
}
.tutorial .startup .button-start:active .arrow {
  opacity: .7;
}
.tutorial .pointer .pointer-arrow {
  width: 40px;
  height: 30px;
  fill: #e7c65d;
}
.tutorial .pointer {
  width: 39px;
  height: 29px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1005;
}
.tutorial .pointer-animate {
  -webkit-animation: slide-x .5s ease-in-out infinite alternate;
  -moz-animation: slide-x .5s ease-in-out infinite alternate;
  -o-animation: slide-x .5s ease-in-out infinite alternate;
  animation: slide-x .5s ease-in-out infinite alternate;
}
.step4 .tutorial .pointer {
  z-index: 1001;
}
.tutorial .pointer.bottom {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-name: slide-y;
  -moz-animation-name: slide-y;
  -o-animation-name: slide-y;
  animation-name: slide-y;
}
.tutorial .pointer.top {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-animation-name: slide-y;
  -moz-animation-name: slide-y;
  -o-animation-name: slide-y;
  animation-name: slide-y;
}
.tutorial .pointer.left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.step9 .tutorial .pointer {
  visibility: hidden;
}
@-webkit-keyframes slide-x {
  0% {
    margin-left: 10px;
  }
  to {
    margin-left: 0;
  }
}
@-moz-keyframes slide-x {
  0% {
    margin-left: 10px;
  }
  to {
    margin-left: 0;
  }
}
@-o-keyframes slide-x {
  0% {
    margin-left: 10px;
  }
  to {
    margin-left: 0;
  }
}
@keyframes slide-x {
  0% {
    margin-left: 10px;
  }
  to {
    margin-left: 0;
  }
}
@-webkit-keyframes slide-y {
  0% {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}
@-moz-keyframes slide-y {
  0% {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}
@-o-keyframes slide-y {
  0% {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}
@keyframes slide-y {
  0% {
    margin-top: 10px;
  }
  to {
    margin-top: 0;
  }
}
.component-overlay,
.tutorial .pointer,
.tutorial .tutorial-content {
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}
.component-overlay.fade,
.tutorial .pointer.fade,
.tutorial .tutorial-content.fade {
  opacity: 0;
}
.tutorial .button-close,
.tutorial .startup .button-skip,
.tutorial .startup .button-start {
  -webkit-transition: background-color .1s linear, border-color .1s linear, opacity .1s linear;
  -o-transition: background-color .1s linear, border-color .1s linear, opacity .1s linear;
  -moz-transition: background-color .1s linear, border-color .1s linear, opacity .1s linear;
  transition: background-color .1s linear, border-color .1s linear, opacity .1s linear;
}
.tutorial .next-step {
  -webkit-transition: opacity .1s linear;
  -o-transition: opacity .1s linear;
  -moz-transition: opacity .1s linear;
  transition: opacity .1s linear;
}
.tutorial-step-parent {
  z-index: 1001 !important;
}
.tutorial-step-parent .window_close {
  opacity: 1;
}
.step5 .tutorial-step-parent td,
.step7 .tutorial-step-parent td,
.tutorial-step-clickable,
.tutorial-step-selected {
  position: relative;
  z-index: 1001 !important;
}
.step6 .tutorial-step-parent .tradebox-spread,
.tutorial-step-clickable {
  z-index: 1004 !important;
}
.has-tutorial .mask {
  opacity: .6 !important;
}
.has-tutorial .mask .border {
  display: none;
}
.step4 .tutorial-step-parent .smartorder .button-sell {
  opacity: .4;
}
.has-tutorial .orderdialog,
.has-tutorial .quantity-list .scrollable-area {
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  animation: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  -moz-transition: none !important;
  transition: none !important;
}
.step1 .tradebox .tradebox-open-order-dialog-icon {
  opacity: 1;
  position: absolute;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.step2 .widget-overlay,
.step3 .widget-overlay,
.step4 .widget-overlay {
  height: 443px;
  top: -10px;
}
.nav-button.has-icon.main-menu.tutorial-step-selected {
  background: #3a3842 !important;
}
.has-tutorial .margin-swap-info {
  display: none;
  visibility: hidden;
}
.step10 .widget-overlay {
  width: 50px;
}
.spreadback_currency {
  margin: 0 1px 0 4px;
}
.blue,
.spreadback_value {
  color: #22bbf4;
}
.spreadback-panel {
  outline: 0;
  width: 425px;
  position: absolute;
  cursor: default;
  text-align: center;
  background: #363640;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.spreadback-panel div {
  float: none;
}
.spreadback-panel .title {
  font-weight: 300;
  font-size: 14px !important;
  line-height: 18px;
  color: #fff;
  text-transform: capitalize;
}
.spreadback-panel .current_spread {
  height: 46px;
  font-weight: 100;
  font-size: 35px !important;
  margin-bottom: 35px;
  color: #fff;
}
.spreadback-panel .content_messaeg .current_spread {
  margin-bottom: 20px;
}
.content_remaining {
  padding: 45px 20px 30px;
}
.content_message {
  padding: 40px;
}
.horz_border_container {
  position: relative;
}
.horz_border_container .text {
  position: relative;
  display: inline-block;
  padding: 0 7px;
  font: 11px Roboto;
  background-color: #363640;
  color: #747180;
}
.horz_border_container .border {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  background-color: #47454d;
}
.spreadback_bonus_desc {
  width: 100%;
  font-weight: 100;
  font-size: 18px !important;
  margin-top: 35px;
  color: #a5a2b3;
}
.spreadback_amount {
  display: inline-block !important;
}
.spreadback_countdown {
  display: table;
  width: 100%;
  height: 85px;
  padding: 15px 0;
}
.remaining_time {
  display: table-cell;
  border-left: 1px solid #47454d;
  padding: 0 24px;
}
.remaining_time .name {
  display: block;
  font: 11px Roboto;
  color: #a5a2b3;
}
.remaining_time .value {
  display: block;
  font: 64px Roboto;
  line-height: 70px;
  color: #fff;
}
.spreadback-panel .spreadback-button {
  padding: 10px 0;
  color: #fff;
  background: #2fc297;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-top: 53px;
  font-size: 14px;
}
.days_left {
  border-left: none;
}
.days_left .value,
.today_hours .hours_left .value,
.today_mins .mins_left .value {
  color: #2fc297;
}
.today_hours .days_left .name,
.today_hours .days_left .value,
.today_mins .days_left .name,
.today_mins .days_left .value,
.today_mins .hours_left .name,
.today_mins .hours_left .value {
  color: #403f3f;
}
.spreadback-panel .arrow {
  position: absolute;
  border-style: solid;
  border-color: transparent;
  border-width: 7px 8px 0;
  border-top-color: #363640;
}
.separator {
  position: absolute;
  z-index: 1;
  background: #000;
  -webkit-transition: background-color .1s ease;
  -o-transition: background-color .1s ease;
  -moz-transition: background-color .1s ease;
  transition: background-color .1s ease;
}
.vertical-separator {
  cursor: e-resize;
  width: 5px;
}
.horizontal-separator {
  cursor: s-resize;
  height: 5px;
}
.separator-collapsed {
  cursor: default;
}
.horizontal-separator .separator-collapse {
  width: 29px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -14px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: #2D3C4F;
}
.horizontal-separator .separator-collapse .separator-arrow {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 11px;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #787684;
}
.horizontal-separator.closed .separator-collapse .separator-arrow {
  border-bottom: 3px solid #787684;
  border-top: 0;
}
.horizontal-separator .separator-collapse:hover {
  background-color: #292929;
}
.horizontal-separator.separator-collapsed .separator-collapse {
  border: 0;
  top: -5px;
  background-color: #363640;
}
.horizontal-separator.separator-collapsed .separator-collapse .separator-arrow {
  top: 1px;
  border-top: transparent;
  border-bottom: 3px solid #787684;
}
.horizontal-separator.separator-collapsed .separator-collapse:hover {
  background-color: #4b4b59;
}
.vertical-separator .separator-collapse {
  height: 29px;
  width: 100%;
  margin-top: -14px;
  position: absolute;
  left: 0;
  top: 50%;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background-color: #2D3C4F;
}
.vertical-separator .separator-collapse .separator-arrow {
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 3px solid #637E99;
  position: absolute;
  top: 11px;
}
.vertical-separator .separator-collapse:hover {
  background-color: #292929;
}
.vertical-separator.separator-collapsed .separator-collapse {
  border: 0;
  background-color: #363640;
}
.vertical-separator.separator-collapsed .separator-collapse .separator-arrow {
  border-left: 3px solid #787684;
  border-right: transparent;
  left: 1px;
}
.vertical-separator.separator-collapsed .separator-collapse:hover {
  background-color: #4b4b59;
}
.panel {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.layout {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.layout .window {
  position: relative;
}
.accountpanel-hidden .account,
.tradepanel-hidden .tradepanel {
  visibility: hidden;
}
.accountpanel-hidding .account,
.accountpanel-showing .account,
.tradepanel-hidding .tradepanel,
.tradepanel-showing .tradepanel {
  z-index: 5;
}
.accountpanel-hidding .chart-separator,
.accountpanel-showing .chart-separator,
.tradepanel-hidding .trade-separator,
.tradepanel-showing .trade-separator {
  display: none;
}
.panel .tab-item {
  width: 60px;
  padding: 0;
  height: 36px;
  line-height: 35px;
}
.panel .tab-active {
  position: relative;
}
.tabHolder {
  height: 36px;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #47454d;
}
.svg-icon {
  pointer-events: none;
}
.svgWrapper {
  display: inline-block;
}
.tradepanel {
  background: #323232;
}
.tradepanel-highligh {
  z-index: 10000;
}
.tradepanel .overlay {
  background-color: #000;
  background-color: rgba(0,0,0,0.6);
  position: absolute;
  z-index: 2;
  display: none;
  -webkit-transition: background-color .3s linear;
  -o-transition: background-color .3s linear;
  -moz-transition: background-color .3s linear;
  transition: background-color .3s linear;
  opacity: 1;
  top: 50px;
}
.tradepanel-overlay-shown .overlay {
  display: block;
}
.searchlist-shown .overlay {
  display: block;
  background-color: #1c1c21;
}
.drag_here {
  border: 1px dashed #393740;
  position: absolute;
  width: 280px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  -moz-transition: all .2s linear;
  transition: all .2s linear;
}
.tradepanel-control-bar {
  width: 100%;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.tradepanel-control-bar .tradepanel-title {
  text-align: center;
  font-size: 14px;
  line-height: 50px;
  color: #FFF;
  cursor: pointer;
}
.tradepanel-header-icons {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
}
.tradepanel-header-icons:hover {
  background: #2C3D4F;
}
.tradepanel-header-icons:active {
  background: #2C3D4F;
}
.tradepanel .search-icon-node {
  left: 10px;
}
.tradepanel .prefs-icon-node {
  right: 10px;
}
.tradepanel-highligh .prefs-icon-node {
  background: #131316;
}
.tradepanel .list-icon {
  width: 36px;
  height: 36px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -41px;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
  text-align: center;
}
.chart-moving .tradepanel .list-icon {
  display: none;
}
.tradepanel .list-icon .add-instrument-icon {
  width: 22px;
  height: 15px;
  fill: #a4a2af;
}
.tradepanel .list-icon:hover .add-instrument-icon {
  fill: #797b80;
}
.tradepanel-header-bar {
  position: relative;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-top: 1px solid #464646;
  text-transform: capitalize;
  font-size: 15px;
  font-family: 'lato-regular';
  font-weight: 300;
  color: #9d9d9d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tradepanel-header-bar .tradepanel-sell-label {
  position: absolute;
  right: 135px;
}
.tradepanel-highligh .tradepanel-header-bar .tradepanel-sell-label {
  right: 130px;
}
.tradepanel-header-bar .tradepanel-buy-label {
  position: absolute;
  right: 30px;
}
.tradepanel-highligh .tradepanel-header-bar .tradepanel-buy-label {
  right: 55px;
}
.tradepanel .scrollable-area-track {
  right: 4px;
  top: 4px;
  bottom: 4px;
}
.tradepanel .scrollable-area-track .scrollable-area-track-gripper {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 6px;
}
.tradepanel .scrollabla-area-bottom-shadow,
.tradepanel .scrollabla-area-top-shadow {
  -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
  -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
  position: absolute;
  height: 3px;
  width: 100%;
  pointer-events: none;
  z-index: 1;
  display: none;
}
.tradepanel .scrollabla-area-top-shadow {
  top: -3px;
  border-bottom: 1px solid #393740;
}
.tradepanel .scrollabla-area-bottom-shadow {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  bottom: -3px;
}
.chartpanel {
  overflow: hidden;
}
.chartpanel .no-charts-wrapper,
.chartpanel .update-browser-wrapper {
  height: 100%;
  width: 100%;
  background: url(https://www.cryptoments.co/wp-content/themes/tol-parent/bootstrap/themes/eclipse/pattern.png);
  background-color: #27262e;
}
.chartpanel .no-charts,
.chartpanel .update-browser {
  height: 400px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.chartpanel .no-charts {
  height: 150px;
}
.chartpanel .no-charts .title,
.chartpanel .update-browser .title {
  font-size: 34px;
  color: #eae5ff;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
  font-weight: 300;
}
.chartpanel .update-browser .text-color {
  color: #dc4a50;
  font-weight: 700;
}
.chartpanel .update-browser .message {
  color: #c3c2cb;
  font-size: 12px;
  line-height: 22px;
  width: 440px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
}
.chartpanel .update-browser-wrapper .browser-icons {
  text-align: center;
}
.chartpanel .update-browser .browser-icon {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  width: 110px;
  height: 150px;
  background: url(https://www.cryptoments.co/wp-content/themes/tol-parent/bootstrap/themes/eclipse/browser-icons.png) no-repeat;
}
.chartpanel .update-browser .chrome {
  background-position: -17px -17px;
}
.chartpanel .update-browser .mozilla {
  background-position: -153px -17px;
}
.chartpanel .update-browser .explorer {
  background-position: -298px -17px;
}
.chartpanel .update-browser .opera {
  background-position: -426px -17px;
}
.chartpanel .update-browser .safari {
  background-position: -546px -17px;
}
.chartpanel .update-browser .browser-icon .icon-text {
  position: absolute;
  color: #a5a2b3;
  text-align: center;
  bottom: 0;
  left: 0;
  width: 100%;
}
.multi-mode {
  border: 0;
}
.multi-mode .chart {
  border: 1px solid #27262e;
  -webkit-transition: border-color .1s linear;
  -o-transition: border-color .1s linear;
  -moz-transition: border-color .1s linear;
  transition: border-color .1s linear;
}
.multi-mode .chart.active-chart {
  border: 1px solid #00a7e1;
}
.tabs-mode .window_close,
.tabs-mode .window_head,
.tabs-mode .window_title {
  display: none;
}
.chartpanel .tab-item {
  display: inline-block;
  min-width: 155px;
  padding: 0 10px;
  padding-left: 15px;
  color: #a5a2b3;
  font-size: 11px;
  font-family: Arial;
  cursor: default;
  -webkit-transition: left .2s linear;
  -o-transition: left .2s linear;
  -moz-transition: left .2s linear;
  transition: left .2s linear;
  position: absolute;
}
.chartpanel .tab-item .handle,
.chartpanel .tabholder-dropdown .handle {
  position: absolute;
  width: 5px;
  height: 15px;
  left: 5px;
  top: 9px;
  cursor: move;
  z-index: 2;
}
.chartpanel .tab-item .handle .chart-handle,
.chartpanel .tabholder-dropdown .handle .chart-handle {
  width: 40px;
  height: 30px;
  position: absolute;
  top: 5px;
  fill: #a5a2b3;
}
.chartpanel .preferred-tab .top-border,
.chartpanel .tab-item .top-border {
  display: none;
  position: absolute;
  width: 182px;
  height: 2px;
  top: 0;
  left: -1px;
  background-color: #747180;
  z-index: 2;
}
.chartpanel .preferred-tab .top-border {
  left: -1px;
  width: 169px;
}
.chartpanel .tab-active .top-border {
  display: inline-block;
}
.chartpanel .tab-active {
  color: #fff;
}
.chartpanel .tab_close {
  width: 16px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 8px;
}
.chartpanel .tab_close:hover {
  background-color: #212026;
}
.chartpanel.disable_remove .chart-window,
.chartpanel.disable_remove .tab_close,
.chartpanel.disable_remove .window_close,
.chartpanel.disable_remove .window_multi_mode,
.chartpanel.disable_remove .window_tab_mode {
  display: none;
}
.chartpanel.tabs-mode .chart_menu {
  top: 21px;
}
.chartpanel .widgetContainer {
  position: relative;
}
.chart {
  z-index: 0;
}
.overlapped-chart {
  z-index: 1;
}
.chart.dojoMoveItem,
.moving-chart {
  z-index: 2;
}
.chartpanel.multi-mode .tabWrapper,
.chartpanel.tabs-mode .window_tab_mode {
  display: none;
}
.window_tab_mode {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 20px;
  top: 4px;
  display: block;
}
.window_tab_mode:hover {
  background-color: #212026;
}
.chart-window,
.window_multi_mode {
  position: absolute;
  width: 16px;
  height: 14px;
  border: 1px solid transparent;
  top: 8px;
  right: 27px;
  fill: #a4a1b2;
}
.chartpanel .window_multi_mode .chart-tab-item-icon {
  top: 3px;
}
.chart-window {
  right: 50px;
}
.chart-window:hover,
.window_multi_mode:hover {
  background-color: #212026;
}
.chartpanel .moving .add-chart-icon,
.chartpanel .moving .change_instrument,
.chartpanel .moving .dropdown-arrow,
.chartpanel .moving .tab_close,
.chartpanel .moving .window_multi_mode {
  display: none;
}
.chartpanel .moving .preferred-tab.tab-active .top-border {
  display: none;
}
.chartpanel .moving .tab-item,
.chartpanel .moving .tabholder-dropdown {
  border-left: 1px solid #47454d;
}
.chartpanel .moving .tab-item:first-child {
  border-left: 0;
}
.chartpanel .moving .preferred-tab {
  border-right: 1px solid #47454d;
  min-width: 150px;
}
.chartpanel .moving .dojoMoveItem .preferred-tab {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
  background: #27262e !important;
}
.chartpanel .tabholder-moving .tabholder-dropdown {
  z-index: 3;
}
.chartpanel .preferred-tab:hover,
.chartpanel .tab-item:hover {
  background: #2e2c36;
}
.chartpanel .preferred-tab.tab-active:hover,
.chartpanel .tab-item.tab-active:hover {
  background: #27262e;
}
.chartpanel .preferred-tab {
  -webkit-transition: left .2s linear;
  -o-transition: left .2s linear;
  -moz-transition: left .2s linear;
  transition: left .2s linear;
}
.chartpanel .tab-item.dojoMoveItem {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
  z-index: 1000;
  background: #27262e !important;
}
.chartpanel .tabWrapper {
  position: relative;
  height: 36px;
  background: #27262e;
}
.chartpanel .tabHolder {
  float: left;
  z-index: 2;
  margin-left: 36px;
  border-left: 1px solid #47454d;
}
.chartpanel .add-chart-icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  text-align: center;
  color: #b9b9b9;
  position: relative;
  border-right: 1px solid #47454d;
  border-bottom: 1px solid #47454d;
  cursor: default;
}
.chartpanel .add-chart {
  fill: #a4a1b2;
  width: 10px;
  height: 10px;
  z-index: 1;
  position: relative;
  top: 9px;
}
.chartpanel .add-chart-icon:hover .add-chart {
  fill: #fff;
}
.chartpanel .chart-tab-item-icon {
  fill: #a4a1b2;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 7px;
  height: 7px;
}
.chartpanel .tab_close:hover .chart-tab-item-icon {
  fill: #fff;
}
.chartpanel .window_close {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 3px;
  top: 3px;
}
.chartpanel .window_close .chart-tab-item-icon {
  width: 7px;
  height: 7px;
  position: relative;
  top: -2px;
  left: 4px;
}
.window_tab_mode .chart-tab-item-icon {
  left: 4px;
  top: 3px;
  width: 8px;
  height: 8px;
}
.sidepanel {
  position: absolute;
  left: 100%;
  margin-left: -50px;
  z-index: 5;
  background: #27262e;
  cursor: default;
}
.resizing .sidepanel.hiding .widgetContainer {
  -webkit-transition: left .3s linear;
  -o-transition: left .3s linear;
  -moz-transition: left .3s linear;
  transition: left .3s linear;
}
.dojoMove .sidepanel .widgetContainer,
.resizing-panel.sidepanel .widgetContainer,
.resizing .sidepanel .widgetContainer {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.sidepanel .window_close {
  display: block;
  top: 15px;
  right: 16px;
  z-index: 0;
}
.sidepanel .tabHolder .tab-item {
  border: 0;
  margin: 0;
  border-bottom: 1px solid #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 52px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sidepanel .tabHolder .tab-item.tab-active {
  border-bottom: 3px solid #3fa2d5;
  margin-left: -1px;
}
.sidepanel .tabHolder {
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
}
.sidepanel .widgetContainer {
  position: absolute;
  background: #27262e;
  -webkit-transition: left .3s linear;
  -o-transition: left .3s linear;
  -moz-transition: left .3s linear;
  transition: left .3s linear;
}
.sidepanel .tabHolder .svgWrapper {
  position: absolute;
  top: 14px;
  left: 13px;
}
.sidepanel .tabHolder .tab-active .svgWrapper {
  left: 14px;
}
.sidepanel .tabHolder .tab-icon {
  display: block;
  width: 23px;
  height: 23px;
  fill: #a4a1b2;
}
.sidepanel .tab-item.tab-active .tab-icon,
.sidepanel .tab-item:hover .tab-icon {
  fill: #fff;
}
.sidepanel .tabHolder .notifications-counter {
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  top: 18px;
  left: 16px;
  width: 17px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  background-color: #454545;
  display: none;
}
.sidepanel .tabHolder .tab-active .notifications-counter {
  left: 17px;
}
.sidepanel .tabHolder .has-notifications .tab-icon {
  display: none;
}
.sidepanel .tabHolder .has-notifications .notifications-counter {
  display: inline-block;
  background-color: #3fa2d5;
}
@media (min-height: 800px) {
  .sidepanel .tabHolder .tab-item {
    height: 60px;
  }
  .sidepanel .tabHolder .svgWrapper {
    top: 18px;
  }
  .sidepanel .tabHolder .notifications-counter {
    top: 22px;
  }
}
.sidepanel .news .tab-item {
  height: 28px;
  background: none;
  display: table-cell;
  padding: 0;
  text-align: center;
  border-right: 0;
  font-size: 11px;
  color: #a5a2b3;
  line-height: 27px;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
}
.sidepanel .news .tab-item:hover {
  background-color: #3f3f47;
}
.sidepanel .news .tab-item.tab-active {
  background: #a5a2b3;
  color: #000;
}
.sidepanel .sidepanel-bar {
  width: 50px;
  position: absolute;
  z-index: 10;
  height: 100%;
  border-left: 1px solid #000;
  background: #27262e;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.disable-pin .sidepanel.disable-pin-showed {
  right: 0 !important;
  left: auto !important;
  margin-left: 0 !important;
}
.sidepanel .tab-item .tab-icon-tradebird,
.sidepanel .tab-item .tab-icon-tradebird-color {
  width: 27px;
}
.sidepanel .tab-item.tab-active .tab-icon-tradebird,
.sidepanel .tab-item .tab-icon-tradebird-color,
.sidepanel .tab-item:hover .tab-icon-tradebird {
  display: none;
}
.sidepanel .tab-item.tab-active .tab-icon-tradebird-color,
.sidepanel .tab-item:hover .tab-icon-tradebird-color {
  display: block;
}
.sidepanel-tabs {
  z-index: 5;
  background: #323232;
  cursor: default;
  width: 320px;
  float: right;
  height: 100%;
  position: relative;
}
.page-traderoom #content {
  background: #181e2b;
  color: #FFF;
  height: 100%;
}
.resizing .sidepanel-tabs.hiding .widgetContainer {
  -webkit-transition: left .3s linear;
  -o-transition: left .3s linear;
  -moz-transition: left .3s linear;
  transition: left .3s linear;
}
.dojoMove .sidepanel-tabs .widgetContainer,
.resizing-panel.sidepanel-tabs .widgetContainer,
.resizing .sidepanel-tabs .widgetContainer {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.sidepanel-tabs .window_close {
  display: block;
  top: 15px;
  right: 16px;
  z-index: 0;
}
.sidepanel-tabs .tabHolder .tab-item {
  position: relative;
  display: block;
  height: 40px;
  width: 40px;
  margin: 10px 0;
  -webkit-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  transition: background-color .3s ease;
  border: none;
}
.sidepanel-tabs .tabHolder .tab-item:hover {
  background: #44424d;
}
.sidepanel-tabs .tabHolder .tab-item.tab-active,
.sidepanel-tabs .tabHolder .tab-item:active {
  background: #393740;
}
.sidepanel-tabs .tabHolder {
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  margin: 0 11px 0 9px;
}
.sidepanel-tabs .widgetContainer {
  position: absolute;
  background: #27262e;
  -webkit-transition: left .3s linear;
  -o-transition: left .3s linear;
  -moz-transition: left .3s linear;
  transition: left .3s linear;
}
.sidepanel-tabs .tabHolder .svgWrapper {
  position: absolute;
  top: 14px;
  left: 13px;
}
.sidepanel-tabs .tabHolder .tab-active .svgWrapper {
  left: 14px;
}
.sidepanel-tabs .tabHolder .tab-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -11px;
  width: 23px;
  height: 23px;
  fill: #a4a1b2;
}
.sidepanel-tabs .tab-item.tab-active .tab-icon,
.sidepanel-tabs .tab-item:hover .tab-icon {
  fill: #fff;
}
#presentation {
  stroke: #a4a1b2;
}
.sidepanel-tabs .tab-item.tab-active #presentation,
.sidepanel-tabs .tab-item:hover #presentation {
  stroke: #fff;
}
.sidepanel-tabs .tabHolder .notifications-counter {
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 17px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  background-color: #454545;
  display: none;
}
.sidepanel-tabs .tabHolder .has-notifications .tab-icon {
  display: none;
}
.sidepanel-tabs .tabHolder .has-notifications .notifications-counter {
  display: inline-block;
  background-color: #3fa2d5;
}
.sidepanel-tabs .news .tab-item {
  height: 28px;
  background: none;
  display: table-cell;
  padding: 0;
  text-align: center;
  border-right: 0;
  font-size: 11px;
  color: #a5a2b3;
  line-height: 27px;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
}
.sidepanel-tabs .news .tab-item:hover {
  background-color: #3f3f47;
}
.sidepanel-tabs .news .tab-item.tab-active {
  background: #a5a2b3;
  color: #000;
}
.sidepanel-tabs .sidepanel-bar {
  width: 60px;
  position: absolute;
  z-index: 10;
  height: 100%;
  border-left: 1px solid #000;
  background: #1c1c21;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.disable-pin .widgetContainer {
  border-left: 1px solid #000;
}
.disable-pin .side-separator {
  display: none;
}
.disable-pin .sidepanel-tabs.disable-pin-showed {
  right: 0 !important;
  left: auto !important;
  margin-left: 0 !important;
}
.sidepanel-tabs .tab-item .tab-icon-tradebird,
.sidepanel-tabs .tab-item .tab-icon-tradebird-color {
  width: 27px;
}
.sidepanel-tabs .tab-item.tab-active .tab-icon-tradebird,
.sidepanel-tabs .tab-item .tab-icon-tradebird-color,
.sidepanel-tabs .tab-item:hover .tab-icon-tradebird {
  display: none;
}
.sidepanel-tabs .tab-item.tab-active .tab-icon-tradebird-color,
.sidepanel-tabs .tab-item:hover .tab-icon-tradebird-color {
  display: block;
}
.sidepanel-tabs .tabHolder .tab-active,
.sidepanel-tabs .tabs .tab-active {
  padding-bottom: 0 !important;
}
@media (min-height: 800px) {
  .sidepanel-tabs .sidepanel .tabHolder .notifications-counter {
    top: 22px;
  }
}
@media (max-height: 800px) {
  .sidepanel-tabs .chart-drawing-menu .combobox,
  .sidepanel-tabs .chart-drawing-menu .drawing-menu-icon,
  .sidepanel-tabs .chart-drawing-menu .toggle-menu-icon,
  .sidepanel-tabs .tabHolder .tab-item {
    margin: 5px 0;
  }
}
.smartorder .autoclose_container {
  position: relative;
  text-align: center;
  margin: 20px 0 24px;
}
.disabled_autoclose .disabled_overlay,
.disabled_smartorder .disabled_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #303038;
  opacity: .6;
  z-index: 3;
}
.smartorder .profitloss {
  position: relative;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  border: 0;
}
.smartorder .profitloss .window-controls {
  display: none;
}
.smartorder .button-buy,
.smartorder .button-sell {
  min-width: 48%;
  height: 35px;
  display: block;
  float: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 10px;
  font-size: 13px;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
}
.smartorder .button-buy {
  float: right;
}
.smartorder .button-close-buy,
.smartorder .button-close-sell {
  display: none;
}
.smartorder .close-buy .button-buy,
.smartorder .close-sell .button-sell {
  display: none;
}
.smartorder .close-buy .button-close-buy,
.smartorder .close-sell .button-close-sell {
  display: block;
  line-height: 35px;
}
.smartorder .button-sell-label {
  float: right;
  line-height: 35px;
}
.smartorder .button-buy-label {
  float: left;
  line-height: 35px;
}
.smartorder .button-buy-price {
  float: right;
  line-height: 35px;
  font-size: 16px;
  font-weight: 300;
}
.smartorder .button-sell-price {
  float: left;
  line-height: 35px;
  font-size: 16px;
  font-weight: 300;
}
.smartorder .button-buy-price span,
.smartorder .button-sell-price span {
  font-size: 20px;
  font-weight: 700;
}
.smartorder .button-buy-price label,
.smartorder .button-sell-price label {
  font-size: 12px;
  line-height: 12px;
  position: relative;
  top: -5px;
  margin-left: 2px;
  font-weight: 400;
}
.smartorder .disabled .button-buy-label,
.smartorder .disabled .button-sell-label {
  float: none;
  margin-left: 0;
  margin-right: 0;
}
.smartorder .disabled .button-buy-price,
.smartorder .disabled .button-sell-price {
  display: none;
}
.smartorder .profitloss .autoclose-pips-row td {
  padding-bottom: 10px;
}
.smartorder .profitloss .autoclose-ppl-row td {
  padding-bottom: 0;
}
.smartorder .profitloss .distance-hint td {
  padding: 0 0 6px;
}
.smartorder .profitloss .distance-hint td div {
  color: #747180;
  font-size: 10px;
  text-transform: uppercase;
  font-family: Arial;
}
#alertsQueue {
  position: absolute;
  width: 415px;
  z-index: 1500;
  top: 1px;
  right: 1px;
}
.alert {
  position: absolute;
  margin-top: 1px;
  width: 100%;
  overflow: hidden;
  background: #3fa2d5;
  background: rgba(63,162,213,0.9);
  padding: 0 57px 0 15px;
  -webkit-transition: top .15s linear;
  -o-transition: top .15s linear;
  -moz-transition: top .15s linear;
  transition: top .15s linear;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.alert .icon {
  display: none;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -24px;
}
.alert .icon-order {
  width: 48px;
  height: 48px;
}
.alert.iconEnabled {
  padding-left: 80px;
}
.alert.iconEnabled .icon {
  display: block;
}
.alert .article {
  padding: 22px 0;
}
.alert .article .title {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.alert .article .message-text {
  margin: 0;
  font-size: 12px;
  color: #fff;
}
.alert .close-button {
  position: absolute;
  width: 17px;
  height: 17px;
  right: 20px;
  top: 50%;
  margin-top: -6px;
}
.alert .close-button .close-window-icon {
  fill: #fff;
  border: 1px solid transparent;
}
.alert .close-button:hover .close-window-icon {
  border: 1px solid #fff;
}
.quantity-list {
  position: relative;
  outline: 0;
  background-color: #43434e;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  transition: background-color .1s linear;
}
.quantity-list:hover {
  background-color: #50505c;
}
.quantity-list .helper-node {
  display: none;
}
.orderdialog .quantity-list .scrollable-area {
  top: 31px;
  background: #43434e;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.orderdialog .quantity-list-extended .scrollable-area {
  visibility: visible;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.quantity-list input {
  width: 100%;
  text-align: center;
  height: 26px;
  padding: 0;
  display: none;
}
.quantity-list-typing input {
  display: block;
}
.quantity-list input:disabled {
  color: #7b7980;
}
.quantity-list .placeholder {
  width: 100%;
  text-align: center;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
}
.quantity-list-typing .placeholder {
  display: none;
}
.quantity-list .dropdown-arrow {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.quantity-list:hover .dropdown-arrow {
  fill: #a4a2b0;
}
.quantity-list .scrollable-area {
  cursor: default;
  position: absolute;
  height: 0;
  top: 28px;
  overflow: hidden;
  -webkit-transition: height .2s linear;
  -o-transition: height .2s linear;
  -moz-transition: height .2s linear;
  transition: height .2s linear;
  width: 100%;
  z-index: 4;
  margin-top: 5px;
}
.quantity-list.initial-tutorial-animation .list_qty {
  -webkit-transition: top 1s ease;
  -o-transition: top 1s ease;
  -moz-transition: top 1s ease;
  transition: top 1s ease;
}
.quantity-list .list_qty {
  top: 0;
  text-align: center;
  -webkit-transition: top .5s ease;
  -o-transition: top .5s ease;
  -moz-transition: top .5s ease;
  transition: top .5s ease;
}
.quantity-list .quantity-list-item {
  height: 32px;
  line-height: 31px;
  color: #c3c2cc;
  margin: 5px auto 0;
  font-size: 11px;
  position: relative;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
}
.quantity-list .quantity-list-item:hover {
  color: #fff;
  background-color: #50505c;
}
.quantity-list .quantity-list-item:first-child {
  margin-top: 0;
}
.quantity-list .quantity-list-item:last-child {
  border-bottom: 0;
}
.quantity-list .quantity-list-item.tutorial-target {
  color: #e7c65d !important;
}
.quantity-list .quantity-list-item .buy,
.quantity-list .quantity-list-item .sell {
  position: absolute;
  top: 0;
  color: #000;
  display: none;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  width: 52px;
  text-align: center;
  height: 32px;
  line-height: 31px;
  text-transform: uppercase;
  font-size: 10px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.quantity-list .quantity-list-item .buy:hover,
.quantity-list .quantity-list-item .sell:hover {
  background: #3fa2d5;
  -webkit-transition: background .1s linear;
  -o-transition: background .1s linear;
  -moz-transition: background .1s linear;
  transition: background .1s linear;
}
.quantity-list .quantity-list-item .sell {
  left: 0;
  background: #e34b51;
}
.quantity-list .quantity-list-item .buy {
  right: 0;
  background: #2fc297;
}
.quantity-list .quantity-list-item:hover .buy,
.quantity-list .quantity-list-item:hover .sell {
  display: block;
}
.quantity-list .buy-button,
.quantity-list .sell-button {
  display: none;
}
.chart-quantity-box.quantity-list-typing .quantity-list-input-wrapper:hover .buy-button,
.chart-quantity-box.quantity-list-typing .quantity-list-input-wrapper:hover .sell-button {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chart-quantity-box .buy-button,
.chart-quantity-box .sell-button {
  position: absolute;
  top: 5px;
  height: 30px;
  line-height: 29px;
  text-align: center;
  width: 60px;
  text-transform: uppercase;
  color: #fff;
  font-size: 10px;
  cursor: default;
}
.chart-quantity-box .buy-button:hover,
.chart-quantity-box .sell-button:hover {
  background: #3fa2d5;
  -webkit-transition: background .1s linear;
  -o-transition: background .1s linear;
  -moz-transition: background .1s linear;
  transition: background .1s linear;
}
.chart-quantity-box .sell-button {
  left: 6px;
  color: #000;
  background: #e34b51;
}
.chart-quantity-box .buy-button {
  right: 6px;
  color: #000;
  background: #2fc297;
}
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: .25s;
  -moz-animation-duration: .25s;
  -o-animation-duration: .25s;
  animation-duration: .25s;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(.3);
    transform: scale(.3);
  }
  to {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(.3);
    transform: scale(.3);
  }
  to {
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -o-transform: scale(.3);
    transform: scale(.3);
  }
  to {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -moz-transform: scale(.3);
    transform: scale(.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -o-transform: scale(.3);
    transform: scale(.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -o-transform: scale(.3);
    transform: scale(.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  -moz-animation-name: slideInDown;
  -o-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes shrinkRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(35px);
    transform: translateX(35px);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes shrinkRight {
  0% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -moz-transform: translateX(35px);
    transform: translateX(35px);
  }
  to {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes shrinkRight {
  0% {
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -o-transform: translateX(35px);
    transform: translateX(35px);
  }
  to {
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes shrinkRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(35px);
    -moz-transform: translateX(35px);
    -o-transform: translateX(35px);
    transform: translateX(35px);
  }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes shrinkBottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(35px);
    transform: translateY(35px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes shrinkBottom {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(35px);
    transform: translateY(35px);
  }
  to {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes shrinkBottom {
  0% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -o-transform: translateY(35px);
    transform: translateY(35px);
  }
  to {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes shrinkBottom {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(35px);
    -moz-transform: translateY(35px);
    -o-transform: translateY(35px);
    transform: translateY(35px);
  }
  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes shrinkTop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes shrinkTop {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  to {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes shrinkTop {
  0% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -o-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  to {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes shrinkTop {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-35px);
    -moz-transform: translateY(-35px);
    -o-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  to {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes shrinkLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-35px);
    transform: translateX(-35px);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes shrinkLeft {
  0% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -moz-transform: translateX(-35px);
    transform: translateX(-35px);
  }
  to {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes shrinkLeft {
  0% {
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -o-transform: translateX(-35px);
    transform: translateX(-35px);
  }
  to {
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes shrinkLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-35px);
    -moz-transform: translateX(-35px);
    -o-transform: translateX(-35px);
    transform: translateX(-35px);
  }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
.shrinkAnimation-rightCenter {
  -webkit-animation-name: shrinkRight;
  -moz-animation-name: shrinkRight;
  -o-animation-name: shrinkRight;
  animation-name: shrinkRight;
}
.shrinkAnimation-bottomCenter {
  -webkit-animation-name: shrinkBottom;
  -moz-animation-name: shrinkBottom;
  -o-animation-name: shrinkBottom;
  animation-name: shrinkBottom;
}
.shrinkAnimation-topCenter {
  -webkit-animation-name: shrinkTop;
  -moz-animation-name: shrinkTop;
  -o-animation-name: shrinkTop;
  animation-name: shrinkTop;
}
.shrinkAnimation-leftCenter {
  -webkit-animation-name: shrinkLeft;
  -moz-animation-name: shrinkLeft;
  -o-animation-name: shrinkLeft;
  animation-name: shrinkLeft;
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-moz-keyframes rotating {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-o-keyframes rotating {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.rotating {
  -webkit-animation: rotating .8s linear infinite;
  -moz-animation: rotating .8s linear infinite;
  -o-animation: rotating .8s linear infinite;
  animation: rotating .8s linear infinite;
}
@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate(-1px);
    transform: translate(-1px);
  }
  20%,
  80% {
    -webkit-transform: translate(2px);
    transform: translate(2px);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate(-3px);
    transform: translate(-3px);
  }
  40%,
  60% {
    -webkit-transform: translate(3px);
    transform: translate(3px);
  }
}
@-moz-keyframes shake {
  10%,
  90% {
    -moz-transform: translate(-1px);
    transform: translate(-1px);
  }
  20%,
  80% {
    -moz-transform: translate(2px);
    transform: translate(2px);
  }
  30%,
  50%,
  70% {
    -moz-transform: translate(-3px);
    transform: translate(-3px);
  }
  40%,
  60% {
    -moz-transform: translate(3px);
    transform: translate(3px);
  }
}
@-o-keyframes shake {
  10%,
  90% {
    -o-transform: translate(-1px);
    transform: translate(-1px);
  }
  20%,
  80% {
    -o-transform: translate(2px);
    transform: translate(2px);
  }
  30%,
  50%,
  70% {
    -o-transform: translate(-3px);
    transform: translate(-3px);
  }
  40%,
  60% {
    -o-transform: translate(3px);
    transform: translate(3px);
  }
}
@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate(-1px);
    -moz-transform: translate(-1px);
    -o-transform: translate(-1px);
    transform: translate(-1px);
  }
  20%,
  80% {
    -webkit-transform: translate(2px);
    -moz-transform: translate(2px);
    -o-transform: translate(2px);
    transform: translate(2px);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate(-3px);
    -moz-transform: translate(-3px);
    -o-transform: translate(-3px);
    transform: translate(-3px);
  }
  40%,
  60% {
    -webkit-transform: translate(3px);
    -moz-transform: translate(3px);
    -o-transform: translate(3px);
    transform: translate(3px);
  }
}
.shake-animation {
  -webkit-animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
  -moz-animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
  -o-animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
  animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
}
.table {
  width: 100%;
}
.table td,
.table th {
  height: 35px;
  line-height: 35px;
  font-size: 11px;
  text-align: right;
  font-weight: 400;
  padding-right: 10px;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  transition: background-color .1s linear;
  border-bottom: 1px solid #383838;
}
.table tr:hover td {
  background-color: #1a1a1a !important;
}
.table th {
  font-family: Arial;
}
.table .multirow {
  line-height: 14px !important;
}
.statusbar {
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  height: 62px;
  background-color: #464646;
  font-size: 14px;
  font-family: 'lato-regular';
  cursor: default;
  z-index: 8;
  color: #9d9d9d;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.page-traderoom .statusbar {
  display: block;
}
.statusbar .statusbar-separator {
  width: 1px;
  background-color: #3b3940;
  top: 0;
  bottom: 0;
  position: absolute;
  margin-left: -15px;
}
.statusbar .statusbar-item {
  line-height: 30px;
  float: left;
  margin: 0;
}
.statusbar .statusbar-item.account-type {
  color: #279F5F;
  text-transform: uppercase;
  font-size: 13px;
  width: 150px;
  text-align: center;
}
.statusbar .statusbar-item .label {
  color: #929199;
  text-transform: uppercase;
  -webkit-transition: color, .1s linear;
  -o-transition: color, .1s linear;
  -moz-transition: color, .1s linear;
  transition: color, .1s linear;
}
.statusbar .statusbar-item .value {
  font-weight: 700;
  padding: 0 3px;
  color: #cfced9;
  -webkit-transition: color, .1s linear;
  -o-transition: color, .1s linear;
  -moz-transition: color, .1s linear;
  transition: color, .1s linear;
}
.statusbar .statusbar-item:hover .label {
  color: #e7e6f2;
}
.statusbar .statusbar-item:hover .value {
  color: #e7e6f2;
}
.statusbar .statusbar-item.margin-bar .value,
.statusbar .statusbar-item.result-holder .value {
  color: #cfced9;
}
.statusbar .statusbar-item.margin-bar .label,
.statusbar .statusbar-item.result-holder .label {
  color: #929199;
}
.statusbar .statusbar-item .amount {
  display: inline-block;
  min-width: 80px;
  text-align: right;
}
.statusbar .statusbar-item.result-holder .positive.value {
  color: #2fc297;
}
.statusbar .statusbar-item.result-holder .negative.value {
  color: #da655d;
}
.weekend-trading {
  width: 418px;
  position: absolute;
  padding: 35px;
  bottom: 45px;
  left: 15px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.has-overlay .weekend-trading {
  display: none;
}
.weekend-trading .close {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 12px;
  right: 10px;
}
.weekend-trading .close .close-weekend-trading {
  fill: #bcb9ca;
}
.weekend-trading .close:hover .close-weekend-trading {
  fill: #d2cfe4;
}
.weekend-trading .arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 12px 10px 0;
  border-style: solid;
  border-color: transparent;
  bottom: -12px;
  left: 150px;
  border-top-color: #fff;
}
.weekend-trading-content {
  width: 325px;
  float: left;
}
.weekend-trading-content .title {
  font: 700 18px Arial;
  color: #454545;
}
.weekend-trading-content .text {
  font: 13px Arial;
  line-height: 18px;
  margin-top: 5px;
  color: #878787;
}
.weekend-trading-icon {
  width: 46px;
  height: 55px;
  display: block;
  float: left;
  margin: 4px 32px 0 0;
}
.margin-percent-value {
  padding: 0 5px;
}
.statusbar .current-time {
  margin: 0;
  width: 120px;
  text-align: right;
}
.statusbar .current-time .settings-icon {
  display: inline-block;
  position: relative;
  top: 4px;
  left: 15px;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  transition: opacity .15s linear;
  opacity: 0;
}
.statusbar .current-time .settings-icon .icon-settings {
  width: 16px;
  height: 16px;
  fill: #bfbdca;
}
.statusbar .fleft:hover .settings-icon {
  opacity: 1;
}
.statusbar:hover .current-time:hover .icon-settings {
  fill: #fff;
}
.statusbar-item {
  margin-top: 5px;
}
.statusbar .fleft {
  padding: 17px 0;
}
.account {
  cursor: default;
  background: #27262e;
  left: 325px;
}
.account .dataTable {
  color: #47454c;
}
.account .dataTable table tr.hover td,
.account .dataTable table tr:hover td {
  background-color: #007ABD !important;
}
.account #ordersTable table tr td.humanId {
  padding-right: 16px;
}
.account .dataTable table .oco-order td.humanId .icon {
  position: absolute;
  right: -8px;
  top: 10px;
  width: 7px;
  height: 7px;
}
.account .dataTable table .oco-order td.humanId .icon.order1 {
  border-top: 1px solid #a5a2ac;
  border-right: 1px solid #a5a2ac;
}
.account .dataTable table .oco-order td.humanId .icon.order2 {
  border-bottom: 1px solid #a5a2ac;
  border-right: 1px solid #a5a2ac;
}
.account .dataTable table .oco-order td.humanId .icon.order2 .horizontal-line {
  width: 5px;
  height: 1px;
  background-color: red;
}
.account .dataTable table .oco-order td.humanId .icon.order2 .vertical-line {
  width: 1px;
  height: 5px;
  background-color: red;
}
.account .dataTable table .close,
.account .dataTable table .info {
  padding: 0 !important;
}
.account .dataTable table .close .svgWrapper,
.account .dataTable table .info .svgWrapper {
  position: relative;
  top: 5px;
}
.account .dataTable table td.close .close-position-icon,
.account .dataTable table td.info .instrument-info-icon {
  display: block;
  width: 22px;
  height: 22px;
}
.account .dataTable table td.close .close-position-icon {
  margin-left: 0;
  fill: #e84d52;
}
.account .dataTable table td.info .instrument-info-icon {
  fill: #6a6773;
}
.account .dataTable table td.close .svgWrapper:hover .close-position-icon {
  fill: #ff545a;
}
.account .dataTable table td.info .svgWrapper:hover .instrument-info-icon {
  fill: #77778c;
}
.account .dataTable table tr td.limitPrice div,
.account .dataTable table tr td.stopPrice div,
.account .dataTable table tr td.trailingStop div {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.account .dataTable#positionsTable table tr td.limitPrice div:hover,
.account .dataTable#positionsTable table tr td.stopPrice div:hover,
.account .dataTable#positionsTable table tr td.trailingStop div:hover {
  background-color: #4f4d59 !important;
}
.account .dataTable table .ppl.positive {
  color: #2fc297;
}
.account .dataTable table .ppl.negative {
  color: #e34b51;
}
.account .dataTable table tr.oco-order td>div {
  position: relative;
}
.account .dataTable table tr.oco-order td>div:first-child {
  margin-bottom: 8px;
}
.account .dataTable table tr.oco-order td>div>span {
  display: block;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.account .dataTable table tr.oco-order td.currentPrice>div>span {
  display: inline-block;
  overflow: inherit;
}
.account .dataTable table tr.oco-order td.currentPrice>div>span.price-indicator {
  display: none;
}
.account .dataTable table.hasArrows tr.oco-order td.currentPrice>div>span.price-indicator {
  display: inline-block;
}
.account .dataTable table tr.oco-order td.close {
  padding: 0;
  background-image: none;
}
.account .dataTable table tr.oco-order td.close .close-position-icon {
  display: block;
  height: 24px;
}
.account .tabHolder {
  z-index: 2;
  height: 39px;
  border-color: #5B5B5B;
}
.account .tab-item {
  position: relative;
  width: auto;
  min-width: 200px;
  padding: 0 15px;
  height: 39px;
  line-height: 39px;
  float: left;
  color: #7D7D7D;
  border: 1px solid #5B5B5B;
  background: transparent;
  font-size: 15px;
  font-family: 'lato-regular';
}
.account .tab-item.tabsignals {
  border-left: 0;
}
.account .tabHolder a:first-child .tab-item {
  border-right: 0;
}
.account .tab-item.tab-active {
  color: #FFF;
  border-bottom: 1px solid #131B28;
}
.account .tab-item:hover {
  color: #FFF;
}
.account .counter {
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 6px;
  min-width: 22px;
  padding: 0 3px;
  width: auto;
  height: 22px;
  line-height: 22px;
  background-color: #5c5c5c;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  transition: background-color .1s linear;
}
.account .tab-item:hover .counter {
  background: #007ABD;
}
.account .dataTable table tr td .content,
.account .dataTable table tr td .price-info {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.account .hasArrows .price-info-buy,
.account .hasArrows .price-info-sell {
  display: inline-block;
  min-width: 45px;
  padding-right: 3px;
  text-align: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.account .price-indicator {
  display: none;
}
.account .hasArrows .price-indicator {
  display: inline-block;
}
.price-indicator .table-indicator {
  width: 16px;
  height: 16px;
  margin-bottom: -4px;
  fill: #a5a2ac;
  display: none;
}
.account .price-indicator.up .table-indicator {
  fill: #2fc297;
  display: block;
}
.account .price-indicator.down .table-indicator {
  fill: #e34b51;
  display: block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.price-indicator .table-indicator.initial {
  fill: #000;
}
.price-indicator .no-price-indicator {
  width: 16px;
  height: 16px;
  margin-bottom: -4px;
  fill: #a5a2ac;
}
.account .price-indicator.down .no-price-indicator,
.account .price-indicator.up .no-price-indicator {
  display: none;
}
.account .last-item-border-fix {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: #393740;
}
.tabholder-dropdown {
  cursor: default;
  width: 205px;
  float: left;
  position: relative;
  display: block;
  z-index: 1;
}
.tabholder-dropdown .preferred-tab {
  width: 142px;
  position: relative;
  color: #a5a2b3;
  font-size: 11px;
  font-family: Arial;
  cursor: default;
  height: 36px;
  line-height: 35px;
  border-right: 0;
  padding: 0 10px;
  padding-left: 15px;
  border-bottom: 1px solid #47454d;
}
.tabholder-dropdown .preferred-tab-wrapper:hover .dropdown-arrow {
  background-color: #47454d;
}
.tabholder-dropdown .preferred-tab.tab-active {
  color: #fff;
  border-bottom: 1px solid #27262e;
}
.tabholder-dropdown .tab-list {
  position: absolute;
  width: 146px;
  color: #a5a2b3;
  background-color: #363640;
  z-index: 1;
  top: 40px;
  left: 92px;
  display: none;
  direction: ltr;
}
.tabholder-dropdown.sub-tab-expanded .tab-list {
  display: block;
}
.tabholder-dropdown .tab-list .dropdown-item {
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  position: relative;
}
.tabholder-dropdown .tab-list .dropdown-item .tab_close {
  right: 7px;
  top: 7px;
}
.tabholder-dropdown .tab-list .dropdown-item .tab_close .delete-item {
  position: absolute;
  top: 2px;
  fill: #fff;
}
.tabholder-dropdown .tab-list .dropdown-item .tab_close:hover {
  fill: #fff;
}
.tabholder-dropdown .tab-list .dropdown-item:not(.selected):hover {
  color: #fff;
  background-color: #43424d;
}
.tabholder-dropdown .tab-list .dropdown-item.selected {
  opacity: .4;
}
.tabholder-dropdown .dropdown-arrow {
  width: 36px;
  height: 36px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: -1px;
  border: 1px solid #47454d;
}
.tabholder-dropdown .dropdown-arrow .arrow-icon {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #a4a1b2;
  position: absolute;
  top: 15px;
  left: 12px;
}
.tabholder-dropdown .dropdown-arrow:hover .arrow-icon {
  border-top: 5px solid #fff;
}
.tabholder-dropdown .window_multi_mode {
  right: 29px;
}
.sub-tab-expanded .tab-list-arrow {
  display: block;
}
.tabholder-dropdown .preferred-tab:hover .change_instrument {
  display: inline-block;
}
#bt_invite_box {
  width: 315px;
  height: 145px;
  top: 50% !important;
  left: 50% !important;
  margin-top: -72px;
  margin-left: -157px;
}
#bt_invite_box>div {
  background: #fff !important;
  border-top: 0 !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 35px !important;
}
#bt_invite_box>div>div {
  color: #787878 !important;
  font-size: 15px !important;
}
#bt_invite_box>div>span {
  background: #3fa2d5 !important;
  border: 0 !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 35px !important;
  height: 35px !important;
  line-height: 35px !important;
}
.announcement {
  position: absolute;
  background: #fff;
  top: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 1000;
  width: 660px;
  cursor: default;
  outline: none;
}
.announcement-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.announcement-header {
  width: 610px;
  padding: 25px;
  background-color: #3fa2d5;
  color: #fff;
  font-size: 26px;
  text-align: center;
}
.announcement-content {
  background-color: #fff;
  padding: 20px;
  color: #878787;
  text-align: center;
  font-size: 14px;
}
.announcement-text a,
.announcement-text a:visited {
  color: #3fa2d5;
  text-decoration: none;
}
.announcement-text a:hover {
  text-decoration: underline;
}
.announcement-content .button {
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  background: #3fa2d5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  margin: 20px 0 12px;
  padding: 0 41px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}
.announcement-content .button:hover {
  background: #47b6ed;
}
.announcement-content .button:active {
  background: #0f85b7;
  color: #fff;
  color: rgba(255,255,255,0.7);
}
.announcement-image {
  height: auto;
  line-height: 0;
  visibility: hidden;
}
.announcement-loaded .announcement-image {
  visibility: visible;
}
.announcement-image.clickable {
  cursor: pointer;
}
.announcement .close {
  width: 26px;
  height: 26px;
  position: absolute;
  top: -30px;
  right: -29px;
  cursor: pointer;
  visibility: hidden;
}
.announcement-loaded .close {
  visibility: visible;
}
.announcement .close .close-announcement-icon {
  fill: #6f7377;
}
.tradingapps {
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 1001;
  outline: none;
}
.tradingapps .wrapper {
  width: 635px;
  height: 535px;
  overflow: hidden;
}
.tradingapps .tabs {
  width: 100%;
  height: 86px;
  float: none;
}
.tradingapps .tabs .tab-item {
  width: 191px;
  height: 55px;
  background: #fff;
  position: relative;
  color: #000;
  border-bottom: 1px solid #d8d8d8;
  border-right: none;
  padding: 15px 10px !important;
  line-height: 25px;
  font-size: 18px;
  text-align: center;
}
.tradingapps .tabs .tab-item:hover {
  background: #e8e8e8;
  cursor: pointer;
  -webkit-transition: background .2s linear;
  -o-transition: background .2s linear;
  -moz-transition: background .2s linear;
  transition: background .2s linear;
}
.tradingapps .tabs .tab-item.tab-active {
  background: #3fa2d5;
  color: #fff;
  border-bottom: 1px solid #3fa2d5;
  cursor: default;
  -webkit-transition: background .1s linear, color .1s linear;
  -o-transition: background .1s linear, color .1s linear;
  -moz-transition: background .1s linear, color .1s linear;
  transition: background .1s linear, color .1s linear;
}
.tradingapps .tabs .tab-item:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.tradingapps .tabs .tab-item .tab-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.tradingapps .tabs .tab-item[tab=android-tablet] {
  border-left: 1px solid #3fa2d5;
  border-right: 1px solid #3fa2d5;
}
.tab_ipad .tabs .tab-item[tab=android-tablet] {
  border-right: 1px solid #d8d8d8;
}
.tab_extension .tabs .tab-item[tab=android-tablet] {
  border-left: 1px solid #d8d8d8;
}
.tradingapps .tabs.tabs-2 .tab-item {
  width: 297px;
}
.tradingapps .tabs.tabs-2 .tab-item[tab=android-tablet] {
  border-right: none !important;
}
.tradingapps .tabs .tab-item .arrow {
  width: 0;
  height: 0;
  position: absolute;
  bottom: -9px;
  left: 50%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid #3fa2d5;
  margin-left: -10px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -moz-transform: scale(.9999);
  -webkit-transition: bottom .1s linear .1s, opacity .1s linear .1s;
  -o-transition: bottom .1s linear .1s, opacity .1s linear .1s;
  -moz-transition: bottom .1s linear .1s, opacity .1s linear .1s;
  transition: bottom .1s linear .1s, opacity .1s linear .1s;
}
.tradingapps .tabs .tab-active .arrow {
  visibility: visible;
  opacity: 1;
}
.tradingapps .images {
  width: 301%;
  height: 450px;
  position: relative;
  overflow: hidden;
  -webkit-transition: left .3s linear;
  -o-transition: left .3s linear;
  -moz-transition: left .3s linear;
  transition: left .3s linear;
}
.tab_android-tablet .images {
  left: -635px;
}
.tab_ipad .images {
  left: 0;
}
.tab_extension .images {
  left: -1270px;
}
.tradingapps .images .item-image {
  height: 100%;
  float: left;
  border: 0;
}
.tradingapps .close {
  width: 26px;
  height: 26px;
  position: absolute;
  top: -30px;
  right: -29px;
  z-index: 1;
  cursor: pointer;
}
.tradingapps .close .close-tradingapps-icon {
  fill: #6f7377;
}
.tradingapps .link {
  position: absolute;
  cursor: pointer;
  background-color: #000;
  opacity: 0;
}
.tradingapps .china-web-link {
  display: none;
}
.tradingapps .ios-link {
  width: 151px;
  height: 52px;
  top: 325px;
  left: 326px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tradingapps .android-link {
  width: 145px;
  height: 48px;
  left: 961px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.tradingapps .android-tablet-link {
  top: 90px;
}
.zh .tradingapps .android-tablet-link {
  top: 99px;
}
.zh .tradingapps .china-web-link {
  top: 35px;
  display: block;
}
.tradingapps .android-phone-link {
  top: 325px;
}
.tradingapps .extension-link {
  width: 120px;
  height: 48px;
  top: 292px;
  left: 1646px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.instruments-list {
  width: 700px;
  position: absolute;
  top: -1px;
  left: 100%;
  margin-left: 41px;
  outline: none;
}
.instruments-list .wrapper {
  width: auto;
  position: absolute;
  color: #f5f3f3;
  overflow: hidden;
  z-index: 3;
  -webkit-transition: width .2s ease;
  -o-transition: width .2s ease;
  -moz-transition: width .2s ease;
  transition: width .2s ease;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(39,38,46,0.8);
  -moz-box-shadow: 3px 3px 10px 0 rgba(39,38,46,0.8);
  box-shadow: 3px 3px 10px 0 rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.instruments-list .category,
.instruments-list .instruments,
.instruments-list .sub-category {
  position: relative;
  float: left;
  -webkit-transition: margin-left .2s ease;
  -o-transition: margin-left .2s ease;
  -moz-transition: margin-left .2s ease;
  transition: margin-left .2s ease;
}
.instruments-list .instruments,
.instruments-list .sub-category {
  height: 425px;
  padding: 5px 0;
  background: #363640;
}
.instruments-list .category {
  background: #43424d;
  z-index: 3;
}
.instruments-list .category .list-item {
  min-width: 145px;
  height: 86px;
  padding: 0 30px;
  line-height: 86px;
  border-right: 1px solid #44424d;
  border-top: 1px solid #524f59;
  color: #bcb8cc;
  text-transform: uppercase;
  font-size: 13px;
  cursor: default;
}
.instruments-list .category .list-item.active {
  background: #363640;
  color: #fff;
  border-top-color: #44424d;
  border-right-color: #363640;
}
.instruments-list .category .list-item.active+.list-item,
.instruments-list .category .list-item:first-child {
  border-top-color: #363640;
}
.instruments-list .sub-category {
  width: 140px;
  margin-left: -138px;
  z-index: 2;
}
.instruments-list .sub-category .list-item {
  line-height: 14px;
  padding: 9px 10px;
  margin: 0 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 11px;
  cursor: default;
  color: #bcb8cc;
}
.instruments-list .sub-category .list-item.active,
.instruments-list .sub-category .list-item:hover {
  background: #3f3f4b;
  color: #fff;
}
.instruments-list .sub-category ul li.list-item:first-child {
  border-top: none;
}
.instruments-list .instruments {
  width: 320px;
  margin-left: -321px;
  z-index: 1;
}
.instruments-list.subCategory-opened .instruments {
  background: #43424d;
}
.instruments-list .instruments .scrollable-area-content {
  padding: 0 10px;
}
.instruments-list .instruments .list-item .checkbox {
  width: 260px;
  height: auto;
  display: block;
  border-bottom: 1px solid #383838;
  padding: 15px 25px 15px 15px;
}
.instruments-list .instruments .list-item .checkbox:hover {
  background: #3f3f4b;
}
.instruments-list .instruments .list-item .checkbox .input_button {
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -8px;
  width: 14px;
  height: 14px;
}
.instruments-list .instruments .list-item .checkbox .input_label {
  max-width: 230px;
  line-height: 14px;
  margin-right: 15px;
  font-size: 11px;
}
.instruments-list .instruments .list-item .checkbox .input_label .name {
  display: block;
  color: #bcb8cc;
  text-transform: uppercase;
}
.instruments-list .instruments .list-item:hover .checkbox .input_label .name {
  color: #fff;
}
.instruments-list .instruments .list-item .checkbox .input_label .description {
  color: #8b8a99;
}
.instruments-list .instruments .list-item:hover .checkbox .input_label .description {
  color: #fff;
}
.instruments-list.subCategory-opened .instruments .list-item .checkbox {
  width: 280px;
  border-bottom-color: #454545;
  color: #bcb8cc;
}
.instruments-list.subCategory-opened .instruments .list-item .checkbox:hover {
  background: #4e4d5a;
  color: #fff;
}
.instruments-list.subCategory-opened .instruments .list-item .checkbox .input_label {
  max-width: 250px;
}
.instruments-list.instruments-opened .instruments,
.instruments-list.subCategory-opened .sub-category {
  margin-left: 0;
}
.separate-chart-panel {
  height: 100%;
  position: relative;
}
.separate-chart-panel .return-chart {
  cursor: default;
  top: 42px;
  right: 66px;
  position: absolute;
  padding: 4px 8px 3px 26px;
  color: #3fa2d5;
  text-transform: UPPERCASE;
  font-size: 10px;
  font-weight: 700;
  z-index: 1;
  background-color: #000;
}
.separate-chart-panel .return-chart-icon {
  width: 14px;
  height: 10px;
  position: absolute;
  padding: 2px;
  left: 4px;
}
.separate-chart-panel .tab-item .handle {
  display: none;
}
.return-to-platform-icon {
  width: 14px;
  height: 14px;
  position: absolute;
  top: -1px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  fill: #a5a2b3;
}
.separate-chart-panel .return-chart:hover .return-to-platform-icon {
  fill: #fff;
}
.separate-chart .chart-drawing-container {
  margin-top: -1px;
  height: 100%;
  width: 60px;
  display: inline-block;
  float: right;
  border-left: 1px solid #000;
  background-color: #1c1c21;
}
.separate-chart .chart-drawing-menu {
  top: 0;
  border-top: 0;
  padding-top: 26px;
}
.whats-new {
  width: 640px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  z-index: 1000;
  background-color: #27262e;
  padding: 20px;
  outline: none;
  font-family: Open Sans;
  cursor: default;
}
.whats-new-header {
  margin-left: 13px;
  position: relative;
  color: #e8e6f2;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 20px;
  height: 40px;
  line-height: 40px;
}
.whats-new .button-close {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 24px;
  right: 24px;
}
.whats-new .button-close:hover .close-small-icon {
  background: #2c2a32;
}
.whats-new .button-close:active .close-small-icon {
  background: #131316;
}
.whats-new-footer {
  width: 100%;
  position: relative;
  text-align: center;
}
.whats-new-footer .button-see {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  background: #00a7e1;
  padding: 0 15px;
  min-width: 240px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.whats-new-footer .button-see:hover {
  background: #2ecbff;
}
.whats-new-footer .button-see:active {
  background: #00bbfa;
}
.whats-new .whats-new-content {
  margin-bottom: 30px;
}
.whats-new-item {
  width: 100%;
  height: 140px;
  position: relative;
  margin-bottom: 30px;
}
.whats-new-item .item-image {
  height: 140px;
  width: 200px;
  margin-left: 10px;
  margin-right: 30px;
  display: inline-block;
  border: 1px solid #393740;
}
.whats-new-item .item-image img {
  width: 100%;
}
.whats-new-item .item-description {
  width: 324px;
  height: 100%;
  position: absolute;
  display: inline-block;
}
.whats-new-item .title {
  color: #e8e6f2;
  font-size: 15px;
  font-weight: 600;
  height: 30px;
  line-height: 36px;
}
.whats-new-item .text {
  color: #a5a2b3;
  font-size: 13px;
  font-weight: 600;
  line-height: 25px;
  margin-top: 10px;
}
.dataTable {
  position: relative;
}
.dataTable .gripsContainer {
  position: relative;
  height: 0;
  z-index: 1;
}
.dataTable .gripsContainer .grip {
  position: absolute;
  width: 0;
}
.dataTable .gripsContainer .grip.hidden {
  display: none;
}
.dataTable .gripsContainer .grip .handle,
.dataTable .gripsContainer .grip .marker {
  position: absolute;
}
.dataTable .gripsContainer .grip .handle {
  top: 9px;
  height: 20px;
  width: 11px;
  margin-left: -6px;
  cursor: ew-resize;
}
.dataTable .gripsContainer .grip.dragging .handle,
.dataTable .gripsContainer .grip .handle:hover {
  top: 9px;
  height: 20px;
}
.dataTable .gripsContainer .grip .handle span.arrows-container {
  display: block;
  width: 1px;
  height: 100%;
  margin: 0 auto;
  position: relative;
  background: #393740;
}
.dataTable .gripsContainer .grip .handle .left-arrow {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 7px;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-right: 3px solid #9995a6;
}
.dataTable .gripsContainer .grip .handle .right-arrow {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: 7px;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 3px solid #9995a6;
}
.dataTable .gripsContainer .grip.dragging span.left-arrow,
.dataTable .gripsContainer .grip.dragging span.right-arrow,
.dataTable .gripsContainer .grip .handle:hover .right-arrow,
.dataTable .gripsContainer .grip .handle:hover span.left-arrow {
  display: block;
}
.dataTable .gripsContainer .grip.dragging span.arrows-container,
.dataTable .gripsContainer .grip .handle:hover span.arrows-container {
  background: #9995a6;
}
.dataTable .gripsContainer .grip.dragging span:after,
.dataTable .gripsContainer .grip .handle:hover span:after {
  content: ".";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 11px;
  height: 5px;
  text-indent: -9999px;
}
.dataTable .gripsContainer .grip.dragging .marker {
  width: 0;
  margin-left: -1px;
  border-left: 1px dashed #9995a6;
  background: none;
}
.dataTable table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  z-index: 0;
  width: 100%;
  border-bottom: 1px solid #474747;
  border-top: 0;
}
.dataTable table td,
.dataTable table th {
  height: 29px;
  line-height: 29px;
  padding: 4px 8px;
  border: 0;
  font-family: 'lato-regular';
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: background-color .15s ease;
  -o-transition: background-color .15s ease;
  -moz-transition: background-color .15s ease;
  transition: background-color .15s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dataTable table th {
  position: relative;
  color: #9995a6;
}
.dataTable table td {
  color: #ffffff;
  border-top: 1px solid #474747;
}
.dataTable table td.result-td span.red {
  color: #D42E42;
}
.dataTable table td.result-td span.green {
  color: #2FB368;
}
.dataTable table td .cellWrapper,
.dataTable table th .cellWrapper {
  position: relative;
  margin: -4px -8px;
  padding: 4px 8px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'lato-regular';
  font-size: 15px;
  color: #7d7d7d;
}
.dataTable table td.close-date {
  white-space: pre-line;
  line-height: 15px;
}
.btnForexPriceStrikeBig {
  font-size: 20px !important;
  font-weight: bolder;
}
.dataTable .table-compact td,
.dataTable .table-compact th {
  padding: 4px;
}
.dataTable table.table-compact td .cellWrapper,
.dataTable table.table-compact th .cellWrapper {
  margin: -4px;
  padding: 4px;
}
.dataTable table th .sortArrow {
  position: absolute;
  width: 7px;
  height: 4px;
  right: 7px;
  top: 17px;
}
.dataTable table th.canSort:hover,
.dataTable table th.sort {
  color: #fff;
}
.dataTable table th.sort .sortArrow {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 3px solid #a5a2b3;
}
.dataTable table th.sort.ascending .sortArrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.dataTable table th.canSort:hover .sortBackground {
  display: block;
  position: absolute;
  top: 9px;
  bottom: 8px;
  right: 0;
  left: 0;
  background-color: #393740;
  background-color: rgba(57,55,64,0.5);
}
.dataTable table th.sort .sortBackground {
  display: block;
  position: absolute;
  top: 9px;
  bottom: 8px;
  right: 0;
  left: 0;
  background: #393740 !important;
}
.dataTable table th.canSort:hover .content,
.dataTable table th.sort .content {
  position: relative;
  z-index: 1;
}
.dataTable table th.sort .sortArrow {
  z-index: 1;
}
.dataTable table .noPositions tfoot {
  display: none;
}
.dataTable table .noPositions tfoot {
  display: block;
}
.dataTable .insertIndicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  margin-left: -1px;
  visibility: hidden;
  background: #9995a6;
  z-index: 9999;
}
.tabHolder .column-settings {
  position: absolute;
  height: 33px;
  width: 17px;
  right: 1px;
  top: 38px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  z-index: 1;
  cursor: pointer;
}
.tabHolder .column-settings .settings {
  width: 17px;
  height: 17px;
  position: relative;
  right: 10px;
  top: 11px;
  background: transparent url('/wp-content/themes/tol-parent/images/forex/settings.png') no-repeat top;
  border: none;
}
.tabHolder .column-settings.show .settings,
.tabHolder .column-settings:hover .settings {
  background: transparent url('/wp-content/themes/tol-parent/images/forex/settings.png') no-repeat bottom;
}
.dragCell {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  padding: 0 15px 0 10px;
  height: 32px;
  line-height: 30px;
  font-size: 11px;
  text-align: center;
  white-space: nowrap;
  background: #27262e;
  opacity: .7;
  z-index: 8888;
  cursor: move;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.dataTable .noData {
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 12px;
  color: #787684;
  text-align: center;
}
.datatable-contextmenu .group-separator {
  margin: 5px 0 !important;
}
.datatable-contextmenu .item-datatable-contextmenu-resetDefaults .list-checkbox {
  display: none;
}
.account .devMode.dataTable table td,
.devMode.dataTable table td {
  border: 1px dashed #666 !important;
}
.netting .combobox .com_input {
  padding-left: 22px;
  text-align: center;
}
.netting .netting-type-container .netting-type {
  float: left;
  background-color: #303038;
  border: 1px solid #a5a2b3;
  font-size: 11px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  height: 35px;
  line-height: 35px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #a5a2b3;
  text-transform: uppercase;
  -webkit-transition: background-color .1s linear, color .1s linear;
  -o-transition: background-color .1s linear, color .1s linear;
  -moz-transition: background-color .1s linear, color .1s linear;
  transition: background-color .1s linear, color .1s linear;
}
.netting .netting-type-container .netting-type:hover {
  background-color: #3f3f47;
}
.netting.close-by .netting-type-container .netting-type.close-by,
.netting.multiple-close .netting-type-container .netting-type.multiple-close {
  background-color: #a5a2b3;
  color: #000;
}
.netting .netting-type-container .netting-type.close-by {
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  border-right: 0;
}
.netting .netting-type-container .netting-type.multiple-close {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  border-left: 0;
}
.netting .list-item {
  display: block;
  font-size: 12px !important;
  border-top: 1px solid #47454d;
  color: #a5a2b3;
  height: 45px !important;
  line-height: 45px;
  text-align: left;
  padding-left: 15px;
  position: relative;
  cursor: default;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-right: 0;
}
.netting.multiple-close .list-item {
  padding-left: 0;
  width: 394px;
}
.netting .list-item.first {
  border-top: none;
}
.netting .list-item span.input_button {
  position: absolute;
  left: 0;
  top: 13px;
}
.netting.no_results .no_results {
  width: 100%;
  height: 55px;
  line-height: 25px;
  display: block;
  font-size: 14px;
  font-weight: lighter;
}
.netting.no_results .no_results .no-results-wrapper {
  text-align: center;
  position: relative;
  padding: 65px 0;
  border-bottom: 1px solid #42424d;
}
.netting.no_results .no_results .no-results-icon {
  fill: #625f6b;
  display: inline-block;
  width: 28px;
  height: 28px;
}
.netting.no_results .no_results .no-results-text {
  display: inline-block;
  position: relative;
  bottom: 8px;
  left: 13px;
}
.netting .no_results {
  display: none;
}
.netting.close-by .list-item:hover .input_label,
.netting .list-item.checked .input_label {
  color: #fff !important;
}
.netting .list-item.checked:hover {
  cursor: default;
}
.netting .list-item .input_label {
  color: #a5a2b3;
  font-size: 12px;
  -webkit-transition: color .1s linear;
  -o-transition: color .1s linear;
  -moz-transition: color .1s linear;
  transition: color .1s linear;
  max-width: 320px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.netting .button.disabled,
.netting .button.disabled:active,
.netting .button.disabled:hover {
  opacity: 1;
  background: #46444c;
  color: #303038;
}
.netting .radio .input_button {
  top: 2px;
}
.netting .scrollable-area {
  margin: 5px 0;
}
.confirmation-window {
  padding: 30px;
  cursor: default;
  z-index: 1000;
  position: absolute;
  width: 440px;
  background-color: #303038;
  -webkit-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
}
.confirmation-window-trading-rally {
  width: 300px;
}
.confirmation-window:active,
.confirmation-window:focus {
  outline: none;
}
.confirmation-window .input {
  width: 100%;
  margin-top: 20px;
}
.confirmation-window .input .input_label {
  margin-left: 10px;
  font-size: 12px;
}
.confirmation-window .window-controls .button {
  width: 49%;
  height: 45px;
  line-height: 45px;
}
.confirmation-window .confirmation-message {
  font-weight: lighter;
  text-align: center;
  font-size: 14px;
  line-height: 21px;
  min-height: 60px;
  color: #eae5ff;
}
.confirmation-window .confirmation-icon {
  margin: 0 auto 30px;
  height: 60px;
  width: 60px;
}
.position-history {
  cursor: default;
  position: absolute;
  width: 676px;
  z-index: 1000;
  background-color: #303038;
  -webkit-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.position-history:focus {
  z-index: 1001;
}
.position-history:active,
.position-history:focus {
  outline: none;
}
.position-history .window_head {
  margin: 30px;
  padding: 0;
  height: auto;
}
.position-history .window_head .window_title {
  color: #a5a2b3;
  font-size: 16px;
}
.position-history .window_head .window_position_title {
  font-size: 16px;
  color: #fff;
}
.position-history .scrollable-area {
  color: #a5a2b3;
  margin: 30px 20px 30px 30px;
  max-height: 467px;
}
.position-history .event-holder {
  position: relative;
  width: 615px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 13px;
  display: inline-block;
  border-right: 1px solid #54535e;
}
.position-history .event-holder.closed,
.position-history .event-holder.opened {
  border-bottom: 1px solid #54535e;
}
.position-history .event-holder.outlined {
  border-right: 1px solid #a4a1b2;
  border-bottom-color: #a4a1b2;
}
.position-history .event-holder:last-child {
  margin: 0;
}
.position-history .event-holder .info-row {
  height: 35px;
}
.position-history .event-holder .info-row .action-panel {
  float: left;
  width: 21%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 34px;
  line-height: 33px;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  font-size: 12px;
  border: 1px solid;
  border-bottom: none;
}
.position-history .event-holder.opened .info-row .action-panel {
  background-color: #2fc297;
  border-color: #2fc297;
}
.position-history .event-holder.modified .info-row .action-panel {
  background-color: #3fa2d5;
  border-color: #3fa2d5;
}
.position-history .event-holder.closed .info-row .action-panel {
  background-color: #e34b51;
  border-color: #e34b51;
}
.position-history .event-holder .info-row .event-info-panel {
  float: left;
  height: 34px;
  line-height: 33px;
  width: 79%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #3f3f4a;
  padding-left: 20px;
  border-top: 1px solid #54535e;
}
.position-history .event-holder.outlined .info-row .event-info-panel {
  border-color: #a4a1b2;
}
.position-history .event-holder .info-row .event-info-panel .source {
  margin-right: 8px;
}
.position-history .event-holder .info-row .event-info-panel .event-id,
.position-history .event-holder .info-row .event-info-panel .source {
  color: #fff;
}
.position-history .event-holder .info-row .event-info-panel .event-id {
  font-weight: 700;
}
.position-history .event-holder .info-row .event-info-panel .event-id.clickable {
  text-decoration: underline;
}
.position-history .event-holder .info-row .event-info-panel .event-id.clickable:hover {
  color: #3fa2d5;
}
.position-history .event-holder .data-row {
  height: 74px;
}
.position-history .event-holder.modified .data-row {
  border-bottom: 1px solid #54535e;
}
.position-history .event-holder.closed.outlined .data-row,
.position-history .event-holder.opened.outlined .data-row {
  border-bottom-color: #a4a1b2;
}
.position-history .event-holder .data-row .date-panel {
  float: left;
  height: 75px;
  width: 21%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #54535e;
  border-left: 1px solid #54535e;
  text-align: center;
}
.position-history .event-holder.outlined .data-row .date-panel {
  border-left-color: #a4a1b2;
}
.position-history .event-holder .data-row .date-panel .time {
  position: relative;
  font-size: 14px;
  font-weight: lighter;
  margin-top: 15px;
}
.position-history .event-holder .data-row .date-panel .date {
  position: relative;
  top: 2px;
  font-size: 16px;
  color: #fff;
}
.position-history .event-holder .data-row .data-panel {
  position: relative;
  float: left;
  height: 75px;
  width: 483px;
}
.position-history .event-holder .data-row .data-panel .price-panel {
  position: absolute;
  top: 15px;
  left: 22px;
}
.position-history .event-holder .data-row .data-panel .price-panel .execution-price-string,
.position-history .event-holder .data-row .data-panel .quantity-panel .direction {
  font-size: 14px;
  font-weight: 300;
}
.position-history .event-holder .data-row .data-panel .price-panel .execution-price,
.position-history .event-holder .data-row .data-panel .quantity-panel .quantity {
  margin-top: 2px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.position-history .event-holder .data-row .data-panel .quantity-panel {
  position: absolute;
  top: 15px;
  left: 342px;
}
.position-history .event-holder .result-row {
  display: none;
}
.position-history .event-holder.modified .result-row {
  display: block;
  height: 48px;
  background-color: #27272e;
  border: 1px solid #54535e;
  border-top: none;
  border-right: none;
}
.position-history .event-holder.modified.outlined .result-row {
  border-left-color: #a4a1b2;
  border-bottom-color: #a4a1b2;
}
.position-history .event-holder .result-row .equals-icon-panel {
  position: relative;
  float: left;
  height: 49px;
  width: 21%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.position-history .event-holder .result-row .equals-icon-panel .equals-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 20px;
  left: 57px;
}
.position-history .event-holder .result-row .equals-icon-panel .equals-icon .first-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 1px;
  background-color: #54535e;
}
.position-history .event-holder .result-row .equals-icon-panel .equals-icon .second-line {
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 1px;
  background-color: #54535e;
}
.position-history .event-holder .result-row .data-panel {
  position: relative;
  float: left;
  height: 49px;
  width: 79%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.position-history .event-holder .result-row .data-panel .price-panel {
  position: absolute;
  top: 14px;
  left: 24px;
}
.position-history .event-holder .result-row .data-panel .price-panel .average-price-string,
.position-history .event-holder .result-row .data-panel .quantity-panel .direction {
  float: left;
  height: 19px;
  font-size: 14px;
  font-weight: 300;
}
.position-history .event-holder .result-row .data-panel .price-panel .average-price,
.position-history .event-holder .result-row .data-panel .quantity-panel .quantity {
  float: left;
  height: 20px;
  line-height: 19px;
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  margin-left: 3px;
}
.position-history .event-holder .result-row .data-panel .quantity-panel {
  position: absolute;
  top: 14px;
  left: 343px;
}
.position-history .window_head .vertical-line-separator {
  top: 2px;
  height: 15px;
  margin: 0 10px;
  background-color: #54535e;
}
.position-history .no-history {
  display: none;
  width: 613px;
  height: 85px;
  line-height: 84px;
  border: 1px solid #54535e;
  color: #a5a2b3;
  font-size: 15px;
  letter-spacing: -0.015em;
  text-align: center;
}
.position-history .no-history .no-history-icon {
  display: inline-block;
  position: relative;
  top: 7px;
  margin-right: 15px;
  width: 28px;
  height: 28px;
}
.position-history .no-history .no-history-icon .no-results-icon {
  fill: #a5a2b3;
}
.position-history.no-history .no-history {
  display: block;
}
.trailing_stop .input_label {
  max-width: 100%;
}
.trailing_stop .input_dialog {
  margin-left: 15px;
}
.trailing_stop .spinner {
  width: 100%;
  margin-right: auto;
}
.trailing_stop .distance_hint {
  font-family: Arial;
  font-size: 11px;
  color: #747180;
  margin-bottom: 6px;
  line-height: 12px;
}
.trailing_stop .input {
  margin-bottom: 21px;
}
.trailing_stop .price_label {
  font-size: 11px;
  font-family: Arial;
  line-height: 11px;
  margin-bottom: 6px;
  margin-top: 14px;
  color: #747180;
}
.bg.real .trailing_stop .ord_sms {
  margin-bottom: 0;
}
.chart-drawing-menu {
  border-top: 1px solid #393740;
  margin: 0 11px 0 9px;
}
.chart-drawing-menu .combobox .com_input {
  width: 40px;
  height: 40px;
  fill: #a4a2b0;
  text-indent: -9999em;
}
.chart-drawing-menu .combobox .dropdown-arrow {
  display: block;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #a5a2b3;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 36px;
  left: -1px;
}
.chart-drawing-menu .combobox {
  width: 40px;
  height: 40px;
  border: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 10px 0;
  background-color: #1c1c21;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chart-drawing-menu .combobox.drawings-all {
  display: none;
}
.compact.chart-drawing-menu .combobox.drawings-all {
  display: inline-block;
}
.compact .chart-drawing-text-label,
.compact .chart-rectangle-cross-icon,
.compact .drawings-fibonacci,
.compact .drawings-lines,
.compact .drawings-polylines,
.compact .drawings-shapes {
  display: none;
}
.chart-drawing-menu .drawing-menu-icon,
.chart-drawing-menu .toggle-menu-icon {
  width: 40px;
  height: 40px;
  margin: 10px 0;
  position: relative;
  fill: #a4a2b0;
}
.chart-drawing-menu .chart-drawing-menu-item {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20%;
  right: 80%;
  margin: auto;
}
.chart-drawing-menu .drawing-menu-icon .chart-drawing-menu-item,
.chart-drawing-menu .toggle-menu-icon .chart-drawing-menu-item {
  left: 0;
  right: 0;
}
.chart-drawing-menu .combobox.selected,
.chart-drawing-menu .combobox.selected .com_input .chart-drawing-menu-item,
.chart-drawing-menu .drawing-menu-icon.selected,
.chart-drawing-menu .toggle-menu-icon.selected {
  background: #393740;
  fill: #fff;
}
.chart-drawing-menu .chart-drawing-menu-item:hover,
.chart-drawing-menu .combobox .com_input:hover .chart-drawing-menu-item,
.chart-drawing-menu .combobox:hover,
.chart-drawing-menu .drawing-menu-icon.selected:hover,
.chart-drawing-menu .drawing-menu-icon:hover,
.chart-drawing-menu .toggle-menu-icon.selected:hover,
.chart-drawing-menu .toggle-menu-icon:hover {
  background: #44424d;
  fill: #fff;
}
@media (max-height: 800px) {
  .chart-drawing-menu .chart-drawing-menu-item {
    bottom: 15%;
  }
  .chart-drawing-menu .drawing-menu-icon .chart-drawing-menu-item,
  .chart-drawing-menu .toggle-menu-icon .chart-drawing-menu-item {
    bottom: 0;
  }
}
.contextmenu {
  background: #323232;
  border-bottom: 1px solid #000;
  color: #FFFFFF;
  position: absolute;
  z-index: 1500;
  cursor: default;
  outline: 0;
  width: 160px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
  box-shadow: 0 0 10px -2px rgba(39,38,46,0.8);
}
.light.contextmenu {
  background: #4a4854;
}
.dropdown.contextmenu {
  background: #43434e;
}
.searchlist .contextmenu .item {
  white-space: normal;
}
.contextmenu .item {
  padding: 7px 15px 7px 60px;
  white-space: nowrap;
  font-size: 12px;
  position: relative;
  -webkit-transition: background-color .1s linear, color .1s linear;
  -o-transition: background-color .1s linear, color .1s linear;
  -moz-transition: background-color .1s linear, color .1s linear;
  transition: background-color .1s linear, color .1s linear;
}
.contextmenu.has-icons .item,
.contextmenu .item.has-icon {
  padding-left: 40px;
}
.contextmenu .item.disabled {
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}
.contextmenu .item.deletable {
  padding-right: 23px;
}
.contextmenu .item:not(.disabled).hover,
.contextmenu.multiple-selection .item:not(.disabled).hover {
  color: #f4f2ff;
  background-color: #43424d;
}
.light.contextmenu .item:not(.disabled).hover,
.light.contextmenu.multiple-selection .item:not(.disabled).hover {
  color: #f4f2ff;
  background-color: #5a5866;
}
.dropdown.contextmenu .item:not(.disabled).hover,
.dropdown.contextmenu.multiple-selection .item:not(.disabled).hover {
  color: #f4f2ff;
  background-color: #5a5866;
}
.contextmenu .item:not(.disabled):hover,
.contextmenu.multiple-selection .item:hover,
.contextmenu .selected {
  color: #ffffff;
  background-color: #1e1e1e;
}
.light.contextmenu .item:not(.disabled):hover,
.light.contextmenu.multiple-selection .item:hover,
.light.contextmenu .selected {
  color: #f4f2ff;
  background-color: #5a5866;
}
.dropdown.contextmenu .item:not(.disabled):hover,
.dropdown.contextmenu.multiple-selection .item:hover,
.dropdown.contextmenu .selected {
  color: #fff;
  background-color: #50505c;
}
.contextmenu .disabled:hover,
.contextmenu.multiple-selection .selected {
  background-color: transparent;
}
.light.contextmenu .disabled:hover,
.light.contextmenu.multiple-selection .selected {
  background-color: #4a4854;
  color: #fff;
}
.dropdown.contextmenu .disabled:hover,
.dropdown.contextmenu.multiple-selection .selected {
  background-color: #4a4854;
  color: #fff;
}
.contextmenu .contextmenu-submenu-arrow {
  height: 0;
  width: 0;
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 100;
  background: transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #a5a2b3;
}
.contextmenu .delete-node {
  float: right;
  padding: 2px;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 3px;
  top: 12px;
  fill: #a4a2af;
}
.contextmenu .delete-node:hover {
  background-color: #212026;
  fill: #797b80;
}
.contextmenu .group-separator {
  margin: 10px 0;
  padding: 0;
  border-bottom: 1px solid #43424d;
}
.contextmenu .item.submenu-opened .contextmenu-submenu-arrow {
  border-left: 5px solid #dcdae6;
}
.contextmenu .list-checkbox {
  position: absolute;
  top: 7px;
  left: 5px;
  width: 17px;
  height: 17px;
  background: url(/wp-content/themes/tol-parent/images/forex/new_demotemplate/checkbox_new.png) no-repeat top;
}
.contextmenu .item.selected .list-checkbox {
  background: url(/wp-content/themes/tol-parent/images/forex/new_demotemplate/checkbox_new.png) no-repeat bottom;
}
.contextmenu .icon {
  position: absolute;
  width: 16px;
  height: 16px;
  display: inline-block;
  top: 12px;
  left: 10px;
  fill: #8c8a98;
}
.contextmenu .item .icon {
  background: transparent;
}
.contextmenu .item .icon.icon-positions-contextmenu-pending-order {
  width: 17px;
  height: 17px;
}
.contextmenu .item.selected .icon,
.contextmenu .item:hover .icon {
  background: transparent;
  fill: #fff;
}
.contextmenu.has-icons.reversed .item,
.contextmenu.reversed .item.has-icon {
  padding-left: 15px;
  padding-right: 45px;
  text-align: right;
}
.contextmenu.reversed .item {
  padding-right: 15px;
  padding-left: 45px;
  text-align: right;
}
.contextmenu.reversed .contextmenu-submenu-arrow {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 0;
  border-right: 5px solid #a5a2b3;
  left: 5px;
}
.contextmenu.reversed .item.submenu-opened .contextmenu-submenu-arrow {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 0;
  border-right: 5px solid #dcdae6;
  left: 5px;
}
.contextmenu.reversed .icon {
  right: 12px;
  left: auto;
}
.contextmenu .icon.icon-periods-0,
.contextmenu .icon.icon-periods-60000,
.contextmenu .icon.icon-periods-300000,
.contextmenu .icon.icon-periods-600000,
.contextmenu .icon.icon-periods-900000,
.contextmenu .icon.icon-periods-1800000,
.contextmenu .icon.icon-periods-3600000,
.contextmenu .icon.icon-periods-14400000,
.contextmenu .icon.icon-periods-86400000,
.contextmenu .icon.icon-periods-604800000,
.contextmenu .icon.icon-periods-2419200000 {
  top: 11px;
}
.login2fa-container {
  padding: 20px;
  color: #FFF;
  font-size: 15px;
}
.login2fa-container .float-container {
  margin-top: 20px;
}
.login2fa-container .float-container .auth-input-code {
  border: 0;
  border-bottom: 1px solid #2F4052;
  border-radius: 0;
  height: 36px;
  width: 100%;
}
.login2fa-container .float-container .auth-input-code:active,
.login2fa-container .float-container .auth-input-code:focus {
  outline: none;
}
.login2fa-container .float-container label {
  font-size: 16px;
  position: absolute;
  transform-origin: top left;
  transform: translate(0,8px) scale(1);
  transition: all .1s ease-in-out;
}
.login2fa-container .float-container .auth-error {
  color: red;
  font-size: 15px;
}
.login2fa-container .float-container.active label {
  transform: translate(0,-13px) scale(.8);
}
.login2fa-container .float-container.error .auth-input-code {
  border-bottom: 3px solid red;
}
.login2fa-container .float-container.error label {
  color: red;
}
.login2fa-container .auth-btn {
  text-transform: uppercase;
}
.instrument-info {
  cursor: default;
  position: absolute;
  width: 400px;
  z-index: 1000;
  background-color: #1c1c21;
  -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);
  box-shadow: 0 0 30px rgba(0,0,0,0.2);
  outline: none;
}
.instrument-info .instrument-info-close .close-small-icon {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: opacity .15s ease, background .15s ease;
  -o-transition: opacity .15s ease, background .15s ease;
  -moz-transition: opacity .15s ease, background .15s ease;
  transition: opacity .15s ease, background .15s ease;
  width: 30px;
  height: 30px;
  z-index: 4;
  background: #1c1c21;
  color: #6f6f7f;
}
.instrument-info .instrument-info-close:hover .close-small-icon {
  background: #2c2a32;
}
.instrument-info .instrument-info-close:active .close-small-icon {
  background: #131316;
}
.instrument-info .instrument-info-close {
  width: 30px;
  height: 30px;
  right: 10px;
  top: 10px;
  position: absolute;
  z-index: 4;
}
.instrument-info .window_head {
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #393740;
  text-transform: uppercase;
  font-weight: 700;
  color: #a5a2b3;
  font-family: Open Sans;
  font-size: 10px;
  padding: 0;
  background: #1c1c21;
}
.instrument-info .accordion-info .week-days {
  margin: 5px 0 10px 14%;
}
.instrument-info .scrollable-area {
  width: 400px;
  height: 540px;
}
.instrument-info .scrollabla-area-bottom-shadow,
.instrument-info .scrollabla-area-top-shadow {
  -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
  -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
  position: absolute;
  height: 3px;
  width: 100%;
  pointer-events: none;
  z-index: 1;
  display: none;
}
.instrument-info .scrollabla-area-top-shadow {
  top: -4px;
  border-bottom: 1px solid #393740;
}
.instrument-info .scrollabla-area-bottom-shadow {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  bottom: -3px;
}
.instrument-info .scrollable-area-track .scrollable-area-track-gripper {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 6px;
}
.instrument-info .scrollable-area-track {
  right: 4px;
  top: 4px;
  bottom: 4px;
}
.horizontalSlider {
  position: relative;
  outline: none;
  width: 330px;
  padding: 26px 18px;
}
.sliderRemainingTrack,
.sliderTrack {
  cursor: pointer;
  position: absolute;
  height: 3px;
  left: 18px;
  right: 18px;
  background-color: #787684;
}
.sliderTrack {
  background-color: #3fa2d5;
  z-index: 1;
}
.sliderBullet {
  position: absolute;
  height: 18px;
  width: 18px;
  top: -7.5px;
}
.sliderBullet .slider-icon {
  fill: #3fa2d5;
}
.horizontalSlider.disabled .disabledOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 2;
}
.horizontalSlider.disabled {
  opacity: 1;
}
.horizontalSlider.disabled .sliderTrack {
  background-color: #787684;
}
.horizontalSlider.disabled .sliderRemainingTrack {
  background-color: #585762;
}
.horizontalSlider.disabled .sliderBullet .slider-icon {
  fill: #787684;
}
.item-colorpicker-ffffff,
.item-colorpicker-ffffff:hover {
  background-color: #fff !important;
}
.item-colorpicker-000000,
.item-colorpicker-000000:hover {
  background-color: #000 !important;
}
.item-colorpicker-327bb4,
.item-colorpicker-327bb4:hover {
  background-color: #327bb4 !important;
}
.item-colorpicker-79bfd7,
.item-colorpicker-79bfd7:hover {
  background-color: #79bfd7 !important;
}
.item-colorpicker-e34e43,
.item-colorpicker-e34e43:hover {
  background-color: #e34e43 !important;
}
.item-colorpicker-3e8d4f,
.item-colorpicker-3e8d4f:hover {
  background-color: #3e8d4f !important;
}
.item-colorpicker-a359be,
.item-colorpicker-a359be:hover {
  background-color: #a359be !important;
}
.item-colorpicker-e8e231,
.item-colorpicker-e8e231:hover {
  background-color: #e8e231 !important;
}
.item-colorpicker-ad9058,
.item-colorpicker-ad9058:hover {
  background-color: #ad9058 !important;
}
.item-colorpicker-cccccc,
.item-colorpicker-cccccc:hover {
  background-color: #ccc !important;
}
.item-colorpicker-666666,
.item-colorpicker-666666:hover {
  background-color: #666 !important;
}
.item-colorpicker-45a5f0,
.item-colorpicker-45a5f0:hover {
  background-color: #45a5f0 !important;
}
.item-colorpicker-8dddf9,
.item-colorpicker-8dddf9:hover {
  background-color: #8dddf9 !important;
}
.item-colorpicker-ff7a70,
.item-colorpicker-ff7a70:hover {
  background-color: #ff7a70 !important;
}
.item-colorpicker-64f884,
.item-colorpicker-64f884:hover {
  background-color: #64f884 !important;
}
.item-colorpicker-d778fa,
.item-colorpicker-d778fa:hover {
  background-color: #d778fa !important;
}
.item-colorpicker-fffb7a,
.item-colorpicker-fffb7a:hover {
  background-color: #fffb7a !important;
}
.item-colorpicker-f6cf85,
.item-colorpicker-f6cf85:hover {
  background-color: #f6cf85 !important;
}
.item-colorpicker-b3b3b3,
.item-colorpicker-b3b3b3:hover {
  background-color: #b3b3b3 !important;
}
.item-colorpicker-4d4d4d,
.item-colorpicker-4d4d4d:hover {
  background-color: #4d4d4d !important;
}
.item-colorpicker-255b86,
.item-colorpicker-255b86:hover {
  background-color: #255b86 !important;
}
.item-colorpicker-66a0b4,
.item-colorpicker-66a0b4:hover {
  background-color: #66a0b4 !important;
}
.item-colorpicker-be4138,
.item-colorpicker-be4138:hover {
  background-color: #be4138 !important;
}
.item-colorpicker-50b065,
.item-colorpicker-50b065:hover {
  background-color: #50b065 !important;
}
.item-colorpicker-ae64ca,
.item-colorpicker-ae64ca:hover {
  background-color: #ae64ca !important;
}
.item-colorpicker-fff700,
.item-colorpicker-fff700:hover {
  background-color: #fff700 !important;
}
.item-colorpicker-cba55c,
.item-colorpicker-cba55c:hover {
  background-color: #cba55c !important;
}
.item-colorpicker-999999,
.item-colorpicker-999999:hover {
  background-color: #999 !important;
}
.item-colorpicker-333333,
.item-colorpicker-333333:hover {
  background-color: #333 !important;
}
.item-colorpicker-1b4363,
.item-colorpicker-1b4363:hover {
  background-color: #1b4363 !important;
}
.item-colorpicker-517e8d,
.item-colorpicker-517e8d:hover {
  background-color: #517e8d !important;
}
.item-colorpicker-96342d,
.item-colorpicker-96342d:hover {
  background-color: #96342d !important;
}
.item-colorpicker-2e673a,
.item-colorpicker-2e673a:hover {
  background-color: #2e673a !important;
}
.item-colorpicker-6d3880,
.item-colorpicker-6d3880:hover {
  background-color: #6d3880 !important;
}
.item-colorpicker-c7c11e,
.item-colorpicker-c7c11e:hover {
  background-color: #c7c11e !important;
}
.item-colorpicker-9c7b3b,
.item-colorpicker-9c7b3b:hover {
  background-color: #9c7b3b !important;
}
.item-colorpicker-808080,
.item-colorpicker-808080:hover {
  background-color: gray !important;
}
.item-colorpicker-1a1a1a,
.item-colorpicker-1a1a1a:hover {
  background-color: #1a1a1a !important;
}
.item-colorpicker-0b1e2c,
.item-colorpicker-0b1e2c:hover {
  background-color: #0b1e2c !important;
}
.item-colorpicker-3c5f6b,
.item-colorpicker-3c5f6b:hover {
  background-color: #3c5f6b !important;
}
.item-colorpicker-5b1c18,
.item-colorpicker-5b1c18:hover {
  background-color: #5b1c18 !important;
}
.item-colorpicker-163c1e,
.item-colorpicker-163c1e:hover {
  background-color: #163c1e !important;
}
.item-colorpicker-3f1f4a,
.item-colorpicker-3f1f4a:hover {
  background-color: #3f1f4a !important;
}
.item-colorpicker-979310,
.item-colorpicker-979310:hover {
  background-color: #979310 !important;
}
.item-colorpicker-654e21,
.item-colorpicker-654e21:hover {
  background-color: #654e21 !important;
}
.margin-swap-info {
  margin-top: 15px;
  text-align: center;
  position: relative;
  font-size: 11px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #474650;
  color: #bdbacc;
}
.margin-swap-info .info-handle {
  height: 35px;
}
.margin-swap-info .title {
  position: relative;
  display: inline-block;
  line-height: 35px;
}
.margin-swap-info .dropdown-arrow {
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 16px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #a5a2b3;
}
.margin-swap-info.info-shown .info-handle {
  border-bottom: 1px solid #474650;
}
.info-handle:hover .dropdown-arrow {
  border-top: 3px solid #dcdae6;
}
.margin-swap-info.info-shown .dropdown-arrow {
  right: 12px;
  top: 13px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.margin-swap-info .info-table {
  padding: 10px 15px;
  display: none;
}
.info-shown .info-table {
  display: table;
}
.margin-swap-info .info-row {
  display: table-row;
  height: 18px;
  line-height: 18px;
  text-align: center;
}
.margin-swap-info .info-row-value {
  display: table-cell;
  width: 49%;
}
.margin-swap-info .info-row-direction {
  text-align: left;
  width: 2%;
}
.margin-swap-info .info-row-data {
  border-left: 1px solid #4c4b55;
  color: #fff;
}
.margin-swap-info .info-row-label {
  margin-right: 15px;
}
.close-all {
  width: 741px;
  background-color: #303038;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
  -webkit-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  -moz-box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  box-shadow: 0 1px 12px -3px rgba(39,38,46,0.8);
  border: 1px solid transparent;
}
.close-all .filters {
  vertical-align: top;
  width: 272px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #42424d;
  background-color: #32323b;
  float: left;
  height: 455px;
}
.close-all .positions {
  padding: 10px 10px 10px 30px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  height: 455px;
}
.close-all .filter-group .input_label {
  margin: 0 0 0 10px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #a4a1b2;
}
.close-all .filter-group.instruments-filters .input_label {
  max-width: 84px;
}
.close-all .filter-group .checkbox-wrapper {
  display: inline-block;
  width: 118px;
  margin-bottom: 15px;
}
.close-all .filter-group .input.checked .input_label {
  color: #d4cfe5;
}
.close-all .filter-group .input:hover .input_label {
  color: #d4cfe5;
}
.close-all .filter-group:last-child {
  border-bottom: 0;
}
.close-all .total-result {
  padding: 20px;
  position: relative;
  background-color: #393740;
}
.close-all .positions .scrollable-area-content {
  padding-right: 20px;
}
.close-all .dataTable table {
  width: 100%;
}
.close-all .dataTable .td-align-left {
  text-align: left !important;
  width: 112px;
}
.close-all .dataTable td,
.close-all .dataTable th {
  height: 36px;
  line-height: 36px;
  text-align: right;
}
.close-all .dataTable td {
  color: #e8e6f2;
  font-size: 12px;
}
.close-al .dataTable th {
  font-size: 11px;
  color: #9995a6;
}
.close-all .total-result .result-value {
  font-weight: 700;
  position: absolute;
  right: 20px;
  top: 30px;
  color: #e8e6f2;
}
.close-all .total-result .total-result-label {
  font-size: 12px;
  padding-bottom: 5px;
}
.close-all .total-result .total-result-description {
  color: #9995a6;
  font-size: 11px;
}
.close-all .window-title {
  font-size: 16px;
}
.close-all .positions.dataTable .positive {
  color: #2fc297 !important;
}
.close-all .positions.dataTable .negative {
  color: #e34b51 !important;
}
.close-all .close-all-instruments-filter {
  position: relative;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.close-all .filter-group {
  padding: 17px;
  border-bottom: 1px solid #3b3b45;
}
.close-all .filter-group .title {
  font-size: 15px;
  color: #fff;
  margin-bottom: 15px;
}
.close-all .window-head {
  height: 25px;
  padding: 17px 20px;
  position: relative;
  background-color: #42424d;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12);
  cursor: move;
}
.close-all .window-body {
  background-color: #303038;
}
.close-all .window-controls {
  bottom: 0;
  left: 0;
  padding: 19px 0 34px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #303038;
}
.close-all .window-controls .button {
  float: right;
  min-width: 150px;
}
.close-all .window-controls .confirm-button {
  margin-right: 10px;
}
.close-all .scrollable-area-track {
  background-color: #43424d;
}
.close-all .positions .scrollable-area-track {
  top: 10px;
  right: 10px;
  width: 4px;
  -webkit-transition: width .1s ease-out;
  -o-transition: width .1s ease-out;
  -moz-transition: width .1s ease-out;
  transition: width .1s ease-out;
}
.close-all .check-all {
  height: 25px;
  font-size: 11px;
  line-height: 25px;
}
.close-all .no-data {
  top: 150px;
  left: 0;
  color: #787684;
  position: absolute;
  padding: 0 30px;
  text-align: center;
  display: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.close-all.no-results .no-data {
  display: block;
}
.close-all.no-active-results .close-all-positions-button,
.close-all.no-results .close-all-positions-button {
  display: none;
}
.close-all .no-positions-button {
  display: none;
}
.close-all.no-active-results .no-positions-button,
.close-all.no-results .no-positions-button {
  display: block;
}
.close-all .no-data .text-color {
  color: #3fa2d5;
}
.close-all.no-results .positions th {
  border-bottom: 1px solid #3b3b45;
}
.close-all .instruments-filters .input:nth-child(even) .input_label {
  margin-right: 0;
}
.close-all .positions.dataTable .closed-market td {
  color: #939199;
}
.menu-btn {
  width: 50px;
  height: 40px;
  text-align: center;
  position: absolute;
  right: 0;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  transition: background-color .1s linear;
}
.menu-btn:hover {
  background-color: #3d3d47;
}
.menu-btn .dot-icon {
  display: inline-block;
  width: 5px;
  height: 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #8f949f;
  margin-top: 17px;
}
.equity-container {
  width: 100%;
  height: 100%;
  padding: 0 325px;
  position: relative;
  z-index: 9;
}
.equity-content {
  z-index: -1;
  position: relative;
  padding: 16px 0;
  white-space: nowrap;
  -webkit-transition: height .3s ease, right .25s linear, background .25s linear;
  -o-transition: height .3s ease, right .25s linear, background .25s linear;
  -moz-transition: height .3s ease, right .25s linear, background .25s linear;
  transition: height .3s ease, right .25s linear, background .25s linear;
}
.equity-content.margin-call {
  background: #4C2227;
}
.equity-content.margin-call .equity-item .label {
  color: white;
}
.visible-area {
  position: absolute;
  height: 40px;
  overflow: hidden;
  z-index: 2;
}
.visible-area.scrolling {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  left: 5px;
  right: 49px;
}
.visible-area.no-scroll {
  right: 0;
  left: 5px;
}
.equity-item {
  line-height: 30px;
  margin: 0;
  width: 19.2%;
  display: inline-block;
  text-align: left;
}
.equity-item.avbalance-item {
  text-align: right;
}
#marginPopUpmessage {
  left: 40%;
  top: 30%;
  padding: 0;
  border: 1px solid #333B48;
  overflow: visible;
}
#marginPopUpmessage > .ui-dialog-titlebar {
  background: #131B28;
  border-bottom: 1px solid #333B48;
}
#marginPopUpmessage > .ui-dialog-titlebar > span {
  color: #838C91;
}
#marginPopUpmessage > .ui-dialog-titlebar > .ui-dialog-titlebar-close {
  background: transparent url('/wp-content/themes/tol-child/images/close_btn.png') no-repeat top;
  border: none;
  top: 24px;
  right: 10px;
  background-size: 100%;
  width: 10px;
  height: 10px;
}
#marginPopUpmessage > .messagePopupWrap {
  background: #141B23;
  padding: 0;
  text-align: center;
  border: none;
  height: auto !important;
}
#marginPopUpmessage > .messagePopupWrap > .messagePopup {
  font-size: 14px;
  padding: 15px;
  height: 180px;
  color: #fff;
  background-color: #182434;
  text-align: left;
}
#marginPopUpmessage #depositBtnPopUp {
  background-color: #007ABD;
  margin: 15px 0;
  border-radius: 5px;
  width: 90%;
  height: 40px;
  text-transform: uppercase;
  font-size: 16px;
}
#marginPopUpmessage .popUp-highlight {
  width: auto;
  position: absolute;
  top: -19px;
  background: #007ABD;
  color: #ffffff;
  padding: 0 10px;
}
@media (max-width: 767px) {
  #marginPopUpmessage {
    left: 0;
    top: 10%;
  }
}
@media (width: 1152px) {
  .equity-item {
    width: 15%;
  }
  .avbalance-item {
    margin-left: 140px;
  }
  .account .tab-item {
    min-width: 150px;
  }
}
.equity-item .label {
  color: #7D7D7D;
  font-family: 'lato-regular';
  font-size: 14px;
  font-weight: normal;
  padding: .2em .2em .2em;
}
.equity-item .value {
  padding: 0 3px;
  color: #FFFFFF;
  font-family: 'lato-regular';
  font-size: 14px;
  font-weight: normal;
}
.equity-item .value.blue {
  color: #007ABD;
}
#equity-spreadBack:hover .label,
#equity-spreadBack:hover .value {
  color: #e7e6f2;
  -webkit-transition: color .1s linear;
  -o-transition: color .1s linear;
  -moz-transition: color .1s linear;
  transition: color .1s linear;
}
.equity-item .value.positive {
  color: #2fc297;
}
.equity-item .value.negative {
  color: #da655d;
}
.margin-indicator {
  margin: 0 5px;
  top: -2px;
  position: relative;
  width: 90px;
  height: 5px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #000000;
  overflow: hidden;
}
.margin-indicator .percent-bar {
  height: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  float: left;
}
.margin-indicator .percent-bar.percent-bar-green {
  width: 100%;
}
.percent-bar-green {
  background: #2fc297;
}
.percent-bar-yellow {
  background: #f0c42b;
}
.percent-bar-red {
  background: #da655d;
}
.percent-bar-blue {
  background: #007ABD;
}
.arrow-container {
  position: absolute;
  width: 40px;
  height: 40px;
}
.click-handler {
  width: 50px;
  height: 50px;
  background: transparent;
}
.arrow-container.left {
  background: #1c1c21;
  background: -webkit-gradient(linear,left top,right top,color-stop(0,#1c1c21),color-stop(100%,rgba(28,28,33,0)));
  background: -webkit-linear-gradient(left,#1c1c21,rgba(28,28,33,0));
  background: -o-linear-gradient(left,#1c1c21 0,rgba(28,28,33,0) 100%);
  background: -webkit-gradient(linear,left top,right top,from(#1c1c21),to(rgba(28,28,33,0)));
  background: -moz-linear-gradient(left,#1c1c21 0,rgba(28,28,33,0) 100%);
  background: linear-gradient(90deg,#1c1c21 0,rgba(28,28,33,0));
  left: 0;
  zoom: 1;
  content: "";
}
.arrow-container.right {
  background: #1c1c21;
  background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(28,28,33,0)),color-stop(100%,#1c1c21));
  background: -webkit-linear-gradient(left,rgba(28,28,33,0),#1c1c21);
  background: -o-linear-gradient(left,rgba(28,28,33,0) 0,#1c1c21 100%);
  background: -webkit-gradient(linear,left top,right top,from(rgba(28,28,33,0)),to(#1c1c21));
  background: -moz-linear-gradient(left,rgba(28,28,33,0) 0,#1c1c21 100%);
  background: linear-gradient(90deg,rgba(28,28,33,0) 0,#1c1c21);
  right: 0;
  zoom: 1;
  content: "";
}
.equity-arrow {
  width: 40px;
  height: 40px;
  display: inline-block;
}
.equity-arrow .arrow {
  width: 15px;
  height: 15px;
  position: relative;
  top: 13px;
  left: 0;
  fill: #a5a2b3;
}
.equity-arrow.right .arrow {
  left: 25px;
  right: 0;
  top: 14px;
}
.equity-arrow:hover .arrow {
  fill: #dcdae6;
}
.equity-arrow.left {
  left: 0;
}
.equity-arrow.right .arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.arrow-container.hidden {
  display: none;
}
.tradebird {
  outline: 0;
  border: 0;
  text-align: left;
}
.tradebird .scrollable-area {
  margin: 20px 0;
}
.tradebird .no-tweets {
  font-size: 28px;
  text-align: center;
  color: #84878c;
  left: 20px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  display: none;
}
.tradebird.no-connection .no-tweets {
  display: block;
}
.tradebird .tradebird-head-container {
  background: #1c1c21;
  color: #a5a2b3;
  font-size: 10px;
  font-weight: 700;
  line-height: 50px;
  height: 49px;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #393740;
  position: relative;
  font-family: Open Sans;
}
.tradebird .tradebird-head {
  -webkit-transition: color .1s ease;
  -o-transition: color .1s ease;
  -moz-transition: color .1s ease;
  transition: color .1s ease;
}
.tradebird .tradebird-head:hover {
  color: #00a7e1;
}
.tradebird .tradebird-body {
  position: relative;
  padding: 20px 15px 0;
  border-bottom: 1px solid #39383d;
}
.tradebird .tradebird-body:first-child {
  padding-top: 10px;
}
.tradebird .tradebird-tweet {
  position: relative;
}
.tradebird .tradebird-tag {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 2px 4px;
  border: 1px solid #39383d;
  font-size: 10px;
  font-weight: 600;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: color .15s ease, border-color .15s ease;
  -o-transition: color .15s ease, border-color .15s ease;
  -moz-transition: color .15s ease, border-color .15s ease;
  transition: color .15s ease, border-color .15s ease;
}
.tradebird .tradebird-tag:hover {
  color: #fefefc;
  border-color: #50505c;
}
.tradebird .tradebird-tags-container {
  margin-top: 2px;
  margin-bottom: 2px;
  color: #93929a;
}
.tradebird .tradebird-mood {
  margin-top: 4px;
}
.tradebird .tradebird-mood-bearish {
  font-weight: 600;
  color: #d64951;
}
.tradebird .tradebird-mood-bullish {
  font-weight: 600;
  color: #3dbe97;
}
.tradebird .tradebird-user-avatar {
  display: inline;
  width: 35px;
  height: 35px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: -webkit-transform .2s cubic-bezier(0,0,.24,1.01);
  transition: -webkit-transform .2s cubic-bezier(0,0,.24,1.01);
  -o-transition: -o-transform .2s cubic-bezier(0,0,.24,1.01);
  -moz-transition: transform .2s cubic-bezier(0,0,.24,1.01), -moz-transform .2s cubic-bezier(0,0,.24,1.01);
  transition: transform .2s cubic-bezier(0,0,.24,1.01);
  transition: transform .2s cubic-bezier(0,0,.24,1.01), -webkit-transform .2s cubic-bezier(0,0,.24,1.01), -moz-transform .2s cubic-bezier(0,0,.24,1.01), -o-transform .2s cubic-bezier(0,0,.24,1.01);
}
.tradebird .tradebird-user-avatar:hover {
  cursor: pointer;
}
.tradebird .tradebird-tweet-time {
  color: #747180;
  padding-top: 2px;
  font-size: 11px;
}
.tradebird .tradebird-post-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.tradebird .tradebird-post-header-no-tags {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tradebird .tradebird-post-header-left {
  padding-top: 3px;
}
.tradebird .tradebird-post-header-middle {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 10px;
}
.tradebird .tradebird-post-header-right {
  text-align: right;
}
.tradebird .tradebird-username {
  font-size: 13px;
  font-weight: 900;
  color: #fff;
}
.tradebird .tradebird-username:hover {
  color: #3a97d4;
}
.tradebird .tradebird-text {
  font-size: 13px;
  line-height: 21px;
  color: #c3c1cc;
  font-weight: 300;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.tradebird .tradebird-tweet-links {
  text-decoration: none;
  font-weight: 500;
  cursor: default;
  color: #3a97d4;
}
.tradebird .tradebird-tweet-links:hover {
  text-decoration: underline;
}
.tradebird .tradebird-tag-in-tweet {
  font-weight: 800;
  color: #f5f3ff;
}
.hiding .tradebird .new-posts-button,
.showing .tradebird .new-posts-button {
  display: none;
}
.tradebird .new-posts-button {
  position: absolute;
  display: inline;
  text-align: center;
  padding: 8px 13px 10px;
  bottom: -30px;
  left: 50%;
  line-height: normal;
  text-transform: none;
  font-weight: 400;
  -webkit-transform: translate(-50%,50%);
  -moz-transform: translate(-50%,50%);
  -ms-transform: translate(-50%,50%);
  -o-transform: translate(-50%,50%);
  transform: translate(-50%,50%);
  z-index: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  background-color: #3797db;
  -webkit-transition: background-color .1s cubic-bezier(.42,0,.22,.96);
  -o-transition: background-color .1s cubic-bezier(.42,0,.22,.96);
  -moz-transition: background-color .1s cubic-bezier(.42,0,.22,.96);
  transition: background-color .1s cubic-bezier(.42,0,.22,.96);
}
.tradebird .new-posts-button:hover {
  background-color: #3797db;
}
.tradebird .new-posts-text {
  color: #fff;
  font-size: 11px;
}
.tradebird .tweet-image {
  width: 100%;
  margin-top: 15px;
  background: #f3f4f7;
  text-align: center;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  max-height: 250px;
}
.trident .tradebird .tweet-image {
  display: block;
}
.tradebird .tweet-image img {
  max-width: 100%;
}
.tradebird .tweet-image img:hover {
  cursor: pointer;
}
.tradebird .tradebird-agree-list {
  margin: 10px 0;
}
.tradebird .tradebird-agree-list div {
  display: inline-block;
  float: left;
  margin-right: 12px;
  margin-left: 12px;
}
.tradebird .tradebird-agree-list div:first-child {
  margin-left: 0;
}
.tradebird .tradebird-agree-list div .counter {
  float: right;
  margin-top: 5px;
  margin-left: 5px;
  color: #fff;
}
.tradebird .tradebird-agree-list .svg-icon {
  width: 25px;
  height: 25px;
  fill: #babdc1;
}
.tradebird .tradebird-agree-list .agree-icon:hover .svg-icon {
  fill: #4bbfa8;
}
.tradebird .tradebird-agree-list .comment-icon .svg-icon {
  margin-top: 3px;
}
.tradebird .tradebird-agree-list .comment-icon:hover .svg-icon {
  fill: #a1a5ad;
}
.tradebird.no-full-screen-image .tweet-image img:hover {
  cursor: default !important;
}
.tradebird .tradebird-head-container.tradebird-colorful-logo {
  padding: 10px 0;
  margin: 0;
  text-align: center;
}
.tradebird .tradebird-head-container.tradebird-colorful-logo .new-posts-button {
  bottom: -40px;
}
.tradebird .tradebird-head-container.tradebird-colorful-logo .tradebird-head {
  height: 18px;
  cursor: pointer;
  text-align: center;
}
.tradebird-modal {
  position: absolute;
  z-index: 5;
  background: #43414e;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 250px;
  min-height: 190px;
  border: 1px solid #43414e;
  -webkit-box-shadow: 0 5px 20px -9px #454a51;
  -moz-box-shadow: 0 5px 20px -9px #454a51;
  box-shadow: 0 5px 20px -9px #454a51;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 30px;
}
.tradebird-modal .title {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  cursor: default;
}
.tradebird-modal .subtitle {
  color: #aeaabf;
  font-size: 12px;
  cursor: default;
}
.tradebird-modal .tradebird-modal-img {
  margin: 20px 0 15px;
  text-align: center;
}
.tradebird-modal .tradebird-modal-img img {
  width: 70px;
  height: 70px;
  border: 5px solid #dfe3e6;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-transform: scale(.1);
  -moz-transform: scale(.1);
  -ms-transform: scale(.1);
  -o-transform: scale(.1);
  transform: scale(.1);
  -webkit-transition: -webkit-transform .1s cubic-bezier(0,0,.24,1.01);
  transition: -webkit-transform .1s cubic-bezier(0,0,.24,1.01);
  -o-transition: -o-transform .1s cubic-bezier(0,0,.24,1.01);
  -moz-transition: transform .1s cubic-bezier(0,0,.24,1.01), -moz-transform .1s cubic-bezier(0,0,.24,1.01);
  transition: transform .1s cubic-bezier(0,0,.24,1.01);
  transition: transform .1s cubic-bezier(0,0,.24,1.01), -webkit-transform .1s cubic-bezier(0,0,.24,1.01), -moz-transform .1s cubic-bezier(0,0,.24,1.01), -o-transform .1s cubic-bezier(0,0,.24,1.01);
  opacity: .5;
}
.tradebird-modal .tradebird-modal-img img.modal-showing {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.tradebird-modal .tradebird-modal-img img.modal-showing:hover {
  cursor: pointer;
}
.link-preview {
  background-color: #34343d;
  border: 1px solid #34343d;
  -webkit-box-shadow: 0 0 1px 0 #454a51;
  -moz-box-shadow: 0 0 1px 0 #454a51;
  box-shadow: 0 0 1px 0 #454a51;
  margin-top: 15px;
  cursor: pointer;
}
.link-preview:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #50505c;
}
.link-preview-image {
  background-color: #2c2c32;
  text-align: center;
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  max-height: 250px;
}
.trident .link-preview-image {
  display: block;
}
.link-preview-image img {
  max-width: 100%;
}
.link-preview-wrapper {
  padding: 15px;
}
.link-preview-title {
  font-size: 13px;
  font-weight: 900;
  color: #fff;
}
.link-preview-description {
  margin: 7px 0;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #c3c1cc;
}
.link-preview-domain {
  font-size: 10px;
  text-transform: uppercase;
  color: #93929a;
  max-width: 475px;
}
.risk-warning {
  position: relative;
  font-size: 11px;
  font-weight: 400;
  color: #747180;
  padding: 15px 25px 15px 15px;
  border-top: 1px solid #4c4a59;
}
.risk-warning .risk-warning-icon {
  position: absolute;
  top: 7px;
  right: 7px;
  height: 16px;
  width: 16px;
  -webkit-transition: background-color .1s ease;
  -o-transition: background-color .1s ease;
  -moz-transition: background-color .1s ease;
  transition: background-color .1s ease;
}
.risk-warning .risk-warning-icon:hover {
  background-color: #212026;
}
.risk-warning .risk-warning-icon .close-risk-warning {
  width: 16px;
  height: 16px;
  fill: #a4a2af;
}
.risk-warning .risk-warning-icon:hover .close-risk-warning {
  fill: #797b80;
}
.chart-feeds {
  cursor: default;
  position: absolute;
  z-index: 10;
  width: 310px;
  height: 22pc;
  border: none;
  -webkit-box-shadow: 0 2px 15px 0 rgba(84,89,102,0.15);
  -moz-box-shadow: 0 2px 15px 0 rgba(84,89,102,0.15);
  box-shadow: 0 2px 15px 0 rgba(84,89,102,0.15);
  -webkit-animation: show .2s ease-out;
  -moz-animation: show .2s ease-out;
  -o-animation: show .2s ease-out;
  animation: show .2s ease-out;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}
.chart-feeds.hide {
  -webkit-animation: hide .2s ease-out;
  -moz-animation: hide .2s ease-out;
  -o-animation: hide .2s ease-out;
  animation: hide .2s ease-out;
}
@-webkit-keyframes show {
  0% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}
@-moz-keyframes show {
  0% {
    -moz-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: 0;
  }
  to {
    -moz-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}
@-o-keyframes show {
  0% {
    -o-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: 0;
  }
  to {
    -o-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}
@keyframes show {
  0% {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -o-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    opacity: 1;
  }
}
@-webkit-keyframes hide {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: 0;
  }
}
@-moz-keyframes hide {
  0% {
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  to {
    -moz-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: 0;
  }
}
@-o-keyframes hide {
  0% {
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  to {
    -o-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: 0;
  }
}
@keyframes hide {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    -o-transform: translateY(-12px);
    transform: translateY(-12px);
    opacity: 0;
  }
}
.chart-feeds.bottomCenter {
  -webkit-animation: showBottomCenter .2s ease-out;
  -moz-animation: showBottomCenter .2s ease-out;
  -o-animation: showBottomCenter .2s ease-out;
  animation: showBottomCenter .2s ease-out;
  -webkit-transform: translateY(-150px);
  -moz-transform: translateY(-150px);
  -ms-transform: translateY(-150px);
  -o-transform: translateY(-150px);
  transform: translateY(-150px);
}
@-webkit-keyframes showBottomCenter {
  0% {
    -webkit-transform: translateY(-138px);
    transform: translateY(-138px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
    opacity: 1;
  }
}
@-moz-keyframes showBottomCenter {
  0% {
    -moz-transform: translateY(-138px);
    transform: translateY(-138px);
    opacity: 0;
  }
  to {
    -moz-transform: translateY(-150px);
    transform: translateY(-150px);
    opacity: 1;
  }
}
@-o-keyframes showBottomCenter {
  0% {
    -o-transform: translateY(-138px);
    transform: translateY(-138px);
    opacity: 0;
  }
  to {
    -o-transform: translateY(-150px);
    transform: translateY(-150px);
    opacity: 1;
  }
}
@keyframes showBottomCenter {
  0% {
    -webkit-transform: translateY(-138px);
    -moz-transform: translateY(-138px);
    -o-transform: translateY(-138px);
    transform: translateY(-138px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(-150px);
    -moz-transform: translateY(-150px);
    -o-transform: translateY(-150px);
    transform: translateY(-150px);
    opacity: 1;
  }
}
.chart-feeds.single {
  height: 16pc;
  min-height: 16pc;
}
.chart-feeds .wrapper {
  background: #3d3d48;
  z-index: 2;
}
.chart-feeds .feeds-loader {
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  margin-top: -28px;
  margin-left: -28px;
  position: absolute;
  -webkit-animation: a .8s infinite linear;
  -moz-animation: a .8s infinite linear;
  -o-animation: a .8s infinite linear;
  animation: a .8s infinite linear;
  border: solid #5d5fb0;
  border-right-color: transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.chart-feeds .tradebird-tag {
  border: 1px solid #4c4a59;
}
.chart-feeds .arrow {
  width: 24px;
  height: 24px;
  position: absolute;
  bottom: 20px;
  right: -11px;
  border: none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0 2px 15px 0 rgba(84,89,102,0.15);
  -moz-box-shadow: 0 2px 15px 0 rgba(84,89,102,0.15);
  box-shadow: 0 2px 15px 0 rgba(84,89,102,0.15);
  background: #3d3d48;
  display: none;
}
.chart-feeds.bottomCenter .arrow {
  top: 13px;
}
.chart-feeds.leftCenter .arrow {
  top: 50%;
  margin-top: -12px;
  right: -13px;
  left: auto;
  display: none;
}
.chart-feeds.rightCenter .arrow {
  top: 50%;
  margin-top: -12px;
  left: 0;
  display: none;
}
.chart-feeds .tradebird-body:last-child {
  border-bottom: none;
}
.chart-feeds .tradebird .tradebird-body {
  padding: 20px 20px 0;
}
.chart-feeds .scrollable-area-track {
  z-index: 10;
}
.trading-rally {
  font-family: Roboto;
  text-align: center;
  background: #fff;
  position: absolute;
  top: 30px;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 1000;
  cursor: default;
  outline: none;
  -webkit-box-shadow: 0 1px 50px 0 rgba(69,74,81,0.1);
  -moz-box-shadow: 0 1px 50px 0 rgba(69,74,81,0.1);
  box-shadow: 0 1px 50px 0 rgba(69,74,81,0.1);
  width: 550px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.trading-rally-wrapper img {
  width: 550px;
  height: 280px;
}
.trading-rally-image-wrapper {
  width: 550px;
  height: 280px;
  overflow: hidden;
  position: relative;
}
.trading-rally-logo {
  position: absolute;
  fill: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.trading-rally-form-visible .trading-rally-image-wrapper {
  height: 188px;
}
.trading-rally-center {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.trading-rally-close {
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 8px;
  font-size: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color .15s ease;
  -o-transition: background-color .15s ease;
  -moz-transition: background-color .15s ease;
  transition: background-color .15s ease;
  background: #fff;
  z-index: 1;
  cursor: pointer;
}
.trading-rally-close-icon {
  width: 11px;
  height: 11px;
  fill: #000;
}
.trading-rally-prize-pool-text {
  letter-spacing: 2px;
  font-size: 20px;
  padding-top: 8px;
  margin-bottom: -10px;
}
.trading-rally-prize {
  letter-spacing: 10px;
  font-size: 60px;
  color: #e62b7a;
}
.trading-rally-box {
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 100;
  padding: 15px 45px;
  letter-spacing: 11px;
  white-space: nowrap;
  background: #fff;
  margin-top: -63px;
  position: relative;
  display: inline-block;
}
.trading-rally-form-visible .trading-rally-box {
  display: none;
}
.trading-rally-enter {
  padding: 20px;
  background-color: #3b96d5;
  color: #fff;
  display: inline-block;
  width: 312px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 21px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.trading-rally-enter:hover {
  background-color: #49acf2;
}
.trading-rally-enter:active {
  background-color: #3083bf;
}
.nl .trading-rally-enter {
  font-size: 14px;
  padding: 20px 10px;
}
.trading-rally a {
  margin: 30px 0;
  display: inline-block;
  font-size: 12px;
  font-weight: 300;
  color: #89868f;
  -webkit-transition: color .1s ease;
  -o-transition: color .1s ease;
  -moz-transition: color .1s ease;
  transition: color .1s ease;
}
.trading-rally a:hover {
  color: #5d8fbe;
}
.trading-rally-form {
  display: none;
}
.trading-rally-form-visible .trading-rally-form {
  display: block;
  margin: 40px 0 0;
}
.trading-rally-form input {
  border: none;
  border-bottom: 1px solid #d2d4da;
  display: block;
  color: #000;
  padding: 0;
  margin: 10px auto 0;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 312px;
  height: 40px;
  font-size: 15px;
  font-weight: 300;
  -webkit-transition: border-color .15s ease;
  -o-transition: border-color .15s ease;
  -moz-transition: border-color .15s ease;
  transition: border-color .15s ease;
}
.trading-rally-form input::-webkit-input-placeholder {
  color: #000;
  color: rgba(0,0,0,0.3);
}
.trading-rally-form input:-moz-placeholder {
  color: #000;
  color: rgba(0,0,0,0.3);
}
.trading-rally-form input::-moz-placeholder {
  color: #000;
  color: rgba(0,0,0,0.3);
}
.trading-rally-form input:-ms-input-placeholder {
  color: #000;
  color: rgba(0,0,0,0.3);
}
.trading-rally-form input::placeholder {
  color: #000;
  color: rgba(0,0,0,0.3);
}
.trading-rally-form input.input-error {
  border-color: #e82c63;
}
.trading-rally-form span {
  color: #e82c63;
  visibility: hidden;
  font-size: 11px;
}
.trading-rally-form .input-error+span {
  visibility: visible;
}
.trading-rally-message {
  display: none;
  padding: 76px 36px;
}
.trading-rally-message img {
  height: 129px;
}
.trading-rally-icon {
  width: 110px;
  margin: 0 auto;
  fill: #838498;
}
.trading-rally-message-visible .trading-rally-enter {
  margin-top: 18px;
}
.trading-rally-success-message {
  font-size: 19px;
  font-weight: 300;
  line-height: 26px;
  color: #838498;
  margin: 30px auto;
}
.trading-rally-message-visible .trading-rally-message {
  display: block;
}
.trading-rally-message-visible .trading-rally-wrapper {
  display: none;
}
.trading-rally-disclaimer {
  height: 0;
  line-height: 0;
  -webkit-transition: height .4s ease;
  -o-transition: height .4s ease;
  -moz-transition: height .4s ease;
  transition: height .4s ease;
  background: #edeef2;
  color: #747980;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
}
.trading-rally-form-visible .trading-rally-disclaimer {
  height: 50px;
  line-height: 51px;
}
.leaderboard {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.leaderboard-center {
  text-align: center;
}
.leaderboard-header {
  padding: 25px 20px 0;
  font-size: 15px;
  margin-bottom: 5px;
}
.winners-header {
  padding: 25px 20px;
  font-size: 15px;
  margin-bottom: 5px;
}
.leaderboard-update-period {
  color: #a4a1b2;
  font-size: 11px;
  text-transform: uppercase;
  padding: 0 20px;
}
.leaderboard-join-button {
  margin: 25px 0 5px;
  background-color: #3b96d5;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 19px 5px;
  display: inline-block;
  width: 240px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: background-color .15s ease;
  -o-transition: background-color .15s ease;
  -moz-transition: background-color .15s ease;
  transition: background-color .15s ease;
}
.leaderboard-join-button:hover {
  background-color: #49acf2;
}
.leaderboard-join-button:active {
  background-color: #3083bf;
}
.has-competitor .leaderboard-join-button {
  display: none;
}
.leaderboard-user-position {
  display: none;
  margin: 0 20px;
}
.has-competitor .leaderboard-user-position {
  display: block;
}
.leaderboard-user-position table {
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0 5px;
  border: 2px solid #315f82;
}
.leaderboard-table-update-description {
  margin: 20px;
  font-size: 11px;
  font-weight: 400;
  color: #747180;
}
.leaderboard-user-position .leaderboard-table-position-no-circle {
  color: #fff;
  color: #4ca5e8;
  font-size: 18px;
  font-weight: 600;
}
.leaderboard-user-position .leaderboard-user-position-1000 {
  font-size: 14px;
}
.leaderboard-user-position .leaderboard-user-position-10000 {
  font-size: 12px;
}
.leaderboard-user-position td {
  padding: 10px;
}
.leaderboard-table {
  padding: 0 20px;
}
.leaderboard-table table {
  width: 100%;
  border-collapse: collapse;
}
.leaderboard-winners-table table {
  border-bottom: 0;
}
.leaderboard-table thead td {
  color: #8c8a98;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  white-space: nowrap;
}
.leaderboard-table tbody tr:first-child td {
  border-top: 1px solid #39383d;
}
.leaderboard-table td {
  padding: 0 15px 0 10px;
  font-size: 12px;
  height: 50px;
  vertical-align: middle;
  color: #f4f2ff;
  border-bottom: 1px solid #39383d;
}
.leaderboard-table td.leaderboard-table-competitor-column,
.leaderboard-user-position td.leaderboard-table-competitor-column {
  padding: 0 !important;
}
.leaderboard-table-position-column {
  width: 30px;
}
.leaderboard .leaderboard-table-roi-column {
  width: 60px;
  text-align: right;
  padding: 0 10px;
}
.leaderboard .leaderboard-winners-table .leaderboard-table-roi-column {
  width: 40px;
}
.leaderboard-table-roi-column-text {
  padding-right: 10px;
  float: right;
}
.leaderboard-table-name-column-text {
  float: left;
}
.leaderboard-table tbody tr.current-competitor td {
  background: #315f82 !important;
  color: #fff !important;
}
.leaderboard-table tbody tr.current-competitor svg {
  fill: #fff !important;
}
.leaderboard-table-position {
  width: 30px;
  height: 30px;
  display: inline-block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  text-align: center;
  line-height: 30px;
}
.leaderboard-table .leaderboard-table-position-1 .leaderboard-table-position {
  background: #e82c63;
  color: #fff;
}
.leaderboard-table .leaderboard-table-position-2 .leaderboard-table-position {
  background: #bb5af6;
  color: #fff;
}
.leaderboard-table .leaderboard-table-position-3 .leaderboard-table-position {
  background: #7f5dfa;
  color: #fff;
}
.leaderboard-winners-table .leaderboard-table-position-1 .leaderboard-table-position,
.leaderboard-winners-table .leaderboard-table-position-1 .leaderboard-table-roi-column {
  background: transparent;
  color: #e82c63;
  fill: #e82c63;
  font-weight: 700;
}
.leaderboard-winners-table .leaderboard-table-position-2 .leaderboard-table-position,
.leaderboard-winners-table .leaderboard-table-position-2 .leaderboard-table-roi-column {
  background: transparent;
  color: #bb5af6;
  fill: #bb5af6;
  font-weight: 700;
}
.leaderboard-winners-table .leaderboard-table-position-3 .leaderboard-table-position,
.leaderboard-winners-table .leaderboard-table-position-3 .leaderboard-table-roi-column {
  background: transparent;
  color: #7f5dfa;
  fill: #7f5dfa;
  font-weight: 700;
}
.leaderboard-winners-table .leaderboard-table-winner-roi {
  color: #bbb;
  font-size: 11px;
}
.leaderboard-winners-table .leaderboard-table-position {
  display: block;
}
.leaderboard-leave-button {
  margin: 10px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 19px;
  width: 240px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #625f6b;
  color: #fff;
  display: none;
  -webkit-transition: color .15s ease;
  -o-transition: color .15s ease;
  -moz-transition: color .15s ease;
  transition: color .15s ease;
}
.has-competitor .leaderboard-leave-button {
  display: inline-block;
}
.has-competitor .leaderboard-leave-button:hover {
  background-color: #757180;
}
.has-competitor .leaderboard-leave-button:active {
  background-color: #4b4952;
}
.leaderboard.loading-state .leaderboard-center,
.leaderboard.loading-state .scrollable-area {
  display: none;
}
.leaderboard-winners .leaderboard-winners-table {
  margin-top: 20px;
}
.leaderboard-leave-button-2,
.leaderboard-winners.has-competitor .leaderboard-leave-button-2,
.leaderboard-winners .leaderboard-contest-table,
.leaderboard-winners .leaderboard-table-update-description,
.leaderboard-winners .leaderboard-update-period,
.leaderboard-winners .winners-header,
.leaderboard-winners .winners-hidden {
  display: none;
}
.leaderboard-position-label {
  margin: 30px 20px 0;
  display: none;
}
.leaderboard-winners.has-competitor .leaderboard-position-label,
.leaderboard-winners .leaderboard-leave-button-2 {
  display: inline-block;
}
.tradebox-prefs-menu {
  position: absolute;
  height: auto;
  width: 260px;
  background-color: #27262e;
  color: #a5a2b3;
  cursor: default;
  z-index: 1000;
  -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);
  box-shadow: 0 0 30px rgba(0,0,0,0.2);
  font-family: Open Sans;
  font-size: 10px;
}
.tradebox-prefs-menu-head {
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-bottom: 2px solid #00a7e1;
  text-transform: uppercase;
  font-weight: 700;
}
.tradebox-prefs-menu-list,
.tradebox-prefs-menu-options-list {
  width: 100%;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: static;
  margin: 10px 0;
  background: #27262e;
}
.tradebox-prefs-menu-list .item .contextmenu-item-icon,
.tradebox-prefs-menu-options-list .item .contextmenu-item-icon {
  position: absolute;
  left: 9px;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 32px;
}
.tradebox-prefs-menu-list .item,
.tradebox-prefs-menu-options-list .item {
  border-right: 2px solid transparent;
  font-family: Open Sans;
  font-size: 13px;
  color: #e8e6f2;
  height: 42px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
}
.tradebox-prefs-menu-list .item {
  padding-left: 50px !important;
}
.tradebox-prefs-menu-options-list .item {
  padding-left: 20px;
}
.tradebox-prefs-menu-list .item:not(.disabled):hover,
.tradebox-prefs-menu-options-list .item:not(.disabled):hover {
  background-color: #393740;
}
.tradebox-prefs-menu-list .item:not(.disabled):active,
.tradebox-prefs-menu-options-list .item:not(.disabled):active {
  background: #43424d;
}
.tradebox-prefs-menu-list .item.selected,
.tradebox-prefs-menu-options-list .item.selected {
  border-right: 2px solid #00a7e1;
  background: #43424d !important;
}
.tradebox-prefs-menu-list .contextmenu-submenu-arrow-icon {
  position: absolute;
  right: 0;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
}
.tradebox-today {
  padding: 0 20px;
  text-align: center;
  color: #e8e6f2;
  background-color: #27262e;
  border-top: 1px solid #1c1c21;
  font-family: Open Sans;
  font-size: 10px;
  position: relative;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.tradebox-today .number-box {
  font-family: Lato;
  font-size: 15px;
  padding-right: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tradebox-today-neutral .number-box {
  padding-right: 0;
}
.tradebox-today .flex-center-container,
.tradebox-today .flex-left-container,
.tradebox-today .flex-right-container {
  width: 33.3%;
}
.ie-9 .tradebox-today .flex-center-container,
.ie-9 .tradebox-today .flex-left-container,
.ie-9 .tradebox-today .flex-right-container {
  display: inline-block;
  line-height: 50px;
  width: 31%;
}
.tradebox-today .flex-left-container {
  text-align: left;
}
.tradebox-today .flex-right-container {
  text-align: right;
}
.tradebox-today-label {
  font-weight: 700;
  color: #a5a2b3;
}
.tradebox-today-positive .tradebox-today-label {
  color: #30c296;
}
.tradebox-today-negative .tradebox-today-label {
  color: #fd315b;
}
.tradebox-today-arrow-icon-node {
  position: absolute;
  top: 50%;
  right: 9px;
  margin-top: -16px;
}
.tradebox-today .price-negative-arrow-icon,
.tradebox-today .price-positive-arrow-icon {
  width: 32px;
  height: 32px;
}
.tradebox-today .price-negative-arrow-icon,
.tradebox-today .price-positive-arrow-icon {
  display: none;
}
.tradebox-today-negative .price-negative-arrow-icon,
.tradebox-today-positive .price-positive-arrow-icon {
  display: block;
}
.tradebox-high-low {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 20px;
  text-align: center;
  color: #a5a2b3;
  background-color: #27262e;
  border-top: 1px solid #1c1c21;
  font-family: Open Sans;
  text-transform: uppercase;
  font-size: 10px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tradebox-high-low .number-box {
  color: #e8e6f2;
  font-family: Lato;
  font-size: 15px;
}
.tradebox-high-low-long-label .number-box {
  font-size: 13px;
}
.tradebox-high-low .flex-left-container {
  text-align: left;
}
.tradebox-high-low .flex-right-container {
  text-align: right;
}
.tradebox-high-low-label {
  font-size: 10px;
  font-weight: 700;
}
.ie-9 .tradebox-high-low>span {
  line-height: 50px;
}
.ie-9 .tradebox-high-low>div {
  display: inline-block;
  line-height: 50px;
}
.tradebox-compact {
  border-top: 1px solid #000000;
}
.tradebox-compact:focus,
.tradebox-compact:active {
  outline: none;
}
.tradebox-compact-view {
  padding: 0 10px;
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: default;
  border-top: 1px solid #474747;
  position: relative;
}
.tradebox-compact-view .tradebox-compact-instrument-name {
  color: #e8e6f2;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 15px;
}
.tradebox-compact-view .tradebox-compact-expire-date {
  color: #a5a2b3;
}
.tradebox-compact-view .prices-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.tradepanel-highligh .tradebox-compact-view .prices-container {
  margin-right: 40px;
}
.tradebox-compact-view .buy-sell-price-container {
  width: 78px;
  height: 35px;
  line-height: 33px;
  text-align: center;
  color: #FFF;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 300;
  display: inline-block;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
  border-radius: 3px;
  cursor: pointer;
}
@-webkit-keyframes isMoreAnimation {
  0% {
    box-shadow: 0 0 20px #22b24c;
  }
  50% {
    box-shadow: 0 0 1px #22b24c;
  }
  100% {
    box-shadow: 0 0 20px #22b24c;
  }
}
@keyframes isLessAnimation {
  0% {
    box-shadow: 0 0 20px #ae1d2e;
  }
  50% {
    box-shadow: 0 0 1px #ae1d2e;
  }
  100% {
    box-shadow: 0 0 20px #ae1d2e;
  }
}
.buy-sell-spread {
  text-align: center;
  padding-left: 5px;
  width: 30px;
}
.tradebox-compact .tradebox-open-order-dialog-icon {
  display: none;
}
.tradebox-compact .tradebox-open-chart-icon {
  right: 160px;
  top: 50%;
  margin-top: -16px;
  -webkit-box-shadow: -15px 0 20px 5px #27262e;
  -moz-box-shadow: -15px 0 20px 5px #27262e;
  box-shadow: -15px 0 20px 5px #27262e;
  background: #27262e;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
}
.tradebox-compact .tradebox-open-chart-icon:hover {
  background-color: #393740;
}
.tradebox-compact .tradebox-open-chart-icon:active {
  background-color: #201e24;
}
.tradebox-compact .tradebox-close-icon {
  top: 50%;
  margin-top: -16px;
}
.tradebox-compact-title {
  overflow: hidden;
  cursor: pointer;
}
.tradebox-compact-instrument-name {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tradebox-compact .tradebox-instrument-name {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
  color: transparent;
}
.tradebox-buyers-sellers .tradebox-buyers-sellers-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 20px;
  text-align: center;
  color: #e8e6f2;
  background-color: #27262e;
  border-top: 1px solid #1c1c21;
  font-family: Open Sans;
  font-size: 10px;
  text-transform: uppercase;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tradebox-buyers-sellers .number-box {
  font-family: Lato;
  font-size: 15px;
}
.tradebox-buyers-sellers-long-label .number-box {
  font-size: 13px;
}
.tradebox-buyers-sellers .flex-container-left {
  text-align: left;
}
.tradebox-buyers-sellers .flex-container-right {
  text-align: right;
}
.tradebox-container-label {
  font-weight: 700;
}
.tradebox-sellers-container.tradebox-container-label {
  text-align: right;
}
.tradebox-buyers-container.tradebox-container-label {
  text-align: left;
}
.tradebox-sellers-container {
  color: #fd315b;
}
.tradebox-buyers-container {
  color: #30c296;
}
.tradebox-buyers-sellers-no-data .number-box {
  color: #e8e6f2;
}
.tradebox-label-separator {
  color: #a5a2b3;
  display: inline-block;
  font-weight: 700;
}
.buyers-sellers-line-container {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
}
.tradebox-sellers-line {
  height: 2px;
  background-color: #fd315b;
  position: absolute;
  left: 0;
  bottom: 0;
}
.tradebox-buyers-line {
  height: 2px;
  background-color: #30c296;
  position: absolute;
  right: 0;
  bottom: 0;
}
.tradebox-buyers-sellers-no-data .tradebox-buyers-line,
.tradebox-buyers-sellers-no-data .tradebox-sellers-line {
  background-color: #393740;
  height: 1px;
}
.ie-9 .tradebox-buyers-sellers-data>span {
  line-height: 50px;
}
.ie-9 .tradebox-buyers-sellers-data>div {
  display: inline-block;
  line-height: 50px;
}
.tradebox .quantity-list {
  background: #27262e;
  width: 100%;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
}
.tradebox .quantity-list:hover {
  background: #393740;
}
.tradebox .quantity-list:active {
  background: #34323b;
}
.tradebox .quantity-list-extended {
  background: #34323b !important;
  margin-bottom: -1px;
}
.tradebox-market-closed .quantity-list:hover {
  background: #27262e;
}
.tradebox .quantity-list input {
  height: 48px;
  color: #e8e6f2;
  font-family: Lato;
  font-size: 12px;
  font-weight: 700;
}
.tradebox .quantity-list .placeholder {
  height: 48px;
  line-height: 48px;
  color: #a5a2b3;
  font-family: Open Sans;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.tradebox .quantity-list .quantity-list-input-wrapper {
  margin: 0 20px;
  position: relative;
}
.tradebox .quantity-list .scrollable-area {
  position: relative;
  background-color: #1c1c21;
  top: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tradebox .quantity-list-extended .scrollable-area {
  border-top: 1px solid #393740;
  border-bottom: 1px solid #393740;
  padding: 10px 0;
}
.tradebox .quantity-list .quantity-list-item {
  margin: 0 10px;
  padding: 10px;
  height: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #e8e6f2;
  font-family: Lato;
  font-size: 15px;
}
.tradebox .quantity-list .quantity-list-item:hover {
  background: #27262e;
}
.tradebox .quantity-list .quantity-list-item .buy-sell-button {
  font-family: Open Sans;
  color: #fff;
  background: #00a7e1;
  top: 10px;
  height: 30px;
  line-height: 30px;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
}
.tradebox .quantity-list .quantity-list-item .buy-sell-button:hover {
  background: #2ecbff;
}
.tradebox .quantity-list .quantity-list-item .buy-sell-button:active {
  background: #00bbfa;
}
.tradebox .quantity-list .quantity-list-item .buy {
  right: 10px;
}
.tradebox .quantity-list .quantity-list-item .sell {
  left: 10px;
}
.tradebox-market-closed .locker {
  opacity: .2;
}
.tradebox-market-closed .quantity-list-locked input {
  cursor: default;
  opacity: .5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tradebox .quantity-list .locker {
  fill: #6f6f7f;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: -11px;
  z-index: 1;
}
.tradebox .quantity-list .locker:hover {
  background: #201e24;
}
.tradebox .quantity-list .locker:active {
  background: #131316;
}
.tradebox .quantity-list .dropdown-arrow {
  right: -11px;
}
.tradebox .quantity-list-extended .dropdown-arrow-down-icon,
.tradebox .quantity-list .dropdown-arrow-up-icon {
  display: none;
}
.tradebox .quantity-list-extended .dropdown-arrow-up-icon {
  display: block;
}
.tradebox .locked-icon,
.tradebox .quantity-list-locked .unlocked-icon {
  display: none;
}
.tradebox .quantity-list-locked .locked-icon {
  display: block;
}
.tradebox .quantity-list .unlocked-icon {
  opacity: .5;
}
.tradebox .quantity-list-has-value .unlocked-icon {
  opacity: 1;
}
.tradebox .quantity-list-locked input {
  color: #00a7e1;
}
.tradebox-main-view {
  height: auto;
  background: #27262e;
  position: relative;
}
.tradepanel-highligh .tradebox-main-view {
  pointer-events: none;
}
.tradebox-instrument-name {
  width: 100%;
  cursor: move;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  line-height: 50px;
  color: #e8e6f2;
  margin-top: -1px;
}
.tradebox-trade-container {
  position: relative;
  width: 100%;
  height: 71px;
}
.tradebox-trade-container .george-line {
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background: #1c1c21;
}
.tradebox-button {
  height: 71px;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  color: #e8e6f2;
  -webkit-transition: background .2s ease, color .2s ease;
  -o-transition: background .2s ease, color .2s ease;
  -moz-transition: background .2s ease, color .2s ease;
  transition: background .2s ease, color .2s ease;
}
.tradebox-sell {
  text-align: left;
  padding: 6px 0 0 20px;
}
.tradebox-buy {
  text-align: right;
  padding: 6px 20px 0 0;
}
.tradebox-button:hover {
  background-color: #393740;
}
.tradebox-button:active {
  background-color: #201e24;
}
.tradebox-button.loading-state {
  background-color: transparent;
}
.tradebox-sell.loading-state .loader-holder {
  left: 20px;
  margin-left: 0;
}
.tradebox-buy.loading-state .loader-holder {
  right: 20px;
  left: auto;
}
.tradebox-market-closed .tradebox-buy:hover,
.tradebox-market-closed .tradebox-sell:hover {
  background: transparent;
}
.tradebox-market-closed .quantity-list .dropdown-arrow,
.tradebox-market-closed .quantity-list .placeholder,
.tradebox-market-closed .tradebox-buy,
.tradebox-market-closed .tradebox-label,
.tradebox-market-closed .tradebox-sell,
.tradebox-market-closed .tradebox-spread {
  opacity: .5;
}
.tradebox-price {
  font-size: 19px;
  font-family: Lato;
  position: relative;
  display: inline-block;
  margin-top: -3px;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.tradebox-button.loading-state .tradebox-price {
  opacity: 0;
}
.tradebox-price-sell {
  margin-left: -2px;
}
.tradebox-price span {
  font-size: 27px;
}
.tradebox-price label {
  font-size: 10px;
  position: absolute;
  top: 3px;
  right: -9px;
}
.tradebox-label {
  font-weight: 600;
  color: #a5a2b3;
  font-size: 10px;
  text-transform: uppercase;
  height: 20px;
  line-height: 20px;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.tradebox-button.loading-state .tradebox-label {
  opacity: 0;
}
.tradebox-price-down .tradebox-label {
  color: #fd315b;
}
.tradebox-price-up .tradebox-label {
  color: #30c296;
}
.tradebox-spread {
  background: #27262e;
  position: absolute;
  left: 50%;
  top: 10px;
  height: 51px;
  font-size: 10px;
  line-height: 10px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tradebox-spread-number {
  display: block;
  position: absolute;
  bottom: 9px;
  width: 100%;
  color: #a5a2b3;
  text-align: center;
  font-family: Lato;
}
.tradebox-main-view .price-negative-arrow-icon,
.tradebox-main-view .price-neutral-circle-icon,
.tradebox-main-view .price-positive-arrow-icon {
  width: 32px;
  height: 32px;
}
.tradebox-main-view .price-negative-arrow-icon,
.tradebox-main-view .price-positive-arrow-icon,
.tradebox-price-down .price-neutral-circle-icon,
.tradebox-price-up .price-neutral-circle-icon {
  display: none;
}
.tradebox-price-down .price-negative-arrow-icon,
.tradebox-price-up .price-positive-arrow-icon {
  display: block;
}
.instrument-history {
  padding: 0 20px 4px;
  background: #27262e;
}
.instrument-history .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 13px 0;
}
.instrument-history .row:last-child {
  border-top: 1px solid #1c1c21;
}
.instrument-history .row .periods-percent {
  font-size: 13px;
  line-height: 13px;
  font-family: Lato;
  text-transform: uppercase;
}
.periods-group {
  height: 30px;
  min-width: 20%;
}
.ie-9 .periods-group {
  display: inline-block;
  min-width: 30%;
}
.periods-group .periods-type {
  font-size: 9px;
  line-height: 9px;
  padding-bottom: 9px;
  color: #a5a2b3;
  font-weight: 700;
}
.periods-group.left {
  text-align: left;
}
.periods-group.center {
  text-align: center;
}
.periods-group.right {
  text-align: right;
}
.instrument-history .changed-period-positive {
  color: #30c296;
}
.instrument-history .changed-period-negative {
  color: #fd315b;
}
.instrument-search-list {
  height: 50px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  border-bottom: 1px solid #00a7e1;
  font-family: Open Sans;
}
.instrument-search-list .searchbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  background: #1c1c21;
}
.instrument-search-list .searchbox input {
  height: auto;
  padding: 6px 10px 6px 32px;
  border: 1px solid #393740;
  background: #27262e;
  margin-left: 9px;
  font-family: Open Sans;
  font-size: 13px;
  font-weight: 600;
}
.instrument-search-list .searchbox input::-webkit-input-placeholder {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #a5a2b3;
}
.instrument-search-list .searchbox input:-moz-placeholder {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #a5a2b3;
}
.instrument-search-list .searchbox input::-moz-placeholder {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #a5a2b3;
}
.instrument-search-list .searchbox input:-ms-input-placeholder {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #a5a2b3;
}
.instrument-search-list .searchbox input::placeholder {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #a5a2b3;
}
.instrument-search-list .searchlist-search-icon {
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.instrument-search-list-results {
  background-color: #27262e;
  color: #c3c2cc;
  position: absolute;
  z-index: 1500;
  cursor: default;
  width: 100%;
}
.instrument-search-list-results .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  transition: background-color .2s linear;
  -webkit-box-shadow: inset 0 -1px 0 #1c1c21;
  -moz-box-shadow: inset 0 -1px 0 #1c1c21;
  box-shadow: inset 0 -1px 0 #1c1c21;
  height: 60px;
  font-size: 13px;
  font-weight: 600;
  color: #b5bdc7;
}
.instrument-search-list-results .item .search-match {
  color: #e8e6f2;
}
.instrument-search-list-results .item.hover,
.instrument-search-list-results .item.selected,
.instrument-search-list-results .item:hover {
  background-color: #393740;
}
.instrument-search-list-results .item:active {
  background-color: #201e24;
}
.instrument-search-list-results-instrument {
  margin-right: 32px;
}
.instrument-search-list-results-instrument div {
  font-size: 11px;
}
.instrument-search-list-results .search-plus-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.instrument-search-list .scrollable-holder {
  border-top: 1px solid #00a7e1;
}
.instrument-search-list .searchlist-close-icon {
  margin: 0 9px;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
}
.instrument-search-list .searchlist-close-icon:hover {
  background: #2c2a32;
}
.instrument-search-list .searchlist-close-icon:active {
  background: #131316;
}
.instrument-search-list .searchlist-no-results {
  padding: 10px;
}
.tradebox-chart-preview {
  padding: 0 15px;
  height: 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  line-height: 40px;
  font-size: 12px;
  color: #747980;
}
.tradebox-chart-preview-svg-closed-market {
  stroke: #393740;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.tradebox-chart-preview-svg-opened-market {
  stroke-width: 2px;
}
.tradebox-chart-preview-svg-hover {
  stroke-width: 10px;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: transparent;
  stroke: transparent;
}
.tradebox-chart-preview-svg-hover:hover {
  stroke: #393740;
}
.tradebox-chart-preview-svg-positive-market {
  stroke: #30c296;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.tradebox-chart-preview-svg-negative-market {
  stroke: #fd315b;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
@-webkit-keyframes popup-shake {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(10px);
    transform: translate(10px);
  }
}
@-moz-keyframes popup-shake {
  0% {
    -moz-transform: translate(0);
    transform: translate(0);
  }
  to {
    -moz-transform: translate(10px);
    transform: translate(10px);
  }
}
@-o-keyframes popup-shake {
  0% {
    -o-transform: translate(0);
    transform: translate(0);
  }
  to {
    -o-transform: translate(10px);
    transform: translate(10px);
  }
}
@keyframes popup-shake {
  0% {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
  }
  to {
    -webkit-transform: translate(10px);
    -moz-transform: translate(10px);
    -o-transform: translate(10px);
    transform: translate(10px);
  }
}
.tradePanel-feature-popup {
  padding: 11px 19px 14px;
  background: #00a7e1;
  position: absolute;
  z-index: 1000;
  color: #fff;
  font-family: Open Sans;
  width: 330px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-animation: popup-shake .75s linear infinite alternate;
  -moz-animation: popup-shake .75s linear infinite alternate;
  -o-animation: popup-shake .75s linear infinite alternate;
  animation: popup-shake .75s linear infinite alternate;
  cursor: default;
  top: 8px;
  left: 100%;
  margin-left: -8px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
  -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
}
.sidePanel-feature-popup {
  padding: 11px 19px 14px;
  background: #00a7e1;
  position: absolute;
  z-index: 1000;
  color: #fff;
  font-family: Open Sans;
  width: 330px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-animation: popup-shake .75s linear infinite alternate;
  -moz-animation: popup-shake .75s linear infinite alternate;
  -o-animation: popup-shake .75s linear infinite alternate;
  animation: popup-shake .75s linear infinite alternate;
  cursor: default;
  right: 100%;
  margin-right: 10px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
  -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.25);
}
.sidePanel-feature-popup:hover,
.tradePanel-feature-popup:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.has-overlay .sidePanel-feature-popup,
.has-overlay .tradePanel-feature-popup,
.searchlist-shown .sidePanel-feature-popup,
.searchlist-shown .tradePanel-feature-popup,
.tutorial .sidePanel-feature-popup,
.tutorial .tradePanel-feature-popup {
  display: none;
}
.new-feature-popup-title {
  font-size: 13px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
}
.new-feature-popup-body {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  margin-top: 6px;
}
.new-feature-popup-arrow {
  position: absolute;
  left: -4px;
  top: 6px;
}
.new-feature-popup-arrow .chovka-icon {
  fill: #00a7e1;
}
.new-feature-popup-close {
  position: absolute;
  top: 9px;
  right: 9px;
  -webkit-transition: background .15s ease;
  -o-transition: background .15s ease;
  -moz-transition: background .15s ease;
  transition: background .15s ease;
  width: 30px;
  height: 30px;
  color: #6f6f7f;
}
.new-feature-popup-close .close-small-icon path {
  stroke: #fff;
}
.new-feature-popup-close .close-small-icon {
  margin: -1px 0 0 -1px;
}
.new-feature-popup-close:hover {
  background: #0095c7;
}
.new-feature-popup-close:active {
  background: #0082ad;
}
.sidePanel-feature-popup .new-feature-popup-arrow {
  right: -4px;
  top: 10px;
  left: auto;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.accordion {
  position: relative;
}
.accordion-tab-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #b5bdc7;
  text-transform: uppercase;
  text-align: left;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  padding: 13px 13px 14px 20px;
  background: #1c1c21;
}
.accordion-tab-btn .accordion-tab-arrow {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 13px;
  height: 13px;
}
.accordion-tab-btn.active-accordion-tab {
  border-bottom: 1px solid #00a7e1;
}
.accordion-tab-btn.active-accordion-tab .accordion-tab-arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.accordion-info {
  border-bottom: 1px solid #393740;
}
.accordion-info .week-days {
  margin: 5px 0 8px 14%;
}
.accordion-info .buyers-sellers-line-container {
  bottom: 0;
}
.info-node {
  overflow: hidden;
}
.instrument-explorer {
  background: #1c1c21;
  font-family: Open Sans;
  position: relative;
}
.instrument-explorer .head-title {
  background: #1c1c21;
  color: #a5a2b3;
  font-size: 10px;
  font-weight: 700;
  line-height: 50px;
  height: 49px;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 1px solid #393740;
}
.instrument-explorer .head-title .instrument-code {
  color: #e8e6f2;
}
.instrument-explorer .action-bar {
  background: #27262e;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-size: 0;
  border-bottom: 1px solid #393740;
}
.instrument-explorer .action-bar svg {
  width: 40px;
}
.instrument-explorer .action-bar .action-bar-item {
  -webkit-flex-basis: 33.33%;
  -ms-flex-preferred-size: 33.33%;
  flex-basis: 33.33%;
  padding: 9px 0 8px;
  text-align: center;
  position: relative;
  overflow: hidden;
  display: block;
  z-index: 1;
}
.ie-9 .instrument-explorer .action-bar .action-bar-item {
  width: 33%;
  display: inline-block;
}
.instrument-explorer .action-bar .action-bar-item:first-child:before,
.instrument-explorer .action-bar .action-bar-item:last-child:before {
  content: "";
  position: absolute;
  height: 32px;
  width: 1px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #1c1c21;
}
.instrument-explorer .action-bar .action-bar-item:first-child:before {
  right: 0;
}
.instrument-explorer .action-bar .action-bar-item:last-child:before {
  left: 0;
}
.instrument-explorer .action-bar .action-bar-item:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 230px;
  height: 230px;
  margin-left: -115px;
  margin-top: -115px;
  background: #393740;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  opacity: 1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  transition: all .5s ease-out;
  visibility: hidden;
  z-index: -1;
}
.instrument-explorer .action-bar .action-bar-item:focus:after,
.instrument-explorer .action-bar .action-bar-item:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  visibility: visible;
}
.instrument-explorer .action-bar .action-bar-item:active:after {
  background: #201e24;
}
.instrument-explorer .action-bar .action-bar-item:last-child {
  border-right: none;
}
.instrument-explorer .scrollabla-area-bottom-shadow,
.instrument-explorer .scrollabla-area-top-shadow {
  -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
  -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
  position: absolute;
  height: 3px;
  width: 100%;
  pointer-events: none;
  z-index: 1;
  display: none;
}
.scrollable-area-active .scrollabla-area-bottom-shadow,
.scrollable-area-active .scrollabla-area-top-shadow {
  display: block;
}
.scrollable-area-at-bottom .scrollabla-area-bottom-shadow,
.scrollable-area-at-top .scrollabla-area-top-shadow,
.trident .scrollabla-area-bottom-shadow,
.trident .scrollabla-area-top-shadow {
  display: none;
}
.instrument-explorer .scrollabla-area-top-shadow {
  top: -4px;
  border-bottom: 1px solid #393740;
}
.instrument-explorer .scrollabla-area-bottom-shadow {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  bottom: -3px;
}
.instrument-explorer .scrollable-area-track .scrollable-area-track-gripper {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 6px;
}
.instrument-explorer .scrollable-area-track {
  right: 4px;
  top: 4px;
  bottom: 4px;
}
.additional-info {
  position: relative;
  background-color: #27262e;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.additional-info .info-row {
  position: relative;
}
.additional-info .info-row:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  background: #1c1c21;
}
.additional-info .info-row:last-child {
  border-bottom: none;
}
.additional-info .label {
  font-size: 10px;
  text-align: left;
  color: #a5a2b3;
  text-transform: uppercase;
  padding: 10px 20px;
  font-weight: 700;
  z-index: 1;
  max-width: 1px;
}
.additional-info .label .label-wrapper {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 30px;
}
.additional-info .label:hover .label-wrapper.has-hover {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #1c1c21;
  margin: 0 -8px;
  padding: 0 8px;
}
.additional-info .content {
  text-align: right;
  line-height: 30px;
  color: #e8e6f2;
  font-size: 12px;
  font-family: Lato;
  padding: 10px 20px;
  width: 1px;
  white-space: nowrap;
  position: relative;
}
.additional-info .content .cell-separator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1px;
  height: 30px;
  background: #1c1c21;
}
.additional-info .letters .content {
  font-family: Open Sans;
}
.current-status .info-row {
  line-height: 30px;
  border-bottom: 1px solid #1c1c21;
  background-color: #27262e;
  overflow: hidden;
  padding: 10px 20px;
}
.current-status .info-row:last-child {
  border-bottom: none;
}
.current-status .label {
  font-size: 10px;
  text-align: left;
  float: left;
  color: #a5a2b3;
  text-transform: uppercase;
  width: 35%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 30px;
  border-right: 1px solid #43424d;
  padding-right: 10px;
  font-weight: 700;
}
.current-status .content {
  text-align: right;
  float: right;
  color: #e8e6f2;
  font-size: 12px;
}
.trade-line-column.value {
  font-family: Lato;
}
.current-status-trade-line {
  padding: 0 20px;
  border-bottom: 1px solid #1c1c21;
  position: relative;
  background: #27262e;
  margin-bottom: 5px;
}
.current-status-trade-line .tradebox-today {
  border-top: none;
}
.current-status-trade-line.trade-line-row-down .trade-line-column.value {
  color: #fd315b;
}
.current-status-trade-line.trade-line-row-up .trade-line-column.value {
  color: #30c296;
}
.trade-line-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 10px 0 15px;
  border-top: 1px solid #1c1c21;
}
.ie-9 .trade-line-row {
  display: block;
  text-align: right;
}
.trade-line-row.title {
  font-size: 9px;
  color: #a5a2b3;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: none;
  padding: 0;
}
.trade-line-column {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
  line-height: 31px;
  height: 28px;
  display: block;
  font-family: Open sans;
}
.trade-line-column.sell {
  -webkit-flex-basis: 29.5%;
  -ms-flex-preferred-size: 29.5%;
  flex-basis: 29.5%;
}
.trade-line-column.buy {
  -webkit-flex-basis: 29%;
  -ms-flex-preferred-size: 29%;
  flex-basis: 29%;
}
.ie-9 .trade-line-column {
  width: 29%;
  display: inline-block;
}
.trade-line-column.value {
  font-size: 13px;
}
.trade-line-column.row-title {
  text-align: left;
  -webkit-flex-basis: 41.5%;
  -ms-flex-preferred-size: 41.5%;
  flex-basis: 41.5%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-weight: 700;
  color: #a5a2b3;
  font-size: 10px;
  text-transform: uppercase;
  border-right: 1px solid #1c1c21;
}
.trading-hours {
  padding: 10px 12px 15px 0;
  background: #27262e;
}
.trading-hours-title {
  float: left;
  color: #a5a2b3;
}
.hours-container {
  margin-top: 30px;
}
.working-hours {
  display: inline-block;
  position: relative;
  width: 100%;
}
.working-hours .weekday {
  height: 120px;
  position: relative;
  color: #a5a2b3;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.ie-9 .working-hours .weekday {
  display: inline-block;
  width: 14%;
}
.working-hours .close,
.working-hours .open {
  width: 10px;
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  margin: auto;
}
.working-hours .open {
  background: #00a7e1;
}
.working-hours .close {
  background: #1c1c21;
}
.working-hours .weekday.today .close {
  background: #adebff;
}
.working-hours .allday {
  top: 1px;
  bottom: 1px;
}
.working-hours .end-of-day,
.working-hours .start-of-day {
  width: 100%;
  position: absolute;
  left: 0;
  color: #a5a2b3;
}
.working-hours .start-of-day {
  top: 17px;
}
.working-hours .end-of-day {
  bottom: -9px;
}
.week-days,
.workBars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.week-days {
  margin: 5px 0 10px 14%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.workBars {
  width: 86%;
  margin-left: 14%;
}
.weekday-label {
  display: inline-block;
  text-align: center;
  font-size: 9px;
  color: #a5a2b3;
  text-transform: uppercase;
  -webkit-flex-basis: 14.3%;
  -ms-flex-preferred-size: 14.3%;
  flex-basis: 14.3%;
  font-weight: 700;
}
.ie-9 .weekday-label {
  width: 14%;
  display: inline-block;
}
.weekday-label.today {
  color: #00a7e1;
}
.timelabel {
  width: 100%;
  left: 0;
  font-size: 9px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  color: #a5a2b3;
}
.timelabel i {
  display: inline-block;
  width: 83%;
  height: 1px;
  background: #393740;
  top: 50%;
  position: absolute;
}
.timelabel.end-of-day i,
.timelabel.start-of-day i {
  background: #1c1c21;
}
.timelabel span {
  font-family: Lato;
  display: inline-block;
  width: 14%;
  text-align: center;
}
.btn-primary {
  color: #fff;
  background-color: #007ABD;
  border-top: 1px solid #3394FD;
  border-bottom: 1px solid #000000;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #49acf2;
  border-top: 1px solid #3394FD;
  border-bottom: 1px solid #000000;
}
.modal-content {
  border-color: #2D3E50;
  border-radius: 0;
  box-shadow: none;
  margin: 0 auto;
}
.modal-header {
  border-bottom: 1px solid #2D3E50;
  width: 100%;
  padding: 14px 10px;
  background: #131B28;
  text-align: left;
  height: 49px;
  line-height: 22px;
}
#tol-login-popup .form-control {
  margin-bottom: 11px;
  height: 30px;
  border-radius: 0;
  box-shadow: none;
  transition: none;
  border: 1px solid #2D3E50;
}
#tol-login-popup .form-control.login-button-popup {
  width: 200px;
  height: 40px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 20px;
  margin: 0;
  border: 0;
  border-radius: 3px;
}
#tol-login-popup .account-switch-toggle {
  height: 61px;
}
#tol-login-popup .account-switch-toggle div {
  width: 50%;
  float: left;
  text-align: center;
  padding: 20px;
  cursor: pointer;
  font-size: 14px;
  color: #888d93;
  border-bottom: 1px solid #2F4052;
}
#tol-login-popup .account-switch-toggle div:nth-of-type(2) {
  border-left: 1px solid #2F4052;
}
#tol-login-popup .account-switch-toggle div.active {
  font-weight: bold;
  color: white;
  border-bottom: 3px solid #0078fd;
  padding-bottom: 18px;
}
.modal-body {
  padding: 28px 34px 0 34px;
  background: #182434;
  color: #647E97;
}
.edu-intro-text {
  margin: 50px auto;
  max-width: 1170px;
  font-size: 17px;
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: transparent;
}
.serach-bar-el .form-control {
  background: #182434;
  color: #ffffff;
  font-size: 13px;
  border: 1px solid #2D3E50;
  height: 24px;
  padding: 0 7px;
  border-radius: 0;
  line-height: 1.43em;
}
#searchBarControls .btn-primary {
  float: right;
  height: 40px;
}
.modal-content {
  background-color: #182434;
}
.past-expiries .table > thead > tr > th,
.my-trades-form .table > thead > tr > th,
.my-stats-form .table > thead > tr > th {
  border-bottom: 0;
}
.past-expiries .table > thead > tr > th,
.past-expiries .table > tbody > tr > th,
.past-expiries .table > tfoot > tr > th,
.past-expiries .table > thead > tr > td,
.past-expiries .table > tbody > tr > td,
.past-expiries .table > tfoot > tr > td,
.my-trades-form .table > thead > tr > th,
.my-trades-form .table > tbody > tr > td,
.my-stats-form .table > thead > tr > th,
.my-stats-form .table > tbody > tr > td,
.scrollTable.table > thead > tr > th,
.scrollTable.table > tbody > tr > td,
.table > thead > tr > th,
.table > tbody > tr > td {
  padding: 0 8px;
  height: 38px;
  line-height: 38px;
  border-top: 1px solid #2D3E50;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2d3e50;
  font-weight: 700;
  font-family: 'robotolight';
  border-bottom-color: #2D3E50;
}
#searchBarControls .form-group.serach-bar-el input,
#searchBarControls .form-group.serach-bar-el select {
  width: 80%;
  display: inline;
}
#tol-trades-popup .modal-dialog.modal-lg {
  width: 1260px;
  top: 50px;
}
#searchBarControls .form-group.serach-bar-el {
  padding-top: 10px;
  max-width: 335px !important;
}
#searchBarInfo span {
  border: none !important;
  width: 85%;
  display: inline;
  background: #182434;
  color: #ffffff;
  font-size: 13px;
}
#searchBarInfo {
  border-bottom: 1px solid #2d3e50;
  padding: 10px;
  margin-left: 0;
  margin-right: 0;
}
@media (width: 1024px) {
  #tol-trades-popup .modal-dialog.modal-lg {
    width: 100%;
    top: 50px;
  }
  #searchBarControls .form-group.serach-bar-el {
    padding-top: 10px;
  }
  #searchBarControls .btn-primary {
    float: none;
    margin: 20px 395px 0;
  }
}
@media (width: 768px) {
  #tol-trades-popup .modal-dialog.modal-lg {
    width: 100%;
    top: 50px;
  }
  #searchBarControls .form-group.serach-bar-el {
    max-width: 33.33% !important;
  }
  #searchBarControls .btn-primary {
    float: none;
    margin: 20px 267px 0;
  }
  #termsAgreement .form-group.paddingLeftReg {
    margin: 5px 0 4px;
    font-size: 14px;
  }
  .registration-wrapper .bluebox {
    padding: 22px 45px;
  }
  .registration-wrapper {
    padding: 0 30px;
  }
  .registration-wrapper .col-sm-10 {
    width: 100%;
    padding: 0;
  }
  #tol-cashier-layout-1 .form-control,
  .tol-registration-column .form-control,
  #divExtraFields input {
    padding: 6px 8px;
  }
  .helvetica-bold-head,
  .roboto-dark {
    font-size: 32px;
  }
  .index-top {
    font-size: 16px;
  }
  .registration-wrapper .first-article-header,
  .page-swap .first-article-header,
  .page-what-is-exchange .first-article-header,
  .page-what-is-forex-2 .first-article-header {
    margin-top: 150px;
  }
  .section-title-row {
    margin: 20px 0 30px;
  }
  .helvetica-bold-head,
  .roboto-dark {
    font-size: 30px;
  }
  .benefits-trading .col-sm-8,
  .difference-trading .col-sm-8 {
    width: 100%;
  }
  .second-article-header {
    margin-top: 10px;
  }
  .container-fluid.exchange-layout {
    padding: 0 30px;
  }
  .page-contact-us .entry-content {
    padding: 0 0 0 10px;
  }
  #tol-myProfile-layout-1 .compliance-userdetails .control-label {
    width: 100%;
    text-align: left;
  }
  #tol-myProfile-layout-1 .tabs.nav-wizard li span,
  #tol-myProfile-layout-1 .tabs.nav-wizard li a {
    font-size: 14px;
  }
  .ui-dialog.forex-neworder-dialog .pending-buy-price,
  .ui-dialog.forex-neworder-dialog .pending-sell-price {
    float: right;
  }
}
@media (max-width: 767px) {
  .modal-body {
    padding: 0 15px;
  }
  #tol-trades-popup .modal-dialog.modal-lg {
    width: 100%;
    top: 0;
    margin: 0;
  }
  #tol-trades-popup {
    z-index: 99999;
  }
  #tol-trades-popup .search-bar {
    height: auto;
    padding: 10px 0;
  }
  #searchBarControls .serach-bar-el label {
    width: 40px;
  }
  #searchBarControls .btn-primary {
    width: 60% !important;
    margin-left: 20%;
    float: none;
  }
  #searchBarInfo .form-group.serach-bar-el {
    width: 100%;
  }
  #searchBarControls .form-group.serach-bar-el {
    padding-top: 10px;
    max-width: 100% !important;
    width: 100%;
  }
  #tol-trades-popup .table,
  #tol-trades-popup .table thead,
  #tol-trades-popup .table tbody {
    display: block;
  }
  #tol-trades-popup table tbody tr {
    position: relative;
    display: block;
  }
  #tol-trades-popup table th,
  #tol-trades-popup table td {
    display: inline-block;
    width: 33%;
    text-align: left;
    height: 37px;
    line-height: 37px;
    padding-left: 10px;
    border: 0;
  }
  #tol-trades-popup #tol-trades-popuptable td {
    border-top: 0;
  }
  #tol-trades-popup table td:nth-child(1),
  #tol-trades-popup table td:nth-child(2),
  #tol-trades-popup table td:nth-child(3) {
    border-top: 1px solid #2D3E50;
  }
  #tol-trades-popup table td.td-buttons {
    width: 100%;
    text-align: center;
    padding-top: 12px;
  }
  .table tr:hover td {
    background-color: transparent !important;
  }
  .navbar-nav#tol-userbar > li > .dropdown-menu.navgame {
    margin-right: 0;
    left: 0;
    right: unset;
  }
  .forexswaprates-menu-item.active:after {
    border: 0;
  }
  #tol-myProfile-layout-1 .tabs.nav-wizard li.active:after {
    border: 0;
  }
  #tol-myProfile-layout-1 .compliance-userdetails .control-label {
    width: 100%;
    text-align: left;
  }
  .container-fluid.exchange-layout {
    padding: 0 15px;
  }
  .get-started {
    margin: 30px 0;
    padding: 10px;
  }
  .get-started > div {
    padding: 0;
  }
  .registration-wrapper .first-article-header,
  .page-swap .first-article-header,
  .page-what-is-exchange .first-article-header,
  .page-what-is-forex-2 .first-article-header {
    margin-top: 100px;
  }
  .first-article-header > div.col-sm-6:nth-child(2) {
    display: none;
  }
  .second-article-header {
    margin-top: 10px;
  }
  .faq-section {
    margin-top: 140px;
  }
  .helvetica-bold-head,
  .roboto-dark {
    font-size: 30px;
  }
  .faq {
    margin: 0;
  }
  .panel-title {
    font-size: 23px;
  }
  #accordion .glyphicon {
    top: 2px;
  }
  .question-heading {
    width: 85%;
  }
  .faqicon,
  .question-heading {
    display: inline-block;
  }
  #accordion .panel-body ul {
    margin-left: 0;
    padding-left: 0;
  }
  .forexswaprates-menu-item {
    width: 100%;
  }
  .forexswaprates-menu > .forexswaprates-menu-item:last-of-type {
    width: 100%;
    border: 1px solid #EAEAEA;
  }
  .forexswaprates-tableheader > div {
    padding: 0 5px;
    font-size: 15px;
  }
  #glossary-nav {
    padding-bottom: 100px;
  }
  .asset-data {
    font-size: 17px;
  }
  .tol-registration-column .form-group {
    padding: 0;
  }
  #tol-cashier-layout-1 .form-control,
  .tol-registration-column .form-control,
  .mobile-height {
    height: 35px;
  }
  #startTrading {
    height: 50px;
  }
  #termsAgreement .form-group.paddingLeftReg {
    font-size: 13px;
  }
  .tol-info-column {
    padding: 0;
  }
  .tol-info-column .form-group {
    padding: 0 10px;
  }
  .tol-info-column .col-sm-12.col-md-8 {
    padding: 0;
  }
  .lang-de .btn-primary {
    font-size: 15px;
  }
}
#tol-messageInbox .inboxRow {
  cursor: pointer;
}
.msgContent {
  color: #fff;
}
.msgContent .headerWrap {
  padding: 0 10px;
  border-radius: 5px;
  position: relative;
}
.headerSubject,
.headerReceived {
  font-size: 13px;
  padding: 8px 0;
}
.headerSubject strong,
.headerReceived strong {
  margin-right: 10px;
  width: 60px;
  display: inline-block;
  color: #9d9d9d;
}
.headerBackBtn {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  background-repeat: repeat-x;
  cursor: pointer;
  background: #007ABD;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
}
.headerBackBtn:hover {
  border: none;
  background: #125fb1;
}
.msgContentBody {
  padding: 10px;
  border-width: 0;
  border-radius: 5px;
  margin-top: 15px;
  min-height: 200px;
}
.msgContentBody p {
  background: transparent !important;
}
#tv_chart_container {
  visibility: hidden;
}
#tv_chart_container iframe {
  height: 100% !important;
}
.panel.loaded {
  border: 0;
}
.panel.loaded #tv_chart_container {
  visibility: visible;
  border: 1px solid #464646;
}
.traderoom-loader {
  width: 100%;
  height: 100%;
  background: #aaa;
  z-index: 9;
  position: absolute;
}
.td-buttons .loader {
  padding: 0;
  width: 44px !important;
  height: 11px !important;
  float: right;
  margin-right: 6px;
  margin-top: 0 !important;
  left: unset !important;
  top: unset !important;
  position: relative !important;
}
.loader {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 7.33333em;
  height: 7.33333em;
  margin-left: -3.66667em;
  margin-top: -3.66667em;
}
.loader-block {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  opacity: 0;
  width: 2em;
  height: 2em;
  background: #007ABD;
  -webkit-animation: show 0.88s step-end infinite alternate, pulse 0.88s linear infinite alternate;
  animation: show 0.88s step-end infinite alternate, pulse 0.88s linear infinite alternate;
}
.loader-block:nth-child(1) {
  -moz-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -webkit-transform: translate(0,0);
  transform: translate(0,0);
  -webkit-animation-delay: 0.065s;
  animation-delay: 0.065s;
}
.loader-block:nth-child(2) {
  -moz-transform: translate(2.66667em,0);
  -ms-transform: translate(2.66667em,0);
  -webkit-transform: translate(2.66667em,0);
  transform: translate(2.66667em,0);
  -webkit-animation-delay: 0.13s;
  animation-delay: 0.13s;
}
.loader-block:nth-child(3) {
  -moz-transform: translate(5.33333em,0);
  -ms-transform: translate(5.33333em,0);
  -webkit-transform: translate(5.33333em,0);
  transform: translate(5.33333em,0);
  -webkit-animation-delay: 0.195s;
  animation-delay: 0.195s;
}
.loader-block:nth-child(4) {
  -moz-transform: translate(0,2.66667em);
  -ms-transform: translate(0,2.66667em);
  -webkit-transform: translate(0,2.66667em);
  transform: translate(0,2.66667em);
  -webkit-animation-delay: 0.325s;
  animation-delay: 0.325s;
}
.loader-block:nth-child(5) {
  -moz-transform: translate(2.66667em,2.66667em);
  -ms-transform: translate(2.66667em,2.66667em);
  -webkit-transform: translate(2.66667em,2.66667em);
  transform: translate(2.66667em,2.66667em);
  -webkit-animation-delay: 0.13s;
  animation-delay: 0.13s;
}
.loader-block:nth-child(6) {
  -moz-transform: translate(5.33333em,2.66667em);
  -ms-transform: translate(5.33333em,2.66667em);
  -webkit-transform: translate(5.33333em,2.66667em);
  transform: translate(5.33333em,2.66667em);
  -webkit-animation-delay: 0.455s;
  animation-delay: 0.455s;
}
.loader-block:nth-child(7) {
  -moz-transform: translate(0,5.33333em);
  -ms-transform: translate(0,5.33333em);
  -webkit-transform: translate(0,5.33333em);
  transform: translate(0,5.33333em);
  -webkit-animation-delay: 0.39s;
  animation-delay: 0.39s;
}
.loader-block:nth-child(8) {
  -moz-transform: translate(2.66667em,5.33333em);
  -ms-transform: translate(2.66667em,5.33333em);
  -webkit-transform: translate(2.66667em,5.33333em);
  transform: translate(2.66667em,5.33333em);
  -webkit-animation-delay: 0.26s;
  animation-delay: 0.26s;
}
.loader-block:nth-child(9) {
  -moz-transform: translate(5.33333em,5.33333em);
  -ms-transform: translate(5.33333em,5.33333em);
  -webkit-transform: translate(5.33333em,5.33333em);
  transform: translate(5.33333em,5.33333em);
}
@-webkit-keyframes pulse {
  from,
  40% {
    background: #007ABD;
  }
  to {
    background: #a04525;
  }
}
@-webkit-keyframes show {
  from,
  40% {
    opacity: 0;
  }
  41%,
  to {
    opacity: 1;
  }
}
@keyframes pulse {
  from,
  40% {
    background: #007ABD;
  }
  to {
    background: #a04525;
  }
}
@keyframes show {
  from,
  40% {
    opacity: 0;
  }
  41%,
  to {
    opacity: 1;
  }
}
.modal-backdrop.pbuilder-chart-back {
  opacity: 0.5;
}
.page-portfolio-builder,
.page-portfolio-adviser {
  background: #182434;
}
.page-portfolio-builder .equity-content .equity-item,
.page-portfolio-builder .equity-content .footer-settings-icon,
.page-portfolio-adviser .equity-content .equity-item,
.page-portfolio-adviser .equity-content .footer-settings-icon {
  display: none;
}
.page-portfolio-builder .equity-content .equity-item.balance-item,
.page-portfolio-builder .equity-content .footer-settings-icon.balance-item,
.page-portfolio-adviser .equity-content .equity-item.balance-item,
.page-portfolio-adviser .equity-content .footer-settings-icon.balance-item {
  display: block;
}
.page-portfolio-builder .layout,
.page-portfolio-adviser .layout {
  background: #182434;
}
.page-portfolio-builder #portfolioBuilderChart,
.page-portfolio-adviser #portfolioBuilderChart {
  width: 678px;
  height: 402px;
  z-index: 1051;
  border: 1px solid #2A394A;
}
.page-portfolio-builder #portfolioBuilderChart .portfolio-chart,
.page-portfolio-builder #portfolioBuilderChart .highcharts-container,
.page-portfolio-builder #portfolioBuilderChart .highcharts-background,
.page-portfolio-adviser #portfolioBuilderChart .portfolio-chart,
.page-portfolio-adviser #portfolioBuilderChart .highcharts-container,
.page-portfolio-adviser #portfolioBuilderChart .highcharts-background {
  background: #182434;
  fill: #182434;
  width: 100%;
}
.page-portfolio-builder #portfolioBuilderChart .portfolioBuilderChartClose,
.page-portfolio-adviser #portfolioBuilderChart .portfolioBuilderChartClose {
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 99;
  color: #5C758F;
  font-size: 16px;
  font-family: lato-regular;
  text-align: center;
  line-height: 11px;
}
.page-portfolio-builder #portfolioBuilderChart .portfolioBuilderChartClose:hover,
.page-portfolio-adviser #portfolioBuilderChart .portfolioBuilderChartClose:hover {
  cursor: pointer;
}
.page-portfolio-builder #portfolioBuilderChart .highcharts-legend,
.page-portfolio-adviser #portfolioBuilderChart .highcharts-legend {
  display: block;
}
.page-portfolio-builder #portfolioBuilderChart .highcharts-legend text,
.page-portfolio-builder #portfolioBuilderChart .highcharts-legend text:hover,
.page-portfolio-adviser #portfolioBuilderChart .highcharts-legend text,
.page-portfolio-adviser #portfolioBuilderChart .highcharts-legend text:hover {
  fill: #DEDFE1 !important;
  color: #DEDFE1 !important;
  text-transform: uppercase;
  cursor: default !important;
}
.page-portfolio-builder #portfolioBuilderChart .highcharts-tooltip path,
.page-portfolio-adviser #portfolioBuilderChart .highcharts-tooltip path {
  fill: #0567D5;
}
.page-portfolio-builder #portfolioBuilderChart .highcharts-title tspan,
.page-portfolio-adviser #portfolioBuilderChart .highcharts-title tspan {
  fill: #182434;
  color: #182434;
}
.page-portfolio-builder #portfolioBuilderChart .highcharts-xaxis .highcharts-axis-line,
.page-portfolio-adviser #portfolioBuilderChart .highcharts-xaxis .highcharts-axis-line {
  stroke: #2D3D4F;
}
.page-portfolio-builder .container-fluid.no-padding-all,
.page-portfolio-adviser .container-fluid.no-padding-all {
  padding: 0;
}
.page-portfolio-builder #content,
.page-portfolio-adviser #content {
  background: #121B27;
}
.page-portfolio-builder .portfolio-header-part,
.page-portfolio-adviser .portfolio-header-part {
  padding: 35px 53px 29px;
  background: url('/wp-content/themes/tol-parent/images/triangles_background.png') no-repeat top left;
}
.page-portfolio-builder .portfolio-body-part,
.page-portfolio-adviser .portfolio-body-part {
  padding: 54px;
}
.page-portfolio-builder .portofolio-builder-table,
.page-portfolio-adviser .portofolio-builder-table {
  background: #182434;
  padding: 0 0 37px 34px;
  height: 600px;
}
.page-portfolio-builder h1,
.page-portfolio-adviser h1 {
  text-transform: uppercase;
  font-family: 'robotocondensed';
  font-size: 35px;
  line-height: 45px;
  color: #fff;
  margin: 0;
}
.page-portfolio-builder h3,
.page-portfolio-adviser h3 {
  text-transform: uppercase;
  font-family: 'robotothin';
  font-size: 25px;
  line-height: 35px;
  color: #fff;
  margin: 0;
}
.page-portfolio-builder .pbuilder-table-row,
.page-portfolio-adviser .pbuilder-table-row {
  padding: 27px 25px 0 0;
  border-bottom: 1px solid #2D3D4F;
  height: 94px;
}
.page-portfolio-builder .pbinfo,
.page-portfolio-adviser .pbinfo {
  color: #fff;
  width: 32.4%;
  display: inline-block;
  vertical-align: top;
}
.page-portfolio-builder .pbinfo .pbtable-title,
.page-portfolio-adviser .pbinfo .pbtable-title {
  text-transform: uppercase;
  font-family: 'roboto';
  font-size: 14px;
  line-height: 28px;
}
.page-portfolio-builder .pbinfo .pbtable-secondtitle,
.page-portfolio-adviser .pbinfo .pbtable-secondtitle {
  font-family: 'robotolight';
  font-size: 12px;
  opacity: 0.5;
}
.page-portfolio-builder .pbreturn,
.page-portfolio-builder .pbinvest,
.page-portfolio-adviser .pbreturn,
.page-portfolio-adviser .pbinvest {
  display: inline-block;
  width: 27%;
  vertical-align: top;
}
.page-portfolio-builder .pbreturn .pbinvest-title,
.page-portfolio-builder .pbreturn .pbreturn-title,
.page-portfolio-builder .pbinvest .pbinvest-title,
.page-portfolio-builder .pbinvest .pbreturn-title,
.page-portfolio-adviser .pbreturn .pbinvest-title,
.page-portfolio-adviser .pbreturn .pbreturn-title,
.page-portfolio-adviser .pbinvest .pbinvest-title,
.page-portfolio-adviser .pbinvest .pbreturn-title {
  font-family: 'roboto';
  font-size: 14px;
  color: #fff;
}
.page-portfolio-builder .pbreturn .pbreturn-value,
.page-portfolio-builder .pbinvest .pbreturn-value,
.page-portfolio-adviser .pbreturn .pbreturn-value,
.page-portfolio-adviser .pbinvest .pbreturn-value {
  font-family: 'roboto';
  font-size: 22px;
  color: #03BA00;
}
.page-portfolio-builder .pbreturn .pbreturn-value.negative,
.page-portfolio-builder .pbinvest .pbreturn-value.negative,
.page-portfolio-adviser .pbreturn .pbreturn-value.negative,
.page-portfolio-adviser .pbinvest .pbreturn-value.negative {
  color: #D42E42;
}
.page-portfolio-builder .pbreturn .pbinvest-value,
.page-portfolio-builder .pbinvest .pbinvest-value,
.page-portfolio-adviser .pbreturn .pbinvest-value,
.page-portfolio-adviser .pbinvest .pbinvest-value {
  font-family: 'roboto';
  font-size: 22px;
  color: #fff;
}
.page-portfolio-builder .pbinvest,
.page-portfolio-adviser .pbinvest {
  padding-left: 35px;
  text-align: center;
}
.page-portfolio-builder .pbchart,
.page-portfolio-builder .pbadd,
.page-portfolio-adviser .pbchart,
.page-portfolio-adviser .pbadd {
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 5px;
}
.page-portfolio-builder .pbchart:hover,
.page-portfolio-builder .pbadd:hover,
.page-portfolio-adviser .pbchart:hover,
.page-portfolio-adviser .pbadd:hover {
  cursor: pointer;
}
.page-portfolio-builder .pbchart,
.page-portfolio-adviser .pbchart {
  background: #2D3E50 url('/wp-content/themes/tol-parent/images/chart_icon.png') no-repeat center;
}
.page-portfolio-builder .pbadd,
.page-portfolio-adviser .pbadd {
  background: #2D3E50 url('/wp-content/themes/tol-parent/images/plus_icon.png') no-repeat center;
  float: right;
}
.page-portfolio-builder .pbadd.portfolio-added,
.page-portfolio-adviser .pbadd.portfolio-added {
  background: #0567D5 url('/wp-content/themes/tol-parent/images/tick_icon.png') no-repeat center;
  cursor: default;
}
.page-portfolio-builder .portfolio-name,
.page-portfolio-adviser .portfolio-name {
  text-indent: 30px;
  color: #fff;
  font-family: 'roboto';
  text-transform: uppercase;
  font-size: 16px;
  background: url(/wp-content/themes/tol-parent/images/pencil_icon.png) no-repeat 0 2px;
}
.page-portfolio-builder .portfolio-name:hover span,
.page-portfolio-adviser .portfolio-name:hover span {
  cursor: pointer;
}
.page-portfolio-builder .portfolio-additional-info,
.page-portfolio-adviser .portfolio-additional-info {
  padding: 70px 0;
  font-size: 34px;
  font-family: 'roboto-bold';
  text-transform: uppercase;
  color: #ffffff;
}
.page-portfolio-builder .portfolio-additional-info span,
.page-portfolio-adviser .portfolio-additional-info span {
  color: #0567D5;
}
.page-portfolio-builder .portfolio-nostrategies,
.page-portfolio-adviser .portfolio-nostrategies {
  width: 100%;
  height: 151px;
  background: url(/wp-content/themes/tol-parent/images/no_investment.png) no-repeat left center;
}
.page-portfolio-builder .portfolio-nostrategies.show,
.page-portfolio-adviser .portfolio-nostrategies.show {
  background: transparent;
  width: 50%;
}
.page-portfolio-builder .portfolio-investment-overview-item-bar div {
  height: 7px;
}
.page-portfolio-builder .portfolio-strategy-inforow {
  text-align: right;
}
.page-portfolio-builder .pbuilder-strategy-inforow-name,
.page-portfolio-builder .pbuilder-strategy-inforow-remove {
  display: inline-block;
  width: auto;
  padding: 0 5px;
}
.page-portfolio-builder .pbuilder-strategy-inforow-name:hover,
.page-portfolio-builder .pbuilder-strategy-inforow-remove:hover {
  cursor: pointer;
}
.page-portfolio-builder .strategy-amount-input {
  left: 45px;
  height: 30px;
  background: #182434;
  border: 1px solid #2D3D4F;
  padding: 0 5px;
  top: -5px;
}
.page-portfolio-builder .pbuilder-strategy-inforow-remove {
  margin-left: 8px;
  background: url('/wp-content/themes/tol-parent/images/pbuilder-close.png') no-repeat center;
  width: 24px;
  height: 13px;
}
.page-portfolio-builder .pbuilder-strategy-inforow-name {
  border: 1px solid #2D3D4F;
  height: 30px;
  line-height: 30px;
  text-align: center;
  min-width: 80px;
}
.page-portfolio-builder .portfolio-investment-overview-item {
  font-size: 14px;
  text-transform: uppercase;
}
.page-portfolio-builder .portfolio-investment-overview-item .row {
  line-height: 30px;
}
.page-portfolio-builder .portfolio-builder-total .portfolio-investment-overview-item {
  text-transform: uppercase;
  font-family: robotoregular;
  font-size: 18px;
  margin-bottom: 5px;
  white-space: nowrap;
}
.page-portfolio-builder .portfolio-builder-total .portfolio-investment-overview-item.fees {
  font-family: 'robotothin';
  font-size: 15px;
  margin-bottom: 15px;
}
.page-portfolio-builder .portfolio-body-part {
  padding: 54px 15px;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
.page-portfolio-builder .portfolio-details-wrapper {
  margin: 35px 0 100px;
  height: 250px;
}
.page-portfolio-builder .portfolio-invest-btn {
  background: #007ABD;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  height: 35px;
  line-height: 35px;
  color: #fff;
  border-radius: 3px;
}
.page-portfolio-builder .portfolio-invest-btn:hover {
  cursor: pointer;
}
.page-portfolio-details {
  background: #182434;
}
.page-portfolio-details .equity-content .equity-item,
.page-portfolio-details .equity-content .footer-settings-icon {
  display: none;
}
.page-portfolio-details .equity-content .equity-item.balance-item,
.page-portfolio-details .equity-content .footer-settings-icon.balance-item {
  display: block;
}
.page-portfolio-details .layout {
  background: #182434;
}
.page-portfolio-details .container-fluid.no-padding-all {
  padding: 0;
}
.page-portfolio-details #content {
  background: #131C28;
}
.page-portfolio-details .portfolio-header-part {
  padding: 35px 53px 29px;
  background: url('/wp-content/themes/tol-parent/images/triangles_background.png') no-repeat top left;
}
.page-portfolio-details .portfolio-body-part {
  padding: 30px 54px;
}
.page-portfolio-details h1 {
  text-transform: uppercase;
  font-family: 'robotocondensed';
  font-size: 35px;
  line-height: 45px;
  color: #fff;
  margin: 0;
}
.page-portfolio-details h3 {
  text-transform: uppercase;
  font-family: 'robotothin';
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  margin: 0;
  width: auto;
  display: inline-block;
}
.page-portfolio-details h3:hover {
  cursor: pointer;
}
.page-portfolio-details .portfolio-summary {
  height: 69px;
  padding: 15px 53px;
  background: #182434;
  border-top: 1px solid #2D3D4F;
  border-bottom: 1px solid #2D3D4F;
}
.page-portfolio-details .portfolio-summary .portfolio-summary-field {
  display: inline-block;
  padding: 0 35px;
  width: 13%;
  vertical-align: top;
}
.page-portfolio-details .portfolio-summary .portfolio-summary-field .portfolio-summary-field-title {
  font-size: 14px;
  font-family: 'robotothin';
  color: #fff;
  opacity: 0.5;
}
.page-portfolio-details .portfolio-summary .portfolio-summary-field .portfolio-summary-field-value {
  font-size: 16px;
  font-family: 'roboto';
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
}
.page-portfolio-details .portfolio-summary .portfolio-summary-field.portfolio-summary-name {
  padding-left: 0;
}
.page-portfolio-details .portfolio-details-chart {
  background: url('/wp-content/themes/tol-parent/images/portfolio-details-chart.png') no-repeat 15px center;
  height: 532px;
  width: 100%;
}
.page-portfolio-details .portfolio-details-table-navigation {
  background: #182434;
  padding: 0 54px;
  height: 67px;
  position: relative;
}
.page-portfolio-details .portfolio-details-table-navigation .nav {
  bottom: -12px;
  position: relative;
}
.page-portfolio-details .portfolio-details-table-navigation .nav>li,
.page-portfolio-details .portfolio-details-table-navigation .nav>li:hover {
  display: inline-block;
  width: 270px;
  height: 55px;
  background: #121B27;
  text-align: center;
  border-top: 3px solid #121B27;
}
.page-portfolio-details .portfolio-details-table-navigation .nav>li.closed-trades {
  margin-left: 10px;
}
.page-portfolio-details .portfolio-details-table-navigation .nav>li>a,
.page-portfolio-details .portfolio-details-table-navigation .nav>li>a:hover {
  color: #fff;
  text-transform: uppercase;
  font-family: 'roboto';
  font-size: 16px;
  height: 100%;
  line-height: 40px;
  background: transparent;
}
.page-portfolio-details .portfolio-details-table-navigation .nav>li.active {
  border-top: 3px solid #007ABD;
}
.page-portfolio-details .portfolio-details-table-navigation .nav>li.active a {
  color: #007ABD;
}
.page-portfolio-details .portfolio-details-tables-content table thead tr th,
.page-portfolio-details .portfolio-details-tables-content table tbody tr td {
  text-align: center;
  font-family: 'roboto';
  font-size: 14px;
  font-weight: normal;
}
.page-portfolio-details .pdetails-chart {
  min-height: 400px;
  border-right: 1px solid #2D3D4F;
}
.page-portfolio-details .highcharts-container,
.page-portfolio-details .highcharts-background {
  background: transparent;
  fill: transparent;
  width: 100%;
}
.page-portfolio-details .highcharts-tooltip path {
  fill: #0567D5 !important;
}
.page-portfolio-details .highcharts-title tspan {
  fill: #182434;
  color: #182434;
}
.page-portfolio-details .highcharts-xaxis .highcharts-axis-line {
  stroke: #2D3D4F;
}
.page-portfolio {
  background: #182434;
}
.page-portfolio .layout {
  background: #182434;
}
.page-portfolio #content {
  background: #1A232F;
}
.page-portfolio .portfolio-home-head {
  background: url('/wp-content/themes/tol-parent/images/easyforex_screen_back.png') no-repeat center;
  background-size: cover;
  padding: 50px 0;
}
.page-portfolio .portfolio-home-body {
  background: #1A232F;
  padding: 50px 130px;
}
.page-portfolio .portfolio-home-body img {
  width: 100%;
}
.page-portfolio .portfolio-home-body .portfolio-home-forex,
.page-portfolio .portfolio-home-body .portfolio-home-easyforex {
  padding: 50px 0;
}
.page-portfolio .portfolio-home-head-info {
  padding-top: 30px;
}
.page-portfolio .portfolio-home-title {
  font-family: 'robotolight';
  font-size: 35px;
  color: #fff;
  line-height: 70px;
}
.page-portfolio .portfolio-home-subtitle {
  font-family: 'robotolight';
  font-size: 15px;
  color: #fff;
  line-height: 21px;
}
.page-portfolio .portfolio-home-btn {
  font-family: 'robotothin';
  font-size: 26px;
  color: #fff;
  width: 192px;
  height: 50px;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 52px;
  margin-top: 40px;
}
.page-portfolio .portfolio-home-btn:hover {
  background: #fff;
  color: #1B232F;
  cursor: pointer;
}
.page-portfolio .portfolio-home-btn.tradeeasy-btn,
.page-portfolio .portfolio-home-btn.tradefx-btn {
  width: 108px;
}
.page-portfolio .portfolio-home-forex-info {
  padding: 70px 0 0 85px;
}
.page-portfolio .portfolio-home-easy-info {
  padding-top: 70px;
}
@media (min-width: 1600px) {
  .portfolio-home-head-info {
    padding-left: 20%;
  }
}
@media (min-width: 1441px) and (max-width: 1599px) {
  .portfolio-home-head-info {
    padding-left: 10%;
  }
}
@media (min-width: 1441px) {
  #tol-portfolio-home-1 {
    width: 1440px;
    margin: 0 auto;
  }
}
@media (max-width: 1441px) {
  .portfolio-home-head-info {
    padding-left: 130px;
  }
}
.page-my-portfolios {
  background: #182434;
}
.page-my-portfolios .equity-content .equity-item,
.page-my-portfolios .equity-content .footer-settings-icon {
  display: none;
}
.page-my-portfolios .equity-content .equity-item.balance-item,
.page-my-portfolios .equity-content .footer-settings-icon.balance-item {
  display: block;
}
.page-my-portfolios .noPortfoliosMessage {
  color: #fff;
  text-transform: uppercase;
  font-family: 'roboto';
  font-size: 23px;
  height: auto;
  line-height: 55px;
  font-weight: 500;
  background: transparent;
  padding-top: 35px;
}
.page-my-portfolios .create-portfolio {
  padding: 0px 40px;
  background: transparent;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  font-weight: 400;
  border: 1px solid #fff;
  min-width: 260px;
  cursor: pointer;
}
.page-my-portfolios .get-portfolio {
  padding: 0px 40px;
  background: #007ABD;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  border: 1px solid #007ABD;
  font-weight: 400;
  margin-left: 20px;
  min-width: 260px;
  cursor: pointer;
}
.page-my-portfolios .closed-portfolios-head-btns {
  display: inline-block;
  vertical-align: top;
}
.page-my-portfolios .closed-portfolios-head-btns .create-portfolio,
.page-my-portfolios .closed-portfolios-head-btns .get-portfolio {
  width: auto;
  min-width: 0;
  text-transform: uppercase;
  padding: 0 12px;
}
.page-my-portfolios .portfolio-close-dialog {
  background: #182434;
}
.page-my-portfolios .portfolio-close-dialog .ui-dialog-buttonset {
  float: left;
}
.page-my-portfolios .portfolio-close-dialog .ui-dialog-buttonset button {
  margin: 0;
}
.page-my-portfolios .portfolio-close-dialog .ui-dialog-buttonset button:first-of-type {
  margin-right: 18px;
}
.page-my-portfolios .portfolio-close-dialog .ui-dialog-buttonpane {
  padding-left: 12px;
}
.page-my-portfolios .portfolio-close-dialog .ui-dialog-content {
  color: white;
}
.page-my-portfolios .portfolio-close-dialog .ui-dialog-titlebar {
  height: 45px;
  border-radius: 0;
}
.page-my-portfolios .portfolio-close-dialog .ui-dialog-title {
  display: block;
  text-transform: uppercase;
  font-family: 'roboto';
}
.page-my-portfolios .portfolio-close-dialog .message-wrapper {
  font-family: 'roboto';
  font-size: 16px;
  line-height: 50px;
}
.page-my-portfolios .portfolio-close-dialog .button.portfolioCloseBtn[data-button="cancel"] {
  margin-left: 15px;
}
.page-my-portfolios .portfolio-close-dialog .ui-dialog-titlebar {
  border-bottom: 1px solid #2D3D4F;
}
.page-my-portfolios .closed-portfolios a.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.page-my-portfolios .closedPortfoliosTable table thead tr,
.page-my-portfolios .activePortfoliosTable table thead tr {
  display: none !important;
}
.page-my-portfolios .myportfolios-tables-content .tab-content {
  padding: 5px 35px 65px;
}
.page-my-portfolios .dataTable table {
  border-top: 0;
  border-right: 0;
  border-left: 0;
}
.page-my-portfolios .dataTable table tr:hover {
  cursor: pointer;
}
.page-my-portfolios .dataTable table td .cellWrapper,
.page-my-portfolios .dataTable table th .cellWrapper {
  color: #fff;
  font-family: 'roboto';
  font-size: 14px;
}
.page-my-portfolios .dataTable .fake-table {
  border-bottom: 0;
  border-collapse: collapse;
}
.page-my-portfolios .ui-dialog.portfolio-close-dialog .ui-button.ui-dialog-titlebar-close {
  background: #182434 url(/wp-content/themes/tol-child/images/close_btn.png) no-repeat top;
  width: 11px;
  height: 7px;
  border: 0;
  right: -20px;
  top: 0;
  outline: 0;
}
.page-my-portfolios .ui-dialog.portfolio-close-dialog .ui-button.ui-dialog-titlebar-close:hover {
  background: #182434 url(/wp-content/themes/tol-child/images/close_btn.png) no-repeat bottom;
}
.page-my-portfolios .ui-dialog.ui-widget-content.portfolio-close-dialog {
  border: 1px solid #2D3D4F;
  padding: 20px 29px;
  border-radius: 0;
}
.page-my-portfolios .container-fluid.no-padding-all {
  padding: 0;
}
.page-my-portfolios .portfolioCloseBtn {
  line-height: 30px;
  background: #2D3E50;
  color: #fff;
  padding: 0;
  width: 80px;
  height: 30px;
}
.page-my-portfolios .portfolioCloseBtn:hover {
  background: #5a5866;
}
.page-my-portfolios .td-buttons .portfolioCloseBtn {
  width: 60px;
  height: 25px;
  line-height: 25px;
  margin-top: 7px;
}
.page-my-portfolios #content {
  background: #131C28;
}
.page-my-portfolios .portfolio-header-part {
  padding: 35px 53px 29px;
  background: url('/wp-content/themes/tol-parent/images/triangles_background.png') no-repeat top left;
}
.page-my-portfolios .portfolio-body-part {
  padding: 30px 54px;
}
.page-my-portfolios h1 {
  text-transform: uppercase;
  font-family: 'robotocondensed';
  font-size: 35px;
  line-height: 45px;
  color: #fff;
  margin: 0;
  display: inline-block;
  margin-right: 30px;
}
.page-my-portfolios h3 {
  text-transform: uppercase;
  font-family: 'robotothin';
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  margin: 0;
  width: auto;
  display: inline-block;
}
.page-my-portfolios h3:hover {
  cursor: pointer;
}
.page-my-portfolios .portfolio-summary {
  height: 69px;
  padding: 15px 53px;
  background: #182434;
  border-top: 1px solid #2D3D4F;
  border-bottom: 1px solid #2D3D4F;
}
.page-my-portfolios .portfolio-summary .portfolio-summary-field {
  display: inline-block;
  padding: 0 35px;
  width: 13%;
  vertical-align: top;
}
.page-my-portfolios .portfolio-summary .portfolio-summary-field .portfolio-summary-field-title {
  font-size: 14px;
  font-family: 'robotothin';
  color: #fff;
  opacity: 0.5;
}
.page-my-portfolios .portfolio-summary .portfolio-summary-field .portfolio-summary-field-value {
  font-size: 16px;
  font-family: 'roboto';
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
}
.page-my-portfolios .portfolio-summary .portfolio-summary-field.portfolio-summary-name {
  padding-left: 0;
}
.page-my-portfolios .portfolio-details-chart {
  background: url('/wp-content/themes/tol-parent/images/portfolio-details-chart.png') no-repeat 15px center;
  height: 532px;
  width: 100%;
}
.page-my-portfolios .myportfolios-tables-content {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
.page-my-portfolios .myportfolios-table-navigation {
  background: #182434;
  padding: 0 54px;
  height: 67px;
  position: relative;
}
.page-my-portfolios .myportfolios-table-navigation .nav {
  bottom: -12px;
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}
.page-my-portfolios .myportfolios-table-navigation .nav>li,
.page-my-portfolios .myportfolios-table-navigation .nav>li:hover {
  display: inline-block;
  width: 270px;
  height: 55px;
  background: #121B27;
  text-align: center;
  border-top: 3px solid #121B27;
}
.page-my-portfolios .myportfolios-table-navigation .nav>li.closed-portfolios {
  margin-left: 10px;
}
.page-my-portfolios .myportfolios-table-navigation .nav>li>a,
.page-my-portfolios .myportfolios-table-navigation .nav>li>a:hover {
  color: #fff;
  text-transform: uppercase;
  font-family: 'roboto';
  font-size: 16px;
  height: 100%;
  line-height: 40px;
  background: transparent;
}
.page-my-portfolios .myportfolios-table-navigation .nav>li.active {
  border-top: 3px solid #007ABD;
}
.page-my-portfolios .myportfolios-table-navigation .nav>li.active a {
  color: #007ABD;
}
.page-my-portfolios .myportfolios-tables-content table thead tr th {
  text-transform: uppercase;
}
.page-my-portfolios .myportfolios-tables-content table thead tr th,
.page-my-portfolios .myportfolios-tables-content table tbody tr td {
  text-align: left;
  font-family: 'roboto';
  font-size: 14px;
  font-weight: normal;
  padding: 8px;
}
.page-my-portfolios .portfolio-close-btn {
  width: 60px;
  height: 25px;
  background: #2D3E50;
  border-radius: 3px;
  margin: 6px auto;
  line-height: 27px;
}
.page-my-portfolios .portfolio-close-btn:hover {
  background: #5a5866;
  cursor: pointer;
}
.page-get-portfolio {
  background: #182434;
}
.page-get-portfolio .layout {
  background: #182434;
}
.page-get-portfolio #tol-get-portfolio-1 {
  background: url('/wp-content/themes/tol-parent/images/poll_background.png') repeat left top;
}
.page-get-portfolio h1 {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: 'robotothin';
  font-size: 25px;
  font-weight: normal;
  margin-top: 115px;
}
.page-get-portfolio h3 {
  color: #fff;
  text-align: center;
  font-family: 'robotothin';
  font-weight: normal;
  margin-top: 10px;
  font-size: 21px;
}
.page-get-portfolio ul.seq-canvas > li {
  list-style: none;
}
.page-get-portfolio .e-answer {
  width: 146px;
  height: 146px;
  border: 1px solid #007ABD;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-weight: 300;
  text-align: center;
  color: #fff;
  position: relative;
  line-height: 146px;
  font-size: 22px;
  font-family: 'roboto';
}
.page-get-portfolio .e-answer .answer-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 146px;
  height: 146px;
  transform: scale(0);
  transition: all 150ms ease 0ms;
}
.page-get-portfolio .e-answer span {
  position: relative;
}
.page-get-portfolio .e-answer.selected {
  cursor: pointer;
  background: #007ABD;
}
.page-get-portfolio .e-answer:hover {
  cursor: pointer;
}
.page-get-portfolio .e-answer:hover .answer-back {
  background: #007ABD;
  transform: scale(1);
  transition: all 150ms cubic-bezier(0.23,1,0.32,1) 0ms;
}
.page-get-portfolio .e-answer:not(:first-child) {
  margin-left: 49px;
}
.page-get-portfolio .seq-step2 .e-answer {
  line-height: 1.3em;
  padding-top: 45px;
}
.page-get-portfolio .a-answer__wrapper > div:last-child,
.page-get-portfolio .b-answer__wrapper > div:last-child,
.page-get-portfolio .c-answer__wrapper > div:last-child,
.page-get-portfolio .d-answer__wrapper > div:last-child {
  margin-right: 0;
}
.page-get-portfolio .seq .seq-canvas,
.page-get-portfolio .seq .seq-canvas > * {
  width: 80%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}
.page-get-portfolio .seq .seq-valign:before,
.page-get-portfolio .seq .seq-valign > .seq-vcenter {
  display: inline-block;
  vertical-align: middle;
}
.page-get-portfolio .seq .seq-feature,
.page-get-portfolio .seq .a-answer__wrapper,
.page-get-portfolio .seq .b-answer__wrapper,
.page-get-portfolio .seq .c-answer__wrapper,
.page-get-portfolio .seq .d-answer__wrapper {
  margin-top: 70px;
  max-height: 50vh;
  width: auto;
  max-width: 100%;
  height: auto;
}
.page-get-portfolio .seq-title {
  color: #fff;
  text-transform: uppercase;
  font-family: 'robotocondensed';
  font-weight: 700;
  font-size: 35px;
}
.page-get-portfolio .seq-next,
.page-get-portfolio .seq-prev,
.page-get-portfolio .seq-finish {
  color: #007ABD;
  text-transform: uppercase;
  font-family: 'MyriadPro-Regular';
  font-size: 16px;
  letter-spacing: 0.4px;
  display: inline-block;
  position: relative;
}
.page-get-portfolio .seq-next .img-arrow,
.page-get-portfolio .seq-prev .img-arrow,
.page-get-portfolio .seq-finish .img-arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #2D3E50;
  background: url('/wp-content/themes/tol-parent/images/get-portfolio-arrow.png') no-repeat center;
}
.page-get-portfolio .seq-next:hover,
.page-get-portfolio .seq-prev:hover,
.page-get-portfolio .seq-finish:hover {
  cursor: pointer;
}
.page-get-portfolio .seq-next:hover span,
.page-get-portfolio .seq-prev:hover span,
.page-get-portfolio .seq-finish:hover span {
  text-decoration: underline;
}
.page-get-portfolio .seq-next {
  float: right;
}
.page-get-portfolio .seq-prev .img-arrow {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.page-get-portfolio .seq-nav {
  width: 940px;
  margin: 30px auto 0;
  min-height: 37px;
}
.page-get-portfolio .seq-finish {
  float: right;
  border: 2px solid #2D3E50;
  height: 30px;
  width: 76px;
  text-align: center;
  line-height: 30px;
}
.page-get-portfolio .seq-finish:hover {
  text-decoration: underline;
}
.page-get-portfolio .seq-next span {
  display: inline-block;
  position: relative;
  top: -9px;
  margin-right: 5px;
}
.page-get-portfolio .seq-prev span {
  display: inline-block;
  position: relative;
  top: -9px;
  margin-left: 5px;
}
.page-get-portfolio .progress-section {
  height: 12px;
  margin-top: 90px;
}
.page-get-portfolio .progress-section .progress-step {
  width: 25%;
  height: 100%;
  float: left;
}
.page-get-portfolio .progress-section .progress-step.progress-step2,
.page-get-portfolio .progress-section .progress-step.progress-step3,
.page-get-portfolio .progress-section .progress-step.progress-step4 {
  border-left: 2px solid #1B2430;
  background: #2D3E50;
  background: linear-gradient(to left,#2D3E50 50%,#007ABD 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s ease;
}
.page-get-portfolio .progress-section .progress-step.first {
  background: #007ABD;
}
.page-get-portfolio .progress-section .progress-step.selected {
  background-position: left bottom;
}
@media (max-width: 1500px) {
  .page-get-portfolio .seq .seq-canvas,
  .page-get-portfolio .seq .seq-canvas > * {
    width: 100%;
  }
}
.portfolio-investment-header {
  height: 120px;
  background: #182434;
}
.portfolio-investment-content {
  color: white;
  font-family: Roboto;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}
.init-right {
  float: right;
  width: 60px;
  color: #007ABD;
}
.portfolio-investment-content .navigation {
  border-bottom: none;
}
.portfolio-investment-content .navigation>li {
  margin-bottom: -2px;
  width: 250px;
  height: 50px;
  text-align: center;
}
.portfolio-investment-content .navigation>li>a {
  border-radius: 0;
  color: white;
  font-family: Roboto;
  border: none;
  margin-left: 10px;
  padding-top: 20px;
  padding-bottom: 16px;
  font-size: 16px;
  background-color: #121B27;
}
.portfolio-investment-content .navigation>li>a:focus {
  border-left: none;
  border-right: none;
  background-color: #121B27 !important;
}
.portfolio-investment-content .navigation>li.active>a {
  border-top: 2px solid #007ABD;
  color: #007ABD;
  font-weight: bold;
  background-color: #121B27;
  background-image: none !important;
}
.portfolio-investment-content .navigation>li.active>a:hover {
  background-color: #121B27;
  border: none;
  border-top: 2px solid #007ABD;
  background-image: none !important;
}
.portfolio-investment-tabcontent {
  background-color: #121B27;
  height: 500px;
  position: relative;
  margin-bottom: 30px;
}
.portfolio-investment-tabcontent-left {
  margin-top: 44px;
  padding-left: 37px;
  border-right: 1px solid #2D3D4F;
  padding-right: 40px;
  width: 340px;
  float: left;
  z-index: 2;
}
.portfolio-investment-tabcontent-left input[type='number'] {
  -moz-appearance: textfield;
}
.portfolio-investment-tabcontent-left input::-webkit-outer-spin-button,
.portfolio-investment-tabcontent-left input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.portfolio-investment-tabcontent-right {
  width: 100%;
  padding-left: 340px;
  float: left;
  vertical-align: top;
  position: absolute;
}
.portfolio-investment-tabcontent-right .tab-content {
  padding: 44px 25px 55px;
}
.portfolio-investment-tabcontent-left-title {
  font-family: 'roboto';
  font-size: 16px;
  background: url(/wp-content/themes/tol-parent/images/pencil_icon.png) no-repeat 0 2px;
  text-indent: 30px;
}
.portfolio-investment-tabcontent-left-init .init-right {
  float: right;
  color: #007ABD;
}
.portfolio-investment-tabcontent-left-controls {
  margin-top: 40px;
  font-family: robotolight;
  font-size: 14px;
}
.portfolio-range-holder {
  display: table;
  width: 100%;
}
.portfolio-minus {
  background: url(/wp-content/themes/tol-parent/images/minus_icon_new.png) no-repeat 50% 50%;
  height: 11px;
  width: 11px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 15px;
  padding: 15px;
  border: 1px solid #121b27;
}
.portfolio-plus {
  background: url(/wp-content/themes/tol-parent/images/plus_icon_new.png) no-repeat 50% 50%;
  height: 11px;
  width: 11px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 15px;
  padding: 15px;
  border: 1px solid #121b27;
}
.portfolio-minus:hover,
.portfolio-plus:hover {
  border: 1px solid #2d3d4f;
}
.risk-tabs {
  border-bottom: none;
}
.risk-tabs li {
  width: 31%;
  margin: 3px;
  text-align: center;
}
.risk-tabs li a {
  font-size: 15px;
  padding: 5px;
}
.risk-tabs li a,
.risk-tabs li a:hover,
.risk-tabs li a:focus {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid grey;
  color: white;
  background: transparent;
}
.risk-tabs li.active a,
.risk-tabs li.active a:hover,
.risk-tabs li.active a:focus {
  background: transparent !important;
  border: none;
  border-bottom: 2px solid #007ABD;
  color: #007ABD;
}
.portfolio-investment-investbtn {
  background-color: #007ABD;
  width: 100%;
  font-size: 14px;
}
.portfolio-investment-investbtn:hover {
  cursor: pointer;
}
.portfolio-investment-investbtn:hover {
  background-color: #49acf2;
}
.portfolio-investment-overview-list {
  height: 370px;
  margin-bottom: 10px;
}
.portfolio-investment-overview-item {
  margin-bottom: 20px;
  color: #fff;
  font-size: 16px;
  font-family: 'roboto';
}
.portfolio-investment-overview-item-bar {
  background-color: #2D3D4F;
  margin-top: 10px;
}
.portfolio-investment-overview-item-bar div {
  height: 5px;
}
.portfolio-investment-pastp-chart {
  border-right: 1px solid #2D3D4F;
  padding-top: 20px;
}
.portfolio-investment-pastp-right {
  height: 200px;
  text-align: center;
}
.portfolio-investment-pastp-right.rec {
  color: #007ABD;
  padding-top: 125px;
  margin-bottom: 10px;
  border-bottom: 1px solid #2D3D4F;
}
.portfolio-investment-pastp-right.glob {
  color: #C500EF;
}
.portfolio-investment-pastp-right>span {
  display: block;
}
.portfolio-investment-pastp-right > span.value {
  font-size: 28px;
  font-weight: bold;
}
.portfolio-investment-pastp-right > span.title {
  font-size: 18px;
}
.portfolio-investment-predictedp-stats .row {
  height: 100px;
  border-bottom: 1px solid #2D3D4F;
  margin-bottom: 25px;
}
.portfolio-investment-predictedp-stats span {
  display: block;
}
.portfolio-investment-predictedp-stats span.title {
  font-size: 14px;
}
.portfolio-investment-predictedp-stats span.value {
  font-size: 38px;
}
.portfolio-investment-predictedp-stats span.value.blue {
  color: #007ABD;
}
.portfolio-investment-donut {
  border-left: 1px solid #2D3D4F;
}
.portfolio-investment-donut .highcharts-background,
.portfolio-investment-donut .highcharts-container {
  fill: transparent;
  background: transparent;
}
#predictedPerformanceChart .highcharts-background,
#predictedPerformanceChart .highcharts-container,
#pastPerformanceChart .highcharts-background,
#pastPerformanceChart .highcharts-container,
.page-portfolio-builder .highcharts-background,
.page-portfolio-builder .highcharts-container {
  fill: transparent;
  background: transparent;
}
.highcharts-container {
  padding-top: 0 !important;
}
#pastPerformanceChart .highcharts-xaxis,
#predictedPerformanceChart .highcharts-xaxis {
  display: none;
}
#predictedPerformanceChart .highcharts-yaxis-labels text[x="0"] {
  visibility: hidden;
}
#predictedPerformanceLabels {
  text-align: center;
  margin-left: 60px;
}
.predicted-performance-label {
  display: inline-block;
  text-align: center;
  color: #a5a2b3;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin-top: 10px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #2d3d4e;
  border-radius: 1px;
  border: 0px solid #010101;
}
.portfolio-investment-range {
  width: 191px !important;
  display: inline-block !important;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #007ABD;
  height: 15px;
  width: 15px;
  border-radius: 3px;
  background: #007ABD;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #364a5e;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #2d3d4e;
  border-radius: 1px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #007ABD;
  height: 15px;
  width: 15px;
  border-radius: 3px;
  background: #007ABD;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #24303e;
  border: 0px solid #010101;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #2d3d4e;
  border: 0px solid #010101;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 1px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #007ABD;
  height: 15px;
  width: 15px;
  border-radius: 3px;
  background: #007ABD;
  cursor: pointer;
  height: 1px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #2d3d4e;
}
input[type=range]:focus::-ms-fill-upper {
  background: #364a5e;
}
.portfolioModal .modal-content {
  padding: 20px;
}
.portfolioModal .modal-header {
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
}
.portfolioModal .modal-body {
  padding: 0;
  padding-top: 15px;
  color: white;
  font-size: 16px;
}
.portfolioModal .modal-footer {
  border-top: none;
  padding-left: 0;
}
.portfolioActionButton {
  background-color: rgba(60,60,60,0.5);
  float: left;
  border: none;
}
.portfolioActionButton:hover,
.portfolioActionButton:focus {
  background-color: rgba(60,60,60,0.83);
  border: none;
}
.modal[data-style="confirm"] .modal-header,
.modal[data-style="confirm"] .modal-body,
.modal[data-style="confirm"] .modal-footer,
.modal[data-style="confirm"] .modal-content {
  background: #47ad64;
}
.modal[data-style="error"] .modal-header,
.modal[data-style="error"] .modal-body,
.modal[data-style="error"] .modal-footer,
.modal[data-style="error"] .modal-content {
  background: #a5564a;
}
#popUpmesage.ui-dialog {
  background: #131B28;
  border: 1px solid #2D3E50;
  padding: 6px 0;
  left: 0;
  right: 0;
  margin: 50px auto;
}
#popUpmesage.ui-dialog .ui-dialog-titlebar {
  border-bottom-color: #2D3E50;
}
#popUpmesage.ui-dialog .ui-dialog-title {
  display: block;
  color: #637E99;
}
#popUpmesage.ui-dialog .ui-dialog-content {
  color: #ffffff;
}
#popUpmesage.ui-dialog .popUpTitle {
  font-size: 16px;
  text-align: center;
  padding: 25px 15px;
}
#popUpmesage.ui-dialog .messagePopup {
  min-height: 160px;
}
#popUpmesage.ui-dialog #closePopUp,
#popUpmesage.ui-dialog #closeAllPopUp,
#popUpmesage.ui-dialog #nextPopUp {
  border: 1px solid #2D3E50;
}
.hide-dev {
  float: right;
  display: inline-block;
  width: 25px;
  height: 27px;
  padding: 5px;
  top: 3px;
  right: 20px;
  position: relative;
  background: url('/wp-content/themes/tol-parent/images/wrong_icon.png') no-repeat center;
}
.hide-dev:hover {
  cursor: pointer;
}
.theme-dev-container.gone {
  bottom: -49px;
}
.theme-dev-container.gone .hide-dev {
  top: -45px;
  right: 16px;
  width: 34px;
  height: 34px;
  background: url('/wp-content/themes/tol-parent/images/show-dev.png') no-repeat center;
}
@media (max-width: 767px) {
  .hide-dev {
    right: 5px;
  }
}
#tol-login-popup .modal-title {
  color: #ffffff;
}
.td-result-positive {
  color: #03BA00;
}
.td-result-negative {
  color: #D42E42;
}
.page-portfolio-builder .portfolio-name span,
.page-portfolio-adviser .portfolio-name span {
  padding-left: 30px;
  left: -30px;
  position: relative;
}
.input-nickname {
  position: absolute;
  left: 45px;
  height: 30px;
  background: #182434;
  border: 1px solid #2D3D4F;
  padding: 0 5px;
  top: -5px;
}
.page-portfolio-adviser .input-nickname {
  left: 60px;
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .page-portfolio-builder .portofolio-builder-table,
  .page-portfolio-adviser .portofolio-builder-table {
    padding-left: 10px;
  }
  .page-portfolio-builder .pbuilder-table-row,
  .page-portfolio-adviser .pbuilder-table-row {
    padding-right: 10px;
  }
}
.signalAmount {
  width: 90%;
  padding-left: 4px;
  background: #0E141D;
  border: 1px solid #2D3E50;
}
.signalStrength.percWrap {
  background-image: url('/wp-content/themes/tol-parent/images/signal_strength_empty_dark.png');
}
@media (max-width: 768px) {
  .page-traderoom .dataTable tbody tr div .signalStrength.percWrap {
    background-image: url(/wp-content/themes/tol-parent/images/signal_strength_empty_dark_m.png);
  }
}
.signalsTable tr {
  background: #182434;
}
.signalsWidget .trade input[type=button] {
  background-color: #2C3D4F;
  color: #fff;
}
.dataTable table.traderoom-social {
  border: 0;
}
#tol-social-label {
  background-color: #007ABD;
  width: 130px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  position: absolute;
  top: -27px;
  left: -1px;
  font-size: 13px;
  font-family: 'lato-regular';
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#tol-social-popup {
  padding: 0;
  overflow: visible;
  border-radius: 0;
  cursor: default;
  top: 100px !important;
  z-index: 1051;
}
@media (max-width: 1366px) and (min-width: 1025px) {
  #tol-social-popup,
  #tol-explore-popup,
  #tol-explore-popup .modal-dialog {
    top: 25px !important;
  }
}
@media (max-width: 1024px) {
  #tol-social-popup {
    top: 0 !important;
  }
}
#tol-uncopy-popup {
  border: 1px solid #2E3D50;
  padding: 0;
  overflow: visible;
  border-radius: 0;
  cursor: default;
  top: 200px !important;
}
#tol-uncopy-popup .modal-dialog {
  width: 500px;
}
#tol-social-popup .modal-body {
  padding: 0;
  height: 502px;
}
#tol-uncopy-popup .modal-body {
  height: 200px;
  color: white;
  font-size: 16px;
}
#tol-social-popup .modal-content,
#tol-uncopy-popup .modal-content {
  width: 100%;
}
#tol-social-popup .modal-header {
  padding: 9px 9px 9px 29px;
}
#tol-social-popup .social-next-profile,
#tol-social-popup .social-prev-profile {
  border-radius: 3px;
  border: 1px solid #2D3E50;
  width: 30px;
  height: 30px;
  color: #2D3E50;
  display: inline-block;
  font-size: 21px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
}
#tol-social-popup .social-next-profile:hover,
#tol-social-popup .social-prev-profile:hover {
  background: #2D3E50;
  color: #ffffff;
}
#tol-social-popup .social-next-profile.disabled,
#tol-social-popup .social-prev-profile.disabled,
#tol-social-popup .social-next-profile.disabled:hover,
#tol-social-popup .social-prev-profile.disabled:hover {
  border: 1px solid rgba(45,62,80,0.8);
  color: rgba(45,62,80,0.8);
  background: transparent;
}
#tol-social-popup .social-prev-profile {
  margin-right: 10px;
}
#tol-social-popup .switch-btns,
#tol-social-popup .nickname-error {
  float: left;
}
#tol-social-popup .nickname-error {
  color: red;
  font-size: 14px;
  font-family: 'lato-regular';
  line-height: 32px;
  padding-left: 15px;
}
#tol-social-popup .modal-header button.close {
  position: relative;
  top: 6px;
  right: 0;
  border: 0;
  text-shadow: none;
  box-shadow: none;
}
#tol-social-popup .modal-header button.close:focus {
  border: 0;
  text-shadow: none;
  box-shadow: none;
}
#tol-social-popup .leader-profile-left {
  height: 502px;
  width: 245px;
  border-right: 1px solid #2D3E50;
  padding: 18px 29px;
  position: absolute;
  background: #131B28;
}
#tol-social-popup .trader-name {
  color: #FFFFFF;
  font-size: 17px;
  font-family: 'lato-light';
  padding-bottom: 18px;
  position: relative;
}
#tol-social-popup .trader-name.me {
  padding-right: 25px;
  overflow: hidden;
}
#tol-social-popup .popup-social .trader-name {
  color: #667E98;
  font-size: 13px;
  padding-bottom: 8px;
  text-align: left;
  cursor: pointer;
}
.dataTable table.popup-social td.trader-avatar {
  padding-left: 0;
  padding-right: 0;
  width: 48px;
}
.profile-copy-button {
  width: 100%;
  height: 40px;
  line-height: 39px;
  text-align: center;
  color: #FFF;
  font-family: 'lato-regular';
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  background: #007ABD url('/wp-content/themes/tol-child/images/social_h.png') no-repeat 10px center;
  border-top: 1px solid #3493FF;
  border-bottom: 1px solid #171E26;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
  border-radius: 3px;
  cursor: pointer;
  text-transform: uppercase;
  margin: 15px 0 0 0;
}
.profile-copy-button.half {
  width: 48%;
  margin-left: 10px;
}
.profile-copy-button.disabled {
  background-color: #2C3D4F;
  border-color: #2C3D4F;
}
.social-profile-copyBtn:hover {
  background: #49acf2 url('/wp-content/themes/tol-child/images/social_h.png') no-repeat 10px center;
}
.trader-profile-copiers {
  width: 187px;
  height: 40px;
  padding: 0 8px;
  line-height: 37px;
  color: #647D9B;
  font-size: 20px;
  text-transform: uppercase;
  border: 1px solid #2D3E50;
  margin-top: 15px;
}
.copiers-value {
  float: right;
  color: #000;
}
.trader-about-title {
  color: #647D9B;
  font-size: 18px;
  border-bottom: 1px solid #2D3E50;
  padding-top: 10px;
  line-height: 27px;
}
.trader-about-value {
  color: #647D9B;
}
.trader-about-content {
  text-align: justify;
  font-size: 14px;
  height: 100px;
  overflow: hidden;
}
.leader-profile-right {
  background: #182434;
  padding-left: 245px;
}
.trader-popup-nav li {
  display: inline-block;
  width: 25%;
  float: left;
  text-align: center;
  height: 49px;
  border-bottom: 1px solid #2D3E50;
  border-left: 1px solid #2D3E50;
}
.nav.trader-popup-nav li.active {
  border-bottom: 0;
  background: #182434;
}
.nav.trader-popup-nav li a {
  height: 100%;
  color: #667E98;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
}
.nav.trader-popup-nav li.active a {
  color: #FFFFFF;
}
.nav.trader-popup-nav li a:hover,
.nav.trader-popup-nav li a:focus {
  background: transparent;
}
.nav.trader-popup-nav li.stats-tab {
  border-left: 0;
  background: #131B28 url('/wp-content/themes/tol-child/images/stats.png') no-repeat 20px center;
}
.nav.trader-popup-nav li.stats-tab.active {
  border: 0;
  background: #182434 url('/wp-content/themes/tol-child/images/stats-h.png') no-repeat 20px center;
}
.nav.trader-popup-nav li.portfolio-tab {
  background: #131B28 url('/wp-content/themes/tol-child/images/portfolio.png') no-repeat 20px center;
}
.nav.trader-popup-nav li.portfolio-tab.active {
  background: #182434 url('/wp-content/themes/tol-child/images/portfolio-h.png') no-repeat 20px 14px;
}
.nav.trader-popup-nav li.community-tab {
  background: #131B28 url('/wp-content/themes/tol-child/images/community.png') no-repeat 20px center;
}
.nav.trader-popup-nav li.community-tab.active {
  background: #182434 url('/wp-content/themes/tol-child/images/community-h.png') no-repeat 20px center;
}
.nav.trader-popup-nav li.copy-tab {
  background: #131B28 url('/wp-content/themes/tol-child/images/copy.png') no-repeat 20px center;
}
.nav.trader-popup-nav li.copy-tab.disabled {
  background: #131b28;
  text-indent: -9999px;
  opacity: 1;
}
.nav.trader-popup-nav li.copy-tab.active {
  background: #182434 url('/wp-content/themes/tol-child/images/copy-h.png') no-repeat 20px 14px;
}
.leader-profile-right .tab-content {
  padding: 15px;
  overflow: visible;
}
.stats-header {
  width: 100%;
}
.stats-pandl {
  font-size: 15px;
  width: 25%;
  display: inline-block;
  padding: 5px 2px;
}
.stats-time-frame {
  font-size: 15px;
  width: 75%;
  float: right;
  text-align: right;
}
.portfolio-time-frame {
  font-size: 15px;
  width: 100%;
  text-align: right;
}
.stats-pandl-value.positive {
  color: #27AE62;
  padding-left: 5px;
}
.stats-pandl-value.negative {
  color: #AD1F2F;
  padding-left: 5px;
}
.stats-time-box {
  display: inline-block;
  width: 50px;
  height: 30px;
  line-height: 29px;
  text-align: center;
  border: 1px solid #2D3E50;
  margin-left: 9px;
  cursor: pointer;
}
.stats-time-box.selected,
.stats-time-box:hover {
  background: #2D3E50;
  color: #ffffff;
}
.stats-body {
  width: 623px;
  margin: 15px 0 12px;
  height: 325px;
}
.stats-body .highcharts-container {
  background: url(/wp-content/themes/tol-child/images/chart-avatar-back.png) 21px 0 repeat;
  border: 1px solid #2D3E50;
}
.stats-body .highcharts-background,
.portfolio-body .highcharts-background {
  background: transparent;
  fill: transparent;
}
.stats-body .highcharts-axis-line {
  display: none;
}
.stats-body .highcharts-xaxis-labels tspan {
  fill: #5E748C;
}
.portfolio-body .highcharts-container {
  border: 1px solid #2D3E50;
}
.portfolio-body {
  width: 623px;
  margin: 15px 0 0 0;
  height: 378px;
}
.stats-footer-btn {
  border: 1px solid #2D3E50;
  height: 40px;
  color: #647D9B;
  width: 32%;
  padding: 6px;
  font-size: 14px;
  line-height: 26px;
}
.stats-footer-btn1,
.stats-footer-btn2 {
  margin-right: 2%;
}
.footer-btn-value {
  float: right;
  font-size: 17px;
  color: #ffffff;
}
.footer-btn-value.zero-value {
  color: #65646a;
}
.stats-footer-btn2 .footer-btn-value {
  color: #27AE62;
}
.stats-footer-btn3 .footer-btn-value {
  color: #AD1F2F;
}
.dataTable table.popup-social td {
  overflow: visible;
  padding-top: 8px;
  padding-bottom: 8px;
}
.dataTable table.popup-social td.tarder-name {
  color: #667E98;
  padding-left: 0;
  text-align: left;
}
.dataTable table.popup-social th .cellWrapper {
  padding: 0 8px;
}
.dataTable table.popup-social td.td-pandl.positive,
.dataTable table.popup-social td.td-mypl.positive {
  color: #27AE62;
}
.dataTable table.popup-social td.td-pandl.negative,
.dataTable table.popup-social td.td-mypl.negative {
  color: #AD1F2F;
}
.dataTable table.popup-social td.tarder-avatar,
.dataTable table.popup-social th.tarder-avatar {
  padding-left: 0;
  padding-right: 0;
  width: 50px;
}
.leader-profile-right .community-wrapper .tab-content {
  padding: 0;
  height: 374px;
}
.dataTable table th.copycol {
  text-align: right;
  padding-right: 30px;
}
.leader-profile-right .socialCopyBtn {
  width: 75px;
}
.dataTable table.popup-social {
  padding: 0 14px;
  border: 1px solid #2D3E50;
}
.community-wrapper .nav.trader-popup-nav {
  margin-bottom: 15px;
}
.community-wrapper .trader-popup-nav li {
  width: 49%;
  height: 31px;
  border: 0;
}
.community-wrapper .trader-popup-nav li.copiers-tab {
  margin-right: 2%;
}
.community-wrapper .nav.trader-popup-nav li a {
  padding: 9px 13px;
  text-transform: uppercase;
  height: 31px;
  line-height: 12px;
  width: 100%;
  color: #FFF;
  font-family: 'lato-light';
  font-size: 17px;
  letter-spacing: 0.6px;
  font-weight: 300;
  display: inline-block;
  background: #2C3D4F;
  border-top: 1px solid #3E4F61;
  border-bottom: 1px solid #000000;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
  border-radius: 3px;
  cursor: pointer;
}
.community-wrapper .nav.trader-popup-nav li a > span:nth-child(1) {
  float: left;
}
.community-wrapper .nav.trader-popup-nav li a > span:nth-child(2) {
  float: right;
  letter-spacing: 2px;
}
.community-wrapper .nav.trader-popup-nav li.active a,
.community-wrapper .nav.trader-popup-nav li:hover a {
  background: #007ABD;
  border-top: 1px solid #3493FF;
  border-bottom: 1px solid #171E26;
}
.community-wrapper .nav.trader-popup-nav li.active:hover a {
  background: #49acf2;
}
.copy-wrapper {
  padding: 25px 13px;
  border: 1px solid #2D3E50;
  margin-bottom: 15px;
}
.copy-footer {
  padding: 22px 13px;
  border: 1px solid #2D3E50;
  margin-bottom: 102px;
}
.copy-header-title {
  display: inline-block;
  width: 80%;
  font-size: 20px;
  color: #ffffff;
}
.uncopy-header-title {
  display: inline-block;
  width: 80%;
  font-size: 16px;
  color: #ffffff;
}
.copy-footer-title {
  display: inline-block;
  width: 80%;
  font-size: 20px;
  color: #647E97;
}
.blue-text {
  color: #007ABD;
}
.copy-header-body {
  float: right;
  width: 20%;
}
.profile-popup-input {
  width: 100%;
  border: 1px solid #2D3E50;
  height: 30px;
  padding: 1px 8px;
  font-size: 18px;
}
.profile-popup-input:hover,
.profile-popup-input:focus,
.profile-popup-input:active {
  -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
  box-shadow: 0 5px 15px rgba(0,0,0,0.25);
}
.copy-header {
  padding-bottom: 30px;
}
.copy-body {
  padding: 10px 0 5px;
}
.copy-body-row {
  position: relative;
}
.copy-body-row span {
  display: inline-block;
  font-size: 17px;
}
.info-icon {
  background: url('/wp-content/themes/tol-child/images/info-popup.png') no-repeat center;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  z-index: 99999;
  cursor: pointer;
}
.info-icon:hover {
  background: url('/wp-content/themes/tol-child/images/info-popup-h.png') no-repeat center;
}
.copy-footer-info {
  display: inline-block;
  width: 80%;
  border: 1px solid #2D3E50;
  border-right: 0;
  padding: 13px 15px;
  font-size: 17px;
  color: #ffffff;
  height: 41px;
  line-height: 12px;
}
.copy-footer-btn {
  float: right;
  width: 20%;
  padding: 9px 13px;
  text-transform: uppercase;
  height: 41px;
  line-height: 22px;
  color: #FFF;
  font-family: robotolight;
  font-size: 18px;
  text-align: center;
  font-weight: 300;
  display: inline-block;
  background: #2C3D4F url('/wp-content/themes/tol-child/images/edit_icon_popup.png') no-repeat 10px center;
  border-top: 1px solid #3E4F61;
  border-bottom: 1px solid #000000;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
  border-radius: 3px;
  cursor: pointer;
}
.copy-footer-btn:hover {
  background: #5a5866 url('/wp-content/themes/tol-child/images/edit_icon_popup.png') no-repeat 10px center;
}
.profile-different-mode {
  font-size: 19px;
  color: #363636;
  font-family: lato-light;
  position: absolute;
  padding: 0 10px;
  bottom: 70px;
}
a.copy-diff-mode {
  color: #fff;
  text-decoration: underline;
  margin-left: 10px;
}
a.copy-diff-mode:hover {
  color: #007ABD;
}
@media (max-width: 768px) {
  .profile-different-mode {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .profile-different-mode {
    bottom: 0;
    position: relative;
  }
}
#tol-explore-popup .modal-title {
  font-size: 17px;
  font-family: 'lato-light';
  color: #ffffff;
}
#tol-explore-popup .modal-header {
  padding-left: 29px;
}
#tol-explore-popup .modal-title#tol-social-label {
  font-size: 13px;
  font-family: 'lato-regular';
}
#tol-explore-popup .modal-content {
  width: 503px;
}
#tol-explore-popup .modal-dialog {
  top: 100px;
}
.explore-search-fields {
  border-bottom: 1px solid #2D3E50;
}
.modal-body.explore-results {
  padding: 0 29px 10px;
}
.modal-body.explore-search-fields {
  padding: 10px 29px;
}
.explore-results.dataTable table th {
  overflow: visible;
  color: #546C84;
}
.explore-results.dataTable table.traderoom-social td {
  font-size: 13px;
  font-family: 'lato-regular';
}
.explore-results.dataTable table.traderoom-social th.trader-avatar,
.explore-results.dataTable table.traderoom-social td.trader-avatar {
  text-align: left;
  width: 140px;
  color: #546C84;
  cursor: pointer;
}
.explore-results.dataTable table.traderoom-social td.trader-avatar {
  font-family: 'lato-light';
  overflow: hidden;
}
.explore-results.dataTable table.traderoom-social td.trader-avatar .trader-name {
  padding-left: 5px;
}
.explore-search-fields .explore-search-title {
  width: 219px;
  display: inline-block;
  color: #647E99;
  font-size: 13px;
  font-family: 'lato-regular';
}
.explore-search-fields .stats-time-box {
  margin-left: 6px;
  font-size: 13px;
  font-family: 'lato-regular';
  float: left;
}
.explore-results.dataTable table.traderoom-social td.td-buttons {
  padding-right: 0;
}
.explore-results.dataTable table th.copy {
  text-indent: 30px;
}
.explore-results .socialCopyBtn {
  font-size: 13px;
}
.explore-search-row {
  margin-bottom: 16px;
  height: 30px;
  line-height: 29px;
  font-size: 13px;
}
.scrollable-search-area {
  height: 363px;
}
.advanced-search-btn {
  width: 100%;
  height: 40px;
  line-height: 39px;
  text-align: center;
  color: #FFF;
  font-family: 'lato-light';
  font-size: 17px;
  font-weight: 300;
  display: inline-block;
  background: #007ABD url('/wp-content/themes/tol-child/images/search-icon-h.png') no-repeat 35% center;
  border-top: 1px solid #3493FF;
  border-bottom: 1px solid #171E26;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
  border-radius: 3px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.advanced-search-btn:hover {
  background: #49acf2 url('/wp-content/themes/tol-child/images/search-icon-h.png') no-repeat 35% center;
}
.advanced-search-percent {
  float: right;
  width: 50px;
  height: 30px;
  line-height: 29px;
  text-align: center;
  border: 1px solid #2D3E50;
  color: #ffffff;
  cursor: pointer;
}
.explore-search-than {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  width: 55px;
}
.nav-button.less-than {
  text-transform: none;
  margin-right: 0;
  font-size: 13px;
  min-width: 108px;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #2C3D4F;
  color: #fff;
  position: relative;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  cursor: pointer;
  text-align: left;
}
.nav-button.less-than:hover {
  background-color: #5a5866;
}
.asset-type-wrapper .nav-button.less-than {
  width: 218px;
}
.less-than-wrapper {
  position: relative;
  display: initial;
  margin-left: 3px;
}
.less-than-wrapper .dropdown-menu {
  background-color: #2C3D4F;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 5px;
  padding: 0;
  left: -1px;
  min-width: 110px;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  cursor: pointer;
}
.less-than-wrapper .dropdown-menu li:hover {
  background: #007ABD;
  cursor: pointer;
}
.asset-type-wrapper {
  position: relative;
  float: right;
}
.asset-type {
  text-transform: none;
  margin-right: 0;
  width: 218px;
  font-size: 16px;
  line-height: 28px;
  height: 30px;
  display: inline-block;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  color: #fff;
  box-shadow: none;
  position: relative;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
  cursor: pointer;
  border: 1px solid #2D3E50;
  text-align: left;
}
.asset-type.narrow {
  width: 125px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.asset-type:hover {
  background-color: transparent;
}
.nav-button.asset-type .dropdown-arrow {
  background: url('/wp-content/themes/tol-child/images/ddl_arrow_copypopup.png');
  width: 15px;
  height: 30px;
  border: 0;
  top: -1px;
  right: -1px;
}
.asset-type-wrapper .dropdown-menu {
  background-color: #2C3D4F;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
  padding: 0;
  left: -1px;
  min-width: 218px;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  cursor: pointer;
}
.asset-type-wrapper.narrow .dropdown-menu {
  min-width: 125px;
}
.asset-type-wrapper .dropdown-menu li:hover {
  background: #007ABD;
  cursor: pointer;
}
.time-box-wrapper {
  float: right;
  width: 224px;
}
.portfolio-body .highcharts-legend {
  width: 302px;
  height: 100%;
  border-left: 1px solid #2D3E50;
}
.portfolio-body .highcharts-data-label tspan {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.portfolio-body .highcharts-text-outline,
.highcharts-credits {
  display: none;
}
.portfolio-body .highcharts-legend-item .legend-row {
  display: block;
  font-size: 13px;
  font-family: 'lato-regular';
}
.portfolio-body .highcharts-legend-item .legend-row .percentage {
  display: inline-block;
  width: 57px;
  text-align: center;
  font-weight: normal;
  color: #ffffff !important;
}
.portfolio-body .highcharts-legend-item .legend-row .pl-title {
  color: #5E7893;
  fill: #5E7893;
  width: auto;
  font-weight: normal;
}
.portfolio-body .highcharts-legend-item .legend-row .plPercent.positive {
  display: inline-block;
  width: 70px;
  color: #27AE62;
  fill: #27AE62;
  font-weight: normal;
  padding-left: 5px;
}
.portfolio-body .highcharts-legend-item .legend-row .plPercent.negative {
  display: inline-block;
  width: 70px;
  color: #AD1F2F;
  fill: #AD1F2F;
  font-weight: normal;
  padding-left: 5px;
}
.portfolio-body .highcharts-legend-item .legend-row .assetName {
  display: inline-block;
  width: 100px;
  font-weight: normal;
  color: #ffffff !important;
}
.stats-body .highcharts-grid-line {
  stroke-width: 0;
}
.stats-body .highcharts-container g.highcharts-tooltip path {
  fill: #2D3E50;
  color: #fff !important;
}
.nav.right-sidebar-nav li {
  width: 36px;
  height: 36px;
  display: inline-block;
}
.nav.content-part-social li {
  width: 50%;
  float: left;
  height: 49px;
  border-bottom: 1px solid #474747;
}
.nav.content-part-social li.active {
  border-bottom: 0;
  background: #323232;
}
.nav.content-part-social li.most-profit-tab.active {
  border-right: 1px solid #474747;
}
.nav.content-part-social li.most-copied-tab.active {
  border-left: 1px solid #474747;
}
.nav.content-part-social li a {
  height: 100%;
  color: #7D7D7D;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
}
.nav.content-part-social li.active a {
  color: #FFFFFF;
}
.sidepanel-tabs .content-part-social .tab-content {
  border: 0;
  background: #323232;
}
.nav.right-sidebar-nav li a {
  height: 100%;
}
.nav.right-sidebar-nav li a:hover,
.nav.right-sidebar-nav li a:focus,
.nav.content-part-social li a:hover,
.nav.content-part-social li a:focus {
  background: transparent;
}
.messages-tab {
  background: transparent url('/wp-content/themes/tol-child/images/mail.png') no-repeat center;
}
.messages-tab.active {
  background: transparent url('/wp-content/themes/tol-child/images/mail_h.png') no-repeat center;
}
.news-tab {
  background: transparent url('/wp-content/themes/tol-child/images/news.png') no-repeat center;
}
.news-tab.active {
  background: transparent url('/wp-content/themes/tol-child/images/news_h.png') no-repeat center;
}
.social-tab {
  background: transparent url('/wp-content/themes/tol-child/images/social.png') no-repeat center;
}
.social-tab.active {
  background: transparent url('/wp-content/themes/tol-child/images/social_h.png') no-repeat center;
}
.nav.right-sidebar-nav li a.active {
  border: 1px solid #474747;
  border-bottom: 1px solid #323232;
  position: relative;
  z-index: 2;
}
.search-part-social {
  padding: 0 4px 9px;
  border-bottom: 1px solid #474747;
  margin: 0 -5px;
}
.content-part-social {
  margin: 0 -5px;
}
.sidepanel-tabs:focus {
  outline: none;
}
.tol-messages-sidebar,
.tol-news-sidebar {
  padding: 15px;
}
table#tol-messageInbox th,
table#tol-messageInbox tr.inboxRow {
  background: transparent;
  font-size: 13px;
}
table#tol-messageInbox > tbody > tr > td {
  border-bottom: 1px solid #2D3E50;
  border-top: 1px solid #2D3E50;
  padding: 0 8px;
  height: 38px;
  line-height: 38px;
  font-weight: 700;
  font-family: 'robotolight';
  font-size: 13px;
}
#tol-messageInbox {
  margin-bottom: 0;
  color: #9d9d9d;
}
table#tol-messageInbox > thead > tr > th:nth-child(1),
table#tol-messageInbox > tbody > tr > td:nth-child(1) {
  text-align: left;
}
table#tol-messageInbox > thead > tr > th:nth-child(2),
table#tol-messageInbox > tbody > tr > td:nth-child(2) {
  text-align: right;
}
table#tol-messageInbox tr:hover {
  cursor: pointer;
}
table#tol-messageInbox tr:hover td {
  background-color: transparent !important;
  color: #FFF;
}
.side-separator {
  right: 340px;
  height: 100%;
}
.vertical-separator.side-separator .separator-collapse .separator-arrow {
  border-left: 3px solid #637E99;
  border-right: transparent;
  top: 12px;
}
.vertical-separator.side-separator.closed .separator-collapse .separator-arrow {
  border-right: 3px solid #637E99;
  border-left: transparent;
  left: 1px;
}
.trade-separator {
  top: 0;
}
.ui-widget-overlay {
  display: none;
  background: #000;
  opacity: .6;
  z-index: 99;
}
.dataTable table td .cellWrapper,
.dataTable table th .cellWrapper {
  font-size: 13px;
}
.dataTable table th .cellWrapper span:hover {
  color: #ffffff;
}
.dataTable table.traderoom-social th,
.dataTable table.traderoom-social td {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.dataTable table th.tarder-avatar {
  padding-left: 0;
  padding-right: 0;
  width: 40px;
}
.dataTable table th.tarder-name {
  width: 110px;
}
.dataTable table.traderoom-social td {
  overflow: visible;
  padding-top: 10px;
  padding-bottom: 9px;
}
.dataTable table.traderoom-social td.trader-name {
  color: #FFFFFF;
  padding-left: 0;
  cursor: pointer;
  overflow: hidden;
  text-align: left;
  width: 110px;
}
.dataTable table.traderoom-social td.td-pandl {
  color: #667E98;
}
.dataTable table.traderoom-social td.td-pandl.positive {
  color: #27AE62;
}
.dataTable table.traderoom-social td.td-pandl.negative {
  color: #AD1F2F;
}
.dataTable table.traderoom-social td.trader-avatar,
.dataTable table.traderoom-social th.trader-avatar {
  padding-left: 0;
  padding-right: 0;
  width: 40px;
}
.dataTable table.traderoom-social td.trader-avatar img {
  border: 1px solid #2C3D4F;
  width: 30px;
  height: 30px;
}
.socialCopyBtn {
  width: 48px;
  height: 31px;
  line-height: 30px;
  text-align: center;
  color: #FFF;
  font-family: 'lato-regular';
  font-size: 13px;
  font-weight: 300;
  display: inline-block;
  border: 0;
  background-color: #ff9537;
  background: #007ABD;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
  cursor: pointer;
}
.socialCopyBtn:hover {
  background: #125fb1;
}
.input-tradersearch {
  border: 1px solid #2D3E50;
  color: #FFFFFF;
  padding: 5px 10px;
  height: 30px;
  font-size: 14px;
  width: 198px;
}
.tradepanel-header-bar {
  height: 50px;
  line-height: 50px;
}
.assetsType-dropdown {
  position: absolute;
  height: 127px;
  width: 100%;
  border: solid 1px #000000;
  padding: 0;
  background: #2D3E50;
  z-index: 9;
  color: white;
}
.assettype-option {
  text-align: center;
  font-size: 13px;
  font-family: 'lato-regular';
  line-height: 25px;
  color: #ffffff;
  cursor: pointer;
}
.amount-dropdown {
  position: absolute;
  left: 4px;
  height: auto;
  width: 97%;
  border: solid 1px #242743;
  padding: 0;
  background: #2D3E50;
  z-index: 9;
  color: white;
  margin-top: 3px;
}
.amount-option {
  text-align: center;
  line-height: 20px;
  color: #ffffff;
  text-transform: uppercase;
  cursor: pointer;
}
.amount-option:hover {
  background-color: #007ABD;
}
.assettype-option:hover {
  background-color: #007ABD;
}
.assetssearch-option:hover {
  background-color: #007ABD;
  cursor: hand;
}
.assetstype {
  font-size: 1px;
}
.tradersearch-button {
  width: 98px;
  margin-left: 10px;
  position: relative;
  top: 1px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #FFF;
  font-family: 'lato-regular';
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  background: #007ABD url('/wp-content/themes/tol-child/images/search-icon-h.png') 10px center no-repeat;
  border-top: 1px solid #3493FF;
  border-bottom: 1px solid #171E26;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
  border-radius: 3px;
  cursor: pointer;
  text-indent: 20px;
}
.assetssearch-button:hover,
.tradersearch-button:hover {
  background-color: #49acf2;
}
.profile-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 99;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] {
  width: 302px !important;
  height: 510px !important;
  background: #121C28;
  border: 1px solid #2E3F51;
  border-radius: 0;
  top: 200px !important;
  padding: 0;
  z-index: 9999999;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-dialog-title {
  background-color: #007ABD;
  color: #ffffff;
  width: 130px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  position: absolute;
  top: -27px;
  left: -1px;
  font-size: 13px;
  font-family: 'lato-regular';
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-dialog-titlebar {
  height: 49px;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
  top: 31px;
}
#avatarSelectionGrid {
  margin: 15px;
  height: 374px !important;
  border: 1px solid #2D3E50;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] #avatarSelectionGrid .ui-widget-header {
  border: 0;
  border-bottom: 0;
  background: transparent;
  padding: 0;
  border-radius: 0;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-tabs .ui-tabs-nav li {
  width: 50%;
  height: 49px;
  border: 0;
  border-bottom: 1px solid #2D3E50;
  border-radius: 0;
  margin: 0;
  line-height: 33px;
  text-align: center;
  background: transparent;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-tabs .ui-tabs-nav li:first-child {
  border-right: 1px solid #2D3E50;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-tabs .ui-tabs-nav li a {
  width: 100%;
  color: #687E96;
  text-transform: uppercase;
  font-family: 'lato-regular';
  font-size: 15px;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: 0;
  padding-bottom: 0;
  background: #182434;
  border-bottom: 0;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #ffffff;
}
#tab-male,
#tab-female {
  background: #182434;
  height: 323px;
  padding: 54px 22px 45px;
}
.tol-avatar-grid-cell {
  background-size: 100%;
  background-position: center center;
  border: 1px solid #2D3E4E;
  display: inline-block;
  height: 64px;
  margin: 0;
  width: 64px;
  cursor: pointer;
}
.tol-avatar-grid-cell.selected {
  border: 3px solid #007ABD;
}
.tol-avatar-grid-row > .tol-avatar-grid-cell:nth-child(even) {
  margin: 0 16px;
}
#tab-male > .tol-avatar-grid-row:nth-child(even),
#tab-female > .tol-avatar-grid-row:nth-child(even) {
  margin: 16px 0;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-dialog-buttonpane {
  padding: 0;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none;
  text-align: center;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-dialog-buttonpane .ui-dialog-buttonset > button:nth-child(2) {
  display: none;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-dialog-buttonpane .ui-dialog-buttonset > button:nth-child(1) {
  width: 268px;
  height: 40px;
  line-height: 39px;
  text-align: center;
  color: #FFF;
  font-family: 'lato-light';
  font-size: 17px;
  font-weight: 300;
  display: inline-block;
  background: #007ABD;
  border-top: 1px solid #3493FF;
  border-bottom: 1px solid #171E26;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
  border-radius: 3px;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] .ui-dialog-buttonpane .ui-dialog-buttonset > button:nth-child(1):hover {
  background: #49acf2;
}
.dataTable.explore-results table th.canSort:hover {
  color: #546C84;
  cursor: default;
}
.dataTable.explore-results table th span:hover {
  color: #ffffff;
  cursor: pointer;
}
.real-search-thead thead,
.traders-head thead {
  display: none;
}
.copy-wrapper .tooltip.right .tooltip-arrow {
  border-right-color: #007ABD;
}
.copy-wrapper .tooltip-inner {
  max-width: 236px;
  padding: 3px 8px;
  color: #fff;
  text-align: justify;
  background-color: #007ABD;
  border-radius: 4px;
  font-family: lato-regular;
  font-size: 14px;
  width: 236px;
  line-height: 22px;
}
.popup-avatar img {
  width: 100%;
}
.trader-profile-about {
  position: relative;
}
.trader-name .edit-nickname,
.trader-profile-about .edit-aboutme {
  display: none;
}
.trader-name.me .edit-nickname,
.trader-profile-about.me .edit-aboutme {
  width: 25px;
  height: 25px;
  background: url('/wp-content/themes/tol-child/images/edit_icon_popup_me.png');
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  display: block;
}
.trader-profile-about.me .edit-aboutme {
  top: 13px;
}
.input-nickname {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 30px;
  background: #182434;
  border: 1px solid #2D3E50;
  padding: 0 5px;
  color: #647D9B;
  font-family: 'lato-regular';
  font-size: 14px;
}
.input-aboutme {
  position: absolute;
  width: 100%;
  left: 0;
  top: 13px;
  height: 125px;
  background: #182434;
  border: 1px solid #2D3E50;
  padding: 0 5px;
  color: #647D9B;
  font-family: 'lato-regular';
  font-size: 14px;
  vertical-align: top;
  line-height: 15px;
  overflow: hidden;
  resize: none;
}
#tol-social-popup .change-avatar-btn,
#tol-social-popup .copiers-copying .mypl,
#tol-social-popup .copiers-copying .td-mypl {
  display: none;
}
#tol-social-popup.modal.me .trader-profile-copiers {
  display: none;
}
#tol-social-popup.modal.me .change-avatar-btn {
  width: 100%;
  height: 40px;
  line-height: 39px;
  text-align: center;
  color: #FFF;
  font-family: 'lato-light';
  font-size: 17px;
  font-weight: 300;
  background: #2D3E50 url('/wp-content/themes/tol-child/images/edit_icon_popup.png') no-repeat 10px center;
  border-top: 1px solid #3E4F61;
  border-bottom: 1px solid #000000;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
  border-radius: 3px;
  cursor: pointer;
  text-transform: uppercase;
  margin: 15px 0 48px 0;
  display: block;
}
#tol-social-popup.modal.me .change-avatar-btn:hover {
  background: #5a5866 url('/wp-content/themes/tol-child/images/edit_icon_popup.png') no-repeat 10px center;
}
#tol-social-popup.modal.me .copiers-copying .mypl,
#tol-social-popup.modal.me .copiers-copying .td-mypl {
  display: table-cell;
}
.tradersearch-dropdown {
  position: absolute;
  z-index: 9;
  background: #2D3E50;
  width: 290px;
}
.trader-search-row {
  padding: 6px 6px 6px 40px;
  color: #667E98;
  font-size: 13px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 42px;
  line-height: 30px;
}
.trader-search-row:hover {
  background: #007ABD;
  color: #000000;
}
.trader-search-row img {
  width: 30px;
  margin-right: 6px;
  position: absolute;
  left: 6px;
}
.trader-search-row .found-text {
  color: #ffffff;
}
.copiers-copying thead th span:hover {
  color: #ffffff;
  cursor: pointer;
}
@media (width: 768px) {
  .copy-header-title {
    width: 70%;
  }
  #tol-social-popup {
    border: 0;
  }
  .profile-copy-button.half {
    margin-left: 2%;
  }
  #tol-explore-popup .modal-dialog.modal-sm {
    width: 503px;
    border: 1px solid #2D3E50;
    top: 50px;
  }
  #tol-explore-popup .modal-content {
    background: transparent;
  }
  .input-tradersearch {
    width: 66%;
  }
  #tol-social-popup .modal-dialog {
    width: 100%;
  }
  .nav.trader-popup-nav li a {
    font-size: 13px;
  }
  .nav.trader-popup-nav li.portfolio-tab {
    text-indent: 20px;
  }
  .nav.trader-popup-nav li.community-tab {
    text-indent: 35px;
  }
  .leader-profile-left img {
    width: 176px;
  }
  .stats-footer-btn {
    font-size: 13px;
  }
  .footer-btn-value {
    font-size: 13px;
  }
  .stats-body,
  .portfolio-body {
    width: 489px;
  }
  .copy-footer {
    margin-bottom: 54px;
  }
  #tol-social-popup .popup-social .trader-name {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #tol-social-popup.me .trader-popup-nav > li {
    width: 33.33%;
  }
  #tol-social-popup.me .community-wrapper .trader-popup-nav li {
    width: 49%;
  }
  #tol-uncopy-popup .btn-primary.uncopyClose {
    margin: 0;
  }
}
@media (max-width: 767px) {
  #tol-uncopy-popup .modal-dialog {
    width: 100%;
  }
  #tol-uncopy-popup .modal-header {
    height: auto;
  }
  #tol-uncopy-popup .btn-primary.uncopyClose {
    margin: 0;
  }
  #tol-social-popup .modal-body {
    overflow: scroll;
  }
  #tol-social-popup .modal-content {
    border: 0;
    width: 318px;
  }
  #tol-social-popup .modal-header {
    padding: 9px;
    height: 40px;
  }
  #tol-social-popup .social-next-profile,
  #tol-social-popup .social-prev-profile {
    width: 20px;
    height: 20px;
    line-height: 17px;
  }
  #tol-social-popup .modal-header button.close {
    top: 2px;
  }
  .popup-avatar img,
  .leader-profile-left .profile-copy-button {
    width: 120px;
  }
  .leader-profile-left .profile-copy-button {
    position: absolute;
    bottom: 19px;
    left: 9px;
    text-indent: 12px;
  }
  #tol-social-popup .leader-profile-left {
    padding: 9px;
    width: 100%;
    height: 234px;
    position: relative;
    border-right: 0;
  }
  .leader-profile-right {
    padding-left: 0;
    border-top: 1px solid #2D3E50;
  }
  #tol-social-popup .trader-name {
    padding-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .trader-profile-about {
    position: absolute;
    width: 162px;
    right: 9px;
    top: 27px;
  }
  .trader-profile-copiers {
    width: 161px;
    position: absolute;
    bottom: 19px;
    right: 9px;
    font-size: 16px;
  }
  .trader-popup-nav li {
    width: 55px;
  }
  .nav.trader-popup-nav > li span {
    display: none;
  }
  .community-wrapper .nav.trader-popup-nav > li span {
    display: inline;
    font-size: 14px;
  }
  .nav.trader-popup-nav > li.active {
    width: 150px;
  }
  #tol-social-popup.me .nav.trader-popup-nav > li.active {
    width: 208px;
  }
  .community-wrapper .nav.trader-popup-nav > li.active {
    width: 49% !important;
  }
  .nav.trader-popup-nav > li.active span {
    display: inline;
    color: #fff;
    font-size: 15px;
    line-height: 27px;
  }
  .community-wrapper .nav.trader-popup-nav > li.active span {
    line-height: 12px;
    font-size: 14px;
  }
  .nav.trader-popup-nav li.community-tab.active span {
    margin-left: 20px;
  }
  .leader-profile-right .tab-content {
    padding: 9px;
  }
  .stats-pandl span,
  .stats-time-title {
    display: block;
    height: 30px;
    line-height: 29px;
  }
  .stats-time-title {
    text-align: left;
    text-indent: 27px;
  }
  .portfolio-time-frame .stats-time-title {
    text-indent: 0;
    display: inline-block;
    float: left;
  }
  .portfolio-body {
    width: 300px;
    height: auto;
    padding-bottom: 70px;
  }
  .portfolio-body .highcharts-legend {
    border-left: 0;
    width: 300px;
    border-top: 1px solid #2D3E50;
  }
  .stats-body {
    width: 300px;
    margin: 9px 0 12px;
    height: 325px;
  }
  .stats-pandl-value.positive,
  .stats-pandl-value.negative {
    padding-left: 0;
  }
  .stats-pandl {
    padding: 0;
  }
  .stats-time-box {
    width: 40px;
  }
  .stats-footer-btn {
    width: 100%;
    margin-bottom: 10px;
  }
  .dataTable table.popup-social {
    padding: 0;
    border: 0;
  }
  .dataTable table.popup-social thead th:nth-child(1) .cellWrapper {
    text-align: left;
  }
  .dataTable table.popup-social img {
    width: 32px;
    border: 1px solid #2C3D4F;
  }
  .dataTable table.popup-social td.tarder-avatar,
  .dataTable table.popup-social th.tarder-avatar {
    width: 36px;
  }
  .copy-wrapper {
    padding: 0;
    border: 0;
  }
  .info-icon {
    display: none;
  }
  .copy-header {
    padding-bottom: 19px;
    border-bottom: 1px solid #2D3E50;
  }
  .copy-header-title,
  .copy-footer-title {
    width: 100%;
    font-size: 14px;
  }
  .copy-footer-title {
    margin-bottom: 5px;
  }
  .copy-header-body,
  .asset-type-wrapper {
    float: none;
    width: 100%;
  }
  .asset-type.narrow {
    margin-top: 5px;
    width: 100%;
  }
  .copy-body-row span {
    font-size: 14px;
  }
  .copy-footer {
    padding: 0;
    border: 0;
    margin-bottom: 10px;
  }
  .dataTable table.copiers-copying td,
  .dataTable table.copiers-copying th {
    padding: 4px;
    font-size: 12px;
  }
  .dataTable table.popup-social.copiers-copying th .cellWrapper {
    padding: 0 4px;
  }
  .dataTable table.copiers-copying th.copycol {
    padding-right: 20px;
  }
  .leader-profile-right table.copiers-copying .socialCopyBtn {
    width: 63px;
  }
  #tol-social-popup {
    top: 25px !important;
    width: 320px;
    margin: 0 auto;
  }
  .profile-copy-button.half {
    margin-left: 0;
    width: 100%;
  }
  .portfolio-body .highcharts-legend-item .legend-row .assetName {
    width: 125px;
  }
}
@media (max-width: 502px) {
  #tol-explore-popup .modal-dialog {
    top: 76px;
  }
  #tol-explore-popup .modal-content {
    width: 320px;
  }
  .modal-body.explore-search-fields {
    padding: 9px;
  }
  .explore-search-fields .stats-time-box,
  .advanced-search-percent {
    width: 40px;
  }
  .nav-button.less-than {
    min-width: 90px;
  }
  .less-than-wrapper .dropdown-menu {
    min-width: 92px;
  }
  .explore-search-row-asset-type,
  .explore-search-row-srate,
  .modal-body.explore-results.dataTable thead th:nth-child(4),
  .modal-body.explore-results.dataTable tbody td:nth-child(4) {
    display: none;
  }
  .modal-body.explore-search-fields .time-box-wrapper {
    width: 184px;
  }
  .explore-search-fields .explore-search-title {
    width: 116px;
  }
  .explore-search-than {
    width: 44px;
  }
  .modal-body.explore-results {
    padding: 0 9px 10px;
  }
  .explore-results.dataTable table th.copy {
    text-indent: 0;
  }
}
.page-change-password #tol-changePassword-layout-99 .container-fluid {
  max-width: 1440px;
  margin-top: 150px;
  margin-bottom: 150px;
}
.page-change-password #tol-changePassword-layout-99 .backlogin {
  color: ;
}
.page-change-password #tol-changePassword-layout-99 h3 {
  margin-bottom: 40px;
}
.page-change-password #tol-changePassword-layout-99 .change-password-success {
  position: absolute;
  height: 370px;
  background: #fff;
  bottom: 0;
  vertical-align: middle;
  width: 320px;
  display: none;
}
.page-change-password #tol-changePassword-layout-99 .change-password-success .btn-main {
  margin-top: 70px;
}
.page-change-password #tol-changePassword-layout-99 .change-password-success a {
  color: ;
}
.page-change-password #tol-changePassword-layout-99 .change-password-success p {
  margin-top: 20px;
  font-family: Open-Sans;
  font-size: 1.375rem;
  color: ;
}
.page-change-password #tol-changePassword-layout-99 .change-password-success img {
  margin-top: 60px;
}
.page-change-password #tol-changePassword-layout-99 .change-password-fail {
  position: absolute;
  height: 370px;
  background: #fff;
  bottom: 0;
  vertical-align: middle;
  width: 320px;
  display: none;
}
.page-change-password #tol-changePassword-layout-99 .change-password-fail .btn-main {
  margin-top: 70px;
}
.page-change-password #tol-changePassword-layout-99 .change-password-fail a {
  color: ;
}
.page-change-password #tol-changePassword-layout-99 .change-password-fail p {
  margin-top: 20px;
  font-family: Open-Sans;
  font-size: 1.375rem;
  color: ;
}
.page-change-password #tol-changePassword-layout-99 .change-password-fail img {
  margin-top: 60px;
}
.page-change-password #tol-changePassword-layout-99 label {
  min-width: 115px;
}
.page-forgot-password {
  background-color: #F6F6F6;
}
#tol-forgotPassword-layout-99 .container-fluid {
  margin-bottom: 150px;
  margin-top: 150px;
}
#tol-forgotPassword-layout-99 h3 {
  font-size: 35px;
}
#tol-forgotPassword-layout-99 .btn.btn-main {
  width: 100%;
  height: 45px;
  text-transform: uppercase;
  box-shadow: none;
  border: none;
  margin-top: 30px;
}
#tol-forgotPassword-layout-99 .form-container {
  padding: 40px;
  box-shadow: 0 0 35px rgba(0,0,0,0.1);
  transition: all 0.2s ease-in-out;
  border-radius: 5px;
  min-width: 400px;
  margin: 0 auto;
  float: none;
}
#tol-forgotPassword-layout-99 .backlogin {
  color: #22B24C;
}
#tol-forgotPassword-layout-99 .header {
  margin-bottom: 30px;
}
#tol-forgotPassword-layout-99 label {
  min-width: 50px;
}
#tol-forgotPassword-layout-99 label.focused {
  color: #22B24C;
}
#tol-forgotPassword-layout-99 .forgot-password-success {
  position: absolute;
  height: 290px;
  background: #F6F6F6;
  bottom: 0;
  vertical-align: middle;
  width: 320px;
  display: none;
}
#tol-forgotPassword-layout-99 .forgot-password-success .btn-main,
#tol-forgotPassword-layout-99 .forgot-password-fail .btn-main {
  margin-top: 40px;
  line-height: 33px;
}
#tol-forgotPassword-layout-99 .forgot-password-success .btn-main a,
#tol-forgotPassword-layout-99 .forgot-password-fail .btn-main a {
  color: #fff;
}
#tol-forgotPassword-layout-99 .forgot-password-success p,
#tol-forgotPassword-layout-99 .forgot-password-fail p {
  margin-top: 20px;
  font-size: 2rem;
}
#tol-forgotPassword-layout-99 .forgot-password-success img,
#tol-forgotPassword-layout-99 .forgot-password-fail img {
  margin-top: 60px;
}
#tol-forgotPassword-layout-99 .forgot-password-fail {
  position: absolute;
  height: 290px;
  background: #F6F6F6;
  bottom: 0;
  vertical-align: middle;
  width: 320px;
  display: none;
}
@media (max-width: 767px) {
  #tol-forgotPassword-layout-99 .form-container {
    min-width: unset;
  }
}
body:not(.white-theme).page-traderoom .favourite-button.fav,
body:not(.white-theme).page-traderoom .favourite-button {
  background: url(/wp-content/themes/tol-parent/images/forex/box_fav.png) no-repeat center !important;
  width: 16px !important;
  height: 16px !important;
}
body:not(.white-theme).page-traderoom .favourite-button.fav,
body:not(.white-theme).page-traderoom .favourite-button:hover {
  background: url(/wp-content/themes/tol-parent/images/forex/box_fav_active.png) center no-repeat !important;
}
body:not(.white-theme).page-traderoom .favourite-button-list.fav,
body:not(.white-theme).page-traderoom .favourite-button-list {
  background: url(/wp-content/themes/tol-parent/images/forex/box_fav.png) no-repeat center !important;
  width: 16px !important;
  height: 16px !important;
  margin-top: 10px !important;
}
body:not(.white-theme).page-traderoom .favourite-button-list.fav,
body:not(.white-theme).page-traderoom .favourite-button-list:hover {
  background: url(/wp-content/themes/tol-parent/images/forex/box_fav_active.png) no-repeat center !important;
  background-size: 100%;
}
body:not(.white-theme).page-traderoom .open-chart-button {
  background: url(/wp-content/themes/tol-parent/images/forex/box_chart.png) no-repeat center !important;
  width: 16px !important;
  height: 16px !important;
}
body:not(.white-theme).page-traderoom .open-chart-button-list {
  background: url(/wp-content/themes/tol-parent/images/forex/box_chart.png) no-repeat center !important;
  width: 16px !important;
  margin-top: 10px !important;
}
body:not(.white-theme).page-traderoom .open-chart-button:hover {
  background: url(/wp-content/themes/tol-parent/images/forex/box_chart_active.png) no-repeat center !important;
}
body:not(.white-theme).page-traderoom .open-chart-button-list:hover {
  background: url(/wp-content/themes/tol-parent/images/forex/box_chart_active.png) no-repeat center !important;
  background-size: 99%;
}
.boxes-amount-dropdown {
  cursor: pointer;
}
.boxes-amount-dropdown:hover {
  cursor: pointer;
}
.locked .boxes-amount-dropdown {
  cursor: pointer;
}
.locked .boxes-amount-dropdown:hover {
  cursor: pointer;
}
.locked .boxes-amount {
  cursor: not-allowed;
  background: url(/wp-content/themes/tol-parent/images/forex/lock.png) no-repeat 5% 7px, url(/wp-content/themes/tol-parent/images/forex/ddl_arrow.png) no-repeat 95% 10px;
}
.browser-firefox .boxes-amount {
  background: #2D3E50 url(/wp-content/themes/tol-parent/images/forex/unlocked.png) no-repeat 5% 7px;
}
.browser-firefox .boxes-amount:hover {
  background: #2D3E50 url(/wp-content/themes/tol-parent/images/forex/unlocked_hover.png) no-repeat 5% 7px;
}
.boxes-amount {
  cursor: pointer;
  background: url(/wp-content/themes/tol-parent/images/forex/unlocked.png) no-repeat 5% 7px, url(/wp-content/themes/tol-parent/images/forex/ddl_arrow.png) no-repeat 95% 10px;
  background-color: #182434;
  border: 1px solid #2B3E4D;
}
.locked .boxes-amount:hover {
  background: url(/wp-content/themes/tol-parent/images/forex/lock_h.png) no-repeat 5% 7px, url(/wp-content/themes/tol-parent/images/forex/ddl_arrow_active.png) no-repeat 95% 10px;
  color: #FFF;
}
.boxes-amount:hover {
  cursor: pointer;
  background: url(/wp-content/themes/tol-parent/images/forex/unlocked_hover.png) no-repeat 5% 7px, url(/wp-content/themes/tol-parent/images/forex/ddl_arrow_active.png) no-repeat 95% 10px;
}
.customDarkTooltip-fv {
  position: relative;
  display: inline-block;
}
.customDarkTooltip-fv .customDarkTooltipText-fv {
  display: none;
  width: 130px;
  background-color: #464646;
  color: #fff;
  text-align: center;
  border-radius: 0;
  border: solid 1px #fff;
  padding: 2px 0;
  position: absolute;
  z-index: 1;
  bottom: 30px;
  left: 60px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}
.assetsview-boxes > .forex-asset-boxesrow:first-of-type .forex-cubses-name .customDarkTooltip-fv .customDarkTooltipText-fv {
  bottom: -30px;
}
.customDarkTooltip-fv .customDarkTooltipText-fv::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 6px;
  margin-left: 0;
  border-width: 7px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.assetsview-boxes > .forex-asset-boxesrow:first-of-type .forex-cubses-name .customDarkTooltip-fv .customDarkTooltipText-fv::after {
  bottom: 100%;
  top: unset;
  border-color: transparent transparent #fff transparent;
}
.customDarkTooltip-fv:hover .customDarkTooltipText-fv {
  display: block;
  opacity: 1;
}
.customDarkTooltip-ls-fv {
  position: relative;
  display: inline-block;
}
.customDarkTooltip-ls-fv .customDarkTooltipText-ls-fv {
  visibility: hidden;
  width: 130px;
  background-color: #464646;
  color: #fff;
  text-align: center;
  border-radius: 0;
  border: solid 1px #fff;
  padding: 2px 0;
  position: absolute;
  z-index: 999;
  bottom: 24px;
  left: 55px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}
.customDarkTooltip-ls-fv .customDarkTooltipText-ls-fv::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 5px;
  margin-left: 0;
  border-width: 7px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.customDarkTooltip-ls-fv:hover .customDarkTooltipText-ls-fv {
  visibility: visible;
  opacity: 1;
}
.customDarkTooltip-oc {
  position: relative;
  display: inline-block;
}
.customDarkTooltip-oc .customDarkTooltipText-oc {
  visibility: hidden;
  width: 90px;
  background-color: #464646;
  color: #fff;
  text-align: center;
  border-radius: 0;
  border: solid 1px #fff;
  padding: 2px 0;
  position: absolute;
  z-index: 1;
  bottom: 30px;
  right: 0;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}
.assetsview-boxes > .forex-asset-boxesrow:first-of-type .forex-cubses-name .customDarkTooltip-oc .customDarkTooltipText-oc {
  bottom: -30px;
}
.customDarkTooltip-oc .customDarkTooltipText-oc::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 5px;
  margin-left: 0;
  border-width: 7px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.assetsview-boxes > .forex-asset-boxesrow:first-of-type .forex-cubses-name .customDarkTooltip-oc .customDarkTooltipText-oc::after {
  bottom: 100%;
  top: unset;
  border-color: transparent transparent #fff transparent;
}
.customDarkTooltip-oc:hover .customDarkTooltipText-oc {
  visibility: visible;
  opacity: 1;
}
.customDarkTooltip-ls-oc {
  position: relative;
  display: inline-block;
}
.customDarkTooltip-ls-oc .customDarkTooltipText-ls-oc {
  visibility: hidden;
  width: 120px;
  background-color: #464646;
  color: #fff;
  text-align: center;
  border-radius: 0;
  border: solid 1px #fff;
  padding: 2px 0;
  position: absolute;
  z-index: 999;
  bottom: 24px;
  left: 55px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}
.customDarkTooltip-ls-oc .customDarkTooltipText-ls-oc::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 5px;
  margin-left: 0;
  border-width: 7px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.customDarkTooltip-ls-oc:hover .customDarkTooltipText-ls-oc {
  visibility: visible;
  opacity: 1;
}
.customDarkTooltip-mp {
  position: absolute;
  z-index: 0;
  display: inline-block;
}
.customDarkTooltip-mp .customDarkTooltipText-mp {
  visibility: hidden;
  width: 120px;
  background-color: #464646;
  color: #fff;
  text-align: center;
  border-radius: 0;
  border: solid 1px #fff;
  padding: 0;
  position: absolute;
  z-index: 999;
  bottom: -11px;
  left: -70px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}
.customDarkTooltip-mp .customDarkTooltipText-mp::after {
  content: "";
  position: absolute;
  top: 8px;
  right: -15px;
  margin-left: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.customDarkTooltip-mp:hover .customDarkTooltipText-mp {
  visibility: visible;
  opacity: 1;
}
.customDarkTooltip-cp {
  position: absolute;
  z-index: 0;
  display: inline-block;
}
.customDarkTooltip-cp .customDarkTooltipText-cp {
  visibility: hidden;
  width: 120px;
  background-color: #464646;
  color: #fff;
  text-align: center;
  border-radius: 0;
  border: solid 1px #fff;
  padding: 0;
  position: absolute;
  z-index: 999;
  bottom: -11px;
  left: -70px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}
.customDarkTooltip-cp .customDarkTooltipText-cp::after {
  content: "";
  position: absolute;
  top: 8px;
  right: -15px;
  margin-left: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.customDarkTooltip-cp:hover .customDarkTooltipText-cp {
  visibility: visible;
  opacity: 1;
}
.customDarkTooltip-mo {
  position: absolute;
  z-index: 0;
  display: inline-block;
}
.customDarkTooltip-mo .customDarkTooltipText-mo {
  visibility: hidden;
  width: 120px;
  background-color: #464646;
  color: #fff;
  text-align: center;
  border-radius: 0;
  border: solid 1px #fff;
  padding: 0;
  position: absolute;
  z-index: 999;
  bottom: -11px;
  left: -70px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}
.customDarkTooltip-mo .customDarkTooltipText-mo::after {
  content: "";
  position: absolute;
  top: 8px;
  right: -15px;
  margin-left: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.customDarkTooltip-mo:hover .customDarkTooltipText-mo {
  visibility: visible;
  opacity: 1;
}
.customDarkTooltip-co {
  position: relative;
  z-index: 0;
  display: inline-block;
}
.customDarkTooltip-co .customDarkTooltipText-co {
  visibility: hidden;
  width: 120px;
  background-color: #464646;
  color: #fff;
  text-align: center;
  border-radius: 0;
  border: solid 1px #fff;
  padding: 0;
  position: absolute;
  z-index: 999;
  bottom: -11px;
  left: -70px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}
.customDarkTooltip-co .customDarkTooltipText-co::after {
  content: "";
  position: absolute;
  top: 8px;
  right: -15px;
  margin-left: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.customDarkTooltip-co:hover .customDarkTooltipText-co {
  visibility: visible;
  opacity: 1;
}
.page-portfolio-details  .table {
  table-layout: fixed;
}
.page-portfolio-details .dataTable table {
  border-left: 0;
  border-right: 0;
}
.page-portfolio-details .dataTable table td .cellWrapper,
.page-portfolio-details .dataTable table th .cellWrapper {
  color: #fff;
}
@media (max-width: 1024px) {
  .page-portfolio-builder .portfolio-body-part {
    padding: 30px 10px;
    max-width: 980px;
  }
  .page-my-portfolios .myportfolios-table-navigation {
    padding: 0 20px;
  }
  .page-my-portfolios .portfolio-header-part {
    padding: 35px 20px 29px;
  }
  .page-my-portfolios table div[data-type="activePortfoliosRow"] {
    display: inline-block;
    padding: 5px 0;
    width: 100%;
    border-bottom: 1px solid #2D3E50;
  }
  .page-my-portfolios table div[data-type="closedPortfoliosRow"],
  .page-my-portfolios table div[data-type="activePortfoliosRow"] {
    border-bottom: 1px solid #2D3D4F;
    float: left;
  }
  .page-my-portfolios .closed-portfolios-content .scrollable-area {
    border-bottom: 0;
  }
  .page-my-portfolios .dataTable table div>div {
    padding: 0 4px 4px;
    width: 12.5%;
    font-size: 12px;
    height: 57px;
    line-height: 57px;
    float: left;
  }
  .page-my-portfolios .dataTable table div>div.data-closeDate,
  .page-my-portfolios .dataTable table div>div.data-openDate {
    line-height: 20px;
    padding-top: 8px;
  }
  .page-my-portfolios .td-buttons .portfolioCloseBtn {
    margin-top: 16px;
  }
  .page-my-portfolios .myportfolios-tables-content table thead tr th {
    height: 57px;
  }
  .page-my-portfolios .ui-dialog .ui-dialog-buttonpane button {
    width: 80px;
  }
  .page-portfolio-builder .pbchart {
    display: none;
  }
  .page-portfolio-builder .portofolio-builder-table,
  .page-portfolio-adviser .portofolio-builder-table {
    height: 470px;
    padding: 0 0 0px 34px;
    width: 530px;
  }
  .page-portfolio-builder .portfolio-details-wrapper {
    margin: 15px 0 50px;
    height: 220px;
  }
  .page-portfolio-details .portfolio-summary {
    padding: 15px 15px;
  }
  .page-portfolio-details .portfolio-summary .portfolio-summary-field {
    width: 14%;
  }
  .page-portfolio-details .portfolio-header-part {
    padding: 35px 20px 29px;
  }
  .page-portfolio-details .portfolio-body-part {
    padding: 30px 20px 0 20px;
  }
  .page-portfolio-details .pdetails-chart {
    min-height: 380px;
    padding: 0;
  }
  .page-portfolio-details .portfolio-details-table-navigation {
    padding: 0 20px;
  }
  .page-portfolio-details .table > thead > tr > th,
  .page-portfolio-details .table > tbody > tr > td {
    height: 57px;
    line-height: 57px;
  }
  .page-portfolio-details .portfolio-details-tables-content .tab-content {
    padding: 0px 25px 65px;
  }
  .page-portfolio-details table .data-row {
    display: inline-block;
    padding: 5px 0;
    width: 100%;
    border-bottom: 1px solid #2D3E50;
  }
  .page-portfolio-details table div>div.data-closeDate,
  .page-portfolio-details table div>div.data-openDate {
    line-height: 20px;
    padding-top: 8px;
  }
  .page-portfolio-details table div > div {
    padding: 0 15px 4px;
    width: 16.6%;
    height: 57px;
    line-height: 57px;
    float: left;
    text-align: left;
  }
  .page-portfolio-details .dataTable table td .cellWrapper,
  .page-portfolio-details .dataTable table th .cellWrapper,
  .page-portfolio-details .dataTable table td,
  .page-portfolio-details .dataTable table th {
    font-size: 13px;
    height: 57px;
    line-height: 57px;
  }
  .page-portfolio-details .closed-trades-content .fake-table > thead > tr > th:first-of-type,
  .page-portfolio-details .closed-trades-content .fake-table > thead > tr > th:nth-of-type(5),
  .page-portfolio-details .closed-trades-content .fake-table > thead > tr > th:nth-of-type(7) {
    display: none;
  }
  .page-portfolio-details .closed-trades-content .table > tbody > div > div:first-of-type,
  .page-portfolio-details .closed-trades-content .table > tbody > div > div:nth-of-type(5),
  .page-portfolio-details .closed-trades-content .table > tbody > div > div:nth-of-type(7) {
    display: none;
  }
  .page-portfolio-details .open-trades-content .fake-table > thead > tr > th:first-of-type,
  .page-portfolio-details .open-trades-content .fake-table > thead > tr > th:nth-of-type(5) {
    display: none;
  }
  .page-portfolio-details .open-trades-content .table > tbody > div > div:first-of-type,
  .page-portfolio-details .open-trades-content .table > tbody > div > div:nth-of-type(5) {
    display: none;
  }
  .page-portfolio-details .portfolio-details-tables-content table thead tr th,
  .page-portfolio-details .portfolio-details-tables-content table tbody tr td {
    text-align: left;
    padding: 4px 18px;
  }
  .page-get-portfolio h1 {
    margin-top: 40px;
  }
  .page-get-portfolio .seq-title {
    margin-top: 5px;
    font-weight: 300;
  }
  .page-get-portfolio .seq .seq-feature,
  .page-get-portfolio .seq .a-answer__wrapper,
  .page-get-portfolio .seq .b-answer__wrapper,
  .page-get-portfolio .seq .c-answer__wrapper,
  .page-get-portfolio .seq .d-answer__wrapper {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
  }
  .page-get-portfolio .e-answer:nth-child(4),
  .page-get-portfolio .e-answer:nth-child(5),
  .page-get-portfolio .e-answer[data-value="3"] {
    margin-top: 50px;
  }
  .page-get-portfolio .e-answer[data-value="3"] {
    margin-left: auto;
    margin-right: auto;
  }
  .page-get-portfolio .progress-section {
    margin-top: 20px;
  }
  .portfolio-investment-tabcontent-left {
    width: 320px;
    padding-right: 20px;
    height: 350px;
  }
  .portfolio-investment-tabcontent-right {
    padding-left: 320px;
  }
  .portfolio-investment-content .navigation > li:first-child {
    margin-left: 0;
  }
  .portfolio-investment-content .navigation > li {
    width: auto;
  }
  .portfolio-investment-content .navigation > li > a {
    width: 267px;
  }
  .portfolio-investment-tabcontent-right .tab-content   .col-md-8[data-type="strategiesOverview"] {
    width: 57%;
    padding-left: 15px;
    padding-right: 25px;
    border-right: 1px solid #2D3D4F;
  }
  .portfolio-investment-donut {
    border-left: 0px;
  }
  .page-portfolio-adviser .portfolio-header-part {
    padding: 25px 20px 29px;
  }
  .portfolio-investment-tabcontent {
    height: 450px;
  }
  #tol-portfolio-adviser-1 {
    height: 650px !important;
  }
  .page-portfolio-adviser .input-nickname {
    width: 240px;
    top: -10px;
  }
  .portfolio-investment-tabcontent-left-controls:not(:last-child) {
    margin-top: 10px;
  }
  .page-portfolio-adviser .portfolio-name {
    margin-top: -10px;
    margin-bottom: 16px;
  }
  .portfolio-investment-overview-list {
    height: 266px;
  }
  .page-portfolio-adviser .scrollable-area {
    border-bottom: 0;
  }
  .page-portfolio-adviser input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin-top: 5px;
  }
  .portfolio-investment-overview-item .col-md-4 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .page-portfolio-adviser .col-md-8 {
    width: 57%;
  }
  .page-portfolio-adviser .col-md-4.portfolio-investment-predictedp-stats {
    height: 350px;
    border-left: 1px solid #2d3d4f;
    padding-left: 35px;
  }
  .page-portfolio-adviser .col-md-8.portfolio-investment-pastp-chart {
    padding-right: 0;
    padding-left: 0;
  }
  .portfolio-investment-pastp-right.rec {
    padding-top: 95px;
  }
  .portfolio-investment-pastp-right {
    height: 180px;
  }
  .portfolio-investment-predictedp-stats .row {
    margin-bottom: 10px;
  }
  .stats-body .highcharts-background,
  .portfolio-body .highcharts-background {
    background: transparent;
    fill: #182435;
  }
  .page-my-portfolios .dataTable table {
    margin-bottom: 0;
    border: 0;
  }
  .page-my-portfolios .dataTable table {
    color: #fff;
  }
  .page-portfolio-builder .portfolio-nostrategies,
  .page-portfolio-adviser .portfolio-nostrategies {
    background-size: contain;
  }
  .page-portfolio-details .dataTable table {
    color: #fff;
  }
}
@media (width: 1024px) {
  .page-portfolio-details .portfolio-body-part .col-xs-12.col-sm-6.pdetails-overview {
    height: 380px;
    overflow: auto;
  }
  .page-portfolio-builder  .portofolio-builder-stats div .col-sm-6.show {
    margin-left: 0;
  }
  .page-portfolio-builder .portofolio-builder-stats div .col-sm-6:last-of-type {
    white-space: nowrap;
  }
  .page-portfolio-builder .portfolio-investment-overview-item .row .col-sm-6:first-of-type {
    white-space: nowrap;
    max-width: 200px;
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .page-portfolio-builder .highcharts-container {
    overflow: visible !important;
  }
  .page-portfolio-builder svg:not(:root) {
    overflow: visible !important;
  }
  .page-portfolio-builder .portofolio-builder-stats div .col-sm-6.show + .col-sm-6 {
    margin-left: -54px;
  }
}
@media (max-width: 768px) {
  #tol-portfolio-builder-1 {
    overflow-x: hidden;
  }
  .portofolio-builder-stats .input-nickname {
    top: 15px;
  }
  .page-my-portfolios table div[data-type="activePortfoliosRow"] {
    display: inline-block;
    padding: 5px 0;
    width: 100%;
  }
  .page-my-portfolios .dataTable table div>div.data-closeDate,
  .page-my-portfolios .dataTable table div>div.data-openDate {
    line-height: 20px;
    padding-top: 8px;
  }
  .page-my-portfolios .myportfolios-tables-content .tab-content {
    padding: 5px 20px 65px;
  }
  .page-my-portfolios .portfolio-close-dialog .message-wrapper {
    line-height: 25px;
  }
  .page-portfolio-details .col-xs-12.col-sm-6.pdetails-overview,
  .page-portfolio-details .col-xs-12.col-sm-6.pdetails-chart {
    width: 100%;
    float: left;
  }
  .page-portfolio-details .portfolio-body-part {
    padding: 30px 70px 0 70px;
  }
  .page-portfolio-details .col-xs-12.col-sm-6.pdetails-overview {
    padding-left: 50px;
    padding-right: 50px;
  }
  .page-portfolio-details .portfolio-summary .portfolio-summary-field {
    width: 25%;
    float: left;
    padding-right: 0;
  }
  .page-portfolio-details .portfolio-summary-field.portfolio-summary-profit {
    padding: 0;
  }
  .page-portfolio-details .portfolio-summary {
    height: 115px;
  }
  .page-portfolio-details .portfolio-summary-field.portfolio-summary-profit,
  .page-portfolio-details .portfolio-summary-field.portfolio-summary-value,
  .page-portfolio-details .portfolio-summary-field.portfolio-summary-return {
    padding-top: 5px;
  }
  .page-portfolio-details .portfolio-summary {
    padding: 15px 20px;
  }
  .page-get-portfolio h1 {
    margin-top: 115px;
  }
  .page-get-portfolio .seq .seq-feature,
  .page-get-portfolio .seq .a-answer__wrapper,
  .page-get-portfolio .seq .b-answer__wrapper,
  .page-get-portfolio .seq .c-answer__wrapper,
  .page-get-portfolio .seq .d-answer__wrapper {
    margin-top: 80px;
  }
  .page-get-portfolio .seq-nav {
    margin: 90px auto 0;
    width: 680px;
  }
  .page-get-portfolio .progress-section {
    margin-top: 80px;
  }
  .portfolio-investment-content .navigation > li > a {
    width: 235px;
  }
  .portfolio-investment-donut {
    border-left: 0px;
    width: 450px;
    float: right;
    margin-top: -750px;
  }
  .page-portfolio-adviser .col-md-8 {
    width: 100%;
  }
  .page-portfolio-builder h1,
  .page-portfolio-adviser h1 {
    font-size: 25px;
  }
  .page-portfolio-builder h3,
  .page-portfolio-adviser h3 {
    font-size: 17px;
    line-height: 24px;
  }
  .portfolio-investment-content .navigation > li > a {
    margin-left: 0;
    height: 50px;
    line-height: 23px;
    overflow: hidden;
    font-size: 15px;
  }
  .portfolio-investment-content .navigation {
    padding: 0;
  }
  .page-portfolio-builder .portfolio-name span,
  .page-portfolio-adviser .portfolio-name span {
    padding-left: 30px;
    left: 0;
    position: relative;
  }
  .portfolio-investment-tabcontent-left {
    margin-top: 65px;
    padding-left: 35px;
    padding-right: 40px;
    width: 340px;
    float: left;
    z-index: 2;
    padding-right: 35px;
  }
  .portfolio-investment-tabcontent {
    height: 1024px;
  }
  .portfolio-investment-tabcontent-right {
    padding-left: 0;
  }
  .portfolio-investment-tabcontent-right .tab-content .col-md-8[data-type="strategiesOverview"] {
    width: 100%;
    margin-top: 390px;
  }
  #tol-portfolio-adviser-1 {
    height: 930px !important;
  }
  .portfolio-investment-overview-item .row .col-md-5:first-of-type,
  .portfolio-investment-overview-item .row .col-md-4:first-of-type {
    width: 33.33%;
  }
  .portfolio-investment-overview-item .row .col-md-5:nth-of-type(2),
  .portfolio-investment-overview-item .row .col-md-4:nth-of-type(2) {
    width: 33.33%;
    text-align: center;
  }
  .portfolio-investment-overview-item .row .col-md-2,
  .portfolio-investment-overview-item .row .col-md-4:nth-of-type(3) {
    width: 33.33%;
    text-align: right;
  }
  .portfolio-investment-overview-item .row .col-md-2,
  .portfolio-investment-overview-item .row .col-md-5,
  .portfolio-investment-overview-item .row .col-md-4 {
    padding: 0;
  }
  .portfolio-investment-overview-item .row {
    display: inline-flex;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #tol-portfolio-builder-1 .portfolio-body-part .col-xs-12.col-sm-5,
  #tol-portfolio-builder-1 .portfolio-body-part .col-xs-12.col-sm-7 {
    width: 100%;
  }
  .page-portfolio-builder .portofolio-builder-table,
  .page-portfolio-adviser .portofolio-builder-table {
    width: 100%;
  }
  .page-portfolio-builder .portfolio-header-part,
  .page-portfolio-adviser .portfolio-header-part {
    padding: 25px 20px 29px;
  }
  .page-portfolio-builder .portfolio-body-part {
    padding: 0px 10px;
    max-width: 980px;
  }
  .page-portfolio-builder .portfolio-additional-info {
    padding: 40px 0;
    font-size: 30px;
  }
}
@media (width: 768px) {
  #pastPerformance .col-md-4 {
    width: 450px;
    float: right;
    margin-top: -735px;
    padding-left: 100px;
    padding-right: 100px;
  }
  .page-portfolio-adviser .col-md-8.portfolio-investment-pastp-chart {
    margin-top: 370px;
  }
  .portfolio-investment-pastp-chart {
    border-right: 0;
  }
  .portfolio-investment-pastp-right > span.value {
    font-size: 38px;
  }
  #predictedPerformance .col-md-8 {
    margin-top: 400px;
  }
  .page-portfolio-adviser .col-md-4.portfolio-investment-predictedp-stats {
    border-left: 0;
    padding-left: 100px;
    padding-right: 100px;
    margin-top: -735px;
    width: 450px;
    float: right;
  }
  .page-portfolio-details .pdetails-chart {
    border-right: 0;
  }
  .page-portfolio-builder .portfolio-body-part {
    margin-bottom: 80px;
  }
  .page-portfolio-builder .highcharts-container {
    overflow: visible !important;
  }
  .page-portfolio-builder svg:not(:root) {
    overflow: visible !important;
  }
  .page-portfolio-builder .portfolio-name {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  #theme-dev-container {
    display: none;
  }
  .page-portfolio-builder .portfolio-nostrategies.col-sm-6.show {
    display: none;
    height: 0px;
  }
  .page-portfolio-builder svg text.highcharts-title {
    display: none;
  }
  .page-portfolio-builder .portofolio-builder-stats div .col-sm-6:last-of-type {
    margin-bottom: 50px;
  }
  .page-portfolio-builder .portfolio-nostrategies,
  .page-portfolio-adviser .portfolio-nostrategies {
    background-size: 100%;
  }
  .page-portfolio-builder .portofolio-builder-table {
    height: 470px;
    padding: 0px;
    width: 100%;
  }
  .page-portfolio-builder .pbuilder-table-row {
    padding: 10px 0px 0px 10px;
    height: 140px;
  }
  .page-portfolio-builder .pbinfo,
  .page-portfolio-builder .pbreturn,
  .page-portfolio-builder .pbinvest {
    width: 50%;
  }
  .page-portfolio-builder .pbinfo {
    float: left;
    margin-left: 75px;
  }
  .page-portfolio-builder .pbadd {
    float: left;
    margin-top: -115px;
  }
  .page-portfolio-builder .portfolio-name {
    margin-top: 20px;
  }
  .page-portfolio-builder .pbinvest {
    padding-left: 0;
    text-align: left;
    float: right;
  }
  .page-portfolio-builder .portfolio-details-wrapper {
    height: 150px;
  }
  .page-portfolio-builder .pbreturn .pbinvest-title,
  .page-portfolio-builder .pbinvest .pbinvest-title,
  .page-portfolio-builder .pbreturn .pbreturn-title,
  .page-portfolio-builder .pbinvest .pbreturn-title {
    margin-top: 15px;
  }
  .page-portfolio-builder .pbreturn {
    float: left;
  }
  #tol-portfolio-builder-1 .portfolio-body-part .col-xs-12.col-sm-5,
  #tol-portfolio-builder-1 .portfolio-body-part .col-xs-12.col-sm-7 {
    width: 100%;
  }
  .portfolio-investment-content .navigation > li > a {
    width: 104px;
    margin-left: 0;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    font-size: 15px;
  }
  .page-my-portfolios .myportfolios-table-navigation {
    padding: 0;
  }
  .page-my-portfolios .myportfolios-table-navigation .nav > li {
    width: 50%;
    float: left;
  }
  .page-my-portfolios .myportfolios-table-navigation .nav {
    display: inline-flex;
  }
  .page-my-portfolios .myportfolios-table-navigation .nav > li.active a,
  .page-my-portfolios .myportfolios-table-navigation .nav > li > a,
  .page-my-portfolios .myportfolios-table-navigation .nav > li > a:hover {
    overflow: hidden;
  }
  .page-my-portfolios .myportfolios-tables-content table thead tr th {
    height: 28px;
    padding: 4px 8px;
    width: 33.33%;
    float: left;
  }
  .page-my-portfolios .dataTable table td .cellWrapper,
  .page-my-portfolios .dataTable table th .cellWrapper {
    color: #A8ABAE;
    padding: 0;
  }
  .page-my-portfolios .myportfolios-tables-content table thead tr th:nth-child(8),
  .page-my-portfolios .myportfolios-tables-content table thead tr th:nth-child(2),
  .page-my-portfolios .myportfolios-tables-content table thead tr th:nth-child(5) {
    padding-left: 15px;
  }
  .page-my-portfolios .dataTable table thead {
    background: #1D2937;
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-my-portfolios .myportfolios-tables-content .tab-content {
    padding: 5px 0px 65px;
  }
  .page-my-portfolios .table.closedPortfoliosTable,
  .page-my-portfolios .activePortfoliosTable {
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-my-portfolios .dataTable table div > div {
    width: 33.33%;
    height: 30px;
    line-height: 15px;
  }
  .page-my-portfolios .dataTable table div > div.data-closeDate,
  .page-my-portfolios .dataTable table div > div.data-openDate {
    line-height: 15px;
    padding-top: 0;
  }
  .page-my-portfolios .td-buttons .portfolioCloseBtn {
    margin-top: 3px;
  }
  #tol-portfolios-1 {
    max-height: 768px;
  }
  .page-my-portfolios .myportfolios-table-navigation .nav > li,
  .page-my-portfolios .myportfolios-table-navigation .nav > li:hover {
    width: 50%;
  }
  .page-portfolio-details .portfolio-summary .portfolio-summary-field {
    width: 100%;
    float: left;
  }
  .page-portfolio-details .portfolio-summary {
    height: 215px;
  }
  .page-portfolio-details .portfolio-summary .portfolio-summary-field .portfolio-summary-field-title {
    width: 40%;
    float: left;
  }
  .page-portfolio-details .portfolio-summary .portfolio-summary-field .portfolio-summary-field-value {
    width: 60%;
    float: left;
  }
  .page-portfolio-details .portfolio-summary .portfolio-summary-field {
    padding: 0;
    height: 26px;
  }
  .page-portfolio-details .portfolio-summary {
    padding: 15px 15px 25px;
  }
  .page-portfolio-details .col-xs-12.col-sm-6.pdetails-chart {
    display: none;
  }
  .page-portfolio-details .portfolio-header-part {
    padding: 25px 20px 0px;
  }
  .page-portfolio-details .portfolio-body-part {
    padding: 30px 0px 0 0px;
  }
  .page-portfolio-details .col-xs-12.col-sm-6.pdetails-overview {
    padding-left: 30px;
    padding-right: 30px;
  }
  .page-portfolio-details .portfolio-details-table-navigation {
    padding: 0;
  }
  .page-portfolio-details .portfolio-details-table-navigation .nav > li,
  .page-portfolio-details .portfolio-details-table-navigation .nav > li:hover {
    width: 50%;
    float: left;
  }
  .page-portfolio-details .portfolio-details-table-navigation .nav {
    display: inline-flex;
  }
  .page-portfolio-details .portfolio-details-table-navigation .nav > li.active a,
  .page-portfolio-details .portfolio-details-table-navigation .nav > li > a,
  .page-portfolio-details .portfolio-details-table-navigation .nav > li > a:hover {
    overflow: hidden;
    white-space: nowrap;
  }
  .page-portfolio-details .closed-trades-content .fake-table > thead > tr > th:first-of-type,
  .page-portfolio-details .closed-trades-content .fake-table > thead > tr > th:nth-of-type(5),
  .page-portfolio-details .closed-trades-content .fake-table > thead > tr > th:nth-of-type(7) {
    display: block;
  }
  .page-portfolio-details .closed-trades-content .table > tbody > div > div:first-of-type,
  .page-portfolio-details .closed-trades-content .table > tbody > div > div:nth-of-type(5),
  .page-portfolio-details .closed-trades-content .table > tbody > div > div:nth-of-type(7) {
    display: block;
  }
  .page-portfolio-details .open-trades-content .fake-table > thead > tr > th:first-of-type,
  .page-portfolio-details .open-trades-content .fake-table > thead > tr > th:nth-of-type(5) {
    display: block;
  }
  .page-portfolio-details .open-trades-content .table > tbody > div > div:first-of-type,
  .page-portfolio-details .open-trades-content .table > tbody > div > div:nth-of-type(5) {
    display: block;
  }
  .page-portfolio-details table thead tr th,
  .page-portfolio-details table tbody tr div {
    text-align: left;
    font-family: 'roboto';
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
  }
  .page-portfolio-details .dataTable table th {
    height: 28px;
    padding: 4px 8px;
  }
  .page-portfolio-details .dataTable table thead {
    background: #1D2937;
    padding: 10px 20px;
  }
  .page-portfolio-details  table thead tr th {
    height: 28px;
    padding: 4px 8px;
  }
  .page-portfolio-details .dataTable table td .cellWrapper,
  .page-portfolio-details .dataTable table th .cellWrapper {
    color: #A8ABAE;
    padding: 0;
  }
  .page-portfolio-details .portfolio-details-tables-content table thead tr th,
  .page-portfolio-details .portfolio-details-tables-content table tbody tr td {
    float: left;
    width: 33.33%;
  }
  .page-portfolio-details .portfolio-details-tables-content .tab-content {
    padding: 0px 0px 65px;
  }
  .page-portfolio-details table div > div {
    padding: 0 10px 4px;
    width: 33.33%;
    height: 30px;
    line-height: 15px;
    float: left;
    text-align: left;
    font-size: 12px;
  }
  .page-portfolio-details .dataTable table td .cellWrapper,
  .page-portfolio-details .dataTable table th .cellWrapper,
  .page-portfolio-details .dataTable table td,
  .page-portfolio-details .dataTable table th {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .page-portfolio-details table .data-row {
    padding: 5px 15px;
  }
  .page-portfolio-details table div > div.data-closeDate,
  .page-portfolio-details table div > div.data-openDate {
    line-height: 15px;
    padding-top: 0;
  }
  .page-portfolio-details .table-responsive {
    border: 0;
  }
  .page-portfolio-details .portfolio-details-tables-content table tbody tr td {
    padding: 4px 10px;
  }
  #tol-portfolio-details-1 {
    overflow-x: hidden;
  }
  .page-portfolio-details h1 {
    font-size: 30px;
    line-height: 40px;
  }
  .page-get-portfolio h1 {
    margin-top: 35px;
    font-size: 15px;
    margin-bottom: 0;
  }
  .page-get-portfolio h3 {
    font-size: 12px;
    margin-top: 5px;
  }
  .page-get-portfolio .seq-title {
    font-size: 25px;
    margin-top: 0;
  }
  .page-get-portfolio .e-answer {
    width: 255px;
    height: 85px;
    line-height: 85px;
    margin-bottom: 30px;
  }
  .page-get-portfolio .e-answer:not(:first-child) {
    margin-left: 0;
  }
  .page-get-portfolio .e-answer .answer-back {
    width: 255px;
    height: 85px;
  }
  .page-get-portfolio .e-answer:nth-child(4),
  .page-get-portfolio .e-answer:nth-child(5),
  .page-get-portfolio .e-answer[data-value="3"] {
    margin-top: 0;
  }
  .page-get-portfolio .seq .seq-feature,
  .page-get-portfolio .seq .a-answer__wrapper,
  .page-get-portfolio .seq .b-answer__wrapper,
  .page-get-portfolio .seq .c-answer__wrapper,
  .page-get-portfolio .seq .d-answer__wrapper {
    max-width: 100%;
    margin-top: 50px;
  }
  .page-get-portfolio .seq-nav {
    margin: 300px 20px 0 20px;
    width: 90%;
    max-width: 100%;
  }
  #tol-get-portfolio-1 {
    height: auto !important;
  }
  .page-get-portfolio .progress-section {
    margin-top: 30px;
  }
  .page-get-portfolio .seq-step2 .e-answer {
    padding-top: 0;
    line-height: 85px;
  }
  .portfolio-investment-tabcontent-right {
    padding-left: 0;
    margin-top: 300px;
  }
  .portfolio-investment-overview-item .row {
    display: inline-flex;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .portfolio-investment-overview-item .row .col-md-5:first-of-type,
  .portfolio-investment-overview-item .row .col-md-4:first-of-type {
    width: 40%;
  }
  .portfolio-investment-overview-item .row .col-md-5:nth-of-type(2),
  .portfolio-investment-overview-item .row .col-md-4:nth-of-type(2) {
    width: 30%;
    text-align: right;
  }
  .portfolio-investment-overview-item .row .col-md-2,
  .portfolio-investment-overview-item .row .col-md-4:nth-of-type(3) {
    width: 30%;
    text-align: right;
  }
  .portfolio-investment-overview-item .row .col-md-2,
  .portfolio-investment-overview-item .row .col-md-5,
  .portfolio-investment-overview-item .row .col-md-4 {
    padding: 0;
  }
  #tol-portfolio-adviser-1 {
    height: 940px !important;
  }
  .portfolio-investment-tabcontent-right .tab-content .col-md-8[data-type="strategiesOverview"] {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    border-right: 0;
    margin-top: 0;
  }
  .portfolio-investment-tabcontent-left-controls {
    margin-top: 370px;
  }
  .col-md-8.portfolio-investment-pastp-chart {
    display: none;
  }
  .portfolio-investment-pastp-right.rec {
    padding-top: 15px;
  }
  .portfolio-investment-pastp-right {
    height: 115px;
  }
  #predictedPerformance .col-md-8 {
    display: none;
  }
  .page-portfolio-adviser .col-md-4.portfolio-investment-predictedp-stats {
    border-left: 0;
    padding-left: 60px;
    padding-right: 50px;
  }
  .portfolio-investment-pastp-right > span.value {
    font-size: 35px;
  }
  #pastPerformance .col-md-4 {
    margin-top: 30px;
  }
  .portfolio-investment-predictedp-stats .row:last-of-type {
    border-bottom: 0;
  }
  .portfolio-investment-donut {
    display: none;
  }
  .portfolio-investment-tabcontent-left {
    border: 0;
    width: 100%;
  }
  .portfolio-investment-tabcontent {
    height: 785px;
  }
  .page-portfolio-builder .portfolio-investment-overview-item .row {
    height: 30px;
  }
  .page-portfolio-builder .portofolio-builder-stats {
    padding-bottom: 50px;
  }
  .page-my-portfolios .noPortfoliosMessage {
    padding-left: 20px;
    line-height: 35px;
  }
  .page-my-portfolios .noPortfoliosMessage .get-portfolio {
    margin-left: 0;
    margin-top: 15px;
  }
  .page-my-portfolios .myportfolios-table-navigation .nav>li>a,
  .page-my-portfolios .myportfolios-table-navigation .nav>li>a:hover {
    font-size: 17px;
  }
  .page-my-portfolios .noPortfoliosMessage .create-portfolio {
    margin-top: 10px;
  }
  .page-portfolio-builder .portofolio-builder-stats div .col-sm-6:last-of-type {
    white-space: nowrap;
  }
  .page-portfolio-builder .portfolio-investment-overview-item .row .col-sm-6:first-of-type {
    white-space: nowrap;
    max-width: 250px;
    width: 250px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .portfolio-investment-range {
    width: 80% !important;
  }
}
@media (max-width: 320px) {
  .page-portfolio-builder .portofolio-builder-stats div .col-sm-6:last-of-type {
    white-space: nowrap;
  }
  .page-portfolio-builder .portfolio-investment-overview-item .row .col-sm-6:first-of-type {
    white-space: nowrap;
    max-width: 170px;
    width: 170px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .portfolio-investment-range {
    width: 75% !important;
  }
}
@media (min-width: 1025px) {
  .page-traderoom #sidePanel .tol-social-sidebar .dataTable table td,
  .dataTable table th {
    font-size: 12.5px;
  }
}
@media (max-width: 1024px) {
  #tol-social-popup .tab-content .copy-pane .copy-wrapper .tooltip.right {
    left: 242px !important;
  }
  #tol-social-popup .copy-wrapper .tooltip.right .tooltip-arrow {
    border-left-color: #007ABD;
  }
  #tol-social-popup .tooltip.right .tooltip-arrow {
    border-width: 5px 0px 5px 5px;
    right: 0px;
    left: unset;
  }
  .page-traderoom #layout #menu3 .sidepanel-tabs .tab-content {
    height: 630px;
  }
}
@media (max-width: 768px) {
  .portfolio-body .highcharts-legend-item .legend-row {
    display: block;
    font-size: 13px;
    font-family: 'lato-regular';
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
  }
  .portfolio-body .highcharts-legend {
    height: auto;
  }
  .highcharts-credits,
  .highcharts-legend {
    display: inline;
  }
  .portfolio-body .highcharts-legend .highcharts-legend-item .legend-row .assetName {
    width: 100px;
  }
  #tol-social-popup .tab-content .copy-pane .copy-wrapper .tooltip.right {
    left: 242px !important;
  }
  #tol-social-popup .copy-wrapper .tooltip.right .tooltip-arrow {
    border-left-color: #007ABD;
  }
  #tol-social-popup .tooltip.right .tooltip-arrow {
    border-width: 5px 0px 5px 5px;
    right: 0px;
    left: unset;
  }
  .page-traderoom .ui-widget-overlay {
    position: static;
  }
  .tol-social-sidebar .dataTable table th .cellWrapper span:hover {
    color: #637E99;
  }
}
@media (max-width: 767px) {
  #tol-social-popup .tab-content .copy-pane .copy-wrapper .tooltip.right {
    left: 35px !important;
  }
  #tol-social-popup .tab-content .copy-pane .copy-wrapper .info-icon {
    display: block;
  }
  .explore-results.dataTable table.traderoom-social th.trader-avatar,
  .explore-results.dataTable table.traderoom-social td.trader-avatar {
    width: 125px;
  }
}
@media (max-width: 320px) {
  #tol-social-popup .tab-content .copy-pane,
  #tol-social-popup .tab-content .community-tab {
    height: 100%;
  }
  #tol-social-popup .tab-content .stats-pane {
    padding-bottom: 50px;
    height: 100%;
  }
  #tol-uncopy-popup {
    top: 100px !important;
  }
  #tol-explore-popup .dataTable table.traderoom-social td.td-pandl,
  #menu4 .dataTable table.traderoom-social td.td-pandl {
    font-size: 12.5px;
  }
  .explore-results.dataTable table.traderoom-social th.trader-avatar,
  .explore-results.dataTable table.traderoom-social td.trader-avatar {
    width: 120px;
  }
  #menu4 .dataTable table.traderoom-social td.trader-name {
    width: 100px;
  }
  .modal[data-style="confirm"] .modal-header h4 {
    font-size: 18px;
  }
}
.ui-dialog.ui-widget-content.suspeneded-popup .body-text {
  padding: 23px;
}
.ui-dialog.ui-widget-content.suspeneded-popup .ui-widget-header .ui-icon {
  visibility: hidden;
}
body:not(.white-theme).page-traderoom .ui-dialog.ui-widget-content.suspeneded-popup .body-text {
  color: #fff;
}
.white-theme.page-traderoom .ui-dialog.ui-widget-content.suspeneded-popup .ui-dialog-titlebar-close {
  background: transparent url(/wp-content/themes/tol-parent/images/forex/close_btn.png) no-repeat bottom;
}
@media (max-width: 320px) {
  #tol-social-popup .modal-body {
    max-height: 400px;
  }
}
.page-traderoom #tol-mte-news {
  padding: 15px 0;
}
.page-traderoom #mte-news-container {
  width: 320px;
  padding: 0 10px;
  height: auto;
  position: relative;
  float: left;
}
.page-traderoom .news-item {
  height: 90px;
  padding: 10px 0px;
  float: left;
  position: relative;
  border-bottom: 1px solid #2D3E50;
  cursor: pointer;
}
.page-traderoom .news-item .col-sm-8 {
  position: relative;
  height: 70px;
  padding-left: 0;
}
.page-traderoom .news-item .col-sm-8 .col-sm-12 {
  padding: 0;
}
.page-traderoom .news-item .col-sm-8 .date {
  position: absolute;
  bottom: 10px;
  color: #637E99;
}
.page-traderoom .news-item .title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  font-family: 'lato-regular';
  font-weight: normal;
  color: #fff;
}
.page-traderoom .col-sm-4.news-image {
  padding: 0;
  overflow: hidden;
}
.page-traderoom .news-item .img-responsive {
  display: block;
  max-width: 110px;
  height: 70px;
}
.page-traderoom .news-item:hover .col-sm-8 .date,
.page-traderoom .news-item:hover .title {
  color: #007ABD;
}
.page-traderoom #mte-dialog {
  left: 0;
  right: 0;
  margin: auto;
  width: 430px;
  height: auto;
  z-index: 1050;
  max-height: 700px;
}
.page-traderoom #mte-dialog .feed-row-image {
  width: 400px;
  height: 220px;
}
.page-traderoom #mte-dialog .feed-row-image img {
  width: 100%;
  height: 100%;
}
.page-traderoom #mte-dialog .ui-dialog-title {
  background-color: #007ABD;
  width: 103px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  position: absolute;
  top: -27px;
  left: -1px;
  font-size: 13px;
  font-family: 'lato-regular';
  color: #fff;
}
.page-traderoom #mte-dialog .news-title {
  position: absolute;
  top: 15px;
  left: 0;
  padding-left: 17px;
  line-height: 1.1;
  width: 94%;
  color: #FFF;
}
.page-traderoom #mte-dialog .ui-dialog-titlebar {
  height: 50px;
  border: 0;
  border-radius: 0;
  background: #121C28;
  border-bottom: 1px solid #2E3D50;
  cursor: default;
}
.page-traderoom #mte-dialog.ui-dialog .ui-dialog-content {
  color: #fff;
}
.page-traderoom #mte-dialog .date-container {
  color: #3E4F61;
  padding: 5px 0 15px;
}
.page-traderoom #mte-dialog .scrollable-area {
  border-bottom: 0;
}
.page-traderoom .scrollable-area.news-popup {
  height: 350px;
}
@media (max-width: 1440px) {
  .page-traderoom #mte-dialog {
    top: 50px !important;
    max-height: 500px;
    padding-left: 0 !important;
  }
  .page-traderoom #mte-dialog .scrollable-area.news-popup {
    height: 175px;
  }
}
.page-traderoom .tecan-item {
  height: 280px;
  padding-top: 10px;
  border-bottom: 1px solid #2E3D50;
  cursor: pointer;
}
.page-traderoom .tecan-item .col-sm-6,
.page-traderoom .tecan-item .col-sm-12 {
  padding: 0;
}
.page-traderoom .col-sm-12.tecan-image {
  height: 200px;
  border: 1px solid #2E3E4E;
  padding: 0;
}
.page-traderoom .col-sm-12.tecan-image .img-responsive {
  height: 100%;
}
.page-traderoom .tecan-item .col-sm-6.date {
  text-align: right;
  color: #4A5B6F;
}
.page-traderoom .tecan-trade-btn,
.page-traderoom .tecan-trade-btn-inner,
.page-traderoom .tecvid-trade-btn {
  height: 30px;
  background: #007ABD;
  text-align: center;
  line-height: 30px;
  color: #fff;
}
.page-traderoom .tecan-item .col-sm-12.title-details {
  height: 25px;
  line-height: 25px;
}
.page-traderoom #mte-dialog .tecan-trade-btn-inner,
.page-traderoom #mte-dialog .tecvid-trade-btn {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.page-traderoom #market-analysis {
  padding-top: 15px;
}
.page-traderoom .market-analysis-tab {
  background: transparent url(/wp-content/themes/tol-parent/images/forex/summary.png) no-repeat center;
}
.page-traderoom .market-analysis-tab.active {
  background: transparent url(/wp-content/themes/tol-parent/images/forex/summary_h.png) no-repeat center;
}
.page-traderoom #economic-calendar {
  padding-top: 15px;
}
.page-traderoom .cal-item {
  min-height: 110px;
  height: auto;
  float: left;
  border-bottom: 1px solid #2E3D50;
  padding-bottom: 10px;
}
.page-traderoom .cal-item .cal-details {
  padding: 0;
  height: 25px;
  line-height: 25px;
  margin-top: 5px;
}
.page-traderoom .cal-item .btn {
  background: transparent;
  position: absolute;
  right: 0;
  top: 5px;
}
.page-traderoom .cal-item .btn:hover,
.page-traderoom .cal-item .btn:focus,
.page-traderoom .cal-item .btn.focus {
  outline: 0;
}
.page-traderoom .cal-item .btn[aria-expanded="true"] {
  background: transparent url(/wp-content/themes/tol-parent/images/forex/ddl_arrow_up.png) no-repeat center;
}
.page-traderoom .cal-item .btn[aria-expanded="false"] {
  background: transparent url(/wp-content/themes/tol-parent/images/forex/ddl_arrow.png) no-repeat center;
}
.page-traderoom .cal-item .msg-details,
.page-traderoom .cal-item .msg-details .date,
.page-traderoom .cal-item .msg-details .col-sm-10,
.page-traderoom .cal-item .cal-details .currency,
.page-traderoom .cal-item .cal-details .msg {
  padding: 0;
}
.page-traderoom .cal-item .msg-details .date {
  width: auto;
}
.page-traderoom .cal-item .impact1 {
  width: 8px;
  height: 8px;
  background: #007ABD;
  border-radius: 14px;
  padding: 0;
  position: relative;
  top: 11px;
  float: left;
  margin-left: 4px;
  margin-right: 4px;
}
.page-traderoom .cal-item .impact2 {
  width: 8px;
  height: 8px;
  background: #45CA8F;
  border-radius: 14px;
  padding: 0;
  position: relative;
  top: 11px;
  float: left;
  margin-left: 4px;
  margin-right: 4px;
}
.page-traderoom .cal-item .impact3 {
  width: 8px;
  height: 8px;
  background: #FF001D;
  border-radius: 14px;
  padding: 0;
  position: relative;
  top: 11px;
  float: left;
  margin-left: 4px;
  margin-right: 4px;
}
.page-traderoom .cal-item .msg-details {
  height: 30px;
  line-height: 30px;
  color: #4A5A73;
  margin-bottom: 5px;
}
.page-traderoom .cal-item .collapsed-content .col-sm-12,
.page-traderoom .cal-item .collapsed-content {
  padding: 0;
}
.page-traderoom .cal-item .col-sm-12.prices {
  padding-top: 5px;
  padding-bottom: 10px;
}
.page-traderoom .cal-item .col-sm-12.prices .col-sm-4 {
  padding-left: 0;
}
.page-traderoom .cal-item .col-sm-12.prices .value {
  color: #495B6F;
  text-align: left;
}
.page-traderoom .cal-item .col-sm-12.prices .title {
  color: #334353;
  text-align: left;
}
.page-traderoom .cal-item .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  display: block;
  width: 16px;
  height: 16px;
  top: 5px;
}
.page-traderoom .cal-item .flag-icon-eur {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/eu.svg);
}
.page-traderoom .cal-item .flag-icon-jpy {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/jp.svg);
}
.page-traderoom .cal-item .flag-icon-aud {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/au.svg);
}
.page-traderoom .cal-item .flag-icon-chf {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/ch.svg);
}
.page-traderoom .cal-item .flag-icon-gbp {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/gb.svg);
}
.page-traderoom .cal-item .flag-icon-usd {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/us.svg);
}
.page-traderoom .cal-item .flag-icon-cny {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/cn.svg);
}
.page-traderoom .cal-item .flag-icon-cad {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/ca.svg);
}
.page-traderoom .cal-item .flag-icon-nzd {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/nz.svg);
}
.page-traderoom .cal-item .cal-trade-btn {
  height: 30px;
  background: #007ABD;
  text-align: center;
  line-height: 30px;
  color: #fff;
  cursor: pointer;
}
.page-traderoom .economic-calendar-tab {
  background: transparent url(/wp-content/themes/tol-parent/images/forex/calendar.png) no-repeat center;
}
.page-traderoom .economic-calendar-tab.active {
  background: transparent url(/wp-content/themes/tol-parent/images/forex/calendar_h.png) no-repeat center;
}
.page-traderoom .signals-trade-btn {
  height: 30px;
  background: #007ABD;
  text-align: center;
  line-height: 30px;
  color: #fff;
  cursor: pointer;
}
.page-traderoom .signals-item {
  height: 90px;
  float: left;
  border-bottom: 1px solid #2E3D50;
  padding-bottom: 10px;
}
.page-traderoom .signals-item .signals-details {
  height: 40px;
  line-height: 40px;
  padding: 0;
}
.page-traderoom .signals-item .signals-details .rate,
.page-traderoom .signals-item .signals-details .prices,
.page-traderoom .signals-item .signals-details .asset {
  padding: 0;
}
.page-traderoom .signals-item .signals-details .prices .col-sm-12 {
  padding: 0;
  display: inline-block;
  line-height: 15px;
  height: 15px;
  color: #4A5B6D;
  text-align: right;
}
.page-traderoom .signals-item .signals-details .prices {
  margin-top: 5px;
}
.page-traderoom .signals-item .signals-details .rate {
  text-align: center;
}
.page-traderoom #signals {
  padding-top: 15px;
}
.page-traderoom .signals-item .signals-details .rate {
  position: relative;
}
.page-traderoom .signals-item .direction {
  width: 14px;
  height: 20px;
  display: block;
  float: left;
  position: absolute;
  top: 10px;
  left: 10px;
}
.page-traderoom .signals-item .direction.down.strong {
  background: url(/wp-content/themes/tol-parent/images/forex/mte/arrow_red.png) no-repeat left center;
}
.page-traderoom .signals-item .direction.up.strong {
  background: url(/wp-content/themes/tol-parent/images/forex/mte/arrow_blue.png) no-repeat left center;
}
.page-traderoom #daily-video {
  padding: 15px;
}
.page-traderoom .daily-video-tab {
  background: transparent url('/wp-content/themes/tol-parent/images/forex/mte/videos.png') no-repeat center;
}
.page-traderoom .daily-video-tab.active {
  background: transparent url('/wp-content/themes/tol-parent/images/forex/mte/videos_h.png') no-repeat center;
}
.page-traderoom #daily-video-container .tecvid-item {
  height: 280px;
  padding-top: 10px;
  border-bottom: 1px solid #2E3D50;
  padding: 0;
  cursor: pointer;
}
.page-traderoom #daily-video-container .tecvid-item .tecvid-image {
  height: 200px;
  border: 1px solid #2E3E4E;
  padding: 0;
}
.page-traderoom #daily-video-container .tecvid-item .tecvid-image .img-responsive {
  height: 100%;
  width: 100%;
}
.page-traderoom #daily-video-container .tecvid-item .title-details {
  height: 25px;
  line-height: 25px;
  margin: 5px 0;
}
.page-traderoom #daily-video-container .tecvid-item .tecvid-trade-btn {
  height: 30px;
  background: #007ABD;
  text-align: center;
  line-height: 30px;
  color: #fff;
}
.page-traderoom #daily-video-container .tecvid-item .col-sm-6,
.page-traderoom #daily-video-container .tecvid-item .col-sm-12 {
  padding: 0;
}
.page-traderoom #daily-video-container .date {
  text-align: right;
  color: #4A5B6F;
}
.page-traderoom #daily-video-container .play_img {
  background: rgba(0,0,0,0.1);
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url(/wp-content/themes/tol-parent/images/forex/mte/play.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.page-traderoom #economic-calendar-container {
  position: relative;
}
.page-traderoom #economic-calendar-container .scrollable-area {
  max-height: 671px;
}
.page-traderoom #economic-calendar-container #sortingByDays {
  max-width: 288px;
  margin-bottom: 5px;
  border: 1px solid #2E3D50;
  display: inline-block;
  border-left: none;
  border-right: none;
  height: 31px;
}
.page-traderoom #economic-calendar-container #sortingByDays li > a {
  height: auto;
  border-radius: 0;
  border: none;
  color: #475B73;
  font-family: robotoregular;
  font-size: 14px;
  line-height: 26px;
  text-transform: capitalize;
  padding: 0;
  text-align: center;
}
.page-traderoom #economic-calendar-container #sortingByDays li.active > a,
.page-traderoom #economic-calendar-container #sortingByDays li > a:hover {
  border-bottom: 3px solid #007ABD;
  color: #007ABD;
  background: transparent;
}
.page-traderoom #economic-calendar-container .impact-container {
  margin-bottom: 10px;
}
.page-traderoom #economic-calendar-container .flag-row {
  position: relative;
  display: table;
  margin-bottom: 10px;
}
.page-traderoom #economic-calendar-container .flag-row .flag-item {
  width: 33%;
  height: 30px;
  display: inline-block;
  position: relative;
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .checkmark {
  cursor: pointer;
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #2E3E4E;
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .container-checkbox .checkmark:after {
  left: 5px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #00C2E5;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .container-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .currency-name {
  font-family: robotoregular;
  color: #fff;
  font-size: 14px;
  margin-left: 5px;
  text-transform: uppercase;
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .flag-image {
  width: 20px;
  height: 20px;
  top: 4px;
  background-size: contain;
  display: inline-block;
  margin-left: 23px;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .flag-image.aud {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/au.svg);
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .flag-image.cad {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/ca.svg);
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .flag-image.cny {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/cn.svg);
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .flag-image.jpy {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/jp.svg);
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .flag-image.nzd {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/nz.svg);
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .flag-image.chf {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/ch.svg);
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .flag-image.eur {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/eu.svg);
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .flag-image.gbp {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/gb.svg);
}
.page-traderoom #economic-calendar-container .flag-row .flag-item .flag-image.usd {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/us.svg);
}
.page-traderoom #economic-calendar-container .calendar_btn {
  display: inline-block;
  width: 30px;
  height: 31px;
  float: right;
  border: 1px solid #2E3D50;
  background: url(/wp-content/themes/tol-parent/images/forex/mte/dots-light-gray.png) no-repeat center center;
  cursor: pointer;
}
.page-traderoom #economic-calendar-container #infoCalendarTraderoom {
  padding: 0px 10px;
}
.page-traderoom #economic-calendar-container #infoCalendarTraderoom .choose-importance {
  width: 30px;
  height: 31px;
  border: 1px solid #2E3D50;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.page-traderoom #economic-calendar-container #infoCalendarTraderoom .choose-importance.marked {
  border-color: #007ABD;
}
.page-traderoom #economic-calendar-container #infoCalendarTraderoom .iron-icon-1 {
  width: 18px;
  height: 21px;
  margin: 4px auto;
  display: block;
  fill: currentcolor;
  color: #007ABD;
}
.page-traderoom #economic-calendar-container .calendar_btn[aria-expanded="true"],
.page-traderoom #economic-calendar-container .calendar_btn:hover {
  background: url(/wp-content/themes/tol-parent/images/forex/mte/dots-light-blue.png) no-repeat center center;
}
body.page-traderoom.white-theme .daily-video-tab {
  background: #eaeaea url(/wp-content/themes/tol-parent/images/forex/mte/white/videos.png) no-repeat center;
}
body.page-traderoom.white-theme .daily-video-tab.active {
  background: #fff url(/wp-content/themes/tol-parent/images/forex/mte/white/videos.png) no-repeat center;
}
body.page-traderoom.white-theme .signals-tab {
  background: #eaeaea url(/wp-content/themes/tol-parent/images/forex/mte/white/signals.png) no-repeat center;
}
body.page-traderoom.white-theme .signals-tab.active {
  background: #fff url(/wp-content/themes/tol-parent/images/forex/mte/white/signals.png) no-repeat center;
}
body.page-traderoom.white-theme .economic-calendar-tab {
  background: #eaeaea url(/wp-content/themes/tol-parent/images/forex/mte/white/calendar.png) no-repeat center;
}
body.page-traderoom.white-theme .economic-calendar-tab.active {
  background: #fff url(/wp-content/themes/tol-parent/images/forex/mte/white/calendar.png) no-repeat center;
}
body.page-traderoom.white-theme .market-analysis-tab {
  background: #eaeaea url(/wp-content/themes/tol-parent/images/forex/mte/white/summary.png) no-repeat center;
}
body.page-traderoom.white-theme .market-analysis-tab.active {
  background: #fff url(/wp-content/themes/tol-parent/images/forex/mte/white/summary.png) no-repeat center;
}
body.page-traderoom.white-theme #economic-calendar-container #sortingByDays,
body.page-traderoom.white-theme #economic-calendar-container .calendar_btn,
body.page-traderoom.white-theme #economic-calendar-container #infoCalendarTraderoom .choose-importance {
  border-color: #E1E1E1;
}
body.page-traderoom.white-theme #economic-calendar-container #infoCalendarTraderoom .choose-importance.marked {
  border-color: #007ABD;
}
body.page-traderoom.white-theme #economic-calendar-container .flag-row .flag-item .currency-name,
body.page-traderoom.white-theme #economic-calendar-container #sortingByDays li > a {
  color: #363636;
}
body.page-traderoom.white-theme .flag-icon-jpy,
body.page-traderoom.white-theme .flag-image.jpy,
body.page-traderoom.white-theme #economic-calendar-container .flag-row .flag-item .checkmark {
  border: 1px solid #e1e1e1;
}
body.page-traderoom.white-theme .tecan-item {
  border-bottom: 1px solid #E1E1E1;
}
body.page-traderoom.white-theme .tecan-item .col-sm-6.title,
body.page-traderoom.white-theme .tecan-item .col-sm-6.date {
  color: #001437;
}
body.page-traderoom.white-theme .col-sm-12.tecan-image {
  border: 1px solid #e1e1e1;
  padding: 5px;
}
body.page-traderoom.white-theme .signals-item {
  border-bottom: 1px solid #e1e1e1;
  color: #363636;
}
body.page-traderoom.white-theme .signals-item .signals-details .prices .col-sm-12 {
  color: #011538;
}
body.page-traderoom.white-theme .tecvid-item .title,
body.page-traderoom.white-theme .tecvid-item .date {
  color: #001437;
}
body.page-traderoom.white-theme .cal-item .msg-details .col-sm-10 {
  color: #001739;
}
body.page-traderoom.white-theme .cal-item .msg-details,
body.page-traderoom.white-theme .cal-item .cal-details .currency,
body.page-traderoom.white-theme .cal-item .cal-details .msg {
  color: #363636;
}
body.page-traderoom.white-theme .cal-item .collapsed-content .col-sm-12,
body.page-traderoom.white-theme .cal-item .collapsed-content {
  color: #363636;
}
body.page-traderoom.white-theme .cal-item .col-sm-12.prices .title {
  color: #ADADAD;
}
body.page-traderoom.white-theme .cal-item .col-sm-12.prices .value {
  color: #011538;
}
body.page-traderoom.white-theme .cal-item {
  border-bottom: 1px solid #e1e1e1;
}
body.page-traderoom.white-theme .news-item .col-sm-8 .date,
body.page-traderoom.white-theme .news-item .title {
  color: #363636;
}
body.page-traderoom.white-theme .news-item:hover .col-sm-8 .date,
body.page-traderoom.white-theme .news-item:hover .title {
  color: #00C3E9;
}
body.page-traderoom.white-theme .news-item {
  border-bottom: 1px solid #E1E1E1;
}
body.page-traderoom.white-theme #mte-dialog .news-title {
  color: #363636;
}
body.page-traderoom.white-theme #mte-dialog .ui-dialog-titlebar {
  background: #F9FAFC;
  border-bottom: 1px solid #E1E1E1;
  color: #363636;
}
body.page-traderoom.white-theme #mte-dialog .date-container {
  color: #011538;
}
body.page-traderoom.white-theme #mte-dialog.ui-dialog .ui-dialog-content {
  color: #353535;
}
.page-market-research .main_header {
  font-family: robotoregular;
  font-size: 60px;
  color: #007ABD;
  text-align: center;
  margin: 80px auto 50px auto;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .page-market-research .main_header {
    font-size: 52px;
  }
}
.page-market-research #content > .container-fluid {
  max-width: 1290px;
}
.page-market-research .tab-content {
  padding: 50px 0;
}
.page-market-research #market-research-tabs li {
  height: 50px;
}
.page-market-research #market-research-tabs li > a {
  border-bottom: 1px solid #E5E5E5;
  color: #7E7E7E;
  font-family: robotoregular;
  font-size: 18px;
  text-transform: capitalize;
}
.page-market-research #market-research-tabs li > a:hover {
  background: transparent;
  color: #007ABD;
  border-color: transparent;
  border-bottom: 1px solid #E5E5E5;
}
.page-market-research #market-research-tabs li.active  > a {
  background: transparent;
  color: #007ABD;
  border: none;
  border-bottom: 2px solid #007ABD;
}
@media (width: 768px) {
  .page-market-research #market-research-tabs li > a {
    font-size: 14px;
  }
}
.page-market-research #news .top_news {
  color: #2b2b2b;
  font-family: 'robotobold';
  font-size: 18px;
}
.page-market-research #news .latest_news {
  color: #2b2b2b;
  font-family: 'robotobold';
  font-size: 18px;
}
.page-market-research #news .news-item {
  padding: 10px;
  width: 23%;
  margin: 0px 16px;
  border: 2px solid #E5E5E5;
  margin-bottom: 20px;
  max-height: 380px;
  height: 380px;
  display: inline-block;
  cursor: pointer;
}
.page-market-research #news .news-item:hover {
  border-color: #007ABD;
}
.page-market-research #news .news-item .news-image {
  padding: 0;
}
.page-market-research #news .news-item .title {
  font-family: robotoregular;
  font-size: 18px;
  color: #18268F;
}
.page-market-research #news .news-item .date {
  font-family: robotolight;
  font-size: 18px;
  color: #676767;
  margin-bottom: 10px;
}
.page-market-research #news .news-item .details {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 100px;
  max-width: 100%;
}
@media (min-width: 1025px) {
  .page-market-research #news .col-md-3.news-item:nth-of-type(4n + 3) {
    margin-left: 0;
    float: left;
  }
  .page-market-research #news .col-md-3.news-item:nth-of-type(4n + 2) {
    margin-right: 0;
    float: right;
  }
}
.page-market-research #news .col-sm-12.news-item {
  max-height: 450px;
  height: auto;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 30px;
}
.page-market-research #news .col-sm-12.news-item .date {
  margin-bottom: 40px;
}
.page-market-research #news .col-sm-12.news-item .title {
  font-size: 32px;
}
@media (max-width: 1024px) {
  .page-market-research #news .news-item {
    width: 300px;
    margin: 0px 15px;
  }
}
@media (width: 768px) {
  .page-market-research #news .news-item {
    width: 335px;
    max-height: 420px;
    height: 420px;
  }
  .page-market-research #news .col-sm-12.news-item .date {
    margin-bottom: 10px;
  }
  .page-market-research #news .news-item:nth-of-type(even) {
    float: right;
  }
  .page-market-research #news .news-item:nth-of-type(odd) {
    float: left;
  }
  .page-market-research #news .news-item .title {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .page-market-research #news .news-item {
    width: 100%;
    margin: 0 auto;
    height: auto;
    margin-bottom: 15px;
  }
  .page-market-research #news .news-item .details {
    height: 50px;
  }
  .page-market-research #news .col-sm-12.news-item .date {
    margin-bottom: 10px;
  }
  .page-market-research #news .col-sm-12.news-item  .col-sm-7 {
    padding: 0;
  }
}
.page-market-research .full-article {
  max-width: 100%;
  width: 720px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.page-market-research .full-article .close_btn {
  display: block;
  position: absolute;
  right: 0;
  top: -30px;
  height: 30px;
  width: 70px;
  font-family: robotobold;
  font-size: 18px;
  color: #2b2b2b;
  cursor: pointer;
  background: transparent url('/wp-content/themes/tol-parent/images/forex/mte/x-gray.png') no-repeat 90% 8px;
}
.page-market-research .full-article .title {
  font-family: robotoregular;
  font-size: 32px;
  color: #18268F;
}
.page-market-research .full-article .date {
  font-family: robotolight;
  font-size: 18px;
  color: #676767;
  margin-bottom: 10px;
}
.page-market-research .full-article .details {
  display: block;
  height: 100%;
  max-width: 100%;
}
.page-market-research .full-article .col-sm-12 {
  padding: 0;
  float: unset;
}
.page-market-research .full-article .trade_button_news {
  width: 100%;
  height: 50px;
  background: #007ABD;
  color: #fff;
  font-family: robotoregular;
  font-size: 13px;
  margin-top: 35px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
.page-market-research #daily-videos .top_news {
  color: #2b2b2b;
  font-family: 'robotobold';
  font-size: 18px;
  padding-left: 15px;
}
.page-market-research #daily-videos .latest_news {
  color: #2b2b2b;
  font-family: 'robotobold';
  font-size: 18px;
  padding-left: 15px;
}
.page-market-research #daily-videos .tecvid-item {
  padding: 10px;
  width: 23%;
  margin: 0px 12px;
  border: 2px solid #E5E5E5;
  margin-bottom: 20px;
  max-height: 380px;
  height: 380px;
  display: inline-block;
  cursor: pointer;
}
.page-market-research #daily-videos .tecvid-item:hover {
  border-color: #007ABD;
}
.page-market-research #daily-videos .tecvid-item .tecvid-image {
  padding: 0;
  margin-bottom: 10px;
}
.page-market-research #daily-videos .tecvid-item .title {
  font-family: robotoregular;
  font-size: 18px;
  color: #18268F;
}
.page-market-research #daily-videos .tecvid-item .date {
  font-family: robotolight;
  font-size: 18px;
  color: #676767;
  margin-bottom: 10px;
}
.page-market-research #daily-videos .tecvid-item .details {
  display: block;
  max-width: 100%;
}
.page-market-research #daily-videos .tecvid-item.disabled {
  border: none;
  background: transparent;
  pointer-events: none;
}
.page-market-research #daily-videos .play_img {
  background: rgba(0,0,0,0.1);
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url(/wp-content/themes/tol-parent/images/forex/mte/play.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.page-market-research #daily-videos .full-video {
  max-width: 100%;
  width: 720px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.page-market-research #daily-videos .full-video .close_btn {
  display: block;
  position: absolute;
  right: 0;
  top: -30px;
  height: 30px;
  width: 70px;
  font-family: robotobold;
  font-size: 18px;
  color: #2b2b2b;
  cursor: pointer;
  background: transparent url('/wp-content/themes/tol-parent/images/forex/mte/x-gray.png') no-repeat 90% 8px;
}
.page-market-research #daily-videos .full-video .title {
  font-family: robotoregular;
  font-size: 32px;
  color: #18268F;
}
.page-market-research #daily-videos .full-video .date {
  font-family: robotolight;
  font-size: 18px;
  color: #676767;
  margin-bottom: 10px;
}
.page-market-research #daily-videos .full-video .details {
  display: block;
  height: 100%;
  max-width: 100%;
}
.page-market-research #daily-videos .full-video .col-sm-12 {
  padding: 0;
  float: unset;
}
.page-market-research #daily-videos .full-video .trade_button_news {
  width: 100%;
  height: 50px;
  background: #007ABD;
  color: #fff;
  font-family: robotoregular;
  font-size: 13px;
  margin-top: 20px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
.page-market-research #daily-videos .full-video iframe {
  max-width: 100%;
  width: 720px;
  max-height: 520px;
  height: 520px;
}
@media (max-width: 1024px) {
  .page-market-research #daily-videos .tecvid-item {
    width: 300px;
    height: 300px;
  }
  .page-market-research #daily-videos .latest_news {
    padding-left: 30px;
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }
}
@media (width: 768px) {
  .page-market-research #daily-videos .tecvid-item {
    width: 345px;
    height: 330px;
  }
}
@media (max-width: 767px) {
  .page-market-research #daily-videos .tecvid-item {
    width: 100%;
    margin: 0 auto;
    height: auto;
    margin-bottom: 15px;
  }
}
.page-market-research #chart-analysis .top_news {
  color: #2b2b2b;
  font-family: 'robotobold';
  font-size: 18px;
  padding-left: 15px;
}
.page-market-research #chart-analysis .latest_news {
  color: #2b2b2b;
  font-family: 'robotobold';
  font-size: 18px;
  padding-left: 15px;
}
.page-market-research #chart-analysis .tecan-item {
  padding: 10px;
  width: 23%;
  margin: 0px 12px;
  border: 2px solid #E5E5E5;
  margin-bottom: 20px;
  max-height: 280px;
  height: 280px;
  display: inline-block;
  cursor: pointer;
}
.page-market-research #chart-analysis .tecan-item:hover {
  border-color: #007ABD;
}
.page-market-research #chart-analysis .tecan-item .tecan-image {
  padding: 0;
  margin-bottom: 10px;
  border: 1px solid #E5E5E5;
}
.page-market-research #chart-analysis .tecan-item .title {
  font-family: robotoregular;
  font-size: 18px;
  color: #18268F;
}
.page-market-research #chart-analysis .tecan-item .date {
  font-family: robotolight;
  font-size: 18px;
  color: #676767;
  margin-bottom: 10px;
}
.page-market-research #chart-analysis .tecan-item .details {
  display: block;
  max-width: 100%;
}
.page-market-research #chart-analysis .tecan-item.disabled {
  border: none;
  background: transparent;
  pointer-events: none;
}
.page-market-research #chart-analysis .full-chart {
  max-width: 100%;
  width: 720px;
  display: block;
  margin: 0 auto;
  position: relative;
}
.page-market-research #chart-analysis .full-chart .close_btn {
  display: block;
  position: absolute;
  right: 0;
  top: -30px;
  height: 30px;
  width: 70px;
  font-family: robotobold;
  font-size: 18px;
  color: #2b2b2b;
  cursor: pointer;
  background: transparent url('/wp-content/themes/tol-parent/images/forex/mte/x-gray.png') no-repeat 90% 8px;
}
.page-market-research #chart-analysis .full-chart .title {
  font-family: robotoregular;
  font-size: 32px;
  color: #18268F;
}
.page-market-research #chart-analysis .full-chart .date {
  font-family: robotolight;
  font-size: 18px;
  color: #676767;
  margin-bottom: 10px;
}
.page-market-research #chart-analysis .full-chart .details {
  display: block;
  height: 100%;
  max-width: 100%;
}
.page-market-research #chart-analysis .full-chart .col-sm-12 {
  padding: 0;
  float: unset;
}
.page-market-research #chart-analysis .full-chart .trade_button_news {
  width: 100%;
  height: 50px;
  background: #007ABD;
  color: #fff;
  font-family: robotoregular;
  font-size: 13px;
  margin-top: 20px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .page-market-research #chart-analysis .tecan-item {
    width: 300px;
    height: 300px;
  }
  .page-market-research #chart-analysis .latest_news {
    padding-left: 30px;
    display: block;
    margin-bottom: 20px;
    width: 100%;
  }
}
@media (width: 768px) {
  .page-market-research #chart-analysis .tecan-item {
    width: 345px;
    height: 330px;
  }
}
@media (max-width: 767px) {
  .page-market-research #chart-analysis .tecan-item {
    width: 100%;
    margin: 0 auto;
    height: auto;
    margin-bottom: 15px;
  }
}
.page-market-research #calendar {
  position: relative;
}
.page-market-research #calendar #sortingByDays {
  max-width: 97.16%;
  margin-bottom: 20px;
  border: 1px solid #E5E5E5;
  display: inline-block;
}
.page-market-research #calendar #sortingByDays li > a {
  height: 35px;
  border-radius: 0;
  border: none;
  color: #18268F;
  font-family: robotoregular;
  font-size: 13px;
  line-height: 35px;
  text-transform: uppercase;
  padding: 0;
  text-align: center;
}
.page-market-research #calendar #sortingByDays li.active > a,
.page-market-research #calendar #sortingByDays li > a:hover {
  background: #18268F;
  color: #fff;
}
@media (width: 1024px) {
  .page-market-research #calendar #sortingByDays {
    max-width: 959px;
  }
}
@media (width: 768px) {
  .page-market-research #calendar #sortingByDays {
    max-width: 703px;
  }
}
@media (max-width: 767px) {
  .page-market-research #calendar #sortingByDays {
    max-width: 100%;
  }
  .page-market-research #calendar #sortingByDays li {
    width: 14%;
    display: inline-block;
  }
  .page-market-research #calendar #sortingByDays li a {
    margin-bottom: 0;
  }
}
.page-market-research #calendar .impact-container {
  margin-bottom: 30px;
}
.page-market-research #calendar .flag-row {
  position: relative;
  height: 40px;
}
.page-market-research #calendar .flag-row .flag-item {
  width: 10.5%;
  height: 30px;
  display: inline-block;
  position: relative;
}
.page-market-research #calendar .flag-row .flag-item .container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.page-market-research #calendar .flag-row .flag-item .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #c7cbcc;
}
.page-market-research #calendar .flag-row .flag-item .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.page-market-research #calendar .flag-row .flag-item .container-checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #00B2A9;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.page-market-research #calendar .flag-row .flag-item .container-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.page-market-research #calendar .flag-row .flag-item .currency-name {
  font-family: robotoregular;
  color: #000;
  font-size: 16px;
  margin-left: 10px;
  text-transform: uppercase;
}
.page-market-research #calendar .flag-row .flag-item .flag-image {
  width: 28px;
  height: 21px;
  top: 4px;
  background-size: contain;
  display: inline-block;
  margin-left: 28px;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
}
.page-market-research #calendar .flag-row .flag-item .flag-image.aud {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/au.svg);
}
.page-market-research #calendar .flag-row .flag-item .flag-image.cad {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/ca.svg);
}
.page-market-research #calendar .flag-row .flag-item .flag-image.cny {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/cn.svg);
}
.page-market-research #calendar .flag-row .flag-item .flag-image.jpy {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/jp.svg);
}
.page-market-research #calendar .flag-row .flag-item .flag-image.nzd {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/nz.svg);
}
.page-market-research #calendar .flag-row .flag-item .flag-image.chf {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/ch.svg);
}
.page-market-research #calendar .flag-row .flag-item .flag-image.eur {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/eu.svg);
}
.page-market-research #calendar .flag-row .flag-item .flag-image.gbp {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/gb.svg);
}
.page-market-research #calendar .flag-row .flag-item .flag-image.usd {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/us.svg);
}
.page-market-research #calendar .calendar_btn {
  display: inline-block;
  width: 35px;
  height: 37px;
  float: right;
  border: 1px solid #E5E5E5;
  background: url(/wp-content/themes/tol-parent/images/forex/mte/dots-blue.png) no-repeat center center;
  cursor: pointer;
}
@media (width: 768px) {
  .page-market-research #calendar .flag-row .flag-item .currency-name {
    margin-left: 0;
    float: right;
    margin-right: 18px;
  }
}
@media (max-width: 767px) {
  .page-market-research #calendar .calendar_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 11%;
    height: 37px;
  }
  .page-market-research #calendar .flag-row {
    display: table;
  }
  .page-market-research #calendar .flag-row .flag-item {
    display: -webkit-inline-box;
    width: 50%;
  }
}
.page-market-research #calendar #infoCalendar .choose-importance {
  width: 55px;
  height: 55px;
  border: 1px solid #E5E5E5;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}
.page-market-research #calendar #infoCalendar .choose-importance.marked {
  border-color: #007ABD;
}
@media (min-width: 1025px) {
  .page-market-research #calendar #infoCalendar .choose-importance:hover {
    border-color: #007ABD;
  }
}
.page-market-research #calendar #infoCalendar .iron-icon-1 {
  width: 30px;
  height: 35px;
  margin: 10px auto;
  display: block;
}
.page-market-research #calendar .calendar_btn[aria-expanded="true"],
.page-market-research #calendar .calendar_btn:hover {
  background: #18268F url(/wp-content/themes/tol-parent/images/forex/mte/dots-white.png) no-repeat center center;
}
.page-market-research #calendar .row.calendar-header {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0px;
  height: 30px;
}
.page-market-research #calendar .col.mte-calendar-events {
  display: table-cell;
  overflow: hidden;
  vertical-align: middle;
  margin: 0px;
  padding: 2px;
  text-align: left;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #D9D9DB;
}
.page-market-research #calendar .col.col-date,
.page-market-research #calendar .col.mte-calendar-event.col-date {
  width: 10%;
  padding-left: 10px;
}
.page-market-research #calendar .col-flag-currency {
  width: 16%;
}
.page-market-research #calendar .col-event {
  width: 35%;
  text-align: start;
}
.page-market-research #calendar .col-importace {
  width: 9%;
}
.page-market-research #calendar .col-actual {
  width: 10%;
}
.page-market-research #calendar .col-forcast {
  width: 10%;
}
.page-market-research #calendar .col-previous {
  width: 10%;
}
.page-market-research #calendar .col.mte-calendar-events.col-flag-currency {
  text-align: center;
}
.page-market-research #calendar .calendar-row {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0px;
  border: none;
  cursor: pointer;
  height: 50px;
}
.page-market-research #calendar .calendar-row.gray {
  background: #F9F9F9;
}
.page-market-research #calendar .calendar-row:hover {
  background: rgba(0,197,232,0.1);
}
.page-market-research #calendar .col.mte-calendar-event {
  display: table-cell;
  vertical-align: middle;
  margin: 0px;
  border: none;
  padding: 2px;
  text-align: left;
  font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #A9ADAE;
}
.page-market-research #calendar .iron-icon-1 {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  vertical-align: middle;
  fill: currentcolor;
  width: 25px;
  height: 25px;
  color: #007ABD;
}
.page-market-research #calendar .flag-icon {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  display: block;
  width: 16px;
  height: 16px;
  top: 18px;
}
.page-market-research #calendar .flag-icon-eur {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/eu.svg);
}
.page-market-research #calendar .flag-icon-jpy {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/jp.svg);
}
.page-market-research #calendar .flag-icon-aud {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/au.svg);
}
.page-market-research #calendar .flag-icon-chf {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/ch.svg);
}
.page-market-research #calendar .flag-icon-gbp {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/gb.svg);
}
.page-market-research #calendar .flag-icon-usd {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/us.svg);
}
.page-market-research #calendar .flag-icon-cny {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/cn.svg);
}
.page-market-research #calendar .flag-icon-cad {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/ca.svg);
}
.page-market-research #calendar .flag-icon-nzd {
  background-image: url(https://mte-media.com/slmloaders/calendar_components/flag_icon/flags/4x3/nz.svg);
}
.page-market-research #calendar .info-container {
  height: 365px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-market-research #calendar .info-container > div {
  height: auto;
  vertical-align: middle;
  line-height: 30px;
}
.page-market-research #calendar .info-container .trade_button_news {
  width: 100%;
  max-width: 300px;
  float: left;
  height: 50px;
  background: #007ABD;
  color: #fff;
  font-family: robotoregular;
  font-size: 13px;
  margin-top: 20px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  margin-bottom: 20px;
}
.page-market-research #calendar .info-container .bold_title {
  display: inline-block;
  float: left;
  width: 20%;
}
.page-market-research #calendar .info-container .values {
  display: inline-block;
  float: right;
  width: 80%;
}
.page-market-research #calendar .info-container .rateArrow {
  display: block;
  height: 30px;
}
.page-market-research #calendar .info-container .rateArrow span {
  height: 30px;
  width: 30px;
  display: block;
}
.page-market-research #calendar .info-container .rateArrow.up span {
  background: url(/wp-content/themes/tol-parent/images/forex/mte/arrow_blue.png) no-repeat left center;
}
.page-market-research #calendar .info-container .rateArrow.down span {
  background: url(/wp-content/themes/tol-parent/images/forex/mte/arrow_red.png) no-repeat left center;
}
.page-market-research #calendar .info-container .actualValue.up {
  color: #007ABD;
}
.page-market-research #calendar .info-container .actualValue.down {
  color: red;
}
@media (max-width: 767px) {
  .page-market-research #calendar .col.mte-calendar-events {
    width: 50% !important;
    display: inline-block;
  }
  .page-market-research #calendar .col.col-date,
  .page-market-research #calendar .col.mte-calendar-event.col-date {
    padding-left: 0;
  }
  .page-market-research #calendar .row.calendar-header {
    table-layout: auto;
  }
  .page-market-research #calendar .col.mte-calendar-events.col-flag-currency {
    text-align: left;
  }
  .page-market-research #calendar .flag-icon {
    position: absolute;
    display: block;
    width: 16px;
    height: 13px;
    top: 5px;
    right: 85px;
  }
  .page-market-research #calendar .col.mte-calendar-event {
    width: 50% !important;
    display: -webkit-inline-box;
  }
  .page-market-research #calendar .calendar-row {
    table-layout: auto;
    position: relative;
  }
  .page-market-research #calendar .info-container > div {
    line-height: 25px;
  }
  .page-market-research #calendar .info-container .bold_title,
  .page-market-research #calendar .info-container .values {
    float: unset;
    display: block;
    width: 100%;
    padding: 0;
  }
  .page-market-research #calendar .info-container .rateArrow {
    padding: 0;
  }
  .page-market-research #calendar .info-container {
    height: auto;
  }
}
.page-market-research #calculator .calculator-container {
  max-width: 100%;
  width: 33%;
  display: inline-block;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 768px) {
  .page-market-research #calculator .calculator-container {
    display: block;
    width: 350px;
  }
}
@media (max-width: 768px) {
  .page-market-research #calculator .calculator-container {
    display: block;
    width: 320px;
  }
}
.page-trading-conditions .entry-title {
  text-align: center;
  text-transform: uppercase;
  font-family: robotoregular;
  font-size: 50px;
  margin: 40px 0;
  color: #007ABD;
}
.page-trading-conditions .forexswaprates-game-menu {
  border-bottom: 1px solid #CCCCCC;
}
.page-trading-conditions .forexswaprates-game-menu .nav>li {
  width: 50%;
  float: left;
  text-align: center;
  color: #7E7E7E;
  font-family: robotoregular;
  font-size: 18px;
  height: 50px;
  line-height: 49px;
}
.page-trading-conditions .forexswaprates-game-menu .nav>li:hover {
  cursor: pointer;
  color: #007ABD;
}
.page-trading-conditions .forexswaprates-game-menu .nav>li.active {
  color: #007ABD;
  border-bottom: 3px solid #007ABD;
  position: relative;
  top: 1px;
}
.page-trading-conditions .forexswaprates-menu-search {
  max-width: 937px;
  width: 100%;
  height: 54px;
  font-size: 14px;
  font-family: 'robotoregular';
  color: #000000;
  padding-left: 15px;
  margin: 40px auto;
  border: 2px solid #E7EAEF;
  display: block;
  background: url(/wp-content/themes/tol-parent/images/conditions-search.png) no-repeat 99% center;
}
.page-trading-conditions .forexswaprates-menu {
  border: 1px solid #E9E8ED;
  height: 35px;
  margin-bottom: 65px;
}
.page-trading-conditions .forexswaprates-menu div {
  width: 16.66666666667%;
  float: left;
  height: 100%;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  color: #3145A6;
}
.page-trading-conditions .forexswaprates-menu div:hover {
  cursor: pointer;
}
.page-trading-conditions .forexswaprates-menu div.active {
  color: #FFFFFF;
  background: #3145A6;
}
.page-trading-conditions .trading-conditions-table-container {
  position: relative;
}
.page-trading-conditions .trading-conditions-table-container .trading-conditions-loading {
  background: #F9F9F9 url('/wp-content/themes/tol-parent/images/forex/loading.gif') no-repeat center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 3;
}
.page-trading-conditions .trading-conditions-head div,
.page-trading-conditions .trading-conditions-fake-head div {
  display: inline-block;
  width: 9.09%;
  font-family: 'robotoregular';
  color: #AAADB0;
  text-align: left;
  font-size: 14px;
  height: 50px;
  line-height: 40px;
}
.page-trading-conditions .trading-conditions-head.forexpro div,
.page-trading-conditions .trading-conditions-fake-head.forexpro div {
  width: 7.69%;
  vertical-align: bottom;
  line-height: 19px;
}
.page-trading-conditions .trading-conditions-head {
  display: none;
}
.page-trading-conditions .scrollable-trading-conditions-table {
  min-height: 150px;
  height: 650px;
}
.page-trading-conditions .forexswaprates-export-container {
  margin-top: 50px;
  margin-bottom: 100px;
}
.page-trading-conditions .forexswaprates-export-container .forexswaprates-export-item {
  width: 140px;
  display: inline-block;
  padding-left: 50px;
  height: 40px;
  line-height: 20px;
  font-size: 15px;
  color: #AAADB0;
}
.page-trading-conditions .forexswaprates-export-container .forexswaprates-export-item.exportPDF {
  background: url(/wp-content/themes/tol-parent/images/forex/pdf-gray.png) no-repeat center left;
}
.page-trading-conditions .forexswaprates-export-container .forexswaprates-export-item.exportPDF:hover {
  cursor: pointer;
  background: url(/wp-content/themes/tol-parent/images/forex/pdf-blue.png) no-repeat center left;
}
.page-trading-conditions .forexswaprates-export-container .forexswaprates-export-item.exportXLS {
  background: url(/wp-content/themes/tol-parent/images/forex/xlsx-gray.png) no-repeat center left;
}
.page-trading-conditions .forexswaprates-export-container .forexswaprates-export-item.exportXLS:hover {
  cursor: pointer;
  background: url(/wp-content/themes/tol-parent/images/forex/xlsx-blue.png) no-repeat center left;
}
.page-trading-conditions .trading-conditions-table .asset-row {
  min-height: 50px;
}
.page-trading-conditions .trading-conditions-table .asset-row:nth-child(even) {
  background: #F9F9F9;
}
.page-trading-conditions .trading-conditions-table .asset-row .asset-data {
  display: inline-block;
  width: 9.6%;
  font-weight: 300;
  font-family: 'robotoregular';
  color: #AAADB0;
  text-align: left;
  font-size: 14px;
  border: none;
  padding: 5px;
  position: relative;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
}
.page-trading-conditions .trading-conditions-table .asset-row .asset-data.assetname {
  line-height: normal;
  white-space: pre-line;
}
.page-trading-conditions .trading-conditions-table .asset-row .asset-data.kid-wrapper {
  overflow: visible;
  width: 20px;
}
.page-trading-conditions .trading-conditions-table .asset-row .asset-data .kid-icon {
  width: 20px;
  height: 18px;
  background: url(/wp-content/themes/tol-parent/images/kid.png) no-repeat center;
  margin-bottom: 9px;
  margin-left: 10px;
}
.page-trading-conditions .trading-conditions-table .asset-row .asset-data .kid-icon .trading-hours-wrapper {
  display: none;
  position: absolute;
  background: #46474B;
  opacity: 0.9;
  width: 160px;
  right: -20px;
  margin-top: 30px;
  font-size: 13px;
  padding: 20px 10px;
  line-height: 20px;
  color: #FFF;
  z-index: 9;
}
.page-trading-conditions .trading-conditions-table .asset-row .asset-data .kid-icon .trading-hours-wrapper:after {
  bottom: 100%;
  right: 4px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #46474B;
  border-width: 10px;
  margin-left: -10px;
}
.page-trading-conditions .trading-conditions-table .asset-row .asset-data .kid-icon .trading-hours-wrapper.trading-hours-wrapper-last {
  margin-top: 0;
  bottom: 45px;
}
.page-trading-conditions .trading-conditions-table .asset-row .asset-data .kid-icon .trading-hours-wrapper.trading-hours-wrapper-last:after {
  bottom: unset;
  top: 100%;
  border-top-color: #46474B;
  border-bottom-color: transparent;
}
.page-trading-conditions .trading-conditions-table .asset-row .asset-data .kid-icon:hover {
  cursor: pointer;
}
.page-trading-conditions .trading-conditions-table .asset-row .asset-data .kid-icon:hover .trading-hours-wrapper {
  display: block;
}
.page-trading-conditions .trading-conditions-table .asset-row.asset-row-forexpro .asset-data {
  width: 8%;
}
.page-trading-conditions .trading-conditions-table .asset-row.asset-row-forexpro .asset-data.kid-wrapper {
  overflow: visible;
  width: 20px;
}
.page-trading-conditions .trading-conditions-table .asset-row.asset-row-nothing-found {
  color: #AAADB0;
  font-size: 15px;
  text-align: center;
  line-height: 48px;
}
.page-trading-conditions .trading-conditions-table .asset-row .blue-text {
  color: #007ABD;
}
.page-trading-conditions .mCSB_container {
  height: 100%;
}
.info-spec-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/wp-content/themes/tol-parent/images/forex/new_demotemplate/info-dark.png) no-repeat center;
  margin-left: 5px;
  position: relative;
  top: 2px;
}
.info-spec-icon:hover {
  background: url(/wp-content/themes/tol-parent/images/forex/new_demotemplate/info-white.png) no-repeat center;
}
.info-spec-icon-list {
  background: url(/wp-content/themes/tol-parent/images/forex/new_demotemplate/info-dark.png) no-repeat center;
  height: 16px;
  width: 16px;
  display: inline-block;
  position: absolute;
  left: 62px;
  top: 32px;
}
.info-spec-icon-list:hover {
  background: url(/wp-content/themes/tol-parent/images/forex/new_demotemplate/info-white.png) no-repeat center;
  cursor: pointer;
}
.info-spec-icon-simplex {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 10px;
  top: -10px;
  background: url(/wp-content/themes/tol-parent/images/forex/new_demotemplate/info-dark.png) no-repeat center;
  z-index: 3;
}
.flip-container:hover .info-spec-icon-simplex {
  background: url(/wp-content/themes/tol-parent/images/forex/new_demotemplate/info-white.png) no-repeat center;
}
.white-theme .info-spec-icon {
  background: url(https://images.finte.co/Gamification/Avatars/info-light.png) no-repeat center;
}
.white-theme .info-spec-icon:hover {
  background: url(https://images.finte.co/Gamification/Avatars/info-light-hover.png) no-repeat center;
}
.white-theme .info-spec-icon-list {
  background: url(https://images.finte.co/Gamification/Avatars/info-light.png) no-repeat center;
}
.white-theme .info-spec-icon-list:hover {
  background: url(https://images.finte.co/Gamification/Avatars/info-light-hover.png) no-repeat center;
}
.white-theme .info-spec-icon-simplex {
  background: url(https://images.finte.co/Gamification/Avatars/info-light.png) no-repeat center;
}
.white-theme .flip-container:hover .info-spec-icon-simplex {
  background: url(https://images.finte.co/Gamification/Avatars/info-light-hover.png) no-repeat center;
}
#tol-asset-spec {
  width: 320px;
}
#tol-asset-spec .ui-dialog-title {
  width: 125px;
}
#tol-asset-spec .forex-asset-name {
  color: #FFF;
}
#tol-asset-spec .modes-btn-row {
  background: #1e1e1e;
  border-top: 1px solid #464646;
}
#tol-asset-spec .asset-specs-content {
  height: 400px;
  background: #323232;
}
#tol-asset-spec .asset-specs-content .asset-specs-part {
  padding: 5px 30px;
  border-bottom: 1px solid #464646;
}
#tol-asset-spec .asset-specs-content .asset-specs-part.asset-specs-part-bottom {
  border: 0;
}
#tol-asset-spec .asset-specs-content .asset-specs-part .asset-spec-row {
  border-top: 1px solid #464646;
  padding: 5px 0;
}
#tol-asset-spec .asset-specs-content .asset-specs-part label {
  font-weight: normal;
  font-size: 13px;
  font-family: 'robotoregular';
  color: #9d9d9d;
}
#tol-asset-spec .asset-specs-content .asset-specs-part span {
  color: #ffffff;
  font-family: 'Roboto-Bold';
  font-size: 13px;
  float: right;
}
#tol-asset-spec .asset-specs-content .asset-specs-part h3 {
  color: #FFF;
  font-weight: normal;
  font-size: 15px;
  font-family: 'robotoregular';
  margin: 15px 0;
}
.white-theme #tol-asset-spec .modes-btn-row {
  border-top: 1px solid #E1E1E1;
}
.white-theme #tol-asset-spec .forex-asset-name {
  color: #000;
}
.white-theme #tol-asset-spec .asset-specs-part {
  border-bottom: 1px solid #E1E1E1;
}
.white-theme #tol-asset-spec .asset-specs-part .asset-spec-row {
  border-top: 1px solid #E1E1E1;
}
.white-theme #tol-asset-spec .asset-specs-part label {
  color: #AEAEAE;
}
.white-theme #tol-asset-spec .asset-specs-part span,
.white-theme #tol-asset-spec .asset-specs-part h3 {
  color: #000000;
}
.tradebox-compact.market-closed .tradebox-compact-instrument-name,
.tradebox-compact.market-closed .buy-sell-spread {
  color: #637E99;
}
.tradebox-compact.market-closed .traders-trend-head-left,
.tradebox-compact.market-closed .traders-trend-head-right,
.tradebox-compact.market-closed .traders-trend-head .traders-trend-head-center span.buy,
.tradebox-compact.market-closed .traders-trend-head .traders-trend-head-center span.sell {
  color: #637E99;
}
.tradebox-compact.market-closed .trader-trend-bar .trader-trend-bar-left {
  box-shadow: none;
  background: #637E99;
}
.tradebox-compact.market-closed .trader-trend-bar .trader-trend-bar-right {
  box-shadow: none;
  border: 1px solid #637E99;
  height: 5px;
  top: 7px;
  background: #182434;
  max-width: 297px;
}
.tradebox-compact.market-closed .tradearea-box-market-closed {
  color: #475c72;
  border: 1px solid #2B3E4D;
  border-radius: 3px;
  height: 30px;
  display: block;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
  margin: 10px 7px;
  position: relative;
}
.page-traderoom.white-theme .tradersearch-dropdown {
  background: #fff;
}
.page-traderoom.white-theme .trader-search-row {
  color: #363636;
}
.page-traderoom.white-theme .trader-search-row .found-text {
  color: #007ABD;
}
.page-traderoom.white-theme .trader-search-row:hover .found-text {
  color: #fff;
}
.white-theme .different-mode-text {
  color: #363636;
}
.white-theme #tol-social-popup.modal.me .copiers-copying .td-mypl {
  color: #8B8E96;
}
.white-theme a.copy-diff-mode {
  color: #007ABD;
}
.headerBackBtn {
  max-width: 105px;
}
.ui-dialog.ui-widget-content[aria-describedby="avatarSelectionGrid"] {
  overflow: visible;
}
@media (width: 1024px) {
  #tol-social-popup .tab-content .copy-pane .copy-wrapper .tooltip.right {
    left: 375px !important;
    box-shadow: none;
  }
}
.page-traderoom .dragAndDropIcon {
  position: relative;
  display: inline-block;
  cursor: move;
}
.page-traderoom .dragAndDropIcon .dragAndDropIcon-tooltip {
  visibility: hidden;
  width: 90px;
  background-color: #131b28;
  color: #647e99;
  text-align: center;
  border-radius: 0;
  border: solid 1px #647e99;
  padding: 2px 0;
  position: absolute;
  z-index: 1;
  bottom: 30px;
  right: 0;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}
.page-traderoom .assetsview-boxes > .forex-asset-boxesrow:first-of-type .forex-cubses-name .dragAndDropIcon .dragAndDropIcon-tooltip,
.page-traderoom .assetsview-boxes > .forex-asset-boxesrow.market-closed .forex-cubses-name .dragAndDropIcon .dragAndDropIcon-tooltip,
.page-traderoom .assetsview-boxes > .forex-asset-boxesrow.paused .forex-cubses-name .dragAndDropIcon .dragAndDropIcon-tooltip {
  bottom: -30px;
}
.page-traderoom .dragAndDropIcon .dragAndDropIcon-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 5px;
  margin-left: 0;
  border-width: 7px;
  border-style: solid;
  border-color: #647e99 transparent transparent transparent;
}
.page-traderoom .assetsview-boxes > .forex-asset-boxesrow:first-of-type .forex-cubses-name .dragAndDropIcon .dragAndDropIcon-tooltip::after,
.page-traderoom .assetsview-boxes > .forex-asset-boxesrow.market-closed .forex-cubses-name .dragAndDropIcon .dragAndDropIcon-tooltip::after,
.page-traderoom .assetsview-boxes > .forex-asset-boxesrow.paused .forex-cubses-name .dragAndDropIcon .dragAndDropIcon-tooltip::after {
  bottom: 100%;
  top: unset;
  border-color: transparent transparent #647e99 transparent;
}
.page-traderoom .dragAndDropIcon:hover .dragAndDropIcon-tooltip {
  visibility: visible;
  opacity: 1;
}
.page-traderoom .dragAndDropIconList {
  position: relative;
  display: inline-block;
  cursor: move;
}
.page-traderoom .dragAndDropIconList .dragAndDropIconList-tooltip {
  visibility: hidden;
  width: 120px;
  background-color: #131b28;
  color: #647e99;
  text-align: center;
  border-radius: 0;
  border: solid 1px #647e99;
  padding: 2px 0;
  position: absolute;
  z-index: 999;
  bottom: 24px;
  left: 55px;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
}
.page-traderoom .dragAndDropIconList .dragAndDropIconList-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 5px;
  margin-left: 0;
  border-width: 7px;
  border-style: solid;
  border-color: #647e99 transparent transparent transparent;
}
.page-traderoom .dragAndDropIconList:hover .dragAndDropIconList-tooltip {
  visibility: visible;
  opacity: 1;
}
.page-traderoom .highlight {
  background: #141A26;
  height: 160px;
  width: 100%;
  position: relative;
}
.page-traderoom .highlight:before {
  content: '';
  position: absolute;
  border: 1px dashed #2E3E4E;
  top: 20px;
  right: 10px;
  bottom: 20px;
  left: 10px;
}
.page-traderoom .highlight-list {
  background: #141A26;
  height: 100px;
  width: 100%;
  position: relative;
}
.page-traderoom .highlight-list:before {
  content: '';
  position: absolute;
  border: 1px dashed #2E3E4E;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
}
.page-traderoom .mb-track-y {
  background-color: transparent;
  right: 0;
  top: 5px;
  width: 5px;
  border-radius: 10px;
}
.page-traderoom .mb-track-y .mb-bar {
  background-color: #2D3E50;
  min-height: 50px;
  height: 49px;
  max-height: 49px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .assetsview-list .info-spec-icon-list {
    top: 26px;
  }
}
body:not(.white-theme).page-traderoom .drag-and-drop-list:hover {
  background: url(https://images.finte.co/Gamification/Avatars/drag_and_drop_hover.png) no-repeat !important;
}
body:not(.white-theme).page-traderoom .drag-and-drop:hover {
  background: url(https://images.finte.co/Gamification/Avatars/drag_and_drop_hover.png) no-repeat !important;
}
body:not(.white-theme).page-traderoom .favourite-button.fav,
body:not(.white-theme).page-traderoom .favourite-button:hover {
  background: url(https://images.finte.co/Gamification/Avatars/box_fav_active.png) no-repeat center !important;
}
body:not(.white-theme).page-traderoom .favourite-button-list.fav,
body:not(.white-theme).page-traderoom .favourite-button-list:hover {
  background: url(https://images.finte.co/Gamification/Avatars/box_fav_active.png) no-repeat center !important;
}
body.page-traderoom.white-theme .dragAndDropIconList .dragAndDropIconList-tooltip,
body.page-traderoom.white-theme .dragAndDropIcon .dragAndDropIcon-tooltip {
  background-color: #EAEAEA;
  color: #000;
  border: solid 1px #828282;
}
body.page-traderoom.white-theme .dragAndDropIconList .dragAndDropIconList-tooltip:after,
body.page-traderoom.white-theme .dragAndDropIcon .dragAndDropIcon-tooltip:after {
  border-color: #828282 transparent transparent transparent;
}
body.page-traderoom.white-theme .assetsview-boxes > .forex-asset-boxesrow:first-of-type .forex-cubses-name .dragAndDropIcon .dragAndDropIcon-tooltip::after {
  border-color: transparent transparent #828282 transparent;
}
body.page-traderoom.white-theme .drag-and-drop {
  background: url(https://images.finte.co/Gamification/Avatars/drag_and_drop_white.png) no-repeat !important;
}
body.page-traderoom.white-theme .drag-and-drop:hover {
  background: url(https://images.finte.co/Gamification/Avatars/drag_and_drop_white_hover.png) no-repeat !important;
}
body.page-traderoom.white-theme .drag-and-drop-list {
  background: url(https://images.finte.co/Gamification/Avatars/drag_and_drop_white.png) no-repeat !important;
}
body.page-traderoom.white-theme .drag-and-drop-list:hover {
  background: url(https://images.finte.co/Gamification/Avatars/drag_and_drop_white_hover.png) no-repeat !important;
}
body.page-traderoom.white-theme .favourite-button,
body.page-traderoom.white-theme .favourite-button-list {
  background: url(https://images.finte.co/Gamification/Avatars/box_fav_white.png) no-repeat center !important;
}
body.page-traderoom.white-theme .favourite-button.fav,
body.page-traderoom.white-theme .favourite-button:hover {
  background: url(https://images.finte.co/Gamification/Avatars/box_fav_white_active.png) no-repeat center !important;
}
body.page-traderoom.white-theme .favourite-button-list.fav,
body.page-traderoom.white-theme .favourite-button-list:hover {
  background: url(https://images.finte.co/Gamification/Avatars/box_fav_white_active.png) no-repeat center !important;
}
body.page-traderoom.white-theme .open-chart-button {
  background: url(https://images.finte.co/Gamification/Avatars/box_chart_white.png) no-repeat center !important;
}
body.page-traderoom.white-theme .open-chart-button-list {
  background: url(https://images.finte.co/Gamification/Avatars/list_chart_white.png) no-repeat center !important;
}
body.page-traderoom.white-theme .highlight {
  background: #fff;
}
body.page-traderoom.white-theme .highlight:before {
  border: 1px dashed #7E828B;
}
body.page-traderoom.white-theme .highlight-list {
  background: #fff;
}
body.page-traderoom.white-theme .highlight-list:before {
  border: 1px dashed #7E828B;
}
body.page-traderoom.white-theme .mb-track-y .mb-bar {
  background-color: rgba(0,0,0,0.2);
}
.gtc-wrapper {
  border-top: 1px solid #2D3E50;
  border-bottom: 1px solid #0E1319;
  padding: 10px 30px;
}
.controllers-wrapper .gtc-wrapper {
  border: 0;
  padding: 10px 0;
}
.market-closed-only-pending .gtc-wrapper {
  float: left;
}
.white-theme .gtc-wrapper {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
.gtc-date-wrapper {
  width: 102px;
  margin-right: 54px;
  display: inline-block;
}
.gtc-time-wrapper {
  display: inline-block;
  width: 102px;
}
.gtc-wrapper input {
  background: transparent;
  color: #FFFFFF;
  border: 1px solid #2E3D50;
  z-index: 0;
  margin: 0;
  padding: 2px 0 2px 21px;
  border-radius: 0;
  text-align: left;
  height: 30px;
  line-height: 20px;
  width: 100%;
  font-size: 11px;
}
.white-theme .gtc-wrapper input {
  color: #000000;
  border: 1px solid #e1e1e1;
}
.gtc-date-wrapper input {
  background: url(/wp-content/themes/tol-parent/images/forex/new_demotemplate/calendar_small.png) no-repeat 5px;
}
.gtc-time-wrapper input {
  background: url(/wp-content/themes/tol-parent/images/forex/new_demotemplate/clock.png) no-repeat 5px;
}
.gtc-wrapper input {
  padding: 0 0 0 28px;
}
.gtc-wrapper-labels {
  padding-bottom: 5px;
  font-size: 14px;
}
.gtc-wrapper-labels > div {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
}
.controllers-wrapper .gtc-wrapper-labels {
  font-size: 15px;
  position: relative;
  color: #ffffff;
  font-family: 'robotoregular', sans-serif;
  font-weight: normal;
}
.controllers-wrapper.inactive .gtc-wrapper-labels {
  color: #647E99;
}
.controllers-wrapper .gtc-wrapper-labels > div {
  width: 49%;
}
.forex-gtctimelabel {
  padding-left: 27px;
}
.controllers-wrapper .gtc-date-wrapper {
  width: 115.5px;
  margin-right: 15px;
}
.controllers-wrapper .gtc-time-wrapper {
  width: 115.5px;
}
.pending-gtc-date-datepicker {
  width: 233px !important;
}
.wickedpicker {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 0 0 0 1px rgba(14,41,57,0.12), 0 2px 5px rgba(14,41,57,0.44), inset 0 -1px 2px rgba(14,41,57,0.15);
  background: #fefefe;
  margin: 0 auto;
  border-radius: .1px;
  width: 270px;
  height: 79px;
  font-size: 14px;
  display: none;
}
.wickedpicker__title {
  color: #637E99;
}
.wickedpicker__close {
  -webkit-transform: translateY(-25%);
  -moz-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  -o-transform: translateY(-25%);
  transform: translateY(-25%);
  position: absolute;
  top: 25%;
  right: 10px;
  color: #34495e;
  cursor: pointer;
}
.wickedpicker__close:before {
  content: '\00d7';
}
.wickedpicker__controls {
  padding: 10px 0;
  line-height: normal;
  margin: 0;
}
.wickedpicker__controls__control,
.wickedpicker__controls__control--separator {
  vertical-align: middle;
  display: inline-block;
  font-size: inherit;
  margin: 0 auto;
  width: 35px;
  letter-spacing: 1.3px;
  color: #FFFFFF;
}
.wickedpicker__controls__control-down,
.wickedpicker__controls__control-up {
  color: #34495e;
  position: relative;
  display: block;
  margin: 3px auto;
  font-size: 18px;
  cursor: pointer;
}
.wickedpicker__controls__control--separator {
  width: 5px;
}
.text-center,
.wickedpicker__controls,
.wickedpicker__controls__control,
.wickedpicker__controls__control--separator,
.wickedpicker__controls__control-down,
.wickedpicker__controls__control-up {
  text-align: center;
}
.wickedpicker__title {
  display: none;
}
.hover-state {
  color: #3498db;
}
.clearable-picker {
  position: relative;
  display: inline-block;
}
.clearable-picker>.hasWickedpicker {
  padding-left: 30px;
}
.clearable-picker>.hasWickedpicker::-ms-clear {
  display: none;
}
.clearable-picker>[data-clear-picker] {
  position: absolute;
  top: -13px;
  right: 156px;
  transform: translateY(-50%);
  font-size: 1em;
  padding: 0 .3em .2em;
  line-height: 1;
  color: #637E99;
  cursor: pointer;
  display: none;
}
.clearable-picker>[data-clear-picker]:hover {
  color: #ffffff;
}
.gtc-wrapper.active .clearable-picker>[data-clear-picker] {
  display: block;
}
.wickedpicker {
  z-index: 99999999 !important;
  background: #131b28;
  border: 1px solid #2d3e50;
  margin-top: -1px;
  width: 133px;
}
.white-theme .wickedpicker {
  background: #e1e1e1;
  border: 1px solid #7d7e80;
}
.white-theme .wickedpicker__controls__control,
.white-theme .wickedpicker__controls__control--separator {
  color: #000000;
}
.wickedpicker__controls__control-up {
  background: url(/wp-content/themes/tol-parent/images/forex/arrow_flip.png) no-repeat center 4px;
  width: 16px;
  height: 15px;
}
.wickedpicker__controls__control-up:hover {
  background: url(/wp-content/themes/tol-parent/images/forex/arrow_flip_h.png) no-repeat center 4px;
}
.wickedpicker__controls__control-down {
  background: url(/wp-content/themes/tol-parent/images/forex/arrow.png) no-repeat center 4px;
  width: 16px;
  height: 15px;
}
.wickedpicker__controls__control-down:hover {
  background: url(/wp-content/themes/tol-parent/images/forex/arrow_h.png) no-repeat center 4px;
}
.wickedpicker__controls__control--hours {
  outline: none;
}
.page-traderoom .ui-dialog.forex-neworder-dialog .forex-confirm-buttons-wrapper {
  position: relative;
}
.page-traderoom .ui-dialog.forex-neworder-dialog .forex-sell-btn {
  margin: 13px 1px 13px 18px;
  background-color: #ae1d2e;
  border-color: #ae1d2e;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.page-traderoom .ui-dialog.forex-neworder-dialog .forex-sell-btn:hover {
  background-color: #c52437;
  border-color: #c52437;
}
.page-traderoom .ui-dialog.forex-neworder-dialog .forex-buy-btn {
  position: absolute;
  background-color: #27AE62;
  border-color: #27AE62;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 13px 18px 13px 0;
}
.page-traderoom .ui-dialog.forex-neworder-dialog .forex-buy-btn:hover {
  background-color: #2cc770;
  border-color: #2cc770;
}
.page-traderoom .ui-dialog.ui-dialog.forex-neworder-dialog .spread-value {
  position: absolute;
  width: fit-content;
  top: 24px;
  background-color: #1A2330;
  z-index: 999;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  border-radius: 25px;
  font-size: 10px;
  height: 19px;
  line-height: 19px;
  max-width: 60px;
  min-width: 30px;
  padding: 0 5px;
}
.page-traderoom .ui-dialog.forex-neworder-dialog .forex-sell-btn span.buy-sell-label {
  text-align: left;
  font-size: 12px;
  position: relative;
  top: 0;
  display: block;
  line-height: 19px;
}
.page-traderoom .ui-dialog.forex-neworder-dialog .forex-buy-btn span.buy-sell-label {
  text-align: right;
  font-size: 12px;
  position: relative;
  top: 0;
  display: block;
  line-height: 19px;
}
.page-traderoom .ui-dialog.forex-neworder-dialog .pending-active .spread-value {
  display: none;
}
.white-theme.page-traderoom .ui-dialog.ui-dialog.forex-neworder-dialog .spread-value {
  background-color: #fff;
  color: #363636;
}
.white-theme.page-traderoom .ui-dialog.forex-neworder-dialog .forex-sell-btn {
  background-color: #ae1d2e;
  border-color: #ae1d2e;
}
.white-theme.page-traderoom .ui-dialog.forex-neworder-dialog .forex-sell-btn:hover {
  background-color: #c52437;
  border-color: #c52437;
}
.white-theme.page-traderoom .ui-dialog.forex-neworder-dialog .forex-buy-btn {
  position: absolute;
  background-color: #27AE62;
  border-color: #27AE62;
}
.white-theme.page-traderoom .ui-dialog.forex-neworder-dialog .forex-buy-btn:hover {
  background-color: #2cc770;
  border-color: #2cc770;
}
.account .tab-item {
  position: relative;
  width: auto;
  min-width: 200px;
  padding: 0 15px;
  height: 39px;
  line-height: 39px;
  float: left;
  color: #637E99;
  border: 1px solid #2D3E50;
  background: transparent;
  font-size: 15px;
  font-family: 'lato-regular';
}
#tol-change-modes .settings-row[data-target="#layoutChoice"] {
  border: 0;
}
#tol-change-modes .layout-row {
  height: 71px;
  padding: 0 30px;
  position: relative;
  border-bottom: 1px solid #0E1319;
  border-top: 1px solid #2D3E50;
  background: #182434;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#tol-change-modes .layout-row > div {
  position: relative;
  width: 54px;
  height: 43px;
}
#tol-change-modes .layout-row .check {
  display: block;
  position: absolute;
  border-radius: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
  z-index: 0;
}
#tol-change-modes .layout-row label {
  color: #647E99;
  width: 54px;
  height: 43px;
  z-index: 999;
  left: 0;
  padding: 0;
  cursor: pointer;
}
#tol-change-modes .layout-row input[type=radio] {
  position: absolute;
  visibility: hidden;
}
#tol-change-modes .layout-row .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
  z-index: 0;
}
#tol-change-modes .layout-row .layout-one .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/layouts.png) no-repeat 0px 0px;
}
#tol-change-modes .layout-row .layout-one input[type=radio]:checked ~ .check::before,
#tol-change-modes .layout-row .layout-one input[type=radio][checked=checked] ~ .check::before,
#tol-change-modes .layout-row .layout-one input[type=radio][checked=true] ~ .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/layouts.png) no-repeat 0px -45px;
}
#tol-change-modes .layout-row .layout-two .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/layouts.png) no-repeat -75px 0px;
}
#tol-change-modes .layout-row .layout-two input[type=radio]:checked ~ .check::before,
#tol-change-modes .layout-row .layout-two input[type=radio][checked=checked] ~ .check::before,
#tol-change-modes .layout-row .layout-two input[type=radio][checked=true] ~ .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/layouts.png) no-repeat -75px -45px;
}
#tol-change-modes .layout-row .layout-three .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/layouts.png) no-repeat -148px 0px;
}
#tol-change-modes .layout-row .layout-three input[type=radio]:checked ~ .check::before,
#tol-change-modes .layout-row .layout-three input[type=radio][checked=checked] ~ .check::before,
#tol-change-modes .layout-row .layout-three input[type=radio][checked=true] ~ .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/layouts.png) no-repeat -148px -45px;
}
#tol-change-modes .layout-row .layout-four .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/layouts.png) no-repeat -224px 0px;
}
#tol-change-modes .layout-row .layout-four input[type=radio]:checked ~ .check::before,
#tol-change-modes .layout-row .layout-four input[type=radio][checked=checked] ~ .check::before,
#tol-change-modes .layout-row .layout-four input[type=radio][checked=true] ~ .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/layouts.png) no-repeat -224px -45px;
}
@media (max-width: 1024px) {
  #tol-change-modes .settings-row.layout,
  #tol-change-modes #layoutChoice {
    display: none;
  }
}
.white-theme #tol-change-modes .layout-row {
  background: #fff;
  border-color: #e1e1e1;
}
.white-theme #tol-change-modes .layout-row .layout-one .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/white/layouts_w.png) no-repeat 0px 0px;
}
.white-theme #tol-change-modes .layout-row .layout-one input[type=radio]:checked ~ .check::before,
.white-theme #tol-change-modes .layout-row .layout-one input[type=radio][checked=checked] ~ .check::before,
.white-theme #tol-change-modes .layout-row .layout-one input[type=radio][checked=true] ~ .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/white/layouts_w.png) no-repeat 0px -45px;
}
.white-theme #tol-change-modes .layout-row .layout-two .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/white/layouts_w.png) no-repeat -75px 0px;
}
.white-theme #tol-change-modes .layout-row .layout-two input[type=radio]:checked ~ .check::before,
.white-theme #tol-change-modes .layout-row .layout-two input[type=radio][checked=checked] ~ .check::before,
.white-theme #tol-change-modes .layout-row .layout-two input[type=radio][checked=true] ~ .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/white/layouts_w.png) no-repeat -75px -45px;
}
.white-theme #tol-change-modes .layout-row .layout-three .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/white/layouts_w.png) no-repeat -148px 0px;
}
.white-theme #tol-change-modes .layout-row .layout-three input[type=radio]:checked ~ .check::before,
.white-theme #tol-change-modes .layout-row .layout-three input[type=radio][checked=checked] ~ .check::before,
.white-theme #tol-change-modes .layout-row .layout-three input[type=radio][checked=true] ~ .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/white/layouts_w.png) no-repeat -148px -45px;
}
.white-theme #tol-change-modes .layout-row .layout-four .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/white/layouts_w.png) no-repeat -224px 0px;
}
.white-theme #tol-change-modes .layout-row .layout-four input[type=radio]:checked ~ .check::before,
.white-theme #tol-change-modes .layout-row .layout-four input[type=radio][checked=checked] ~ .check::before,
.white-theme #tol-change-modes .layout-row .layout-four input[type=radio][checked=true] ~ .check::before {
  background: url(/wp-content/themes/tol-parent/images/forex/white/layouts_w.png) no-repeat -224px -45px;
}
@media (max-width: 1440px) and (min-width: 1024px) {
  .page-traderoom .ui-dialog.forex-neworder-dialog,
  .page-traderoom .ui-dialog.forex-poshistory-dialog {
    top: 26px !important;
  }
  .page-traderoom .gtc-date-wrapper .popover.top .popover-content {
    width: 153px;
    padding: 10px;
    font-size: 12px;
  }
  .page-traderoom .gtc-date-wrapper .popover.top>.arrow:after {
    border-top-color: #00C5E8;
  }
}
.remove-tp,
.remove-sl {
  display: inline-block;
  margin-left: 6px;
  position: relative;
  top: -1px;
  color: #637E99;
}
.remove-tp:hover,
.remove-sl:hover {
  color: #ffffff;
  cursor: pointer;
}
.ui-dialog.forex-neworder-dialog.modify-pending-order-tp-sl {
  z-index: -1 !important;
}
#forexProOpenTradesTable .td-take-profit .assetTdInfo,
#forexProOpenTradesTable .td-stop-loss .assetTdInfo,
#real-forex-tab-content .dataTable table td.td-take-profit .assetTdInfo,
#real-forex-tab-content .dataTable table td.td-stop-loss .assetTdInfo {
  float: left;
}
#forexProOpenTradesTable .td-take-profit .assetTdInfo:hover,
#forexProOpenTradesTable .td-stop-loss .assetTdInfo:hover,
#real-forex-tab-content .dataTable table td.td-take-profit .assetTdInfo:hover,
#real-forex-tab-content .dataTable table td.td-stop-loss .assetTdInfo:hover {
  cursor: pointer;
}
.forex-notification-btn {
  display: block;
  position: relative;
  width: 20px;
  height: 25px;
  margin: 5px 10px 0 15px;
  background: transparent url(/wp-content/themes/tol-parent/images/forex/bell_sprite.png) no-repeat bottom;
}
.forex-notification-btn.show-wrapper,
.forex-notification-btn.active {
  background: transparent url(/wp-content/themes/tol-parent/images/forex/bell_sprite.png) no-repeat center 2px;
}
.forex-notification-number {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: #00C5E8;
  text-align: center;
  color: #fff;
  font-size: 10px;
  line-height: 17px;
  position: absolute;
  top: -5px;
  right: -12px;
}
.forex-notification-number.long-num {
  width: 23px;
}
.forex-notification-content {
  background: #131b28;
  z-index: 9;
  height: 100%;
}
.forex-notification-content .no-notifications {
  text-align: center;
  padding: 15px;
  font-size: 16px;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: 109px auto;
}
.forex-notification-content .notifications-header {
  background: #2d3e50;
  font-size: 13px;
  color: #5D6773;
  padding: 5px 15px;
  text-align: left;
}
.forex-notification-content .notifications-header span {
  color: #ffffff;
}
.forex-notification-content .notifications-header div {
  float: right;
}
.forex-notification-content .notifications-header div:hover {
  color: #ffffff;
}
.forex-notification-content .notifications-wrapper {
  height: calc(100% - 29px);
  font-family: 'robotoregular', sans-serif;
}
.forex-notification-content .notifications-wrapper .notification-row {
  height: 70px;
  border-bottom: 1px solid #2F3F4F;
  padding: 8px 12px;
  color: #fff;
  position: relative;
  text-align: left;
}
.forex-notification-content .notifications-wrapper .notification-row.two-rows {
  height: 55px;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-title {
  font-size: 14px;
}
.forex-notification-content .notifications-wrapper .notification-row .grey {
  color: #777A7F;
}
.forex-notification-content .notifications-wrapper .notification-row .red {
  color: red;
  font-weight: bold;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data {
  text-transform: uppercase;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data .notification-value-stoploss,
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data .notification-value-exp {
  margin-right: 5px;
  display: inline-block;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data .notification-value-takeprofit {
  margin-right: 5px;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data-timestamp {
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data-delete {
  position: absolute;
  top: 9px;
  right: 9px;
  color: #435B73;
  font-size: 12px;
  font-family: arial;
  text-transform: uppercase;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data-delete:hover {
  color: #fff;
  cursor: pointer;
}
@media (max-width: 767px) {
  .forex-notification-btn {
    margin: 0 5px;
  }
  .forex-notification-content {
    position: absolute;
    top: 33px;
    z-index: 9;
    width: 320px;
    height: 304px;
    right: -10px;
    text-align: left;
    -webkit-box-shadow: 0 15px 25px 0 #000000;
    -moz-box-shadow: 0 15px 25px 0 #000000;
    box-shadow: 0 15px 25px 0 #000000;
  }
  .forex-notification-content:after {
    right: 11px;
  }
}
.white-theme.page-traderoom .forex-notification-content {
  background: #ffffff;
  border: 1px solid #eaeaea;
}
.white-theme.page-traderoom .forex-notification-content .notifications-header {
  background: #EAEAEA;
  color: #6F6F6F;
}
.white-theme.page-traderoom .forex-notification-content .notifications-wrapper .notification-row {
  color: #6F6F6F;
  border-bottom: 1px solid #eaeaea;
}
.page-traderoom .account .tab-pane.active > .dataTable:first-of-type {
  z-index: 1;
}
.page-traderoom .dataTable table.fake-table th {
  border-bottom: 1px solid transparent;
}
.page-traderoom .dataTable table.fake-table th.sorting-asc {
  overflow: visible;
  border-bottom: 2px solid #00C5E8;
}
.page-traderoom .dataTable table.fake-table th.sorting-asc .cellWrapper {
  position: relative;
  padding-right: 15px;
}
.page-traderoom .dataTable table.fake-table th.sorting-asc .cellWrapper span {
  color: #fff;
}
.page-traderoom .dataTable table.fake-table th.sorting-asc:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 4px;
  background: transparent url(/wp-content/themes/tol-parent/images/forex/sort_arrow.png) no-repeat center;
  bottom: -6px;
  left: 50%;
}
.page-traderoom .dataTable table.fake-table th.sorting-desc {
  overflow: visible;
  border-bottom: 2px solid #00C5E8;
}
.page-traderoom .dataTable table.fake-table th.sorting-desc .cellWrapper {
  position: relative;
  padding-right: 15px;
}
.page-traderoom .dataTable table.fake-table th.sorting-desc .cellWrapper span {
  color: #fff;
}
.page-traderoom .dataTable table.fake-table th.sorting-desc:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 4px;
  background: transparent url(/wp-content/themes/tol-parent/images/forex/sort_arrow.png) no-repeat center;
  bottom: 0;
  left: 50%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
.page-traderoom .dataTable table.fake-table th span:hover {
  cursor: pointer;
}
.page-traderoom.white-theme .dataTable table.fake-table th.sorting-asc .cellWrapper span,
.page-traderoom.white-theme .dataTable table.fake-table th.sorting-desc .cellWrapper span {
  color: #000;
}
.forex-notification-btn {
  display: block;
  position: relative;
  width: 20px;
  height: 25px;
  margin: 5px 10px 0 15px;
  background: transparent url(/wp-content/themes/tol-parent/images/forex/bell_sprite.png) no-repeat bottom;
}
.forex-notification-btn.show-wrapper,
.forex-notification-btn.active {
  background: transparent url(/wp-content/themes/tol-parent/images/forex/bell_sprite.png) no-repeat center 2px;
}
.forex-notification-number {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  background: #00C5E8;
  text-align: center;
  color: #fff;
  font-size: 10px;
  line-height: 17px;
  position: absolute;
  top: -5px;
  right: -12px;
}
.forex-notification-number.long-num {
  width: 23px;
}
.forex-notification-content {
  background: #131b28;
  z-index: 9;
  height: 100%;
}
.forex-notification-content .no-notifications {
  text-align: center;
  padding: 15px;
  font-size: 16px;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: 109px auto;
}
.forex-notification-content .notifications-header {
  background: #2d3e50;
  font-size: 13px;
  color: #5D6773;
  padding: 5px 15px;
  text-align: left;
}
.forex-notification-content .notifications-header span {
  color: #ffffff;
}
.forex-notification-content .notifications-header div {
  float: right;
}
.forex-notification-content .notifications-header div:hover {
  color: #ffffff;
}
.forex-notification-content .notifications-wrapper {
  height: calc(100% - 29px);
  font-family: 'robotoregular', sans-serif;
}
.forex-notification-content .notifications-wrapper .notification-row {
  height: 70px;
  border-bottom: 1px solid #2F3F4F;
  padding: 8px 12px;
  color: #fff;
  position: relative;
  text-align: left;
}
.forex-notification-content .notifications-wrapper .notification-row.two-rows {
  height: 55px;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-title {
  font-size: 14px;
}
.forex-notification-content .notifications-wrapper .notification-row .grey {
  color: #777A7F;
}
.forex-notification-content .notifications-wrapper .notification-row .red {
  color: red;
  font-weight: bold;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data {
  text-transform: uppercase;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data .notification-value-stoploss,
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data .notification-value-exp {
  margin-right: 5px;
  display: inline-block;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data .notification-value-takeprofit {
  margin-right: 5px;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data-timestamp {
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data-delete {
  position: absolute;
  top: 9px;
  right: 9px;
  color: #435B73;
  font-size: 12px;
  font-family: arial;
  text-transform: uppercase;
}
.forex-notification-content .notifications-wrapper .notification-row .notification-row-data-delete:hover {
  color: #fff;
  cursor: pointer;
}
@media (max-width: 767px) {
  .forex-notification-btn {
    margin: 0 5px;
  }
  .forex-notification-content {
    position: absolute;
    top: 33px;
    z-index: 9;
    width: 320px;
    height: 304px;
    right: -10px;
    text-align: left;
    -webkit-box-shadow: 0 15px 25px 0 #000000;
    -moz-box-shadow: 0 15px 25px 0 #000000;
    box-shadow: 0 15px 25px 0 #000000;
  }
  .forex-notification-content:after {
    right: 11px;
  }
}
.white-theme.page-traderoom .forex-notification-content {
  background: #ffffff;
  border: 1px solid #eaeaea;
}
.white-theme.page-traderoom .forex-notification-content .notifications-header {
  background: #EAEAEA;
  color: #6F6F6F;
}
.white-theme.page-traderoom .forex-notification-content .notifications-header span {
  color: #363636;
}
.white-theme.page-traderoom .forex-notification-content .notifications-wrapper .notification-row {
  color: #6F6F6F;
  border-bottom: 1px solid #eaeaea;
}
body.rtl.page-traderoom.white-theme .forex-notification-content .notifications-wrapper .notification-row .notification-row-title,
body.rtl.page-traderoom.white-theme .forex-notification-content .notifications-wrapper .notification-row .notification-row-data {
  text-align: right;
}
body.rtl.page-traderoom.white-theme .forex-notification-content {
  left: -10px;
  right: unset;
}
body.rtl.page-traderoom.white-theme .forex-notification-content .notifications-wrapper .notification-row .notification-row-data-delete {
  right: unset;
  left: 9px;
}
body.rtl.page-traderoom.white-theme .forex-notification-content .notifications-wrapper .notification-row .notification-row-data-timestamp {
  right: unset;
  left: 10px;
}
body.rtl.page-traderoom.white-theme .forex-notification-content .notifications-header div {
  float: left;
}
body.rtl.page-traderoom.white-theme .forex-notification-content .notifications-header span {
  float: right;
}
body.rtl.page-traderoom.white-theme .forex-notification-content .notifications-header {
  height: 28px;
}
body.rtl.page-traderoom.white-theme #tol-asset-spec .asset-specs-content .asset-specs-part span {
  float: left;
}
body.rtl.page-traderoom.white-theme .info-spec-icon {
  margin-left: 0;
  margin-right: 5px;
}
body.rtl.page-traderoom.white-theme .ui-dialog.forex-neworder-dialog .quantiryddl {
  background: #e1e1e1 url(/wp-content/themes/tol-parent/images/forex/white/ddl_arrow.png) no-repeat 10px center !important;
}
body.rtl.page-traderoom.white-theme #tol-filter-popup .form-control.hasDatepicker {
  background: #eaeaea url(/wp-content/themes/tol-parent/images/forex/new_demotemplate/white/calendar-gray.png) no-repeat 95%;
}
body.rtl.page-traderoom.white-theme #tol-filter-popup .fromdate-wrapper:before,
body.rtl.page-traderoom.white-theme #tol-filter-popup .todate-wrapper:before {
  padding-right: 35px;
  padding-left: 0;
}
body.rtl.page-traderoom.white-theme .ui-dialog.forex-close-dialog .close-all-title {
  left: unset;
  right: 17px;
}
body.rtl.page-traderoom.white-theme #tol-change-modes .settings-row {
  padding-left: 0;
  padding-right: 17px;
  background-position-x: 11px !important;
  text-align: right;
}
body.rtl.page-traderoom.white-theme #tol-change-modes .layout-row .check::before {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
#tol-social-popup .profile-different-mode .copy-diff-mode {
  display: none !important;
}
body.white-theme.rtl .assetsview-boxes .sell-open-pos {
  left: 4px;
  right: unset;
}
body.white-theme.rtl .assetsview-boxes .buy-open-pos {
  right: 4px;
  left: unset;
}
.row-settings-partially {
  margin-top: 10px;
  font-size: 14px;
  font-family: 'lato-regular', sans-serif;
  height: 43px;
  line-height: 43px;
}
.row-settings-partially > div:nth-child(1) {
  display: inline-block;
  width: 70%;
}
.row-settings-partially .onoffswitch {
  width: 60px;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative;
  top: 10px;
  float: right;
  margin-right: 12px;
}
.row-settings-partially .onoffswitch-checkbox {
  display: none;
}
.row-settings-partially .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
  height: 22px;
}
.row-settings-partially .onoffswitch-switch {
  display: block;
  width: 15px;
  margin: 4px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 13px;
  right: 36px;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
body:not(.white-theme).page-traderoom .row-settings-partially .onoffswitch-label,
body:not(.white-theme).page-traderoom .row-settings-partially .onoffswitch-switch {
  border-color: #495B71;
}
body:not(.white-theme).page-traderoom .row-settings-partially .onoffswitch-switch {
  background: #495B71;
}
.row-settings-partially .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
.row-settings-partially .onoffswitch-inner:before,
.row-settings-partially .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 20px;
  padding: 0;
  line-height: 20px;
  font-size: 12px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
}
.row-settings-partially .onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #131B27;
  color: #FFFFFF;
}
.row-settings-partially .onoffswitch-inner:after {
  content: "OFF";
  padding-right: 7px;
  background-color: #131B27;
  color: #FFFFFF;
  text-align: right;
}
body:not(.white-theme).page-traderoom .row-settings-partially .onoffswitch-inner:after,
body:not(.white-theme).page-traderoom .row-settings-partially .onoffswitch-inner:before {
  background: transparent;
  color: #495B71;
}
.row-settings-partially .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.row-settings-partially .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0;
}
body.white-theme.page-traderoom .row-settings-partially .onoffswitch-label,
body.white-theme.page-traderoom .row-settings-partially .onoffswitch-label .onoffswitch-switch {
  border-color: #767676;
}
body.white-theme.page-traderoom .row-settings-partially .onoffswitch-label .onoffswitch-switch {
  background: #767676;
}
body.white-theme.page-traderoom .row-settings-partially .onoffswitch-inner:after,
body.white-theme.page-traderoom .row-settings-partially .onoffswitch-inner:before {
  background: #ffffff;
  color: #767676;
}
body:not(.white-theme).page-traderoom .row-settings-partially .onoffswitch-checkbox[checked=checked] + .onoffswitch-label .onoffswitch-inner:after,
body:not(.white-theme).page-traderoom .row-settings-partially .onoffswitch-checkbox[checked=checked] + .onoffswitch-label .onoffswitch-inner:before,
body.white-theme.page-traderoom .row-settings-partially .onoffswitch-checkbox[checked=checked] + .onoffswitch-label .onoffswitch-inner:after,
body.white-theme.page-traderoom .row-settings-partially .onoffswitch-checkbox[checked=checked] + .onoffswitch-label .onoffswitch-inner:before {
  color: #3493FD;
}
body:not(.white-theme).page-traderoom .row-settings-partially .onoffswitch-checkbox[checked=checked] + .onoffswitch-label,
body:not(.white-theme).page-traderoom .row-settings-partially .onoffswitch-checkbox[checked=checked] + .onoffswitch-label .onoffswitch-switch,
body.white-theme.page-traderoom .row-settings-partially .onoffswitch-checkbox[checked=checked] + .onoffswitch-label,
body.white-theme.page-traderoom .row-settings-partially .onoffswitch-checkbox[checked=checked] + .onoffswitch-label .onoffswitch-switch {
  border-color: #3493FD;
}
body:not(.white-theme).page-traderoom .row-settings-partially .onoffswitch-checkbox[checked=checked] + .onoffswitch-label .onoffswitch-switch,
body.white-theme.page-traderoom .row-settings-partially .onoffswitch-checkbox[checked=checked] + .onoffswitch-label .onoffswitch-switch {
  background: #3493FD;
}
.partially-close-input {
  width: 100%;
}
.partially-close-input .input-group.spinner {
  width: 100%;
  height: 30px;
  margin-bottom: 14px;
  background: #182434;
}
.white-theme .partially-close-input .input-group.spinner {
  background: #ffffff;
}
.partially-close-input .ui-spinner {
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  border-radius: 0;
  overflow: visible;
  width: 100%;
}
.partially-close-input .spinner input {
  background: transparent;
  color: #FFFFFF;
  border: 1px solid #2E3D50;
  z-index: 0;
  margin: 0;
  border-radius: 0;
  text-align: left;
  height: 30px;
  line-height: 20px;
  float: left;
  width: 100%;
  position: relative;
  padding: 3px 15px 3px 10px;
}
.white-theme .partially-close-input .spinner input {
  color: #000000;
  border: 1px solid #e1e1e1;
  background: transparent;
}
.partially-close-input .ui-spinner a.ui-spinner-button.ui-spinner-up {
  background: url(/wp-content/themes/tol-parent/images/forex/arrow_flipw.png) no-repeat center 4px;
}
.partially-close-input .ui-spinner a.ui-spinner-button.ui-spinner-down {
  background: url(/wp-content/themes/tol-parent/images/forex/arroww.png) no-repeat center 4px;
}
.partially-close-input .ui-spinner a.ui-spinner-button.ui-spinner-up span,
.partially-close-input .ui-spinner a.ui-spinner-button.ui-spinner-down span {
  display: none;
}
.lang-ar .rtl.page-traderoom .onoffswitch-inner {
  margin-right: 0;
}
.lang-ar .rtl.page-traderoom .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-right: -100%;
}
.lang-ar .rtl.page-traderoom .asset-table-settings-icon .onoffswitch-checkbox[checked=checked] + .onoffswitch-label .onoffswitch-inner:after,
.lang-ar .rtl.page-traderoom .asset-table-settings-icon .onoffswitch-checkbox[checked=checked] + .onoffswitch-label .onoffswitch-inner:before {
  text-align: left;
}
.lang-ar .rtl.page-traderoom .row-settings-partially .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: unset;
}
.lang-ar .rtl.page-traderoom .row-settings-partially .onoffswitch-inner:before {
  text-align: left;
}