@font-face {
  font-family: 'Bariol';
  src: url('Bariol_Regular.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Baloo';
  src: url('BalooBhai-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Bariol_Bold';
  src: url('Bariol_Bold.otf');
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.bcontain {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.sub-border {
  border-bottom: 2px solid #7AC7C6;
}
.container-border {
  border: 2px solid #7AC7C6;
  border-radius: 4vw;
}
html {
  height: 100%;
}
html,
ion-view,
[nav-view-transition="ios"][nav-view-direction="forward"],
[nav-view-transition="ios"][nav-view-direction="back"] {
  background: -moz-linear-gradient(50% 0% -90deg, #2172a2 0%, #33313d 100%);
  background: -webkit-linear-gradient(-90deg, #2172a2 0%, #33313d 100%);
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #2172a2), color-stop(1, #33313d));
  background: linear-gradient(180deg, #365b9e 0%, #3e3a3e 100%);
}
html,
body {
  color: white;
  font-family: 'Bariol';
  text-transform: uppercase;
  font-size: 3.5vw;
  font-weight: 900;
}
body,
.ionic-body {
  line-height: 1.5em;
}
.autofont-container {
  white-space: nowrap;
  width: 100%;
  height: 100%;
  display: block;
}
ion-nav-bar.hide,
ion-nav-buttons.hide {
  display: block;
  visibility: hidden;
}
ion-nav-bar.hide {
  height: 6vh;
  background: transparent !important;
}
.button:hover {
  color: inherit !important;
}
a {
  text-decoration: none;
}
.fullh {
  height: 100%;
}
ion-content {
  padding: 3vw;
}
ion-nav-bar * {
  background: none !important;
  border-bottom: 0 !important;
}
.bar,
.bar .title {
  color: white;
  font-size: 7.2vw !important;
  letter-spacing: 0.6px;
  -webkit-text-stroke-width: 1.5px;
  height: 7.2vh;
  line-height: 7.5vh !important;
  padding-left: 0;
  padding-right: 0;
  text-align: center !important;
  overflow: visible;
  left: 0 !important;
  width: 100%;
  margin: 0;
}
.bar.money span:after,
.bar .title.money span:after {
  display: inline-block;
  content: '▼';
  font-size: 2vw;
  vertical-align: middle;
  margin-left: 1vw;
  opacity: 0.5;
}
.bar .buttons {
  z-index: 1;
  top: 0 !important;
  bottom: 0 !important;
  height: 7.2vh !important;
  position: absolute;
}
.backdrop,
.loading-container {
  top: 7.2vh;
}
.loading-container img {
  display: none;
}
.has-header {
  top: 7.2vh;
}
.has-header.tab-buy {
  top: 3.2vh;
}
ion-side-menu {
  display: none;
}
ion-side-menu-content ion-header-bar {
  opacity: 0;
  margin-top: 0.5vh;
}
ion-side-menu-content ion-header-bar .buttons-right span {
  margin-right: -5px !important;
}
ion-side-menu-content.hasNavButtons ion-header-bar {
  opacity: 1;
}
.pane,
.view {
  background-color: transparent;
}
.show-finished {
  display: none;
}
.finished .hide-finished {
  display: none;
}
.finished .show-finished {
  display: block;
}
.bg-transition {
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.button {
  background-color: transparent !important;
  font-size: 4.5vw;
  -webkit-text-stroke-width: 0.5px;
  letter-spacing: 0.45px;
  color: #FFFFFF;
  border-color: white !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-radius: 4vw;
  min-height: 0;
  line-height: 3em;
}
.button span {
  vertical-align: middle;
  display: inline;
  line-height: 1em;
}
.button.button-view {
  line-height: 1.5em;
  border: none !important;
  background-color: #6caf0e !important;
  margin: 0 !important;
  padding: 0px 10px;
  font-size: 4.2vw;
  border-radius: 1.5vw;
}
.button.button-view:hover {
  color: #fff !important;
}
.button.button-view.activated {
  background-color: #5d960c !important;
}
.button.activated {
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
}
.button.activated.finished.ka-ching.activated {
  background-color: transparent !important;
}
.button.activated.finished.ka-ching.activated .lesson-bonus-finished {
  color: #C8D92B !important;
}
.button.activated .lesson-bonus-unfinished,
.button.activated .lesson-bonus-finished {
  color: white !important;
  -webkit-transition: color 100ms linear;
  transition: color 100ms linear;
}
.button-green {
  border-color: #C8D92B !important;
}
.button-green.activated {
  background-color: #C8D92B !important;
}
.button-blue2 {
  border-color: #7AC7C6 !important;
}
.button-blue2.activated {
  background-color: #7AC7C6 !important;
}
.button-blue2.activated .lesson-title {
  color: white !important;
}
.button-orange {
  border-color: #FBAF4D !important;
}
.button-orange.activated {
  background-color: #FBAF4D !important;
}
.button-orange.activated .lesson-bonus-unfinished,
.button-orange.activated .lesson-bonus-finished {
  color: white !important;
}
.button-orange.activated.finished.ka-ching.activated {
  background-color: transparent !important;
}
.button-orange.activated.finished.ka-ching.activated .lesson-bonus-finished {
  color: #FBAF4D !important;
}
.hasBackButton .header-icon.icon-account,
.hasBackButton .header-icon.btn-buy {
  display: none;
}
.hasBackButton .header-icon.icon-back {
  display: block;
}
.hideNavButtons .header-icon {
  visibility: hidden;
}
.header-icon {
  display: inline-block;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 40% !important;
  height: 7.2vh;
  width: 9.2vh;
}
.header-icon.icon-account {
  background-image: url(../img/icon_top.svg) !important;
  opacity: 1;
  background-position: center 3vw !important;
}
.header-icon.icon-back {
  background-image: url(../img/navigation_back.png) !important;
  background-size: 20% !important;
  display: none;
}
.header-icon.icon-bonus {
  background-image: url(../img/navigation_peldrinkis.png) !important;
}
.header-icon.icon-history {
  background-image: url(../img/history.png) !important;
  height: 8vh;
  width: 7vh;
  margin-right: -2vh;
}
.header-icon.btn-buy {
  display: flex;
  align-items: center;
  text-align: right;
  position: relative;
  left: -4vw;
  height: 7.2vh;
}
.header-icon.btn-buy span {
  display: inline-block;
  color: white;
  background-color: #ff719c !important;
  height: 1.8em;
  min-height: 0;
  width: auto;
  margin-top: 0;
  font-size: 4vmin;
  line-height: 1.5em;
  padding: 1vmin 5vmin;
  border-radius: 1vmin;
  margin-left: 0;
  font-weight: 400;
}
.header-icon.activated {
  opacity: 0.7;
}
.vip-icon {
  display: none;
}
.vip-badge {
  position: relative;
}
.vip-badge .vip-icon {
  position: absolute;
  top: 0%;
  right: 0%;
  display: inline-block;
  width: 30%;
  height: 30%;
  background-image: url(../img/icon_vip.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.dash-money {
  position: relative;
}
.dash-money #home-bubble {
  height: 46vh;
  margin: 2vh;
  margin-top: -9vh;
  margin-bottom: 0;
  text-align: center;
  background-image: url(../img/dash_person_back.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-position: center bottom;
  font-size: 5vh;
  letter-spacing: 0.6px;
  -webkit-text-stroke-width: 0.5px;
  position: relative;
  margin-left: -12vw;
  margin-right: -12vw;
  margin-bottom: 4vh;
  -webkit-transform: translate3d(0, 0, 0);
}
.dash-money #home-bubble.stop-animation {
  background-image: url(../img/dash_person_back.png);
}
.dash-money #home-bubble span {
  position: absolute;
  display: block;
  height: auto;
  left: 0;
  bottom: 1.5vh;
  width: 100%;
  text-align: center;
}
.dash-money .money-front {
  background-image: url(../img/dash_person_front.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  position: absolute;
  bottom: -2.5vh;
  left: 0;
  width: 100%;
  height: 13%;
}
.list {
  margin-bottom: 2vh;
}
#mainmenu-wrap {
  padding: 0 12vh;
}
#mainmenu-wrap .button {
  color: white !important;
  width: 100%;
  margin-bottom: 3vh;
  font-size: 7.5vw;
  padding: 0.5vh 0;
  letter-spacing: 0.6px;
  -webkit-text-stroke-width: 0.5px;
  line-height: 1.5em;
  border-color: #C8D92B !important;
}
#mainmenu-wrap .button.activated {
  background-color: #C8D92B !important;
}
#mainmenu-wrap #home-sub-menu {
  padding: 0;
}
#mainmenu-wrap #home-sub-menu .col-33 {
  text-align: center;
  position: relative;
}
#mainmenu-wrap #home-sub-menu .col-33 .dropdown {
  position: absolute;
}
#mainmenu-wrap #home-sub-menu .col-33 .dropdown-inner {
  height: 0;
  border: 0;
  padding: 0;
  width: 14vw;
}
#mainmenu-wrap #home-sub-menu .col-33 .drop-up {
  width: 80vw;
  margin-left: -18vw;
  padding: 3vw 5vw;
}
#mainmenu-wrap #home-sub-menu .col-33 > a {
  display: inline-block;
  height: 14vw;
  width: 14vw;
  border: 2px solid #C8D92B;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-size: 50%;
}
#mainmenu-wrap #home-sub-menu .col-33 > a.activated {
  background-color: #C8D92B !important;
}
#mainmenu-wrap #home-sub-menu .col-33 .dropdown.opened + a {
  background-color: #C8D92B !important;
}
#mainmenu-wrap #home-sub-menu .col-33.rate {
  padding-left: 0;
  text-align: left;
  font-size: 3vw;
}
#mainmenu-wrap #home-sub-menu .col-33.rate .tap-a-star {
  white-space: nowrap;
}
#mainmenu-wrap #home-sub-menu .col-33.rate .drop-up {
  margin-top: -9em;
}
#mainmenu-wrap #home-sub-menu .col-33.rate .stars span {
  display: inline-block;
  padding: 0 0.6em;
}
#mainmenu-wrap #home-sub-menu .col-33.rate .stars span img {
  width: 9vw;
}
#mainmenu-wrap #home-sub-menu .col-33.rate .stars .is-rated {
  display: none;
}
#mainmenu-wrap #home-sub-menu .col-33.rate .stars .active .is-rated {
  display: inline-block;
}
#mainmenu-wrap #home-sub-menu .col-33.rate .stars .active .not-rated {
  display: none;
}
#mainmenu-wrap #home-sub-menu .col-33.comment {
  padding-right: 0;
  text-align: right;
  position: static;
}
#mainmenu-wrap #home-sub-menu .col-33.comment .dropdown {
  position: absolute;
  left: 0;
}
#mainmenu-wrap #home-sub-menu .col-33.comment .drop-up {
  width: 94vw;
  left: 3vw;
  margin-left: 0;
  margin-top: -45vh;
  padding: 6vw 5vw;
  font-size: 4vw;
}
#mainmenu-wrap #home-sub-menu .col-33.comment .drop-up.focused {
  margin-top: -75vh;
}
#mainmenu-wrap #home-sub-menu .col-33.comment .drop-up span.comment-text {
  padding: 0 0 0.8em 0 !important;
  -webkit-text-stroke-width: 0.25px;
  color: white;
}
#mainmenu-wrap #home-sub-menu .col-33.comment .drop-up .send-button {
  margin-bottom: -1.5vh;
}
#mainmenu-wrap #home-sub-menu .col-33.comment textarea {
  height: 25vh;
  width: 100%;
  border-radius: 5vw;
  padding: 2vh;
  margin-bottom: 1vh;
  margin-top: 1vh;
  font-size: 4.5vw;
  font-family: Bariol;
  -webkit-text-stroke-width: 0.25px;
}
#mainmenu-wrap #home-sub-menu .col-33.comment textarea::placeholder {
  text-transform: uppercase;
  color: black;
}
#mainmenu-wrap #home-sub-menu .col-33.comment .button {
  height: 2.5em;
  min-height: 0;
  margin: 0;
  margin-top: 1vw;
  line-height: 1.8em;
  display: inline-block;
  width: 30vw;
  font-size: 4vw;
}
#mainmenu-wrap #home-sub-menu .col-33.comment .sending-btn {
  display: none;
}
#mainmenu-wrap #home-sub-menu .col-33.comment .is-sending .send {
  display: none;
}
#mainmenu-wrap #home-sub-menu .col-33.comment .is-sending .sending-btn {
  display: inline-block;
}
#mainmenu-wrap #home-sub-menu .col-33.rate a {
  background-image: url(../img/icon_star_white.png) !important;
}
#mainmenu-wrap #home-sub-menu .col-33.share a {
  background-image: url(../img/icon_share.png) !important;
}
#mainmenu-wrap #home-sub-menu .col-33.comment a {
  background-image: url(../img/icon_leave_feedback.png) !important;
}
.slide-container {
  height: 100%;
}
.button.button-stable {
  border-color: white;
  color: white;
  height: 8vh;
  font-size: 6vw;
  -webkit-text-stroke-width: 1.5px;
  line-height: 12vw;
  margin-top: 0.5vh;
  font-family: Bariol;
}
#user-chart.history-chart {
  height: 30vh;
  width: 100%;
  line-height: 30vh;
  border: 0;
  margin: 2vh 0;
}
#user-chart.history-chart .quiz-chart-container,
#user-chart.history-chart .chart-inner-container,
#user-chart.history-chart .canvasjs-chart-container {
  height: 100%;
  width: 100%;
}
.chart-background {
  position: absolute;
  height: 91%;
  width: 88%;
  background-image: url(../img/chart_background_dot.png) !important;
  background-size: 3.7%;
}
.chart-drag-handle {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.icon-history-close {
  display: inline-block;
  height: 4.5vh;
  width: 6vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../img/history_close_white.png) !important;
  position: relative;
  top: 1.3vh;
}
.dropdown-label {
  margin-bottom: 0.3em;
}
.invest-menu .drop-up {
  margin-left: 0 !important;
}
.dropdown {
  display: inline-block;
  width: 32vw;
  vertical-align: middle;
  margin-left: -1em;
}
.dropdown.opened .drop-up,
.dropdown.opened .triangle {
  display: inline-block;
}
.dropdown .dropdown-inner {
  position: relative;
  border: 1px solid white;
  border-radius: 2.5vw;
  color: white;
  padding: 0 1.5em 0 0.5em;
  margin: 0 0.3em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../img/history_opened_down.png) !important;
  background-position: 87% center;
  background-size: 15%;
  height: 4vh;
  font-size: 2.5vh;
  line-height: 3vh;
}
.dropdown .view-value {
  position: absolute;
  left: 0;
  width: 80%;
  height: 100%;
  line-height: 4vh;
  text-align: center;
}
.dropdown .drop-up {
  position: absolute;
  display: none;
  padding: 0 0;
  background-color: #033754;
  margin-top: -14vh;
  left: 0;
  z-index: 100;
  border-radius: 10vw;
  text-align: center;
  white-space: nowrap;
  padding: 0 1em;
  margin-left: -2em;
  min-width: 36vw;
}
.dropdown .drop-up.right-side {
  margin-left: -16vw;
}
.dropdown .drop-up span.amount-lock {
  width: 100%;
  height: 50%;
  background-image: url('../img/icon_locked_white.png');
  background-repeat: no-repeat;
  background-size: 28%;
  background-position-x: 45%;
  background-position-y: 25%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 30%;
}
.dropdown .drop-up .option-locked-text {
  position: absolute;
  bottom: -2.75vh;
  left: 0;
  color: #fff;
  font-size: 3vw;
  text-align: center;
  width: 100%;
  display: none;
  animation: animationFramesOptionLocked ease 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: animationFramesOptionLocked ease 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: animationFramesOptionLocked ease 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: animationFramesOptionLocked ease 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: animationFramesOptionLocked ease 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
}
@keyframes animationFramesOptionLocked {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 1vh, 0);
    -webkit-transform: translate3d(0, 1vh, 0);
  }
}
@-moz-keyframes animationFramesOptionLocked {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 1vh, 0);
    -webkit-transform: translate3d(0, 1vh, 0);
  }
}
@-webkit-keyframes animationFramesOptionLocked {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 1vh, 0);
    -webkit-transform: translate3d(0, 1vh, 0);
  }
}
@-o-keyframes animationFramesOptionLocked {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 1vh, 0);
    -webkit-transform: translate3d(0, 1vh, 0);
  }
}
@-ms-keyframes animationFramesOptionLocked {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 1vh, 0);
    -webkit-transform: translate3d(0, 1vh, 0);
  }
}
.dropdown .drop-up > span {
  display: inline-block;
  padding: 4vh 1vh;
  position: relative;
  color: #7AC7C6;
}
.dropdown .drop-up > span.no-display {
  color: #356986;
}
.dropdown .drop-up > span.active {
  color: #fff;
}
.dropdown.dropdown-right .drop-up {
  right: 0;
  left: auto;
}
.dropdown .triangle {
  left: 0;
  top: -2.4em;
  display: none;
  width: 100%;
  height: 2em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url('../img/expiry_investment_bottom_triangle.png');
  position: absolute;
  z-index: 10;
}
.problem-icon {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-size: 25%;
  background-position: center 20%;
  padding-top: 80%;
}
.problem-icon.offline-msg {
  background-image: url('../img/bg_top_offlline.png');
}
.problem-icon.connect-facebook-msg {
  background-image: url('../img/bg_top_friends.png');
}
.problem-icon.connect-facebook-msg.country {
  background-image: url('../img/bg_top_country.png');
}
.problem-msg {
  height: 100%;
  width: 100%;
  text-align: center;
  display: table;
}
.problem-msg > div {
  display: table-cell;
  vertical-align: middle;
  font-size: 4.5vw;
  -webkit-text-stroke-width: 0.5px;
  letter-spacing: 0.45px;
}
.problem-msg span {
  font-size: 6vw;
  line-height: 1.3em;
}
.trade-screen input {
  border: 1px solid red;
}
.trade-screen .canvasjs-chart-canvas {
  height: 99% !important;
  width: 100% !important;
}
.trade-screen ion-scroll::-webkit-scrollbar {
  display: none !important;
}
.trade-screen #instruments {
  width: 101%;
  height: 16.5vw;
  padding: 0 !important;
  margin-bottom: 2vh;
}
.trade-screen #instruments .slider-pager {
  display: none;
}
.trade-screen .unlocking-text {
  width: 100%;
  text-align: center;
  display: inline-block;
  -webkit-text-stroke-width: 0.25px;
  font-size: 3vw;
  position: absolute;
  margin-top: -3.5vh;
  display: none;
  animation: animationFrames ease 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: animationFrames ease 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
}
@keyframes animationFrames {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 1vh, 0);
    -webkit-transform: translate3d(0, 1vh, 0);
  }
}
@-moz-keyframes animationFrames {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 1vh, 0);
    -webkit-transform: translate3d(0, 1vh, 0);
  }
}
@-webkit-keyframes animationFrames {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 1vh, 0);
    -webkit-transform: translate3d(0, 1vh, 0);
  }
}
@-o-keyframes animationFrames {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 1vh, 0);
    -webkit-transform: translate3d(0, 1vh, 0);
  }
}
@-ms-keyframes animationFrames {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 1vh, 0);
    -webkit-transform: translate3d(0, 1vh, 0);
  }
}
.trade-screen .buttons-scroll {
  display: inline-block;
  height: 15vh;
  white-space: nowrap;
  max-width: 0;
}
.trade-screen .buttons-scroll .button-container {
  display: inline-block;
  text-align: left;
  vertical-align: bottom;
  padding-bottom: 2vw;
  padding-top: 2vw;
}
.trade-screen .buttons-scroll button {
  display: inline-block;
  width: 14vw;
  height: 14vw !important;
  margin-right: 1.6vw;
  height: 0;
  padding: 0;
  position: relative;
  border-radius: 100%;
  border-color: transparent !important;
  border-width: 0 !important;
  font-size: 0 !important;
  min-width: 0;
  /*
			svg,
			.time-left
			{
				display: none;
			}
*/
}
.trade-screen .buttons-scroll button .asset-bonus {
  display: none;
  font-size: 4vw;
  font-family: 'Bariol_Bold';
}
.trade-screen .buttons-scroll button.bonus-active-border {
  border-color: #FCC725 !important;
}
.trade-screen .buttons-scroll button.bonus-active-border circle {
  stroke: #FCC725 !important;
}
.trade-screen .buttons-scroll button.bonus-active-border svg.white-circle circle {
  fill: #7AC7C6 !important;
  opacity: 0.3 !important;
}
.trade-screen .buttons-scroll button.bonus-active-border .symbol {
  opacity: 0.5 !important;
}
.trade-screen .buttons-scroll button.button-balanced {
  box-sizing: border-box;
}
.trade-screen .buttons-scroll button.button-balanced svg,
.trade-screen .buttons-scroll button.button-balanced .time-left {
  display: block;
}
.trade-screen .buttons-scroll button.button-balanced .time-left {
  line-height: 17.5vw;
  font-family: Baloo;
  letter-spacing: 0.3px;
  color: #FFFFFF;
}
.trade-screen .buttons-scroll button.button-balanced .asset-bonus-visible {
  display: block;
}
.trade-screen .buttons-scroll button .symbol {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-size: 40%;
}
.trade-screen .buttons-scroll button svg,
.trade-screen .buttons-scroll button circle,
.trade-screen .buttons-scroll button .time-left {
  width: 14.2vw;
  height: 14vw;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.trade-screen .buttons-scroll button svg {
  /*
				left: -2px;
				top: -2px;
*/
}
.trade-screen .buttons-scroll button circle {
  fill: transparent;
  stroke: #F26262;
  stroke-width: 3px !important;
  stroke-dasharray: 314px 314px;
  stroke-dashoffset: 0px;
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: center center;
  transform: rotate(270deg);
  transform-origin: center center;
}
.trade-screen .buttons-scroll button circle.isWin {
  stroke: #C8D92B;
}
.trade-screen .buttons-scroll button svg.white-circle {
  z-index: 1;
}
.trade-screen .buttons-scroll button svg.white-circle circle {
  stroke: white;
  stroke-width: 3px !important;
}
.trade-screen .buttons-scroll button svg.background-circle {
  z-index: 0;
  display: none;
}
.trade-screen .buttons-scroll button svg.background-circle circle {
  stroke: transparent;
  stroke-width: 0 !important;
  fill: #7AC7C6;
}
.trade-screen .buttons-scroll button .complete-symbol {
  display: inline-block;
  width: 35%;
  height: 35%;
  position: absolute;
  top: -3%;
  right: -5%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url('../img/check_red.png');
  display: none;
  z-index: 20;
}
.trade-screen .buttons-scroll button.completed .complete-symbol {
  display: block;
}
.trade-screen .buttons-scroll button.completed svg.progress-circle {
  display: none;
}
.trade-screen .buttons-scroll button.win .complete-symbol {
  background-image: url('../img/check_green.png');
}
.trade-screen .buttons-scroll button.button-calm {
  border-color: transparent !important;
  border-width: 0 !important;
  background-color: transparent !important;
}
.trade-screen .buttons-scroll button.button-calm svg.background-circle {
  display: block;
}
.trade-screen .buttons-scroll button.button-calm .symbol {
  opacity: 0.6 !important;
}
.trade-screen .buttons-scroll button.button-calm.bonus-active-border .symbol {
  opacity: 0.5 !important;
}
.trade-screen .buttons-scroll button.button-locked {
  background-color: rgba(0, 55, 84, 0.51) !important;
  background-image: url('../img/icon_locked_white.png');
  background-repeat: no-repeat;
  background-size: 30%;
  background-position-x: center;
  background-position-y: 45%;
  pointer-events: none;
}
.trade-screen .buttons-scroll button .transparency {
  opacity: 0.15;
}
.trade-screen .buttons-scroll button.button-BTCUSD .symbol {
  background-image: url('../img/instruments/BTCUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-DSHUSD .symbol {
  background-image: url('../img/instruments/DSHUSD.png');
  background-size: 62%;
}
.trade-screen .buttons-scroll button.button-LTCUSD .symbol {
  background-image: url('../img/instruments/LTCUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-XMRUSD .symbol {
  background-image: url('../img/instruments/XMRUSD.png');
  background-size: 100%;
}
.trade-screen .buttons-scroll button.button-XRPUSD .symbol {
  background-image: url('../img/instruments/XRPUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-ETHUSD .symbol {
  background-image: url('../img/instruments/ETHUSD.png');
  background-size: 42%;
}
.trade-screen .buttons-scroll button.button-BCHUSD .symbol {
  background-image: url('../img/instruments/BCHUSD.png');
  background-size: 42%;
}
.trade-screen .buttons-scroll button.button-IOTUSD .symbol {
  background-image: url('../img/instruments/IOTUSD.png');
  background-size: 42%;
}
.trade-screen .buttons-scroll button.button-XEMUSD .symbol {
  background-image: url('../img/instruments/XEMUSD.png');
  background-size: 42%;
}
.trade-screen .buttons-scroll button.button-NEOUSD .symbol {
  background-image: url('../img/instruments/NEOUSD.png');
  background-size: 42%;
}
.trade-screen .buttons-scroll button.button-ADAUSD .symbol {
  background-image: url('../img/instruments/ADAUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-ZECUSD .symbol {
  background-image: url('../img/instruments/ZECUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-XRBUSD .symbol {
  background-image: url('../img/instruments/XRBUSD.png');
  background-size: 62%;
}
.trade-screen .buttons-scroll button.button-XLMUSD .symbol {
  background-image: url('../img/instruments/XLMUSD.png');
  background-size: 62%;
}
.trade-screen .buttons-scroll button.button-TROUSD .symbol {
  background-image: url('../img/instruments/TROUSD.png');
  background-size: 62%;
}
.trade-screen .buttons-scroll button.button-VENUSD .symbol {
  background-image: url('../img/instruments/VENUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-STMUSD .symbol {
  background-image: url('../img/instruments/STMUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-DOGUSD .symbol {
  background-image: url('../img/instruments/DOGUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-EOSUSD .symbol {
  background-image: url('../img/instruments/EOSUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-LSKUSD .symbol {
  background-image: url('../img/instruments/LSKUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-OMGUSD .symbol {
  background-image: url('../img/instruments/OMGUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-QTMUSD .symbol {
  background-image: url('../img/instruments/QTMUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-SCXUSD .symbol {
  background-image: url('../img/instruments/SCXUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll button.button-ZILUSD .symbol {
  background-image: url('../img/instruments/ZILUSD.png');
  background-size: 52%;
}
.trade-screen .buttons-scroll .justify-last {
  display: inline-block;
  width: 9vh;
  height: 9vh;
  border: 1px solid red;
}
.trade-screen .buttons-scroll:after {
  display: inline-block;
  width: 100%;
  content: '';
}
.trade-screen .trading-container {
  margin-top: 1vh;
  height: 83vh;
}
.trade-screen .trading-container .bonus-container {
  display: none;
}
.trade-screen .trading-container.bonus-active .bonus-container {
  display: block;
}
.trade-screen .bonus-head {
  text-align: center;
  margin-top: -2vh;
  padding-bottom: 2vh;
}
.trade-screen .bonus-head h1 {
  font-size: 11vw;
}
.trade-screen .bonus-head .question-state,
.trade-screen .bonus-head .correct-state,
.trade-screen .bonus-head .wrong-state {
  display: none;
}
.trade-screen .bonus-head.question .question-state {
  display: block;
}
.trade-screen .bonus-head.question .question-state h1 {
  color: #FCC725;
}
.trade-screen .bonus-head.correct .correct-state {
  display: block;
}
.trade-screen .bonus-head.correct .correct-state h1 {
  color: #C8D92B;
}
.trade-screen .bonus-head.wrong .wrong-state {
  display: block;
}
.trade-screen .bonus-head.wrong .wrong-state h1 {
  color: #F26262;
}
.trade-screen .bonus-head h3 {
  font-size: 4vw;
  color: #fff;
  font-weight: bold;
}
.trade-screen .bonus-head h3 span.green {
  color: #C8D92B;
}
.trade-screen #chart-container-main {
  border: 2px solid #7AC7C6;
  border-radius: 4vw;
  padding: 1vw;
  padding-bottom: 0;
  height: 56vh;
  margin-bottom: 1vh;
  position: relative;
}
.trade-screen #chart-container-main.app-offline {
  height: 80vh;
}
.trade-screen #chart-container-main .isSharing canvas {
  display: none !important;
}
.trade-screen #chart-container-main .isSharing img {
  width: 100%;
}
.trade-screen #chart-container-main .user-chart-container {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.trade-screen #chart-container-main .user-chart-container .chart-background {
  left: 15%;
  top: 4%;
  height: 85%;
}
.trade-screen #chart-container-main .user-chart-container .quiz-chart-container {
  height: 102%;
  width: 100%;
}
.trade-screen #chart-container-main .user-chart-container hr {
  position: absolute;
  border: 1px solid #7AC7C6;
  z-index: 100;
  width: 96%;
  bottom: 9%;
  left: 2%;
}
.trade-screen #chart-container-main .bonus-chart {
  padding-top: 2vh;
}
.trade-screen #chart-container-main .question-text {
  color: #7AC7C6;
  font-family: 'Bariol_Bold';
  font-size: 3.5vw;
  text-align: justify;
  padding: 2vw;
  -webkit-text-stroke-width: 0.25px;
  line-height: 1.1em;
}
.trade-screen #chart-container-main .question-container-inner {
  height: 55%;
  padding: 0;
}
.trade-screen #chart-container-main .quiz-answer-container {
  height: 45%;
  padding: 1em;
}
.trade-screen #chart-container-main .chart-background {
  visibility: hidden;
}
.trade-screen #chart-container-main.battle {
  height: 75vh;
  border: 0;
  border-radius: 0;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../img/battle_ongoing_bg.png) !important;
  background-size: 70%;
}
.trade-screen #chart-container-main.battle.initial {
  background-position: top left;
  background-image: url(../img/battle_find_bg.svg) !important;
  top: -3vh;
  z-index: 20000;
  position: relative;
  padding-top: 6vh;
  background-size: 100%;
}
.trade-screen #chart-container-main.battle.initial .no-battle,
.trade-screen #chart-container-main.battle.initial .won-content,
.trade-screen #chart-container-main.battle.initial .lost-content {
  height: 40vh;
}
.trade-screen #chart-container-main.battle.initial .won-content .battle-subhead,
.trade-screen #chart-container-main.battle.initial .lost-content .battle-subhead {
  font-size: 6vw;
}
.trade-screen #chart-container-main.battle.initial .battle-content {
  display: none;
}
.trade-screen #chart-container-main.battle.initial .initial-content {
  display: block;
}
.trade-screen #chart-container-main.battle.initial .initial-content .won-content,
.trade-screen #chart-container-main.battle.initial .initial-content .lost-content {
  display: none;
}
.trade-screen #chart-container-main.battle.initial .initial-content.lost .no-battle {
  display: none;
}
.trade-screen #chart-container-main.battle.initial .initial-content.lost .lost-content {
  display: block;
}
.trade-screen #chart-container-main.battle.initial .initial-content.lost .lost-content .battle-head {
  color: #F26262;
}
.trade-screen #chart-container-main.battle.initial .initial-content.won .no-battle {
  display: none;
}
.trade-screen #chart-container-main.battle.initial .initial-content.won .won-content {
  display: block;
}
.trade-screen #chart-container-main.battle.initial .initial-content.won .won-content .battle-head {
  color: #C8D92B;
}
.trade-screen #chart-container-main.battle .initial-content {
  display: none;
}
.trade-screen #chart-container-main.battle .battle-content {
  display: block;
}
.trade-screen #chart-container-main.battle .battle-content .battle-status {
  color: #7AC7C6;
  font-size: 6vw;
  margin-bottom: 1vh;
}
.trade-screen #chart-container-main.battle .battle-content .battle-substatus {
  font-size: 6vw;
}
.trade-screen #chart-container-main.battle .battle-content .battle-cancel {
  display: none;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 5vh;
}
.trade-screen #chart-container-main.battle .battle-content .battle-cancel .button {
  border-color: #C8D92B !important;
  width: 60%;
}
.trade-screen #chart-container-main.battle .battle-content .searching,
.trade-screen #chart-container-main.battle .battle-content .get-ready,
.trade-screen #chart-container-main.battle .battle-content.isSearching.isGettingReady .battle-status .get-ready,
.trade-screen #chart-container-main.battle .battle-content .playing {
  display: none;
}
.trade-screen #chart-container-main.battle .battle-content.isSearching .searching,
.trade-screen #chart-container-main.battle .battle-content.isGettingReady .get-ready,
.trade-screen #chart-container-main.battle .battle-content.isPlaying .playing {
  display: block;
}
.trade-screen #chart-container-main.battle .battle-content.isSearching tr.searching,
.trade-screen #chart-container-main.battle .battle-content.isGettingReady tr.get-ready,
.trade-screen #chart-container-main.battle .battle-content.isPlaying tr.playing {
  display: table-row;
}
.trade-screen #chart-container-main.battle .battle-content.isGettingReady .battle-status .playing,
.trade-screen #chart-container-main.battle .battle-content.isGettingReady .battle-score {
  display: none !important;
}
.trade-screen #chart-container-main.battle .battle-content.isSearching .user-name {
  white-space: nowrap;
}
.trade-screen #chart-container-main.battle .battle-content .battle-opponents table {
  width: 100%;
  margin-top: 15vh;
  table-layout: fixed;
}
.trade-screen #chart-container-main.battle .battle-content .battle-opponents table .player {
  width: 37%;
  text-align: center;
  white-space: nowrap;
}
.trade-screen #chart-container-main.battle .battle-content .battle-opponents table .player .battle-stats,
.trade-screen #chart-container-main.battle .battle-content .battle-opponents table .player .user-country {
  display: inline-block;
  color: #7AC7C6;
  font-size: 3vw;
}
.trade-screen #chart-container-main.battle .battle-content .battle-opponents table .player .user-country span {
  vertical-align: middle;
}
.trade-screen #chart-container-main.battle .battle-content .battle-opponents table .player .battle-stats {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../img/BATTLE.png) !important;
  background-position: left center;
  background-size: 1em;
  padding-left: 1.5em;
}
.trade-screen #chart-container-main.battle .battle-content .battle-opponents table .player .battle-score {
  font-size: 9vw;
  line-height: 1em;
  color: #F26262;
  margin-top: 1vh;
}
.trade-screen #chart-container-main.battle .battle-content .battle-opponents table .player .battle-score.positive {
  color: #8bc63e;
}
.trade-screen #chart-container-main.battle .battle-content .battle-opponents table .player .user-name {
  font-size: 4vw;
}
.trade-screen #chart-container-main.battle .battle-content .battle-opponents table .vs {
  vertical-align: middle;
}
.trade-screen #chart-container-main.battle .battle-content .battle-opponents table .vs span {
  font-size: 7.5vw;
  display: inline-block;
  background-color: #ffdd17;
  color: white;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.7em;
  border-radius: 100%;
}
.trade-screen #chart-container-main.battle.initial .button,
.trade-screen #chart-container-main.battle.won .button {
  margin-top: 1em;
  border: 0 !important;
  font-size: 7.5vw;
  line-height: 2em;
  padding-top: 0.1em;
  background-color: #C8D92B !important;
}
.trade-screen #chart-container-main.battle .battle-head {
  color: #ffdd17;
  font-size: 17vw;
  line-height: 1.5em;
  margin-top: -0.1em;
  font-family: 'Bariol_Bold';
}
.trade-screen #chart-container-main.battle .battle-subhead {
  font-size: 4.5vw;
  font-family: 'Bariol_Bold';
}
.trade-screen #chart-container-main.battle .battle-subhead span {
  color: #8bc63e;
}
.trade-screen #chart-container-main.battle .battle-history {
  background-color: white;
  color: black;
  height: 32vh;
  border-radius: 4vw;
  font-size: 2.5vw;
  line-height: 1.7em;
}
.trade-screen #chart-container-main.battle .battle-history table {
  margin: 0 3%;
  width: 94%;
  table-layout: fixed;
}
.trade-screen #chart-container-main.battle .battle-history td {
  padding-top: 0.5vh;
  vertical-align: middle;
  border-bottom: 1px solid #e8e8e9;
  height: 8vh;
  font-size: 3.5vw;
  font-family: Bariol_Bold;
}
.trade-screen #chart-container-main.battle .battle-history td.battle-time {
  width: 18%;
}
.trade-screen #chart-container-main.battle .battle-history td.battle-opponent-pic {
  width: 18%;
}
.trade-screen #chart-container-main.battle .battle-history td.battle-opponent-info {
  width: 34%;
}
.trade-screen #chart-container-main.battle .battle-history td.battle-my-info {
  width: 15%;
}
.trade-screen #chart-container-main.battle .battle-history td.battle-result {
  width: 15;
}
.trade-screen #chart-container-main.battle .battle-history ion-scroll {
  height: 99%;
}
.trade-screen #chart-container-main.battle .battle-history .battle-time {
  color: #cccccb;
}
.trade-screen #chart-container-main.battle .battle-history .battle-opponent-pic img {
  max-width: 75%;
}
.trade-screen #chart-container-main.battle .battle-history .battle-opponent-info .battle-score {
  color: #C8D92B;
}
.trade-screen #chart-container-main.battle .battle-history .battle-my-info .battle-score {
  color: #F26262;
}
.trade-screen #chart-container-main.battle .battle-history .battle-result .win {
  display: none;
  background-color: #C8D92B;
}
.trade-screen #chart-container-main.battle .battle-history .battle-result .loss {
  background-color: #F26262;
}
.trade-screen #chart-container-main.battle .battle-history .battle-result span {
  color: white;
  display: inline-block;
  height: 6vh;
  width: 6vh;
  line-height: 6vh;
  border-radius: 100%;
  font-size: 3.5vw;
  padding-top: 0.2vh;
}
.trade-screen #chart-container-main.battle .battle-history .isWin .battle-opponent-info .battle-score {
  color: #F26262;
}
.trade-screen #chart-container-main.battle .battle-history .isWin .battle-my-info .battle-score {
  color: #C8D92B;
}
.trade-screen #chart-container-main.battle .battle-history .isWin .battle-result .win {
  display: inline-block;
}
.trade-screen #chart-container-main.battle .battle-history .isWin .battle-result .loss {
  display: none;
}
.trade-screen #chart-container-main.battle .random-profile-preload {
  height: 1px;
  overflow: hidden;
  opacity: 0.01;
}
.trade-screen #chart-container-main.battle .random-profile-preload img {
  width: 1px;
}
.trade-screen #chart-container-main.bonus {
  height: 50vh;
  margin-bottom: 3vh;
}
.trade-screen #chart-container-main.market-closed {
  height: 63vh;
  margin-bottom: 2vh;
}
.trade-screen #chart-container-main .chartTooltip {
  visibility: hidden;
}
.trade-screen #chart-container-main.trade-open .chartTooltip {
  visibility: visible;
}
.trade-screen #chart-container-main.trade-open .position-lines {
  display: block;
}
.trade-screen #chart-container-main.type-buy .position-lines .openPosition {
  background-color: #C8D92B;
}
.trade-screen #chart-container-main.type-buy .position-lines .openPositionMarker {
  background-image: url(../img/chart_opened_up.png) !important;
}
.trade-screen #chart-container-main.positive-res .currency-symbol {
  color: #C8D92B !important;
}
.trade-screen #chart-container-main.history-container {
  height: 75.3vh;
}
.trade-screen #chart-container-main.history-container ion-scroll {
  height: 100%;
}
.trade-screen #chart-container-main.history-container > table {
  width: 100%;
  height: 100%;
}
.trade-screen #chart-container-main.history-container > table .history-header {
  height: 1%;
  font-weight: bold;
}
.trade-screen #chart-container-main.history-container > table .history-header .col-90 {
  text-align: center;
  font-size: 4vw;
  -webkit-text-stroke-width: 0.5px;
  line-height: 4vh;
  padding-left: 10%;
  color: #7AC7C6;
}
.trade-screen #chart-container-main.history-container > table .history-table table {
  width: 100%;
}
.trade-screen #chart-container-main.history-container > table .history-table table tr {
  border-bottom: 2px solid #7AC7C6;
}
.trade-screen #chart-container-main.history-container > table .history-table table td {
  white-space: nowrap;
  line-height: 3em;
  padding: 0 2vw;
  font-size: 2.3vw;
  -webkit-text-stroke-width: 0.25px;
  vertical-align: middle;
}
.trade-screen #chart-container-main.history-container > table .history-table table td:first-of-type {
  width: 15%;
}
.trade-screen #chart-container-main.history-container > table .history-table table td:last-of-type {
  width: 25%;
  text-align: center;
}
.trade-screen #chart-container-main.history-container > table .history-table table td.sep {
  color: #7AC7C6;
  padding: 0;
  width: 2%;
}
.trade-screen #chart-container-main.history-container > table .history-table table td .loss {
  color: #F26262;
}
.trade-screen #chart-container-main.history-container > table .history-table table td .win {
  color: #C8D92B;
}
.trade-screen #chart-container-main.history-container > table .history-table table .hist-item-icon {
  display: inline-block;
  width: 3vh;
  height: 1.7vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../img/history_opened_down.png) !important;
  vertical-align: middle;
}
.trade-screen #chart-container-main.history-container > table .history-table table .hist-item-icon.trade-buy {
  background-image: url(../img/history_opened_up.png) !important;
}
.trade-screen #chart-container-main.history-container > table .history-share {
  height: 5em;
}
.trade-screen #chart-container-main.history-container > table .history-share .lesson-finish {
  margin-top: 2.5vh;
  margin-bottom: 2vh;
}
.trade-screen #chart-container-main.history-container > table .history-share .shared {
  display: none;
}
.trade-screen #chart-container-main.history-container > table .history-share.is-shared .not-shared {
  display: none;
}
.trade-screen #chart-container-main.history-container > table .history-share.is-shared .shared {
  display: block;
}
.trade-screen #chart-container-main.history-container > table .history-share.is-shared .button-finish {
  border: 0 !important;
}
.trade-screen #chart-container-main .chart-header .chart-subheader {
  text-align: center;
  -webkit-text-stroke-width: 0.5px;
  font-size: 6vw;
  font-weight: bold;
  line-height: 2.5em;
  color: #7AC7C6;
  white-space: nowrap;
}
.trade-screen #chart-container-main .chart-header .chart-subheader .instrument-name {
  color: #fff;
}
.trade-screen #chart-container-main .chart-header .chart-subheader .instrument-name.padding-left {
  padding-left: 2em;
}
.trade-screen #chart-container-main .chart-header .type-switch-btn {
  text-align: left;
}
.trade-screen #chart-container-main .chart-header .history-btn {
  text-align: right;
}
.trade-screen #chart-container-main .chart-footer {
  color: #7AC7C6;
  padding-bottom: 0;
  font-size: 3vw;
  font-weight: bold;
  -webkit-text-stroke-width: 0.25px;
}
.trade-screen #chart-container-main .chart-footer .position-expiry {
  text-align: center;
}
.trade-screen #chart-container-main .chart-footer .position-investment {
  text-align: center;
}
.trade-screen #chart-container-main .chart-footer .instrument-name {
  margin-left: 2vw;
}
.trade-screen #chart-container-main .chart-footer .instrument-payout {
  color: #C8D92B;
}
.trade-screen #chart-container-main .fullh {
  height: 100%;
}
.trade-screen #chart-container-main td {
  position: relative;
}
.trade-screen #chart-container-main.positive-res .chartTooltip {
  background-color: #C8D92B;
}
.trade-screen #chart-container-main.positive-res .chartTooltip:after {
  border-top-color: #C8D92B;
}
.trade-screen #chart-container-main .position-result {
  position: relative;
  top: -1em;
  height: 100%;
  text-align: center;
}
.trade-screen #chart-container-main .position-result .congrats-head {
  font-size: 6vw;
  -webkit-text-stroke-width: 0.5px;
  letter-spacing: 0.45px;
  color: #FFFFFF;
  margin-bottom: 1vh;
  margin-top: 2em;
}
.trade-screen #chart-container-main .position-result .congrats-sub {
  font-size: 6vw;
  letter-spacing: 0.3px;
  color: #F26262;
  -webkit-text-stroke-width: 1px;
}
.trade-screen #chart-container-main .position-result.is-win .congrats-sub,
.trade-screen #chart-container-main .position-result.is-win .payout-value {
  color: #C8D92B;
}
.trade-screen #chart-container-main .position-result.is-win .win {
  display: block;
}
.trade-screen #chart-container-main .position-result.is-win .loss {
  display: none;
}
.trade-screen #chart-container-main .position-result .win {
  display: none;
}
.trade-screen #chart-container-main .position-result .loss {
  display: block;
}
.trade-screen #chart-container-main .position-result .investment-info {
  padding-right: 10%;
}
.trade-screen #chart-container-main .position-result .payout-info {
  padding-left: 10%;
}
.trade-screen #chart-container-main .position-result .payout {
  font-size: 3.5vw;
  -webkit-text-stroke-width: 1px;
  letter-spacing: 0.3px;
  padding-bottom: 0.5vh;
}
.trade-screen #chart-container-main .position-result .payout-value {
  font-size: 6vw;
  -webkit-text-stroke-width: 1px;
  letter-spacing: 0.45px;
  color: #F26262;
}
.trade-screen #chart-container-main .position-result .trade-exp {
  font-size: 3.5vw;
  letter-spacing: 0.3px;
  margin-top: 2em;
}
.trade-screen .chartPeriods,
.trade-screen .chartTypeSwitch {
  position: absolute;
  bottom: 13%;
  left: 1%;
  z-index: 100;
  text-align: left;
  display: inline-block;
  padding: 0;
  font-size: 5.2vmin;
  background: #033754;
  border-radius: 4vw;
  height: 7vmin;
  line-height: 7vmin;
}
.trade-screen .chartPeriods.open,
.trade-screen .chartTypeSwitch.open {
  width: auto;
  text-align: justify;
}
.trade-screen .chartPeriods.open .currentPeriod,
.trade-screen .chartTypeSwitch.open .currentPeriod {
  display: none;
}
.trade-screen .chartPeriods .gt,
.trade-screen .chartTypeSwitch .gt {
  display: none;
}
.trade-screen .chartTypeSwitch {
  width: 10vmin;
  left: 24vmin;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-size: 30%;
}
.trade-screen .chartPeriodSelect {
  display: table;
  width: 100%;
}
.trade-screen .chartPeriodSelect span {
  display: table-cell !important;
  text-align: center;
}
.trade-screen .currentPeriod,
.trade-screen .chartPeriodSelect span {
  display: inline-block;
  padding: 0.4vmin 1vmin 0 1vmin;
  white-space: nowrap;
}
.trade-screen .chartPeriods .currentPeriod {
  width: 12vmin;
  text-align: center;
  margin-left: 1vmin;
  padding-top: 0.4vmin;
}
.trade-screen .chart-period,
.trade-screen .chartPeriods {
  position: absolute;
  font-size: 4.5vw;
  display: inline-block;
  border-radius: 50px;
  z-index: 100;
  border-radius: 4vw;
  font-family: Bariol;
  text-transform: uppercase;
  color: #7AC7C6;
  -webkit-text-stroke-width: 0.25px;
  letter-spacing: 0.2px;
  padding: 0 0.5em;
  min-width: 20vw;
}
.trade-screen table.chart-wrapper {
  width: 100%;
  height: 100%;
  table-layout: fixed;
}
.trade-screen table.chart-wrapper .chart-container {
  margin-left: 0%;
  margin-top: 1%;
}
.trade-screen table.chart-wrapper .chart-header {
  height: 1vh;
}
.trade-screen table.chart-wrapper .chart-header .row {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: -2vh;
}
.trade-screen table.chart-wrapper .chart-footer {
  height: 1vh;
}
.trade-screen table.chart-wrapper .chart-footer .row {
  padding-bottom: 0;
}
.trade-screen .markerHidden .chartTooltipContainer {
  display: none;
}
.trade-screen .chart-container {
  height: 100% !important;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.trade-screen .chart-container.transaction-open {
  height: 50% !important;
}
.trade-screen .chart-container .chart-inner-container,
.trade-screen .chart-container .canvasjs-chart-container,
.trade-screen .chart-container canvas {
  height: 100%;
  letter-spacing: 0;
}
.trade-screen .chart-container .chart-inner-container {
  width: 100% !important;
}
.trade-screen .invest-menu {
  color: #7AC7C6;
  text-align: center;
}
.trade-screen .invest-menu .dropdown {
  position: relative;
  top: -0.3vh;
}
.trade-screen .invest-menu .leverages .dropdown .drop-up > span {
  padding: 4vh 2vh;
}
.trade-screen .invest-menu.stoploss-menu .dropdown {
  width: 40vw;
}
.trade-screen .invest-menu.stoploss-menu .dropdown .drop-up {
  padding-left: 1vh;
  padding-right: 1vh;
}
.trade-screen .invest-menu.stoploss-menu .dropdown .drop-up > span {
  padding-left: 1vh;
  padding-right: 1vh;
}
.trade-screen .trade-config {
  font-size: 4.5vw;
  letter-spacing: 0.45px;
  -webkit-text-stroke-width: 0.5px;
  white-space: nowrap;
}
.trade-screen .trade-config .potential-win {
  text-align: center;
  margin-top: 4vh;
}
.trade-screen .trade-config > .row {
  margin: 0;
}
.trade-screen .trade-config > .row:last-of-type {
  margin-bottom: 0;
}
.trade-screen .trade-config .col-75 {
  position: relative;
}
.trade-screen .trade-config .col-25 {
  position: relative;
  line-height: 1.3em;
}
.trade-screen .trade-config input {
  width: 100%;
}
.trade-screen .trade-config input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 3vh;
  border: 0 !important;
  background-color: transparent;
}
.trade-screen .trade-config input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.trade-screen .trade-config input[type=range]:focus {
  outline: none;
}
.trade-screen .trade-config input[type='range']::-webkit-slider-runnable-track,
.trade-screen .trade-config .range-fill {
  border-radius: 1vh;
  border: 0.3vh solid #7AC7C6;
  -webkit-appearance: none;
  color: #13bba4;
  height: 1.5vh;
}
.trade-screen .trade-config .range-fill {
  position: absolute;
  width: 50%;
  top: 0.75vh;
  background-color: white;
  border-right: 0;
}
.trade-screen .trade-config input[type=range]::-webkit-slider-thumb {
  position: relative;
  border: 0;
  -webkit-appearance: none;
  background-image: url(../img/slider_dot.png) !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 5vh;
  width: 3vh;
  top: -2vh;
}
.trade-screen .trade-buttons {
  padding: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.trade-screen .trade-buttons.open-pos button {
  background-position: 10% center !important;
  background-size: 10% !important;
  padding-left: 20%;
}
.trade-screen .trade-buttons button {
  width: 95%;
  height: 8vh;
}
.trade-screen .trade-buttons button.button-sell {
  border-width: 1px !important;
  border-color: #F26262 !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-size: 30%;
  background-image: url(../img/trade_button_down.png) !important;
  background-color: rgba(255, 113, 156, 0.2) !important;
}
.trade-screen .trade-buttons button.button-sell.activated {
  background-color: rgba(255, 113, 156, 0.3) !important;
}
.trade-screen .trade-buttons button.button-buy {
  border-width: 1px !important;
  border-color: #C8D92B !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-size: 30%;
  background-image: url(../img/trade_button_up.png) !important;
  background-color: rgba(200, 217, 43, 0.1) !important;
  margin-right: 1px;
}
.trade-screen .trade-buttons button.button-buy.activated {
  background-color: #C8D92B !important;
}
.trade-screen .trade-buttons button.button-buy.activated {
  background-color: rgba(200, 217, 43, 0.2) !important;
}
.trade-screen .trade-footer {
  height: 21vh;
  position: relative;
}
.trade-screen .trade-footer .buy-btn-container {
  text-align: right;
}
.trade-screen .trade-footer .button.close-trade {
  width: 100%;
  height: 8vh;
  font-size: 6vw;
  line-height: 7vh;
  margin-top: 0.5vh;
}
.trade-screen .trade-footer .button.closed-bar {
  font-size: 6vw;
  letter-spacing: 0.45px;
  color: #7AC7C6 !important;
  border-color: #7AC7C6 !important;
  width: 100%;
  height: 8vh;
  line-height: 12vw;
  margin-top: 0.5vh;
}
.trade-screen .trade-footer .button.closed-bar.market-closed {
  padding-top: 0.2em;
  line-height: 1.4em;
  height: 12vh;
}
.trade-screen .trade-footer.positive-res .close-trade-manual {
  border-color: #C8D92B !important;
}
.trade-screen .trade-footer .close-trade-manual {
  border-color: #F26262 !important;
}
.trade-screen .trade-footer .close-trade-binary,
.trade-screen .trade-footer .button-share,
.trade-screen .trade-footer .button-learn {
  border-color: #7AC7C6 !important;
}
.trade-screen .trade-footer .close-trade-binary.activated,
.trade-screen .trade-footer .button-share.activated,
.trade-screen .trade-footer .button-learn.activated {
  background-color: #7AC7C6 !important;
}
.trade-screen .trade-footer .close-trade-binary.activated .lesson-title,
.trade-screen .trade-footer .button-share.activated .lesson-title,
.trade-screen .trade-footer .button-learn.activated .lesson-title {
  color: white !important;
}
.trade-screen .trade-footer .close-trade-binary.activated {
  background-color: transparent !important;
}
.trade-screen .trade-footer .button-ok {
  width: 100%;
  border-color: #C8D92B !important;
}
.trade-screen .trade-footer .button-ok.activated {
  background-color: #C8D92B !important;
}
.chart-container.line .chartTypeSwitch {
  background-image: url(../img/icon_candle_sticks.png);
}
.chart-container.candlestick .chartTypeSwitch {
  background-image: url(../img/icon_line_chart.png);
}
#trade-instruction {
  position: absolute;
  z-index: 60000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(4, 14, 23, 0.9);
  text-align: center;
}
#trade-instruction table {
  max-height: 100%;
  width: 100%;
  height: 100%;
}
#trade-instruction table td.ok {
  height: 20%;
}
#trade-instruction table td.whatsnew {
  height: 80%;
  vertical-align: middle;
}
#trade-instruction table td.whatsnew div {
  height: 85%;
  width: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../img/whats-new.png);
}
#trade-instruction .ok-instr .button {
  border-color: #c8da2c !important;
  background-color: #494c45 !important;
  font-size: 7.5vw;
  line-height: 2.2em;
  min-width: 70%;
}
#trade-instruction > div {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 100%;
}
.lessons-list .lessons-header {
  padding: 3vh 0 1.5vh 0;
}
.lessons-list .lessons-header img {
  width: 100%;
}
.list-buttons .button {
  width: 100%;
  margin-bottom: 2vh;
  line-height: 1em;
  border-color: #C8D92B !important;
  border-color: #7AC7C6 !important;
}
.list-buttons .button.activated {
  background-color: #C8D92B !important;
}
.list-buttons .button .row {
  min-height: 7vh;
}
.list-buttons .button.finished {
  border-color: #7AC7C6 !important;
}
.list-buttons .button.finished.activated {
  background-color: #7AC7C6 !important;
}
.list-buttons .button.finished.activated .lesson-title {
  color: white !important;
}
.list-buttons .button.finished .lesson-bonus-finished {
  display: block;
}
.list-buttons .button.finished .lesson-bonus-unfinished {
  display: none;
}
.list-buttons .button.finished .lock-icon {
  background-image: url(../img/icon_check.png);
  background-size: 50%;
}
.list-buttons .button.finished .lesson-title {
  color: #7AC7C6;
}
.list-buttons .button .lock-icon {
  background-image: url(../img/icon_lesson_reward.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-size: 70%;
}
.list-buttons .button .lesson-title {
  margin-bottom: 0;
  line-height: 5vh;
  padding-top: 0.8vh;
}
.list-buttons .button .lesson-bonus-finished,
.list-buttons .button .lesson-bonus-unfinished {
  font-size: 3.5vw;
  -webkit-text-stroke-width: 0.5px;
  letter-spacing: 0.3px;
  color: #7AC7C6;
}
.list-buttons .button .lesson-bonus-finished {
  display: none;
  color: #7AC7C6;
}
.list-buttons .button .lesson-bonus-unfinished {
  color: #C8D92B;
}
.lessons-read .lessons-header {
  padding: 1.5vh 0 1.5vh 0;
}
.lessons-read .lessons-header img {
  width: 100%;
}
.lessons-read.isFinished .lesson-submenu {
  display: block;
}
.lessons-read.isFinished .lesson-finish,
.lessons-read.isFinished .lesson-justfinished {
  display: none;
}
.lessons-read.isFinished.justFinished .lesson-submenu,
.lessons-read.isFinished.justFinished .lesson-finish {
  display: none;
}
.lessons-read.isFinished.justFinished .lesson-justfinished {
  display: block;
}
.lessons-read .lesson-text {
  background-color: white;
  border-radius: 3vw;
  font-size: 5.2vw;
  line-height: 1.35em;
  letter-spacing: 0.4px;
  color: #003754;
  padding: 4vh 3vw;
  text-transform: none;
  margin-bottom: 2vh;
  text-align: justify;
}
.lessons-read .lesson-text .text-explanation {
  font-size: calc(5.2vw * 0.92);
}
.lessons-read .lesson-text a {
  color: #7AC7C6;
}
.lessons-read .lesson-text span.green {
  color: #C8D92B;
}
.lessons-read .lesson-text span.red {
  color: #F26262;
}
.lessons-read .lesson-text span.underline {
  text-decoration: underline;
}
.lessons-read .lesson-text p strong {
  -webkit-text-stroke-width: 0.25px;
  font-family: 'Bariol_Bold';
}
.lessons-read .lesson-text p strong.green {
  color: #C8D92B;
  -webkit-text-stroke-width: 0.25px;
  font-family: 'Bariol_Bold';
}
.lessons-read .lesson-text p strong.red {
  color: #F26262;
  -webkit-text-stroke-width: 0.25px;
  font-family: 'Bariol_Bold';
}
.lessons-read .lesson-text i {
  font-style: italic;
}
.lessons-read .lesson-text table.why-binary-options {
  margin-bottom: 3vh;
  margin-top: 1vh;
  width: 100%;
  font-size: 5vw;
}
.lessons-read .lesson-text table.why-binary-options tr {
  border: 1px solid #333;
}
.lessons-read .lesson-text table.why-binary-options tr th {
  text-align: center;
  border: 1px solid #333;
  padding: 1vh 1vw;
  -webkit-text-stroke-width: 0.25px;
  font-family: 'Bariol_Bold';
}
.lessons-read .lesson-text table.why-binary-options tr td {
  border: 1px solid #333;
  text-align: left;
  padding: 1vh 1vw;
}
.lessons-read .lesson-text table.why-binary-options tr td:nth-child(1) {
  -webkit-text-stroke-width: 0.25px;
  font-family: 'Bariol_Bold';
  font-size: 4.9vw;
}
.lessons-read .lesson-text table.why-binary-options tr td:nth-child(2) {
  color: #6fb31b;
}
.lessons-read .lesson-text table.why-binary-options tr td:nth-child(3) {
  color: #F26262;
}
.lessons-read .lesson-text table.trading-times {
  margin-bottom: 1vh;
  margin-top: 1vh;
  width: 100%;
}
.lessons-read .lesson-text table.trading-times tr {
  border: 1px solid #333;
}
.lessons-read .lesson-text table.trading-times tr th {
  text-align: center;
  border: 1px solid #333;
  padding: 1vh 2vw;
  -webkit-text-stroke-width: 0.25px;
}
.lessons-read .lesson-text table.trading-times tr td {
  border: 1px solid #333;
  text-align: left;
  padding: 1vh 2vw;
}
.lessons-read .lesson-text table.trading-times tr td.isOpen {
  color: #C8D92B;
}
.lessons-read .lesson-text table#best-time {
  margin-top: 5vmin;
  margin-bottom: 0;
  width: 100%;
}
.lessons-read .lesson-text table#best-time tr td {
  line-height: 1.5em;
  font-size: 4.5vw;
  text-align: left;
  vertical-align: middle;
  -webkit-text-stroke-width: 0.25px;
}
.lessons-read .lesson-text table#best-time tr td:first-child {
  font-size: 7.5vw;
  padding-right: 4vw;
  -webkit-text-stroke-width: 0.5px;
}
.lessons-read .lesson-text table#best-time tr td:nth-child(1) {
  text-align: left;
  width: 40%;
  white-space: nowrap;
}
.lessons-read .lesson-text table#best-time tr td:nth-last-child(1) {
  text-align: right;
  width: 60%;
  white-space: nowrap;
}
.lessons-read .lesson-text table#best-time tr td.isOpen {
  color: #88bb34;
}
.lessons-read .lesson-text table#best-time tr td.best-newyork {
  color: #f47d56;
}
.lessons-read .lesson-text table#best-time tr td.best-london {
  color: #864b9d;
}
.lessons-read .lesson-text table#best-time tr td.best-tokyo {
  color: #19a1d3;
}
.lessons-read .lesson-text table#best-time tr td.best-sydney {
  color: #d32b31;
}
.lessons-read .lesson-text h2 {
  text-transform: uppercase;
  text-align: center;
  color: #003754;
  -webkit-text-stroke-width: 0.5px;
  font-size: 6vw;
  font-weight: 600;
  padding-top: 2vh;
  padding-bottom: 2vh;
  font-family: 'Bariol_Bold';
  margin-top: 10px;
}
.lessons-read .lesson-text img {
  width: 100%;
}
.lessons-read .lesson-submenu {
  display: none;
  font-size: 6vw;
  -webkit-text-stroke-width: 0.5px;
  letter-spacing: 0.45px;
  line-height: 6vh;
  margin-bottom: 2vh;
}
.lessons-read .lesson-submenu .allLessons {
  color: #FFFFFF;
  padding-left: 3vw;
  position: relative;
}
.lessons-read .lesson-submenu .allLessons:before {
  content: '<';
  position: absolute;
  left: -0.5vw;
  bottom: -1vh;
}
.lessons-read .lesson-submenu .nextLesson {
  color: #C8D92B;
  padding-right: 3vw;
  position: relative;
  white-space: nowrap;
}
.lessons-read .lesson-submenu .nextLesson:after {
  content: '>';
  position: absolute;
  bottom: -1vh;
  right: -0.5vh;
}
.lessons-read .lesson-justfinished {
  display: none;
  text-align: center;
  margin-bottom: 3vh;
}
.lessons-read expand-content {
  max-height: 0;
  overflow: hidden;
  display: block;
  transition: 0.5s;
}
.lessons-read expand.expanded expand-content {
  max-height: 10000px;
  transition: 0;
  padding-bottom: 0;
  margin-bottom: 1em;
}
.lessons-read expand.expanded expand-head {
  max-height: 10000px;
}
.lessons-read expand.expanded expand-head h2 {
  /* background-image: url(../img/forex-example-up.png); */
}
.lessons-read expand .expanded expand-head h2 {
  margin-bottom: 0 !important;
}
.lessons-read expand expand-head {
  display: block;
}
.lessons-read expand expand-head h2 {
  /* background: url(../img/forex-example.png) no-repeat center left; */
  margin-bottom: 1em !important;
}
.lessons-read expand expand-head h3 {
  text-transform: uppercase;
  text-align: left;
  color: #7AC7C6;
  -webkit-text-stroke-width: 0.5px;
  font-size: 6vw;
  font-weight: 600;
  padding-top: 2vh;
  padding-bottom: 0;
  font-family: 'Bariol_Bold';
}
.lessons-read expand expand-head:active * {
  font-weight: bold;
}
.lessons-read expand expand-content {
  margin-top: 0;
}
.lesson-finish {
  display: block;
  text-align: center;
  margin-bottom: 3vh;
}
.lesson-finish .button {
  width: 70%;
  border-color: #C8D92B !important;
}
.lesson-finish .finish-main {
  font-size: 6vw;
  -webkit-text-stroke-width: 0.5px;
  letter-spacing: 0.45px;
  color: #FFFFFF;
  line-height: 1em;
  margin-top: 0.2em;
}
.lesson-finish .finish-sub {
  font-size: 3.5vw;
  -webkit-text-stroke-width: 0.5px;
  letter-spacing: 0.3px;
  color: #C8D92B;
  line-height: 1.6em;
}
#user-chart {
  height: 30vh;
  line-height: 30vh;
  margin-top: 2vh;
  border: 2px solid #7AC7C6;
  border-radius: 4vw;
  text-align: center;
  overflow: hidden;
}
#user-chart .loading {
  display: block;
}
#user-chart .data-unavailable,
#user-chart .user-chart-container {
  display: none;
}
#user-chart.chart-loaded .loading {
  display: none;
}
#user-chart.chart-loaded .data-unavailable {
  display: block;
}
#user-chart.chart-loaded.has-chart .data-unavailable {
  display: none;
}
#user-chart.chart-loaded.has-chart .user-chart-container {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#user-chart.chart-loaded.has-chart .user-chart-container.isSharing canvas {
  display: none;
}
#user-chart.chart-loaded.has-chart .user-chart-container.isSharing img {
  width: 100%;
}
#user-chart.chart-loaded.has-chart .user-chart-container .chart-background {
  left: 15%;
  top: 4%;
  height: 85%;
}
#user-chart.chart-loaded.has-chart .user-chart-container .quiz-chart-container {
  height: 102%;
  width: 100%;
}
#user-chart.chart-loaded.has-chart .user-chart-container hr {
  position: absolute;
  border: 1px solid #7AC7C6;
  z-index: 100;
  width: 96%;
  bottom: 9%;
  left: 2%;
}
img.user-pic {
  max-width: 100%;
  border-radius: 100%;
  border: 2px solid white;
}
.top-screen #top-header {
  font-weight: bold;
}
.top-screen #top-header .col-40 {
  max-width: 32%;
  flex: 0 0 32%;
  padding: 1vh%;
}
.top-screen #top-header .col-20 {
  max-width: 20%;
  flex: 0 0 20%;
  padding-top: 4%;
  text-align: center;
  font-size: 3.5vw;
  -webkit-text-stroke-width: 1px;
  letter-spacing: 0.3px;
  color: #FFFFFF;
}
.top-screen #top-header .col-20:nth-child(2) {
  padding-right: 5%;
}
.top-screen #top-header .col-20:nth-child(4) {
  padding-left: 5%;
}
.top-screen #top-header .col-20 .sub-border {
  display: inline-block;
  border-width: 0;
  margin-bottom: 1.5vh;
  color: #7AC7C6;
  font-weight: normal;
}
.top-screen #top-header .col-20 .num {
  font-size: 6vw;
  -webkit-text-stroke-width: 0.5px;
  letter-spacing: 0.6px;
  color: #FFFFFF;
  white-space: nowrap;
}
.top-screen #top-header .user-info {
  padding: 0 5%;
  text-align: center;
  position: relative;
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.top-screen #top-header .user-info .square {
  width: 100%;
  visibility: hidden;
  opacity: 0;
}
.top-screen #top-header .user-info .avatar.unauthorized {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 100%;
  font-size: 2.8vw;
  line-height: 1.3em;
  -webkit-text-stroke-width: 1px;
  -webkit-transform: translate3d(0, 0, 0);
}
.top-screen #top-header .user-info .avatar.unauthorized img {
  margin: 10% 0 5% 0;
  height: 35%;
}
.top-screen #top-header .total-wins .num {
  color: #C8D92B;
}
.top-screen #top-header .total-losses .num {
  color: #F26262;
}
.top-screen #trader-name {
  -webkit-text-stroke-width: 0.5px;
  letter-spacing: 0.45px;
  color: #7AC7C6;
  text-align: center;
}
.top-screen #top-tabs {
  margin-top: 2vh;
  margin-bottom: 2vh;
}
.top-screen #top-tabs .button {
  width: 32.0%;
  margin-right: 2%;
  font-size: 3.5vw;
  -webkit-text-stroke-width: 0.5px;
  letter-spacing: 0.3px;
  color: #FFFFFF;
  white-space: nowrap;
  border-color: #C8D92B !important;
}
.top-screen #top-tabs .button.active {
  background-color: #C8D92B !important;
  border-color: #C8D92B !important;
}
.top-screen #top-tabs .button.active.activated {
  background-color: #C8D92B !important;
}
.top-screen #top-tabs .button:last-of-type {
  margin-right: 0;
}
.top-screen #top-lists {
  margin-bottom: 2vh;
  height: 45vh;
}
.top-screen #top-lists.expanded {
  height: 62vh;
  position: absolute;
  z-index: 1;
}
.top-screen #top-lists.expanded .expand {
  background-image: url(../img/arrows_expanded.png) !important;
}
.top-screen #top-lists .slider {
  position: relative;
  overflow: visible;
  margin-left: -3vw;
  width: 100vw;
  height: 100%;
}
.top-screen #top-lists .slider ion-slide {
  margin: 0 3vw;
  width: 94vw !important;
  height: 100%;
}
.top-screen #top-lists .slider ion-slide ion-scroll {
  height: 100%;
  padding-top: 9vh;
  position: absolute;
  top: 2px;
  width: 100%;
  margin-top: -3px;
}
.top-screen #top-lists .slider ion-slide ion-scroll.no-self {
  padding-top: 0;
}
.top-screen #top-lists .connect-facebook-msg {
  border: 2px solid #7AC7C6;
  border-radius: 4vw;
  font-size: 3.5vw;
  -webkit-text-stroke-width: 0.5px;
  letter-spacing: 0.3px;
  color: #7AC7C6;
  padding: 2vh;
  text-align: center;
  height: 100%;
  padding-top: 55%;
}
.top-screen #top-lists .topList {
  border: 2px solid #7AC7C6;
  border-radius: 4vw;
  border-width: 0;
  background-color: white;
  min-width: 30vh;
  position: relative;
  height: 100%;
}
.top-screen #top-lists .topList .top-list {
  position: relative;
  z-index: 1;
}
.top-screen #top-lists .topList .expand {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 6vw;
  height: 6vw;
  margin-left: -3vw;
  margin-bottom: -3vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-color: #033754;
  border-radius: 100%;
  background-size: 60%;
  background-image: url(../img/arrows_expand.png);
  z-index: 100;
}
.top-screen #top-lists .topList .top-self-outer {
  background-color: #6abcb1;
  border-radius: 4vw 4vw 0 0;
  position: relative;
  z-index: 1000;
  top: -1px;
  -webkit-transform: translate3d(0, 0, 0);
}
.top-screen #top-lists .topList .top-self-outer .top-badge.place-1 span,
.top-screen #top-lists .topList .top-self-outer .top-badge.place-2 span,
.top-screen #top-lists .topList .top-self-outer .top-badge.place-3 span {
  margin-top: 0%;
}
.top-screen #top-lists .topList .top-self-outer .top-badge span.smallrank {
  margin-top: 27% !important;
}
.top-screen #top-lists .topList .top-self-outer .row {
  padding-top: 0;
  padding-bottom: 0;
}
.top-screen #top-lists .topList .top-self-outer .row .col {
  padding-bottom: 0;
}
.top-screen #top-lists .topList .top-self-outer .top-money,
.top-screen #top-lists .topList .top-self-outer .country,
.top-screen #top-lists .topList .top-self-outer .top-badge span {
  color: white;
  border-color: white;
}
.top-screen #top-lists .topList .top-self-outer .top-self .top-badge span {
  font-size: 4vw !important;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}
.top-screen #top-lists .rank-item .top-badge {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-size: 40%;
  font-size: 4vw;
  -webkit-text-stroke-width: 0.25px;
  letter-spacing: 0.2px;
  color: #7AC7C6;
  text-align: center;
  position: relative;
  max-width: 18%;
  flex: 0 0 18%;
}
.top-screen #top-lists .rank-item .top-badge.place-1 {
  background-image: url(../img/top_first.png);
  color: #FBAF4D;
}
.top-screen #top-lists .rank-item .top-badge.place-2 {
  background-image: url(../img/top_second.png);
  color: #CFCFD1;
}
.top-screen #top-lists .rank-item .top-badge.place-3 {
  background-image: url(../img/top_third.png);
  color: #E38440;
}
.top-screen #top-lists .rank-item .top-badge.place-1 span,
.top-screen #top-lists .rank-item .top-badge.place-2 span,
.top-screen #top-lists .rank-item .top-badge.place-3 span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 77%;
  border: 0;
  margin-top: 2%;
}
.top-screen #top-lists .rank-item .top-badge.place-1 span:before,
.top-screen #top-lists .rank-item .top-badge.place-2 span:before,
.top-screen #top-lists .rank-item .top-badge.place-3 span:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.top-screen #top-lists .rank-item .top-badge span {
  border: none;
  display: inline-block;
  width: 6vw;
  height: 6vw;
  line-height: 5.5vw;
  border-radius: 100%;
  margin-top: 38%;
}
.top-screen #top-lists .rank-item .top-avatar {
  text-align: center;
}
.top-screen #top-lists .rank-item .top-avatar img {
  max-width: 80%;
  border-radius: 100%;
  margin-top: 13%;
}
.top-screen #top-lists .rank-item .top-avatar .vip-icon {
  right: 10%;
  top: 8%;
  background-size: contain;
  width: 25%;
  height: 25%;
}
.top-screen #top-lists .rank-item .name {
  font-size: 3.5vw;
  -webkit-text-stroke-width: 0.25px;
  letter-spacing: 0.3px;
  color: #003950;
  padding-top: 0.9em;
  line-height: 1.1em;
  margin-bottom: -0.2em;
  white-space: pre;
}
.top-screen #top-lists .rank-item .name.your-name {
  font-size: 5.5vw;
  padding-top: 0.6em;
}
.top-screen #top-lists .rank-item .country {
  font-size: 3vw;
  -webkit-text-stroke-width: 0.25px;
  letter-spacing: 0.2px;
  color: #7AC7C6;
}
.top-screen #top-lists .rank-item .top-money {
  font-size: 3.5vw;
  letter-spacing: 0.3px;
  color: #003754;
  text-align: center;
  padding-top: 1.9em;
  white-space: nowrap;
  -webkit-text-stroke-width: 0.5px;
}
.top-screen #top-lists .rank-item .top-details {
  text-align: left;
  padding-left: 1em;
}
.top-screen #top-lists .rank-item:nth-child(1) .name {
  padding-top: 0.4em !important;
}
.top-screen #top-lists .rank-item:nth-child(1) .top-avatar img {
  margin-top: 0;
}
.top-screen #top-lists .rank-item:nth-child(1) .top-money {
  padding-top: 1.5em;
}
.top-screen #top-lists .updates {
  margin: 1em 0 2em 0;
  color: black;
  text-align: center;
}
.top-screen #top-lists .invite-friends,
.top-screen #top-lists .invited {
  font-size: 3.5vw;
  -webkit-text-stroke-width: 0.25px;
  letter-spacing: 0.3px;
  color: #003754;
  text-align: center;
  padding-top: 3vw;
  padding-bottom: 0vw !important;
  background-color: white;
  border-radius: 5vw 5vw 0 0;
  position: relative;
  z-index: 10;
  -webkit-transform: translate3d(0, 0, 0);
}
.top-screen #top-lists .invite-friends .invite-title,
.top-screen #top-lists .invited .invite-title {
  margin-bottom: -0.3em;
}
.top-screen #top-lists .invite-friends .invite-sub,
.top-screen #top-lists .invited .invite-sub {
  font-size: 2.5vw;
  -webkit-text-stroke-width: 0.25px;
  letter-spacing: 0.2px;
  color: #FBAF4D;
  text-align: center;
}
.top-screen #top-lists .invite-friends .top-button,
.top-screen #top-lists .invited .top-button {
  padding-left: 0;
}
.top-screen #top-lists .invite-friends .invite-icon,
.top-screen #top-lists .invited .invite-icon {
  background-image: url(../img/friend_add.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.top-screen #top-brokers {
  padding: 2vw;
}
.top-screen #top-brokers .dropdown-inner {
  height: 0;
  border: 0;
  padding: 0;
  width: 14vw;
}
.top-screen #top-brokers .dropdown {
  display: block;
}
.top-screen #top-brokers .dropdown .drop-up span {
  padding-top: 1.5em;
  padding: 1.2em 0em 1.7em 0em;
}
.top-screen #top-brokers .stars span {
  display: inline-block;
}
.top-screen #top-brokers .stars .is-rated {
  display: none;
}
.top-screen #top-brokers .stars .active .is-rated {
  display: inline-block;
}
.top-screen #top-brokers .stars .active .not-rated {
  display: none;
}
.top-screen #top-brokers h2 {
  color: white;
  font-size: 3.5vw;
  border-bottom: 2px solid #7AC7C6;
  display: inline-block;
  padding-bottom: 4px;
  margin-bottom: 3vh;
  border-bottom-width: 1px;
}
.top-screen #top-brokers .row {
  padding: 0;
}
.top-screen #top-brokers .row .col-33 {
  text-align: center;
}
.top-screen #top-brokers .row .col-33:nth-child(2) .broker-rating {
  margin-top: 0.6em;
}
.top-screen #top-brokers .row .col-33:nth-child(2) img {
  max-width: 100%;
}
.top-screen #top-brokers .row .col-33:nth-child(2) .dropdown {
  margin-left: 0;
}
.top-screen #top-brokers .row .col-33:nth-child(1) .broker-img {
  text-align: left;
  margin-top: 0.6em;
}
.top-screen #top-brokers .row .col-33:nth-child(1) .broker-rating {
  padding-right: 2em;
}
.top-screen #top-brokers .row .col-33:nth-child(3) .broker-img {
  text-align: right;
  margin-top: 0.6em;
}
.top-screen #top-brokers .row .col-33:nth-child(3) .broker-rating {
  padding-left: 2em;
}
.top-screen #top-brokers img {
  max-width: 80%;
}
.top-screen #top-brokers .broker-img {
  height: 4vh;
  display: block;
}
.top-screen #top-brokers .broker-rating {
  line-height: 1.5em;
  padding-top: 0.5em;
  position: relative;
}
.top-screen #top-brokers .broker-rating .dropdown .drop-up {
  margin-top: -12vh;
  left: 3vw;
}
.top-screen #top-brokers .broker-rating img {
  max-height: 1.5em;
  vertical-align: middle;
  margin-right: 0.5em;
}
.top-screen #top-brokers .broker-rating img:nth-child(2) {
  margin-top: 0.15em;
}
.top-screen #top-brokers .broker-rating img.is-rated {
  margin-top: 0.15em;
  display: none;
}
.top-screen #top-brokers .broker-rating.isRated > span {
  color: white;
}
.top-screen #top-brokers .broker-rating.isRated > img.is-rated {
  display: inline-block;
}
.top-screen #top-brokers .broker-rating.isRated > img.not-rated {
  display: none;
}
.top-screen #top-brokers .broker-rating span {
  vertical-align: middle;
  color: #7AC7C6;
  font-size: 3vw;
  position: relative;
  top: 0.2em;
}
.top-screen .top-button {
  text-align: center;
  padding-left: 20%;
}
.top-screen .top-button a {
  font-size: 2.5vw;
  -webkit-text-stroke-width: 0.25px;
  letter-spacing: 0.2px;
  color: #FFFFFF;
  background-color: #FBAF4D;
  display: inline-block;
  border-radius: 1.5vw;
  padding: 0 2vw;
  line-height: 250%;
}
.top-screen .top-button a.activated {
  -webkit-transition: background-color 100ms linear;
  transition: background-color 100ms linear;
  background-color: #F26262;
}
.top-screen hr {
  width: 95%;
  border: 0;
  border-bottom: 2px solid #003754;
}
.platform-android #trade-loading {
  display: none !important;
}
#bonus,
#friend-bonus,
#trade-loading,
#battle-login {
  position: absolute;
  top: -9999px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 55, 84, 0.93);
  z-index: 100;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  left: 0;
}
#bonus.is-visible,
#friend-bonus.is-visible,
#trade-loading.is-visible,
#battle-login.is-visible {
  left: 0;
  top: 0;
  opacity: 1;
  overflow: hidden;
}
#bonus .bonus-container,
#friend-bonus .bonus-container,
#trade-loading .bonus-container,
#battle-login .bonus-container {
  border: 2px solid #7AC7C6;
  border-radius: 4vw;
  margin: 35% 5% ;
  height: 60%;
  padding: 10% 15%;
  position: relative;
}
#bonus .bonus-container .bonus-ring,
#friend-bonus .bonus-container .bonus-ring,
#trade-loading .bonus-container .bonus-ring,
#battle-login .bonus-container .bonus-ring {
  height: 25vh;
  margin-bottom: 6vh;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../img/peldrinkis_big.svg);
}
#bonus .bonus-container #restore-purchase,
#friend-bonus .bonus-container #restore-purchase,
#trade-loading .bonus-container #restore-purchase,
#battle-login .bonus-container #restore-purchase {
  display: block;
  text-align: center;
  color: white;
  opacity: 0.5;
}
#bonus .bonus-container .list-buttons,
#friend-bonus .bonus-container .list-buttons,
#trade-loading .bonus-container .list-buttons,
#battle-login .bonus-container .list-buttons {
  margin-bottom: 5px;
}
#bonus .bonus-container .list-buttons .button,
#friend-bonus .bonus-container .list-buttons .button,
#trade-loading .bonus-container .list-buttons .button,
#battle-login .bonus-container .list-buttons .button {
  padding-top: 0;
  padding-bottom: 1vh;
}
#bonus .bonus-container .list-buttons .button.vip,
#friend-bonus .bonus-container .list-buttons .button.vip,
#trade-loading .bonus-container .list-buttons .button.vip,
#battle-login .bonus-container .list-buttons .button.vip {
  border-color: #FBAF4D !important;
}
#bonus .bonus-container .list-buttons .button.vip.activated,
#friend-bonus .bonus-container .list-buttons .button.vip.activated,
#trade-loading .bonus-container .list-buttons .button.vip.activated,
#battle-login .bonus-container .list-buttons .button.vip.activated {
  background-color: #FBAF4D !important;
}
#bonus .bonus-container .list-buttons .button.vip.activated .lesson-bonus-unfinished,
#friend-bonus .bonus-container .list-buttons .button.vip.activated .lesson-bonus-unfinished,
#trade-loading .bonus-container .list-buttons .button.vip.activated .lesson-bonus-unfinished,
#battle-login .bonus-container .list-buttons .button.vip.activated .lesson-bonus-unfinished,
#bonus .bonus-container .list-buttons .button.vip.activated .lesson-bonus-finished,
#friend-bonus .bonus-container .list-buttons .button.vip.activated .lesson-bonus-finished,
#trade-loading .bonus-container .list-buttons .button.vip.activated .lesson-bonus-finished,
#battle-login .bonus-container .list-buttons .button.vip.activated .lesson-bonus-finished {
  color: white !important;
}
#bonus .bonus-container .list-buttons .button.vip.activated.finished.ka-ching.activated,
#friend-bonus .bonus-container .list-buttons .button.vip.activated.finished.ka-ching.activated,
#trade-loading .bonus-container .list-buttons .button.vip.activated.finished.ka-ching.activated,
#battle-login .bonus-container .list-buttons .button.vip.activated.finished.ka-ching.activated {
  background-color: transparent !important;
}
#bonus .bonus-container .list-buttons .button.vip.activated.finished.ka-ching.activated .lesson-bonus-finished,
#friend-bonus .bonus-container .list-buttons .button.vip.activated.finished.ka-ching.activated .lesson-bonus-finished,
#trade-loading .bonus-container .list-buttons .button.vip.activated.finished.ka-ching.activated .lesson-bonus-finished,
#battle-login .bonus-container .list-buttons .button.vip.activated.finished.ka-ching.activated .lesson-bonus-finished {
  color: #FBAF4D !important;
}
#bonus .bonus-container .list-buttons .button.vip .lesson-bonus-unfinished,
#friend-bonus .bonus-container .list-buttons .button.vip .lesson-bonus-unfinished,
#trade-loading .bonus-container .list-buttons .button.vip .lesson-bonus-unfinished,
#battle-login .bonus-container .list-buttons .button.vip .lesson-bonus-unfinished,
#bonus .bonus-container .list-buttons .button.vip .lesson-bonus-finished,
#friend-bonus .bonus-container .list-buttons .button.vip .lesson-bonus-finished,
#trade-loading .bonus-container .list-buttons .button.vip .lesson-bonus-finished,
#battle-login .bonus-container .list-buttons .button.vip .lesson-bonus-finished {
  color: #FBAF4D !important;
}
#bonus .bonus-container .list-buttons .button.completed,
#friend-bonus .bonus-container .list-buttons .button.completed,
#trade-loading .bonus-container .list-buttons .button.completed,
#battle-login .bonus-container .list-buttons .button.completed {
  border: 0;
}
#bonus .bonus-container .list-buttons .button.countdown,
#friend-bonus .bonus-container .list-buttons .button.countdown,
#trade-loading .bonus-container .list-buttons .button.countdown,
#battle-login .bonus-container .list-buttons .button.countdown {
  border-color: #7AC7C6 !important;
  color: #7AC7C6;
}
#bonus .bonus-container .list-buttons .button.finished .lesson-title,
#friend-bonus .bonus-container .list-buttons .button.finished .lesson-title,
#trade-loading .bonus-container .list-buttons .button.finished .lesson-title,
#battle-login .bonus-container .list-buttons .button.finished .lesson-title {
  display: none;
}
#bonus .bonus-container .list-buttons .button.finished .lesson-title.lesson-title-finished,
#friend-bonus .bonus-container .list-buttons .button.finished .lesson-title.lesson-title-finished,
#trade-loading .bonus-container .list-buttons .button.finished .lesson-title.lesson-title-finished,
#battle-login .bonus-container .list-buttons .button.finished .lesson-title.lesson-title-finished {
  display: block;
}
#bonus .bonus-container .list-buttons .button.finished.ka-ching,
#friend-bonus .bonus-container .list-buttons .button.finished.ka-ching,
#trade-loading .bonus-container .list-buttons .button.finished.ka-ching,
#battle-login .bonus-container .list-buttons .button.finished.ka-ching {
  border: 0 !important;
}
#bonus .bonus-container .list-buttons .button.finished.ka-ching .lesson-bonus-finished,
#friend-bonus .bonus-container .list-buttons .button.finished.ka-ching .lesson-bonus-finished,
#trade-loading .bonus-container .list-buttons .button.finished.ka-ching .lesson-bonus-finished,
#battle-login .bonus-container .list-buttons .button.finished.ka-ching .lesson-bonus-finished {
  color: #C8D92B;
}
#bonus .bonus-container .list-buttons .lesson-title.lesson-title-finished,
#friend-bonus .bonus-container .list-buttons .lesson-title.lesson-title-finished,
#trade-loading .bonus-container .list-buttons .lesson-title.lesson-title-finished,
#battle-login .bonus-container .list-buttons .lesson-title.lesson-title-finished {
  display: none;
}
#bonus .bonus-container .list-buttons .vip-badge,
#friend-bonus .bonus-container .list-buttons .vip-badge,
#trade-loading .bonus-container .list-buttons .vip-badge,
#battle-login .bonus-container .list-buttons .vip-badge {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
  background-image: url(../img/icon_vip.png);
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
  margin-top: -0.2em;
}
#bonus .bonus-container .icon-history-close,
#friend-bonus .bonus-container .icon-history-close,
#trade-loading .bonus-container .icon-history-close,
#battle-login .bonus-container .icon-history-close {
  position: absolute;
  right: 2%;
  top: 2%;
}
#battle-login {
  text-align: center;
}
#battle-login .bonus-container {
  margin-top: 35%;
  padding: 8vh 4vh;
  height: auto;
  font-size: 6vw;
  line-height: 1.5em;
  color: #7AC7C6;
}
#battle-login .bonus-container .user-info .avatar.unauthorized {
  color: white;
  display: inline-block;
  width: 23vh;
  height: 23vh;
  border: 2px solid #fff;
  border-radius: 100%;
  font-size: 2.8vw;
  line-height: 1.3em;
  -webkit-text-stroke-width: 1px;
  margin-bottom: 8vh;
  font-size: 4vw;
}
#battle-login .bonus-container .user-info .avatar.unauthorized img {
  margin: 10% 0 5% 0;
  height: 40%;
}
#friend-bonus {
  text-align: center;
}
#friend-bonus .new-friend-title {
  color: #C8D92B;
  font-size: 6vw;
}
#friend-bonus .new-friend-name {
  color: #fff;
  font-size: 4.5vw;
  line-height: 3em;
}
#friend-bonus .bonus-container {
  margin-top: 40%;
  padding: 3vh;
  height: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../img/new_friend_bg.svg);
}
#friend-bonus .button {
  background-color: #C8D92B !important;
  font-size: 4.5vw;
  border: 0 !important;
  line-height: 2.5em;
  min-height: 0;
  height: auto;
  min-width: 60%;
}
#friend-bonus .user-pic {
  margin-top: 3vh;
  height: 18vh;
  width: 18vh;
}
.alert-container {
  position: absolute;
  padding: 10vmin 15vmin;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.alert-container .app-alert {
  border-radius: 3vmin;
  color: white;
  padding: 3vmin 5vmin;
  font-size: 5vmin;
  line-height: 1.2em;
  position: relative;
  font-family: Bariol;
}
.alert-container .app-alert .alert-close {
  font-weight: bold;
  font-size: 8vmin;
  position: absolute;
  display: block;
  height: 10vmin;
  width: 10vmin;
  line-height: 10vmin;
  text-align: center;
  right: -4vmin;
  top: -4vmin;
  background-color: white !important;
  border-radius: 50%;
  text-transform: lowercase !important;
}
.alert-container .app-alert .alert-close span {
  position: relative;
  top: -0.4vmin;
  left: 0.1vmin;
}
.alert-container .app-alert .alert-title {
  -webkit-text-stroke-width: 0.5px;
}
.alert-container .app-alert .alert-text {
  display: block;
  display: -webkit-box;
  max-height: 3.6em;
  margin: 0 auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alert-container .app-alert .alert-text.expanded {
  max-height: 100vmin;
  -webkit-line-clamp: 300;
}
.alert-container .app-alert .alert-link {
  padding-top: 2vmin;
  color: #f9ce63;
  text-align: center;
}
#buy-header {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url(../img/crypto-brokers-header.png);
  height: 10vh;
  margin-bottom: 5vh;
}
.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 3%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 3%;
  -ms-flex: 0 0 3%;
  flex: 0 0 3%;
  max-width: 3%;
}
.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 5%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 5%;
  -ms-flex: 0 0 5%;
  flex: 0 0 5%;
  max-width: 5%;
}
.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 10%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 10%;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}
.col-13 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 13%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 13%;
  -ms-flex: 0 0 13%;
  flex: 0 0 13%;
  max-width: 13%;
}
.col-15 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 15%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 15%;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%;
}
.col-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.col-22 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 22%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 22%;
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
  max-width: 22%;
}
.col-24 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 24%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 24%;
  -ms-flex: 0 0 24%;
  flex: 0 0 24%;
  max-width: 24%;
}
.col-26 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 26%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 26%;
  -ms-flex: 0 0 26%;
  flex: 0 0 26%;
  max-width: 26%;
}
.col-28 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 28%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 28%;
  -ms-flex: 0 0 28%;
  flex: 0 0 28%;
  max-width: 28%;
}
.col-46 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 46%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 46%;
  -ms-flex: 0 0 46%;
  flex: 0 0 46%;
  max-width: 46%;
}
.col-48 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 48%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 48%;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
}
.col-52 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 52%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 52%;
  -ms-flex: 0 0 52%;
  flex: 0 0 52%;
  max-width: 52%;
}
.col-74 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 74%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 74%;
  -ms-flex: 0 0 74%;
  flex: 0 0 74%;
  max-width: 74%;
}
.col-75 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-90 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 90%;
  -ms-flex: 0 0 90%;
  flex: 0 0 90%;
  max-width: 90%;
}
#buy-sections {
  text-transform: none;
}
#buy-sections .row,
#buy-sections .col {
  padding-left: 0;
  padding-right: 0;
}
#buy-sections .buy-title {
  text-align: center;
  font-family: Bariol_Bold;
  font-size: 6vmin;
}
#buy-sections .table-headers {
  border-top: 1px solid #6c7c9d;
  border-bottom: 1px solid #6c7c9d;
  margin-top: 4vmin;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
#buy-sections .table-headers .col {
  text-align: center;
  white-space: nowrap;
}
#buy-sections .table-headers .col.col-24 {
  padding-left: 2vw;
}
#buy-sections .table-headers .col,
#buy-sections .table-headers .row {
  padding-top: 0;
  padding-bottom: 0;
}
#buy-sections .table-headers .col-titles {
  font-size: 2.6vmin;
  text-align: center;
  color: #6c7c9d;
}
#buy-sections .section {
  font-weight: 900;
  margin-top: 3vh;
}
#buy-sections .section .section-sep .sep {
  position: relative;
  top: -0.2em;
  border-bottom: 2px solid rgba(242, 242, 242, 0.2);
}
#buy-sections .section .section-title {
  white-space: nowrap;
  font-size: 4.7vmin;
}
#buy-sections .section .section-link {
  font-size: 2.5vmin;
  color: #e1c66c;
  text-align: right;
  white-space: nowrap;
  padding-left: 5vw;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 0;
  line-height: 6.5vmin;
}
#buy-sections .section .section-link span {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
  padding-left: 4vmin;
  background-image: url(../img/url-arrow.png);
  background-size: 3vmin;
  background-position: left center;
  line-height: 3vmin;
  font-family: Bariol_Bold;
}
#buy-sections .section .logo {
  position: relative;
  padding-top: 1vmin;
}
#buy-sections .section .logo img {
  width: 100%;
}
#buy-sections .section .logo .social-trading {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
  height: 6vmin;
  width: 6vmin;
  background-image: url(../img/icon_social_trading.png);
  position: absolute;
  top: -2vmin;
  right: -2vmin;
}
#buy-sections .section .logo .broker-name {
  display: block;
  text-align: center;
  font-size: 3vmin;
  white-space: nowrap;
}
#buy-sections .section .broker-domain {
  white-space: nowrap;
  font-size: 1.7vmin;
  width: 100%;
  text-align: center;
  line-height: 1;
  display: block;
}
#buy-sections .section .open-broker {
  display: block;
  height: 16vmin;
  background-color: #6caf0e;
  margin-left: 4vmin;
  margin-top: 1.2vmin;
  background-image: url(../img/url-arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
}
#buy-sections .section .open-broker.activated {
  background-color: #55880d;
}
#buy-sections .section .broker-info {
  padding-top: 0;
  padding-left: 0;
}
#buy-sections .section .broker-info .row {
  padding-left: 0;
}
#buy-sections .section .broker-info .row .col:first-of-type {
  padding-left: 0;
}
#buy-sections .section .broker-info .col {
  padding-top: 0;
}
#buy-sections .section .broker-info .info-title {
  white-space: nowrap;
  font-size: 2.5vmin;
  display: block;
  margin-bottom: 1.5vmin;
  color: rgba(242, 242, 242, 0.4);
}
#buy-sections .section .broker-info .info-value {
  font-size: 6.4vmin;
  display: block;
  white-space: nowrap;
  text-align: center;
  font-family: Bariol_Bold;
}
#buy-sections .section .broker-info .broker-titles {
  margin-bottom: 3vmin;
}
#buy-sections .section .broker-info .broker-titles .sep-line {
  border-top: 1px solid #6c7c9d;
  margin-top: 2.4vmin;
}
#buy-sections .section .broker-info .broker-titles .col {
  font-size: 3.5vmin;
  text-align: center;
  color: #c3c3dd;
  white-space: nowrap;
}
#buy-sections .section .broker-info .funding-methods span {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: inline-block;
  height: 4vmin;
  width: 6vmin;
}
#buy-sections .section .broker-info .funding-methods .pay-card {
  background-image: url(../img/icon_card_transfer.png);
}
#buy-sections .section .broker-info .funding-methods .pay-paypal {
  background-image: url(../img/icon_paypal_transfer.png);
  width: 4vmin;
}
#buy-sections .section .broker-info .funding-methods .pay-bank {
  background-image: url(../img/icon_bank_transfer.png);
  width: 5vmin;
}
#buy-sections .section .broker-info .broker-desrc {
  padding-top: 0.5em;
  line-height: 1em;
  border-top: 1px solid white;
  margin-top: 1vmin;
  opacity: 0.35;
  font-size: 2.5vw;
  text-align: justify;
}
#buy-sections .section .broker-info .broker-desrc .autofont-container {
  white-space: normal;
}
#buy-sections .section.plus500 .broker-name {
  font-size: 2.5vmin;
}
#buy-sections .section.coinbase .broker-name {
  font-size: 2.3vmin;
}
#broker-warnings {
  text-transform: none;
  font-size: 3.5vmin;
  position: fixed;
  bottom: 0;
  color: #9999ad;
}
#broker-warnings img {
  max-width: 80%;
  max-height: 5vmin;
}
#broker-warnings .col-10 {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-bottom: 1vh;
}
#broker-warnings .col-90 {
  padding-top: 0;
  padding-bottom: 0;
}
#broker-warnings .social-trading {
  line-height: 5vmin;
  padding-bottom: 0;
}
.switch > .show {
  display: block;
}
.switch > .hide {
  display: none;
}
.switch.off > .show {
  display: none;
}
.switch.off > .hide {
  display: block;
}
@media only screen and (min-device-width: 720px) {
  #mainmenu-wrap #home-sub-menu .col-33 .drop-up {
    margin-left: -14vw;
  }
  #bonus .bonus-container .bonus-ring {
    margin-bottom: 2vh;
  }
  .lessons-read .lesson-submenu .allLessons:before {
    bottom: -0.2vh;
  }
  .lessons-read .lesson-submenu .nextLesson:after {
    bottom: -0.2vh;
  }
  .top-screen #top-lists .connect-facebook-msg {
    padding-top: 45%;
  }
  .trade-screen .buttons-scroll .button-container {
    padding-bottom: 1vh;
    padding-top: 1vh;
  }
  .trade-screen .trading-container {
    margin-top: 2vh;
  }
  .trade-screen #chart-container-main.ready-to-trade {
    margin-bottom: 4vh;
  }
  .trade-screen .trade-config .potential-win {
    margin-top: 2vh;
    margin-bottom: 2vh;
  }
  .trade-screen .trade-buttons button.button-sell {
    background-size: 23%;
  }
  .trade-screen .trade-buttons button.button-buy {
    background-size: 23%;
  }
  .trade-screen #chart-container-main.history-container {
    height: 72.3vh;
  }
  .trade-screen #chart-container-main {
    height: 56vh;
  }
  .trade-screen #chart-container-main.is-closed {
    height: 64vh;
  }
  .trade-screen #chart-container-main.is-closed .congrats-head {
    margin-top: 1em !important;
  }
  .trade-screen .trade-footer .button.closed-bar {
    line-height: 9.5vw;
  }
  .button.button-stable {
    line-height: 9.5vw;
  }
  .top-screen #top-lists .slider ion-slide ion-scroll {
    padding-top: 12vh;
  }
  .top-screen #top-lists .rank-item .top-avatar img {
    max-width: 60%;
  }
  .top-screen #top-brokers {
    padding-top: 1vw;
  }
  .top-screen #top-brokers h2 {
    margin-bottom: 1vh;
  }
  .trade-screen #chart-container-main .position-result .congrats-head {
    margin-top: 0.25em;
  }
  #user-chart.history-chart {
    margin: 1vh 0;
  }
  .trade-screen #chart-container-main .position-result .trade-exp {
    margin-top: 1em;
  }
  .top-screen #top-lists .rank-item:nth-child(1) .top-avatar img {
    margin-top: 9%;
  }
  .top-screen #top-lists .rank-item .top-badge span {
    margin-top: 32%;
  }
  .top-screen #top-brokers .broker-rating span {
    top: 0.2em;
  }
  .trade-screen .chartPeriods {
    margin-bottom: 1.5vh;
  }
  #friend-bonus .bonus-container {
    margin-top: 34%;
  }
  .trade-screen .buttons-scroll button circle {
    stroke-width: 2.5;
  }
  .problem-icon {
    padding-top: 65%;
  }
  .trade-screen #chart-container-main.market-closed {
    height: 60vh;
  }
  .trade-screen .trade-footer .button.closed-bar.market-closed {
    padding-top: 0em;
    line-height: 1.3em;
  }
  .dropdown .drop-up span.amount-lock {
    background-position-x: 56%;
  }
  .dropdown.dropdown-right .drop-up {
    right: -0.5vh;
  }
  .trade-screen .unlocking-text {
    top: 16vh;
  }
  .trade-screen .buttons-scroll {
    height: 16vh;
  }
  .trade-screen #chart-container-main.battle .battle-content .battle-opponents table {
    margin-top: 10vh;
  }
  .trade-screen #chart-container-main.battle {
    height: 70vh;
    background-size: 62%;
  }
  .dropdown .drop-up .option-locked-text {
    bottom: -3.35vh;
  }
  .trade-screen #chart-container-main.battle.initial {
    padding-top: 1vh;
  }
  .trade-screen #chart-container-main.battle .battle-head {
    line-height: 1.3em;
  }
  .trade-screen #chart-container-main.battle.initial .button,
  .trade-screen #chart-container-main.battle.won .button {
    margin-top: 0.5em;
  }
  .trade-screen #chart-container-main.battle .battle-history {
    height: 40vh;
  }
  .trade-screen #chart-container-main.battle.initial .no-battle,
  .trade-screen #chart-container-main.battle.initial .won-content,
  .trade-screen #chart-container-main.battle.initial .lost-content {
    height: 38vh;
  }
  .trade-screen #chart-container-main.battle .battle-history td {
    font-size: 3vw;
  }
  .trade-screen #chart-container-main.battle .battle-history .battle-result span {
    font-size: 3vw;
  }
  .trade-screen #chart-container-main.battle .no-battle .battle-head {
    line-height: 1.1em;
  }
  .trade-screen #chart-container-main.battle.initial .no-battle .button {
    margin-top: 0.3em;
  }
  .trade-screen #chart-container-main.bonus {
    margin-bottom: 1vh;
  }
  .top-screen #top-lists.expanded {
    height: 59vh;
  }
  .trade-screen .trade-footer.ready-to-trade {
    height: 22vh;
  }
  .trade-screen .trade-footer .button.close-trade {
    line-height: 9vw;
  }
  .trade-screen .trade-buttons {
    position: static;
  }
  .top-screen #top-lists {
    height: 42vh;
  }
  #mainmenu-wrap #home-sub-menu {
    margin-top: -2vh;
  }
  .trade-screen #chart-container-main.ready-to-trade {
    margin-bottom: 1vh;
  }
  .trade-screen .trade-config {
    margin-bottom: 1vh;
  }
  .dropdown .drop-up {
    margin-top: -15vh !important;
    left: 3vw !important;
  }
  .dropdown .triangle {
    left: 2vw;
  }
  .trade-screen .chartPeriods {
    margin-bottom: 0;
  }
  button.button.button-stable.button-ok {
    margin-top: 2vh;
  }
  .header-icon.btn-buy {
    left: -8vw;
  }
  .stoploss-menu .dropdown.dropdown-right .drop-up {
    left: -32vw !important;
  }
  .button.button-view {
    margin-bottom: 5px !important;
  }
  #buy-sections .section {
    margin-top: 1vh;
  }
}
/* iPhone X */
@media only screen and (device-width: 375px) and (device-height: 812px) {
  .dropdown.dropdown-left .drop-up {
    margin-top: -14vh !important;
  }
  .dropdown.dropdown-right .drop-up {
    margin-top: -14vh !important;
    left: -22vw !important;
  }
  .stoploss-menu .dropdown.dropdown-right .drop-up {
    margin-top: -14vh !important;
    left: -32vw !important;
  }
  .top-screen #top-brokers .broker-rating .dropdown .drop-up {
    margin-top: -10vh !important;
    left: 3vw !important;
  }
  .trade-screen #chart-container-main .position-result .trade-exp {
    margin-top: 4em;
  }
  .nav-bar-block {
    margin-top: 30px;
  }
  ion-content {
    margin-top: 15px !important;
    max-height: 736px !important;
    padding-bottom: 15px;
  }
  #buy-header {
    margin-top: 15px;
  }
  #trading-container.state-transStarted .bottom-container .buysell-container .position-menu {
    height: 63vmin;
  }
  ion-content,
  ion-content > .scroll {
    overflow-x: hidden !important;
  }
  ion-content > .scroll {
    height: 100% !important;
    overflow: auto;
  }
  ion-content.trading > .scroll {
    height: 100% !important;
  }
  .bottom-container .buysell-container .buysell-buttons {
    padding-top: 3vmin;
    height: 32vmin;
  }
  #trading-container.state-transStarted .buysell-menu {
    height: 70vmin;
    background-color: white;
    border-bottom-color: white !important;
  }
  .loading-container.visible {
    height: 90.5vh;
    margin-top: 9.5vh;
  }
  .backdrop {
    top: 9.5vh;
  }
  .trade-screen .trade-footer {
    height: 20vh;
  }
  .header-icon.btn-buy {
    left: -1vw;
  }
}
.text-cache {
  position: absolute;
  border: 1px solid red;
  top: 0;
  width: 300px;
  height: 10000px !important;
}