html,body{font-family: 'Roboto', sans-serif;height:100%;width:100%;}
input:-webkit-autofill{
-webkit-text-fill-color: #777 !important;
transition: background-color 5000000s;
}
input::-webkit-input-placeholder{color:#999!important;}
input::-moz-placeholder{color:#999!important;}
input:-ms-input-placeholder{color:#999!important;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type="number"] { -moz-appearance: textfield;}
a{
color: #000;
outline: 0!important;
}
a:hover, a:focus{
color: #666;
}
ul{
padding: 0px;
}
button{
outline: 0!important;
}
@keyframes scaleIn{
0%{transform: scale(0)}
100%{transform: scale(1)}
}
@-webkit-keyframes scaleIn{
0%{-webkit-transform: scale(0)}
100%{-webkit-transform: scale(1)}
}
@keyframes slideRight{
from{transform: translateX(-100%);}
to{transform: translateX(0%);}
}
@-webkit-keyframes slideRight{
from{-webkit-transform: translateX(-100%);}
to{-webkit-transform: translateX(0%);}
}
@keyframes jump{
0%{transform: translate3d(0px,0px,0px)}
25%{transform: translate3d(0px,-4px,0px) rotate(10deg)}
50%{transform: translate3d(0px,0px,0px) rotate(0deg)}
75%{transform: translate3d(0px,-5px,0px) rotate(-10deg)}
100%{transform: translate3d(0px,0px,0px)}
}
@-webkit-keyframes jump{
0%{-webkit-transform: translate3d(0px,0px,0px)}
25%{-webkit-transform: translate3d(0px,-4px,0px) rotate(10deg)}
50%{-webkit-transform: translate3d(0px,0px,0px) rotate(0deg)}
75%{-webkit-transform: translate3d(0px,-5px,0px) rotate(-10deg)}
100%{-webkit-transform: translate3d(0px,0px,0px)}
}
@keyframes heartbeat{
0%{transform: scale(1)}
50%{transform: scale(1)}
60%{transform: scale(1.4)}
70%{transform: scale(1)}
80%{transform: scale(1.4)}
90%{transform: scale(1)}
}
@-webkit-keyframes heartbeat{
0%{-webkit-transform: scale(1)}
50%{-webkit-transform: scale(1)}
60%{-webkit-transform: scale(1.4)}
70%{-webkit-transform: scale(1)}
80%{-webkit-transform: scale(1.4)}
90%{-webkit-transform: scale(1)}
}
@keyframes pulse{
0%{transform: scale(1);}
70%{transform: scale(1);}
80%{transform: scale(1.4);}
90%{transform: scale(1);}
}
@-webkit-keyframes pulse{
0%{-webkit-transform: scale(1)}
70%{-webkit-transform: scale(1)}
80%{-webkit-transform: scale(1.4)}
90%{-webkit-transform: scale(1)}
}
@keyframes flip{
0%{opacity:0;transform:rotateX(-180deg)}
50%{}
100%{opacity:1;transform:rotateX(0deg)}
}
@-webkit-keyframes flip{
0%{opacity:0;transform:rotateX(-180deg)}
50%{}
100%{opacity:1;transform:rotateX(0deg)}
}
@keyframes rotate{
0%{transform:rotate(0deg)}
100%{transform:rotate(359deg)}
}
@keyframes fadein{
0%{display: none}
1%{opacity:0; display: inherit}
100%{opacity:1}
}
@-webkit-keyframes fadein{
0%{display: none}
1%{opacity:0; display: inherit}
50%{}
100%{opacity:1}
}
@keyframes loader {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
}
@-webkit-keyframes loader {
0%,
80%,
100% {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
}
@keyframes assets{
0% {
transform: translate3d(0%,0,0);
}
100% {
transform: translate3d(-50%,0,0);
}
}
@-webkit-keyframes assets{
0% {
-webkit-transform: translate3d(0%,0,0);
}
100% {
-webkit-transform: translate3d(-50%,0,0);
}
}
@keyframes blink{
0%{opacity: 1;}
15%{opacity: 1;}
50%{opacity: 0.5;}
85%{opacity: 1;}
100%{opacity: 1;}
}
@-webkit-keyframes blink{
0%{opacity: 1;}
15%{opacity: 1;}
50%{opacity: 0.5;}
85%{opacity: 1;}
100%{opacity: 1;}
}
@keyframes signalOverlayIn{
0%{transform: scaleY(0); height: 0px}
100%{transform: scaleY(1); height: 80px}
}
@-webkit-keyframes signalOverlayIn{
0%{transform: scaleY(0); height: 0px}
100%{transform: scaleY(1); height: 80px}
}
@keyframes signalOverlayOut{
0%{transform: scaleY(1); height: 80px}
100%{transform: scaleY(0); height: 0px}
}
@-webkit-keyframes signalOverlayOut{
0%{transform: scaleY(1); height: 80px}
100%{transform: scaleY(0); height: 0px}
}
@keyframes signalOverlayInMobile{
0%{transform: scaleY(0); height: 0px}
100%{transform: scaleY(1); height: 200px}
}
@-webkit-keyframes signalOverlayInMobile{
0%{transform: scaleY(0); height: 0px}
100%{transform: scaleY(1); height: 200px}
}
@keyframes signalOverlayOutMobile{
0%{transform: scaleY(1); height: 200px}
100%{transform: scaleY(0); height: 0px}
}
@-webkit-keyframes signalOverlayOutMobile{
0%{transform: scaleY(1); height: 200px}
100%{transform: scaleY(0); height: 0px}
}
@keyframes glow{
0%{box-shadow: 0 0 5px #ffd106, inset 0 0 0 2px #ffd106}
100%{box-shadow: 0 0 20px #ffd106, inset 0 0 0 5px #ffd106}
}
@-webkit-keyframes glow{
0%{box-shadow: 0 0 5px #ffd106, inset 0 0 0 2px #ffd106}
100%{box-shadow: 0 0 20px #ffd106, inset 0 0 0 5px #ffd106}
}
@keyframes topUserAnimation{
0%{transform: scale(0); height:0px; padding: 0px; margin: 0}
100%{transform: scale(1);height:40px; padding: 0 5px; margin: 5px 0}
}
@-webkit-keyframes topUserAnimation{
0%{-webkit-transform: scale(0); height:0px; padding: 0px; margin: 0}
100%{-webkit-transform: scale(1);height:40px; padding: 0 5px; margin: 5px 0}
}
main-block{
display: table-row;
width: 100%;
height: 100%;
}
main-block>*{
display: table-cell;
width: 100%;
height: 100%;
}
content-top{
color:#aaa;
display: table-row;
width:100%;
text-align: center;
background: #000;
height: 30px;
}
content-top>div{
display: table;
width:100%;
height: 40px;
border-bottom: 1px solid #333;
}
content-top>div>div{
display: table-cell;
width:50%;
vertical-align: middle;
}
content-inner{
height: 100%;
display: table-cell;
width:100%;
color: #333;
overflow: hidden;
}
content-footer{
background: #000;
height: 58px;
display: block;
width:100%;
color:#aaa;
text-align: right;
font-size: 12px;
position: fixed;
overflow: hidden;
bottom: 0px;
left:0px;
z-index: 2;
}
content-footer>div:last-child{
padding: 0px 10px;
overflow: hidden;
}
content{
vertical-align: top;
display: table-cell;
width:100%;
background-color: #eee;
/*background-image: -o-radial-gradient(top center, circle, #333 ,#222);*/
/*background-image: -ms-radial-gradient(top center, circle, #333 ,#222);*/
/*background-image: -moz-radial-gradient(top center, circle, #333 ,#222);*/
background-size: cover;
}
sidebar{
vertical-align: top;
display: table-cell;
height: 100%;
transition: width 0.4s,max-width 0.4s;
position: relative;
z-index: 3;
width: 0px;
max-width: 0px;
}
sidebar.active{
width: 120px;
max-width: 120px;
}
sidebar.active>#sidebar-buttons{
transform: translateX(0px);
-webkit-transform: translateX(0px);
box-shadow: 2px 0px 10px #000;
}
assets-list{
display:block;
width:100%;
height: 38px;
padding-top: 4px;
overflow: hidden;
white-space: nowrap;
margin: 0px;
position: relative;
background: #000;
border-bottom: solid 1px #2a2a2a;
border-top: solid 1px #000;
}
assets-list>div{
width: 100%;
position: absolute;
display: table;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
}
assets-list>div>div{
padding: 6px 10px;
display: inline-block;
text-align: center;
height: 28px;
vertical-align: middle;
margin: 0 5px;
margin-right: 35px;
background: rgba(187,187,187,.3);
border-radius: 3px;
-webkit-transition:background .25s ease-in-out;
-moz-transition:background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
width: 160px;
}
assets-list>div>div.down{
background: rgba(187,0,0,.3);
}
assets-list>div>div.up{
background: rgba(0,187,0,.3);
}
assets-list>div>div>span:first-child{
color: #ddd;
}
assets-list>div>div>span:nth-child(2){
color: #fff;
}
assets-list>div>div>i.glyphicon-arrow-down{
color: #bb0000;
}
assets-list>div>div>i.glyphicon-arrow-up{
color: #00bb00;
}
assets-list>div>div>i.glyphicon-flash{
color:#777;
}
popup-deposit>div{
display: block;
position: fixed;
bottom: 20px;
right: 0px;
width: 280px;
text-align: center;
background-color: #444;
color: #fff;
margin: 5px;
overflow: hidden;
box-shadow: 0px 2px 5px #000;
border: solid 1px #555;
z-index: 2;
}
popup-deposit>div>div:first-child{
/* background-color: #fd6a00; */
font-size: 16px;
padding: 5px;
border-bottom: solid 1px #666;
}
popup-deposit>div.ng-leave {
animation-name: scaleIn;
animation-direction: reverse;
animation-duration: 0.6s;
}
popup-deposit>div>div:first-child img {
position: absolute;
right: 5px;
top: 2px;
height: 27px;
}
users-online{
margin: 0px 20px;
}
users-online b{
animation-name: blink;
animation-duration: 1.5s;
animation-iteration-count: infinite;
color:#00ff00;
}
clock>div{padding: 0px 5px;}
clock>div>span{font-size: 16px;font-weight: bold;}
clock>div>div{opacity: 0.6;}
popup-window{display:block;background: #000; border-radius: 4px;position: absolute; z-index: 10; padding: 5px;}
popup-mouseout{
display: table;
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1000000;
vertical-align: middle;
}
popup-mouseout>div>div{vertical-align: middle!important;}
popup-mouseout>div>div>div{
background: url('/public/images/popup_mouseout.jpg');
background-size: 100%;
width: 720px;
height: 340px;
margin: auto;
color: #fff;
text-align: center;
padding: 10px;
font-weight: bold;
text-transform: uppercase;
font-size: 50px;
margin-top: -80px;
}
popup-mouseout>div>div>div>div{
line-height: 50px;
margin: 90px 0 10px 0;
}
popup-mouseout a{
background: linear-gradient(#54b800,#4ba500);
border-bottom: solid 4px #367700;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
border-radius: 4px;
color: #fff;
font-size: 25px;
font-weight: normal;
padding: 15px 35px;
transition: all 0.1s;
text-transform: none;
position: relative;
top: 0px;
}
popup-mouseout a:hover{
background: linear-gradient(#5ece00,#54b900);
text-decoration: none;
border-bottom: solid 2px #367700;
top: 2px;
color: #fff;
}
popup-mouseout>div>div>div>div:last-child{font-size: 14px;text-transform: initial;margin: 8px 0;}
popup-mouseout>div>div>div>div:last-child>span{cursor:pointer}
popup-mouseout .fa-times{position: absolute; right: 10px; top: 5px; font-size: 26px; cursor:pointer}
deposit-frame{display: block;position: absolute;opacity:0}
#login-logo{
max-height: 110px;
margin-bottom: 20px;
display: inline-block;
}
#main-logo{background-color: transparent;padding: 2px;vertical-align: middle;}
#main-logo>div{display: table;height: 100%;width: 100%;height: 51px;}
#main-logo>div>div{display: table-cell;vertical-align: middle}
#main-logo img{display:inline-block;width:100%}
#sidebar-buttons{
background: #333;
list-style: none;
padding: 0px;
margin: 0px;
cursor: pointer;
height: 100%;
transition: transform 0.3s;
box-shadow: 0px 0px 0px #000;
overflow: hidden;
position: relative;
width: 120px;
transform: translateX(-120px);
-webkit-transform: translateX(-120px);
border: solid 1px #333;
border-top: none;
border-bottom: none;
}
#sidebar-buttons>li{
width:100%;
display: block;
white-space: nowrap;
}
#sidebar-buttons>li>a.active{
background: #555;
color: #ddd;
box-shadow: inset 5px 0px 0px #fd6a00;
}
#sidebar-buttons>li>a{
text-align: center;
color: #aaa;
width:100%;
height: 100%;
display: block;
padding: 10px 0px;
transition: all 0.5s;
text-shadow: 0px 1px 1px rgba(0,0,0,1);
position: relative;
box-sizing: border-box;
color: #aaa;
animation-fill-mode: both;
animation-duration: 0.3s;
border-radius: 0;
font-size: 14px;
}
#sidebar-buttons>li>a:hover, #sidebar-buttons>li>a:focus{
background: #777;
color: #fff;
text-decoration: none;
transition: all 0.2s;
}
#sidebar-buttons>li>a>i{
font-size: 30px;
transition: transform 0.3s;
}
#sidebar-buttons>li>a:hover>i{
transform: scale(1.2);
}
#sidebar-overlay{
position: fixed;
width: 100%;
height: 100%;
display: block;
top: 0px;
left: 0px;
background: rgba(0, 0, 0, 0.5);
z-index: 2000;
}
#sidebar-buttons .btn-arrow-down:after{
content: '';
display: block;
background: transparent;
width: 16px;
height: 16px;
position: absolute;
bottom: -8px;
left: calc(50% - 8px);
transform: rotate(45deg);
transition: all 0.5s;
}
#sidebar-buttons .active.btn-arrow-down:after{
background: #555;
}
#sidebar-buttons>li>a.active.btn-arrow-down:hover:after, #sidebar-buttons>li>a.active.btn-arrow-down:focus:after{
background: #777;
transition: all 0.2s;
}
#tab-buttons{
list-style: none;
padding: 0;
display:table;
width:100%;
margin: 0px;
box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
z-index: 1;
position: relative;
}
#tab-buttons>li{
width:33%;
display: table-cell;
position:relative;
background: #333;
background: linear-gradient(to left, #252525,#333333);
}
#tab-buttons>li>a:after {
z-index: 1;
color: #252525;
border-left: 22px solid;
border-top: 28px solid transparent;
border-bottom: 28px solid transparent;
display: inline-block;
content: '';
position: absolute;
right: -22px;
top: 0px;
}
#tab-buttons>li.active>a:after {
color: #fd6a00;
}
#tab-buttons>li>a:before {
z-index: 1;
color: #000;
border-left: 22px solid;
border-top: 28px solid transparent;
border-bottom: 28px solid transparent;
display: inline-block;
content: '';
position: absolute;
right: -23px;
top: 0px;
}
#tab-buttons>li>a{
color: #aaa;
width: 100%;
display: block;
height: 100%;
padding: 14px 0px;
text-align: left;
font-size: 20px;
white-space: nowrap;
padding-left: 28px;
}
#tab-buttons>li.active{
color: #fff;
background: #fd6a00;
background: linear-gradient(to right, #ff8d3a,#fd6a00);
}
#tab-buttons>li>a:hover,#tab-buttons>li>a:focus,#tab-buttons>li.active>a{
color: #fff;
text-decoration: none;
}
#tab-buttons>li>a>i{
margin: 0px 5px;
transition: transform 0.3s;
}
#tab-buttons>li>a:hover>i{
transform: scale(1.2);
}
#tab-buttons .tab-number{
width: 26px;
height: 26px;
display: inline-block;
border-radius: 17px;
border: solid 2px rgba(255,255,255,0.4);
font-style: normal;
font-weight: bold;
line-height: 22px;
text-align: center;
margin: 0px;
transform: scale(1)!important;
}
#tab-buttons .tab-title{
position: relative;
}
#tab-buttons .tab-step{
display: none;
position: absolute;
top: -12px;
left: 0px;
font-size: 11px;
font-style: normal;
font-variant: normal;
width: 100%;
margin: 0px;
transform: scale(1)!important;
}
#tab-buttons.with-steps .tab-step {
display:block;
}
#tab-buttons.with-steps .tab-title {
top:4px;
}
#footer-ticker{
width:100%;
height: 30px;
overflow: hidden;
border-bottom: solid 1px #333;
}
#footer-ticker>iframe{
width: 100%;
height: 50px;
border: 0px;
top: -10px;
position: relative;
}
#header-ticker{
width:100%;
height: 30px;
overflow: hidden;
background: #000;
border-bottom: 1px solid #333;
}
#header-ticker>iframe{
width: 100%;
height: 50px;
border: 0px;
top: -10px;
position: relative;
}
#ng-view{
padding: 0px;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
padding-bottom: 56px;
}
#ng-view.fullscreen {
height: 100%;
display: table;
padding-bottom: 0px;
}
#button-sidebar{
min-width: 120px;
width: 120px;
background: #fd6a00;
height: 100%;
color: #fff;
font-size: 30px;
cursor: pointer;
transition: all 0.3s;
position: relative;
z-index: 2002;
padding-top: 5px;
}
#button-sidebar:hover{background: #ff8a35;}
#button-sidebar>i{transition: transform 0.2s;transform: scale(1.5, 1);}
#button-sidebar:hover>i{transform: scale(1.7,1.2)}
#button-lang>div{
width: 40px;
height: 40px;
background: #333;
border-radius: 100px;
overflow: hidden;
margin: 0px 10px;
cursor: pointer;
}
#button-lang>div:hover>img{
opacity: 1;
}
#button-lang>div>img{
width: 24px;
margin: 8px;
opacity: 0.8;
}
#button-lang>ul{
background: #333;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
#button-lang.open>ul {
animation-name: scaleIn;
animation-duration: 0.2s;
-webkit-animation-name: scaleIn;
-webkit-animation-duration: 0.2s;
}
#button-lang>ul img{
display: inline-block;
opacity:0.8;
height: 26px;
}
#button-lang>ul a{
transition: all 0.2s;
padding:0px 7px;
margin: 0px;
color:#888;
background-color: rgba(255,255,255,0);
}
#button-lang>ul a:hover{
background-color: rgba(255,255,255,0.1);
color:#fff;
}
#button-lang>ul a:hover img{
transform: scale(1);
opacity:1;
}
#deposit-form>div{margin-bottom: 15px}
#deposit-form>div div.text-uppercase{font-weight: bold;padding-left: 2px;padding-bottom: 5px;}
#deposit-form>div>.text-uppercase, #deposit-form>div>.row{ margin-top: 15px}
#deposit-form input, #deposit-form select{height:40px;}
#deposit-form .form-control-feedback {width: 40px; height: 40px; line-height: 40px;}
#deposit-form .container-fluid>div{padding:0px;}
#deposit-form #credit-card-image{ position: absolute; z-index: 4; right: 10px; top: 4px; height: 32px;}
#deposit-form .btn{height: 64px}
#deposit-form .input-group>.tooltip { opacity:0; pointer-events: none}
#deposit-form .input-group.error>.tooltip { opacity:0.9;}
.intro-step{
background: #fff;
border-radius: 10px 0 0 10px;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
position: relative;
height: 90px;
margin: 25px;
text-align: left;
color: #444;
cursor: pointer;
transition: color,transform 0.4s;
font-size: 16px;
}
.intro-step>div>div{display: table-cell;width: 100%;vertical-align: top;}
.intro-step .display-cell{ height: 90px; vertical-align: middle;}
.intro-step-badge{
float: left;
width: 250px;
height: 90px;
padding: 0 50px 0 70px;
}
.intro-step-badge>div{
vertical-align: top;
height: 110px;
top: -10px;
position: relative;
color: #fff;
font-size: 60px;
transform: skewX(20deg);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7);
}
.intro-step-badge>div>div{
width: 100%;
height: 100%;
padding: 10px 44px;
}
.intro-step-badge i{transform: skewX(-20deg)}
.intro-step:hover{transform:scale(1.05);}
.intro-step-badge .display-cell{
height: 90px;
vertical-align: middle;
}
.intro-step-badge>div:before, .intro-step-badge>div:after{
z-index: -1;
content: "";
position: absolute;
left: -6px;
top: 0px;
width: 20px;
height: 10px;
transform: skewX(-50deg);
box-shadow: inset 100px 0 0 rgba(0, 0, 0, 0.5);
}
.intro-step-badge>div>div, .intro-step-badge>div:before, .intro-step-badge>div:after{background: #fd6a00;}
.intro-step-badge>div:after{
right: -6px;
left:auto;
top:auto;
bottom: 0px;
}
.intro-step-img{height: 40px}
.intro-step-number{
float: right;
height: 60px;
font-size: 44px;
padding: 0 10px;
border-left: solid 1px rgba(255, 255, 255, 0.1);
margin: 15px 0px;
}
.intro-step-corner{
position: absolute;
right: -40px;
width: 50px!important;
top: 0px;
overflow: hidden;
transform: scaleX(0.6);
}
.intro-step-corner>div{
width: 90px;
height: 90px;
background: #fff;
transform: rotate(45deg);
position: relative;
right: 64px;
box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.5);
}
#depositFrame{
background: transparent;
display:flex;
}
.deposit-frame-crypto{
height: 885px!important;
}
#upsell-jumbotron{
color:#fff;
background: url('images/upsellbg.jpg');
background-attachment: fixed;
background-size: cover;
background-position: center center;
background-color: transparent;
text-align: center;
text-transform: uppercase;
padding: 20px;
}
#upsell-jumbotron img{
margin: auto;
}
#upsell-jumbotron h1{
margin-bottom: 20px;
}
#upsell-jumbotron h1>div:nth-child(1){
font-size: 40px;
font-weight: 600;
}
#upsell-jumbotron h1>div:nth-child(1)>b,#upsell-jumbotron h2{
display:block;
color: #6b9d1e;
}
#upsell-jumbotron h1>div:nth-child(2){
font-size: 26px;
font-weight: 400;
}
#upsell-jumbotron h1>div:nth-child(2)>b{
color: #fd6a00;
font-style: italic;
}
#upsell-jumbotron h2{
background-color: rgba(0,0,0,0.5);
padding: 30px 20px;
margin: 0px;
border-radius: 14px 14px 0px 0px;
}
#upsell-jumbotron .btn-bright{
height: 80px;
border-radius: 0px 0px 14px 14px;
}
#upsell-jumbotron .btn-upsell-1{
border-radius: 14px;
}
#upsell-jumbotron h3{
color: #ff2e2e;
}
#button-upsell>i{
animation: jump 1.5s;
animation-iteration-count: infinite;
}
#button-upsell:hover>i{
animation: none;
}
#table-positions{
margin: 0px;
}
#table-positions .label{
padding: 0.5em 0.6em 0.5em;
}
#table-positions thead td{
white-space: nowrap;
}
#accordionHelp .panel-heading{
padding: 0px;
}
#accordionHelp .panel-title{
display: block;
padding: 8px 10px;
font-size: 14px;
}
#accordionHelp .panel-title:hover,#accordionHelp .panel-title:focus{
text-decoration: none;
color: #fff;
}
#button-incorrect{
height: 30px;
width: 310px;
text-align: center;
background-color: rgba(0,0,0,0.6);
border-radius: 10px 10px 0px 0px;
padding: 8px 0px;
white-space: nowrap;
overflow: hidden;
font-size: 11px;
bottom: 55px;
left: calc(50% - 155px);
position: fixed;
}
#button-incorrect>a{
color: #fff;
}
#btn-custom-amount>div:first-child>div:first-child{
font-size: 10px;
margin-top: -5px;
}
#btn-custom-amount>div:first-child>div:nth-child(2){
font-size: 12px;
margin-top: -1px;
margin-bottom: -5px;
}
#modal-approve{
width: 500px;
position: fixed;
top: 200px;
z-index: 10;
left: calc(50% - 250px);
}
#modal-approve .loader {margin-top: -10px; margin-bottom: 26px;}
#modal-approve .btn{width:130px; margin: 0 5px}
#system-loader{display:table;width:100%;height:100%;}
#system-loader>div{display:table-row}
#system-loader>div>div{display:table-cell;vertical-align: middle;}
#video-container{display:table; width: 100%; text-align: left;}
#video-container>div{display:table-row; width: 100%;}
#video-container .video-container-left, #video-container .video-container-right{display:table-cell; padding:10px;}
#video-container .video-container-right{width:300px; border-left:solid 1px rgba(255,255,255,0.1)}
#video-container .video-desc{padding: 10px;}
#video-container h4{ border-bottom: solid 2px #0c6; padding-bottom: 5px; font-weight: bold;}
#video-lesson{position: relative; background:#000}
#video-lesson>iframe{display:block;margin:auto; width:100%; height:23vw}
#video-lesson>div{display: none}
#video-lesson.inactive>div{
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
opacity:0;
transition: opacity 0.5s;
}
#video-lesson.inactive>div>*{
display:none;
}
#video-lesson.locked>div{background: rgba(0,0,0,0.8);opacity:1}
#video-lesson.inactive.locked>div>*{display:inherit;}
#video-lesson>div>div{ position: absolute; width: 100%; bottom: 26px; padding:0 10px}
#video-lesson>div>div .btn{ white-space: normal; font-size:20px}
#video-lesson>div i{
position: absolute;
font-size: 50px;
border: solid 2px;
border-radius: 100px;
left: calc(50% - 35px);
width: 70px;
height: 70px;
padding: 7px;
text-align: center;
color: #fff;
top: calc(50% - 50px);
}
#video-lesson-list{list-style: none;}
#video-lesson-list>li{background:transparent;cursor:pointer;font-size: 12px;height: 60px;margin-bottom: 10px; display:flex;transition: all 0.3s}
#video-lesson-list>li:hover{color:#fff}
#video-lesson-list>li>div{vertical-align: top;padding: 5px;height: 100%;}
#video-lesson-list>li>div>span{padding-left:5px}
#video-lesson-list img{width: 110px;}
#video-lesson-list h5{margin: 0 0 2px 0;font-weight: bold;padding-bottom: 2px;border-bottom: solid 1px rgb(212, 212, 212);}
#video-container .video-desc, #video-lesson-list>li.active{background: #3a3a3a;}
#top-users-panel,#top-users-panel-mobile{background: #222; color: #ddd;}
#top-users-panel{
position: absolute;
width: 190px;
height: 10000px;
top: 38px;
left: 0px;
animation-name: slideRight;
animation-delay: 1s;
animation-duration: 0.5s;
transform: translateX(-100%);
animation-fill-mode: both;
}
#top-users-panel.dashboard{height: auto}
#top-users-panel.dashboard{padding-bottom: 20px}
#top-users-panel h4{text-align: center;margin-bottom: 8px;text-transform: uppercase;font-size: 14px;}
#top-users-panel ul{list-style: none}
#top-users-panel ul>li{font-size: 11px; height:0px; transform: scale(0);animation-name: topUserAnimation; animation-duration: 0.5s; animation-fill-mode: both; display: block}
#top-users-panel ul>li:first-child{animation-delay: 0s!important;}
#top-users-panel ul>li>img{width:30px;margin: 0 5px;}
#top-users-panel ul>li>div{width:140px; display:inline-block; vertical-align: middle}
#top-users-panel ul>li>div{width: 135px;}
#top-users-panel ul>li>div>div>span{text-decoration: underline}
#top-users-panel .text-small{font-size: 11px;margin-top: 10px;}
#top-users-panel .avatar,#top-users-panel-mobile .avatar{width: 60px;border-radius: 8px;border: solid 2px #ff8d3a;}
#top-users-panel .profit, #top-users-panel-mobile .profit{color: #ff8d3a;}
#top-users-panel .name, #top-users-panel-mobile .name, #top-users-panel .connected-to, #top-users-panel-mobile .connected-to{color: #ff8d3a;}
#top-users-panel .name{font-size: 16px; margin-top:5px}
#top-users-panel .connected-to{ margin-top: 15px; }
#top-users-panel .btn{border-radius: 5px;padding: 6px 12px;text-transform: uppercase;margin: 10px 0px;}
#top-users-winner{height:0px; transition: height 1s; overflow: hidden;}
#top-users-winner.show{height: 355px;}
#top-users-winner>*{
-webkit-animation: scaleIn;
animation-name: scaleIn;
animation-duration: 0.5s;
animation-fill-mode: both;
transform: scale(0);
}
#top-users-panel-mobile{position: fixed; bottom: 0; left: 0; height: 90px; width: 100%;}
#top-users-panel-mobile.dashboard{top: 0px;bottom:auto;position: absolute;}
#top-users-panel-mobile>div{ padding-top: 10px}
#top-users-panel-mobile .btn{
padding: 2px 5px;
border-radius: 5px;
font-size: 12px;
text-transform: uppercase;
}
#top-users-panel-mobile .text-small{font-size: 10px;}
#top-users-winner-mobile>*{
-webkit-animation: scaleIn;
animation-name: scaleIn;
animation-duration: 0.5s;
animation-fill-mode: both;
transform: scale(0);
}
#top-users-winner-mobile img{width:50px!important;}
#top-users-winner-mobile h4{font-size: 12px; margin:0 0 5px 0}
#top-users-panel-mobile .connected-to{margin-top: -9px;}
#top-users-panel-mobile .top-users-dvd{width:100%}
#top-users-guider{ margin-left: -39px; margin-top: -10000px;}
#body-intro #top-users-guider{ margin-top: auto;}
#top-users-guider .fa-clone, .clone-icon{
border: solid 3px #333;
border-radius: 50px;
padding: 7px;
font-size: 20px;
font-weight: bold;
margin: 0px 35px -5px -60px;
}
.clone-icon{
font-size: 12px;
padding: 4px;
margin: 0px 6px 0px 0;
border-width: 2px;
position: relative;
top: -5px;
}
#guider-demo-shadow{width:100%; height: 100%; position:fixed; background: rgba(0, 0, 0, 0.25); top:0px; left:0px; z-index:10000}
#guider-demo-start, #guider-demo-start-mobile{padding: 0px!important; margin-top: -100%; max-width: 300px}
#body-intro #guider-demo-start{ margin-top: auto;}
#guider-demo-start h1, #guider-demo-start-mobile h1{padding: 10px 5px;color: #fff;margin: 0;position: relative;}
#guider-demo-start h1,#guider-demo-start .guiders_arrow>div,#guider-demo-start-mobile h1,#guider-demo-start-mobile .guiders_arrow>div, #guider-demo-start .arrow>div, #guider-demo-start-mobile .arrow>div{background: #555;}
#guider-demo-start p, #guider-demo-start-mobile p{margin-top:12px;}
#guider-demo-start i{ display: block; font-size: 40px;}
#guider-demo-start .btn{font-weight: bold}
#guider-demo-start .arrow, #guider-demo-start-mobile .arrow{
width: 30px;
height: 30px;
position: absolute;
overflow: hidden;
left: calc(50% - 15px);
bottom: -30px;
}
#guider-demo-start .arrow>div, #guider-demo-start-mobile .arrow>div{
width: 20px;
height: 20px;
transform: rotate(45deg);
left: 5px;
top: -15px;
position: absolute;
}
#guider-demo-start-mobile{
background:#fff;
border: solid 1px #555;
position: relative;
display: inline-block;
margin: 10px;
max-width: 200px
}
#guider-demo-balance-green{margin-top:-5px}
#guider-demo-balance-green, #guider-demo-balance-green .guiders_arrow>div{background: #558b2f;}
#guider-demo-balance-green h1{display:none}
#guider-demo-balance-green p{color: #fff; text-transform: uppercase; margin: 0;}
#guider-demo-balance-green span{color: #fff;display: inline-block;width: 240px;vertical-align: middle;}
#guider-demo-balance-green i{
background: #fff;
color: #558b2f;
font-size: 24px;
width: 30px;
height: 30px;
padding: 2px;
text-align: center;
border-radius: 20px;
vertical-align: sub;
margin-right: 10px;
vertical-align: middle;
}
#balance-text-demo{transition: color 1s;}
#balance-text-demo.blink{
animation-name: blink;
animation-duration: 0.75s;
animation-iteration-count: infinite;
color: #49ef63;
}
#modal-demo, #modal-demo-exit, #modal-no-balance{top: calc(50% - 150px)}
#modal-demo .modal-content, #modal-demo-exit .modal-content, #modal-no-balance .modal-content{max-width: 400px; margin:auto;}
#guider-demo-balance{ margin-top: -100%;}
#body-dashboard #guider-demo-balance{ margin-top: auto;}
#guider-demo-signal{ margin-top: -100%; margin-left: -90px;}
#guider-demo-signal .guiders_arrow{margin-left: 90px;}
#body-dashboard #guider-demo-signal{ margin-top: auto;}
#guider-demo-end{ margin-top: -100%;}
#body-dashboard #guider-demo-end{ margin-top: auto;}
.guider-step{margin: 0 3px 10px 3px; position: relative; top: -5px; color: #888;}
.guider-step.active{color: #fd6a00;}
.guider-demo{padding: 5px!important; max-width: 300px!important;}
.guider-demo span{color: #555;font-size: 14px;text-align: center;display: block;font-weight: bold;}
.ws-normal{white-space: normal}
.ws-nowrap{white-space: nowrap}
.height100{height:100%!important;}
.width100{width:100%!important;}
.width50{width:50%!important;}
.width-auto{width:auto!important;}
.padding-0{padding: 0px!important;}
.margin-0{margin:0px!important;}
.padding-10-20{padding: 10px 20px;}
.margin-5{margin-top:5px; margin-bottom: 5px;}
.margin-15{margin-top:15px;margin-bottom: 15px;}
.margin-auto{margin-left: auto; margin-right: auto}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mb-5{margin-bottom: 5px}
.mb-10{margin-bottom: 10px}
.mr-10{margin-right: 10px}
.ml-10{margin-left: 10px}
.mt--5{margin-top:-5px;}
.mb--5{margin-bottom:-5px;}
.mt--10{margin-top:-10px;}
.mb--10{margin-bottom:-10px;}
.pb-5{padding-bottom: 5px}
.pb-10{padding-bottom: 10px}
.text-bold{font-weight: bold}
.float-right{float: right}
.overflow-hidden{overflow: hidden}
.perspective{
perspective: 500px;
-webkit-perspective: 500px;
perspective-origin: center;
-webkit-perspective-origin: center;
}
.video-block{
width:100%;
margin: 15px auto;
overflow: hidden;
}
.video-block.fullwidth {
margin-left:-30px;
width: calc(100% + 60px);
}
.video-block>*{
max-width: 720px;
max-height: 410px;
width: 100%;
height: 546px;
}
.loader:before,
.loader:after,
.loader {
border-radius: 50%;
width: 2.5em;
height: 2.5em;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: loader 1.8s infinite ease-in-out;
animation: loader 1.8s infinite ease-in-out;
}
.loader {
color: rgba(255, 255, 255, 0.8);
font-size: 10px;
margin: 80px auto;
position: relative;
text-indent: -9999em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.loader:before {
left: -3.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loader:after {
left: 3.5em;
}
.loader:before,
.loader:after {
content: '';
position: absolute;
top: 0;
}
.btn .loader{
margin: 0px auto;
top: -25px;
}
.loader.small{margin-top: 0px; margin-bottom: 40px;}
.login-form select{cursor: pointer}
.login-form input, .login-form select{
background: #fff;
border: #ddd;
border-bottom: solid 1px #ddd;
box-shadow: inset 0px 1px 2px #888;
border-radius: 20px !important;
color:#999;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
.login-form select::-ms-expand {display:none}
.login-form .glyphicon{
width: 54px;
height: 54px;
line-height: 46px;
font-size: 22px;
color: #555;
}
.login-form #button-lang{
display:inline-block;
margin: 0px;
}
.login-form a{
margin: 10px 10px;
display: inline-block;
}
.alert{
border-radius: 0px;
border:none;
}
.alert-danger{
color: #ffffff;
background-color: rgba(255, 0, 0, 0.7);
font-weight: bold;
}
.alert-warning {
color: rgba(255,255,255,0.9);
background-color: rgba(255, 60, 60, 0.5);
text-align: left;
}
.alert-warning a{
color: #fd6a00;
text-decoration: underline;
}
.alert-success{
color: #60cc3e;
background-color: rgba(54, 255, 54, 0.1);
}
.steps-tooltip{
position: relative;
padding: 5px 20px;
font-style: italic;
background:transparent;
color: #444;
border-bottom: solid 1px rgba(255, 255, 255, 0.7);
}
.steps-tooltip>b{font-style: normal; font-size: 14px;}
.steps-tooltip>b:first-child{
font-style: normal;
margin-right: 20px;
font-size: 16px;
font-weight: normal;
color: #000;
}
.dvd{border-style: solid;border-color: rgba(0, 0, 0, 0.2);border-width: 0px;}
.dvd-right{border-right-width: 1px;}
.dvd-left{border-left-width: 1px;}
.dvd-bottom{border-bottom-width: 1px;}
.dvd-top{border-top-width: 1px;}
.pad-0{padding:0px}
.pad-5{padding:5px}
.pad-10{padding:10px}
.pad-15{padding:15px}
.pad-20{padding:20px}
.padt-0{padding-top:0px}
.padt-5{padding-top:5px}
.padt-10{padding-top:10px}
.padt-15{padding-top:15px}
.padt-20{padding-top:20px}
.padr-0{padding-right:0px}
.padr-5{padding-right:5px}
.padr-10{padding-right:10px}
.padr-15{padding-right:15px}
.padr-20{padding-right:20px}
.padb-0{padding-bottom:0px}
.padb-5{padding-bottom:5px}
.padb-10{padding-bottom:10px}
.padb-15{padding-bottom:15px}
.padb-20{padding-bottom:20px}
.padl-0{padding-left:0px}
.padl-5{padding-left:5px}
.padl-10{padding-left:10px}
.padl-15{padding-left:15px}
.padl-20{padding-left:20px}
.display-table{
display: table;
width:100%;
height: 100%;
vertical-align: top;
}
.display-row{
display: table-row;
width:100%;
height: 100%;
vertical-align: top;
}
.display-cell{
display: table-cell;
vertical-align: top;
}
.padding-5-10{
padding: 5px 10px;
}
.div-block{
background: #fff;
text-align: center;
padding: 10px 0;
margin: 10px 0px;
border: solid 1px #ddd;
box-sizing: border-box;
overflow: hidden;
position: relative;
border-radius: 4px;
vertical-align: top;
}
.div-block>h4{
color: #fff;
margin: -10px 0px 10px 0px;
font-size: 18px;
border-bottom: solid 1px rgba(255,255,255,0.1);
padding: 5px;
background: #999;
}
.div-block>h5{
margin: 0px;
font-size: 30px;
color: #333;
}
.div-block>.text-small{ font-size: 16px;}
.div-block.no-content{ padding:0px;}
.div-block.no-content>h4 {margin: 0px; border: none;}
.bg-color1{
background: #000;
}
.bg-color2{
background: #333;
}
.inline{display:inline-block}
.form-padding-5 .input-group{
padding: 5px 0px;
}
.feedback-list{
display:table;
border-spacing: 4px 0px;
}
.feedback-list>*{
display:table-cell;
padding: 5px;
width: 50%;
}
.feedback-list>*>*{
display: inline-block;
height:100%
}
.div-border{
width:100%;
border-bottom: solid 1px rgba(255,255,255,0.3);
}
.right-border-split{border-right:solid 1px rgba(255,255,255,0.1)}
.top-users-dvd{
margin:auto;
width: 80px;
height: 2px;
background: #ff8d3a;margin-bottom: 5px;
}
.button-trade-glow{
animation: glow;
-webkit-animation: glow;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-direction: alternate;
-webkit-animation-direction: alternate;
}
/*Override*/
.modal{z-index: 2050}
.modal-backdrop{z-index: 2040}
.form-control-feedback {z-index: 3;}
.row.row-flex{
display: flex;
}
.row.row-flex>*{
display: flex;
}
.panel{
background-color: #fff;
}
.panel-default {
border-color: #ddd;
}
.panel-default>.panel-heading{
color: #fff;
background-color: #555555;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #fff;
color: #000;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
border-top: 0;
vertical-align: middle;
}.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #ddd;
}
.guiders_close { padding: 0!important; margin: -12px 0 0 0; font-size: 20px;}
.guiders_arrow{overflow: hidden; background: none!important}
.guiders_arrow>div{width: 30px;
height: 30px;
background: #fff;
box-shadow: 0px 0px 7px #000;
transform: rotate(45deg);
left: 6px;
top: 28px;
position: absolute;
}
.guiders_arrow_up, .guiders_arrow_down{transform: scale(0.75, 1);}
.guiders_arrow_down>div{top: -15px;}
.guiders_arrow_left, .guiders_arrow_right{transform: scale(1, 0.75);}
.guiders_arrow_left>div{top: 6px; left: 26px;}
.form-control{
background-color: #fff;
border-color: #ccc;
color: #333;
border-radius: 0px;
transition: width,padding-left,padding-right;
transition-duration: 0.2s;
box-shadow: none;
}
.ng-validation-style .form-control.ng-invalid.ng-dirty.ng-touched{
border-color: #ff3731;
}
select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
cursor:pointer;
}
select.form-control::-ms-expand {
display: none;
}
.tooltip-arrow{border-top-color: #e64646!important;}
.tooltip-inner{background: #e64646;}
.input-group.input-hide>.form-control{
width:0px;
padding-left: 0px;
padding-right: 0px;
}
.input-group.input-hide>.input-group-addon{
width:100%;
}
.input-group-addon{
border-radius: 0px;
}
.btn-activate{
border: solid 6px #888;
width: 50px;
height: 50px;
border-radius: 100%;
padding: 8px 0px;
box-shadow: inset 0px -1px 5px rgba(255, 255, 255, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.3), 0px 0px 0px rgba(255, 255, 255, 0.5);
font-weight: bold;
color: #a7a7a7;
text-shadow: 0px 1px;
display: inline-block;
text-transform: uppercase;
margin: 5px;
cursor:pointer;
transition: all 0.3s;
}
.btn-activate.red.active{
border-color: #ea2e29;
color: #ff4742;
box-shadow: inset 0px -1px 5px rgba(234, 46, 41, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0px 0px 0px #ff1913;
}
.btn-activate.red:hover{
border-color: #ea2e29;
color: #ff4742;
box-shadow: inset 0px -1px 5px rgba(234, 46, 41, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.5), 0px 0px 15px #ff1913;
}
.btn-activate.green.active{
border-color: #8ccc4a;
color: #81c13f;
box-shadow: inset 0px -1px 5px rgba(149, 249, 45, 0.5), inset 0 1px 2px #fff, 0px 0px 10px #95f92d;
}
.btn-activate.green:hover{
border-color: #8ccc4a;
color: #81c13f;
box-shadow: inset 0px -1px 5px rgba(149, 249, 45, 0.5), inset 0 1px 2px #fff, 0px 0px 15px #95f92d;
}
.btn-group{
margin: 2px 0px;
cursor: pointer;
}
.btn-group>.active, .btn-group>*:hover{
position: relative;
}
.btn-group .btn-default{
color: #333;
border: solid 1px #ddd;
box-shadow: none;
background: linear-gradient(#fff,#eee);
}
.btn-group .btn-default.active{
color: #ffffff;
background: #ff8d39;
}
.btn-group.row-group {
display: table-row;
border-bottom: solid 1px #222;
box-shadow: 0px;
}
.btn{
border-radius: 0px;
transition: 0.3s all;
text-overflow: ellipsis;
overflow: hidden;
}
.btn:focus{
outline: none !important;
}
.btn-default{
color: #aaa;
background: #333;
background: linear-gradient(#333,#222);
border-color: #222;
box-shadow: 0px 2px 3px rgba(0,0,0,0.7), inset 0px 0px 0px rgb(253, 106, 0);
line-height: 18px;
}
.btn-default:hover,.btn-default:active, .btn-default:focus, .btn-default.active:focus, .btn-default:active:hover{
color: #fff;
background: #fe6e06;
}
.btn .loader, .btn .loader:before, .btn .loader:after{
height: 18px;
width: 18px;
}
.input-group-addon, .has-error .input-group-addon{
color: #aaa;
background: #eee;
background: linear-gradient(#fff,#eee);
}
.btn-bright{
color: #fff!important;
text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
background: #fd6a00;
/* box-shadow: 0px 2px 3px rgba(0,0,0,0.6); */
padding: 8px 20px;
}
.btn-bright:active:hover, .btn-bright:hover,.btn-bright:active, .btn-bright:focus, .btn-bright.active:focus{
color: #fff;
background: #ff8d3a;
}
.btn-bright.color2{
background: linear-gradient(#ff3500, #b54200);
background: -webkit-linear-gradient(#ff3500, #b54200);
}
.btn-bright.color2:active:hover, .btn-bright.color2:hover,.btn-bright.color2:active, .btn-bright.color2:focus, .btn-bright.color2.active:focus{
background: linear-gradient(to top,#ff3500, #b54200);
background: -webkit-linear-gradient(bottom,#ff3500, #b54200);
}
.btn-xl{
width:100%;
font-size: 26px;
white-space: normal;
line-height: initial;
padding: 15px 20px;
}
.btn-icon{
display: inline-table;
}
.btn-icon>*{
display: table-cell;
vertical-align: middle;
}
.btn-icon>i{
width:40px;
}
.btn-switcher{
display: inline-block;
height: 34px;
overflow: hidden;
margin-top: 10px;
margin-bottom: 0px;
position: relative;
width:120px;
border-radius:20px;
}
.btn-switcher>*{
height: 34px;
display: block;
width: 120px;
position: absolute;
float:left;
}
.btn-switcher li{
border-radius:20px;
box-shadow: inset 0px 2px 3px rgba(0,0,0,0.3);
-webkit-transition:opacity .25s ease-in-out;
-moz-transition:opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
}
.btn-switcher li:nth-child(1){
left: 0px;
padding-left:30px;
opacity:1;
}
.btn-switcher li:nth-child(1),
.btn-switcher li:nth-child(1):hover{
background:#c9302c;
border-color: transparent;
}
.btn-switcher li:nth-child(2){
left: 120px;
padding-right:30px;
opacity:.5;
}
.btn-switcher li:nth-child(2),
.btn-switcher li:nth-child(2):hover{
background:#449d44;
border-color: transparent;
}
.btn-switcher.active>li:nth-child(1) {
left: -120px;
opacity:.5;
}
.btn-switcher.active>li:nth-child(2) {
left: 0;
opacity:1;
}
.btn-switcher::before {
content: '';
display: block;
position: absolute;
cursor:pointer;
z-index: 1;
line-height: 34px;
text-indent: 40px;
height: 30px;
width: 30px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
top: 2px;
left:2px;
right:auto;
background: #fff;
-webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0),0 3px 3px rgba(0,0,0,.3);
-moz-box-shadow: 0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0),0 3px 3px rgba(0,0,0,.3);
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.btn-switcher.active::before {
left: calc(100% - 32px);
}
.btn-switcher:hover::before {
background: rgba(255,255,255,.9);
}
.icon-collapse{
transform: rotate(0deg);
transition:transform 0.3s;
-webkit-transition:transform 0.3s;
}
.collapsed .icon-collapse{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.color-green{color: #449d44;}
.color-red{color: #ff4444;}
.dropdown-backdrop{
opacity:0;
}
.modal-content{
border-radius: 0px;
}
.form-horizontal .has-feedback .form-control-feedback {
right:0px;
}
.broker-logo-dark{display: inline;}
.broker-logo-light{display: none;}
.pagination{
border-radius: 0px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{
border-radius: 0px;
}
.pagination>li>a{
color: #aaa;
background-color: #333;
border-color: transparent;
cursor: pointer;
transition: all 0.3s;
}
.pagination>li.active>a, .pagination>li.active>a:hover, .pagination>li.active>a:focus, .pagination>li>a:hover, .pagination>li>a:focus {
color: #fff;
background-color: #333333;
box-shadow: inset 0px -2px 0px rgb(253, 106, 0);
border-color: #333333;
}
.tab-header{
padding: 5px 10px;
border-bottom: solid 1px rgba(255,255,255,0.1);
font-size: 24px;
margin: 2px 10px;
}
.ng-animate-scale.ng-enter{
transition:all 0.5s;
transform: scale(0.3);
/*-webkit-transition-delay: 0.2s;*/
/*-moz-transition-delay: 0.2s;*/
/*-ms-transition-delay: 0.2s;*/
/*-o-transition-delay: 0.2s;*/
/*transition-delay: 0.2s;*/
}
.ng-animate-scale.ng-enter.ng-enter-active {
transform: scale(1);
}
.ng-animate-scale.ng-leave {
/*transition:all 0.2s;*/
/*transform: scale(1);*/
/*opacity: 1;*/
}
.ng-animate-scale.ng-leave.ng-leave-active {
/*opacity: 0;*/
}
.ng-animate-scale-out.ng-leave.ng-leave-active {
transform: scale(0.3);
}
.ng-animate-fade.ng-enter{
transition:opacity 0.5s;
opacity:0;
}
.ng-animate-fade.ng-enter.ng-enter-active {
opacity:1;
}
.ng-animate-fade.ng-leave {
}
.ng-animate-fade.ng-leave.ng-leave-active {
}
.ng-animate-fade.ng-leave.ng-leave-active {
opacity:0;
}
.anim-flip{
animation-name: flip;
animation-duration: 1s;
animation-fill-mode: backwards;
}
.anim-rotate{
animation-name: rotate;
animation-duration: 3s;
animation-fill-mode: backwards;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.anim-fadein{
animation-name: fadein;
animation-duration: 0.5s;
animation-fill-mode: backwards;
}
.anim-scalein{
animation-name: scaleIn;
animation-duration: 0.5s;
animation-fill-mode: both;
}
.anim-scaleout{
animation-name: scaleIn;
animation-duration: 0.5s;
animation-direction: reverse;
animation-fill-mode: both;
}
.anim-blink{
animation-name: blink;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-fill-mode: backwards;
}
.anim-jump{
animation-name: jump;
animation-duration: 1.5s;
animation-iteration-count: infinite;
animation-fill-mode: backwards;
}
.anim-heartbeat{
animation-name: heartbeat;
animation-duration: 1.5s;
animation-timing-function: ease;
animation-iteration-count: infinite;
animation-fill-mode: backwards;
}
.anim-pulse{
animation-name: pulse;
animation-duration: 3s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
.btn-broker-title{white-space: nowrap; color: #fff; text-transform: uppercase; font-weight: bold;}
.deposit-form-label{white-space: nowrap; font-size: 12px; padding: 14px 0px;}
.no-border{border:none;}
.no-border-radius{border-radius:0;}
.stars-rating{color:#FDCF01; font-size: 18px;}
.stars-rating .empty{color:#aaa;}
.dashboard-stats{margin: 5px 0}
.dashboard-stats i{font-size: 32px;background: #ff8d39;color: #fff;padding: 10px;width: 52px;height: 52px;}
.dashboard-stats .col-xs-8{height: 50px;border-bottom: solid 1px rgba(255,255,255,0.1);text-align: left;padding: 4px;}
.dashboard-stats b{font-size: 16px}
.signal-row{overflow: hidden;}
.signal-row.start-animation{animation: signalOverlayIn; animation-duration: 0.5s; animation-fill-mode: forwards;}
.signal-row h4{font-size: 14px;margin: 0px;font-weight:bold;padding: 5px 2px;}
.signal-row.remove{ animation: signalOverlayOut; animation-duration: 0.5s; animation-fill-mode: forwards;}
.signal-overlay{
color: #fff;
font-size: 40px;
text-transform: uppercase;
text-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
position: absolute;
width: 100%;
z-index: 1;
padding-top: 6px!important;
animation-name: scaleIn;
animation-duration: 0.5s;
}
.signal-overlay.won{background: rgba(88, 165, 33, 0.7);}
.signal-overlay.lost{background: rgba(251, 53, 53, 0.7);}
.signal-overlay>span{
display: block;
animation-delay: 0.2s;
animation-name: heartbeat;
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
}
.signal-row>div{height: 70px;padding: 0 1px 0 1px;margin-top: 10px;}
.signal-row>div>div, .signal-cell>div{background: rgba(0, 0, 0, 0.3);height: 100%;}
.signal-row>div>div div{ font-size: 22px; color:#fff; text-transform: uppercase}
.signal-row .signal-row-profit{ background: #84bf59;}
.signal-row .signal-row-profit h4, .signal-row .signal-row-profit div{ color: #333; }
.signal-row .signal-row-profit div{ font-size: 28px }
.signal-row .signal-row-time div{animation-duration: 1s;animation-delay: 0.25s;animation-timing-function: linear;}
.signal-row .signal-row-type {line-height: 16px}
.signal-row img{max-height: 36px; vertical-align: text-bottom;}
.signal-row .glyphicon-star{margin: 2px; font-size: 14px}
.signal-row .fa{margin: 0px 5px;}
.signal-row-mobile{margin-top: -10px; margin-bottom: -10px; overflow: hidden; height:200px}
.signal-row-mobile .stars-rating{margin: 0px 5px}
.signal-row-mobile img{width: 50px; margin-bottom: 20px}
.signal-row-mobile h4{font-size: 10px;margin: 0px;opacity: 0.6;padding: 2px 0px 10px 0px;}
.signal-row-mobile h3{font-size: 30px; margin: 10px 0 -2px 0px;}
.signal-row-mobile .signal-row-profit>div{font-size: 20px;}
.signal-cell{padding: 0 1px 0 1px;}
.signal-cell>div{text-transform: uppercase;font-size:16px;height: 60px;}
.signal-green{color: #98f159!important;transition: color 0.5s;}
.signal-red{color:#fa5a55!important;transition: color 0.5s}
.signal-color{color:#b2d663!important;transition: color 0.5s}
.btn-signal{color: #fff; white-space: normal; border-radius: 0px; background: linear-gradient(#84bf59,#449d44);text-shadow: -1px -1px 0px rgba(0,0,0,0.5); border:none;font-size: 16px!important;}
.btn-signal:hover{background: linear-gradient(to top,#84bf59,#449d44);box-shadow: none;}
/*BOA Form Style Start*/
#depositFormOld, #depositFormOld #form_container, #depositFormOld .jumbotron, #depositFormOld .panel, #depositFormOld .panel-heading, #depositFormOld .panel-body {
background: transparent;
box-shadow: none;
border-radius: 0;
border: none;
}
#depositFormOld{
max-width: 1000px!important;
}
#depositFormOld .boaforms-deposit .form-group {
margin-bottom: 10px;
}
#depositFormOld select, #depositFormOld input{
border-radius: 0px;
line-height: normal;
}
#depositFormOld .fa{margin: 0px 5px;}
.boa-deposit-form-container a {
color: #000!important;
}
/*BOA Form Style End*/
@media (max-width: 1024px) {
content-footer{
display:none;
}
#ng-view{
padding-bottom: 0px;
}
#button-incorrect{bottom:0px;}
.video-block{
width:100%;
height: 100%;
}
#video-lesson>div>div .btn{ font-size:14px}
#guider-demo-start{max-width: 250px!important; margin-left: -30px;}
}
@media (min-width: 768px) {
#ng-view{
height:100%;
}
}
@media (max-width: 767px) {
#sidebar-buttons,
#button-sidebar {
width: 150px;
}
html{overflow-x: hidden;}
content-top>div>div{
width:50%;
}
content-top .small{
font-size: 9px;
}
content-inner{font-size: 12px;}
sidebar{
display: block;
position: relative;
z-index: 2001;
}
sidebar.active{
width:0px;
max-width: 0px;
min-width:0px;
}
#login-logo{
max-height: 80px;
margin-bottom: 10px;
}
#sidebar-buttons>li>a{
padding: 10px 0px;
font-size: 12px;
text-align: inherit;
}
#sidebar-buttons>li>a>i{
font-size: 20px;
vertical-align: bottom;
margin: 0px 12px;
}
#sidebar-buttons>li>a>div{
display: inline-block;
vertical-align: middle;
}
#main-logo>div{min-height: initial}
#button-sidebar{
width: 40px;
max-width: 40px;
min-width: 40px;
font-size: 20px;
background: transparent;
}
#button-sidebar.active{
background: #fd6a00;
width:150px;
max-width:150px;
min-width: 150px;
}
#sidebar-buttons {
width: 150px;
transform: translateX(-150px);
-webkit-transform: translateX(-150px);
}
#tab-buttons>li>a{
font-size: 12px;
padding: 8px 0px 8px 20px;
}
#tab-buttons>li>a>i{
margin: 0px 4px 0 0;
}
#tab-buttons .tab-number {
width: 16px;
height: 16px;
line-height: 13px;
font-size: 11px;
}
#tab-buttons.with-steps .tab-title {
/*top:-2px;*/
}
#tab-buttons .tab-step {
top:-10px;
font-size: 9px;
}
#tab-buttons>li>a:after {
border-left: 16px solid;
border-top: 16px solid transparent;
border-bottom: 17px solid transparent;
right: -16px;
}
#tab-buttons>li>a:before {
border-left: 16px solid;
border-top: 16px solid transparent;
border-bottom: 17px solid transparent;
right: -17px;
}
#table-positions{
font-size: 9px;
}
#table-positions td{
padding: 4px 2px;
}
#guiders_overlay{
opacity:0.2!important;
}
#intro-steps .display-table {
padding: 20px 10px;
height: 110px;
}
#intro-steps .display-table:before {
display:none;
}
#intro-steps .display-table:after{
left: calc(50% - 15px);
bottom: -16px;
width: 30px;
height: 30px;
}
#intro-steps h4{font-size: 14px;}
#upsell-jumbotron h1>div:nth-child(1){font-size: 18px;}
#upsell-jumbotron h1>div:nth-child(2){font-size: 14px;}
#upsell-jumbotron h2{font-size: 16px;}
#upsell-jumbotron .btn-bright{font-size: 14px;height: 50px;}
#upsell-jumbotron h3{font-size: 18px;}
#sidebar-buttons .active.btn-arrow-down:after{
display:none;
}
#button-incorrect{/* margin-top: -58px; */}
#modal-approve{
width: 280px;
top: 50px;
left: calc(50% - 140px);
}
#video-container{display:block;}
#video-container>div{display:block;}
#video-container .video-container-left, #video-container .video-container-right{display:block}
#video-container .video-container-right {width: 100%;border:none;}
#video-lesson-list img {width: 100px;}
#video-lesson>iframe {height: 240px;}
#video-lesson>div>div{ bottom: 20px;}
#video-lesson>iframe{height:55vw}
#video-lesson>div i {font-size: 30px; left: calc(50% - 25px); width: 50px; height: 50px;}
#deposit-form input, #deposit-form select {height: 30px;font-size: 12px;padding: 5px;}
#deposit-form .form-control-feedback { width: 36px; height: 30px; line-height: 30px; }
#deposit-form>div>.text-uppercase, #deposit-form>div>.row { margin-top: 5px; font-size: 15px; }
#deposit-form>div div.text-uppercase {font-size: 10px;padding-bottom: 0px;}
#deposit-form select { padding-right:20px }
#deposit-form>div { margin-bottom: 5px; }
#deposit-form #credit-card-image { right: 4px; height: 22px; }
#guider-demo-balance-green, #guider-demo-balance{margin-left: 38px;}
#guider-demo-balance-green .guiders_arrow, #guider-demo-balance .guiders_arrow{margin-left: -38px;}
#guider-demo-balance-green span{width: 190px;font-weight: normal;}
#guider-demo-signal{margin-left: 0px;}
#guider-demo-signal .guiders_arrow{margin-left: 0px;}
.intro-step{
height: 80px;
margin: 20px 25px 20px 0px;
font-size: 10px;
}
.intro-step-img{
display: none!important;
}
.intro-step .display-cell{height: 80px;}
.intro-step-badge{
width: 250px;
height: 80px;
padding: 0 10px 0 24px;
}
.intro-step-badge>div{
height: 100px;
font-size: 30px;
transform: skewX(10deg);
}
.intro-step-badge>div>div{padding: 28px 10px;}
.intro-step-badge .display-cell{
height: 90px;
}
.intro-step-number{
height: 50px;
font-size: 24px;
padding: 6px 6px;
margin: 15px -2px;
}
.intro-step-corner>div{
width: 80px;
height: 80px;
right: 56px;
}
.intro-step-badge>div:before, .intro-step-badge>div:after {transform: skewX(-20deg);}
.intro-step-badge>div:before {left: -3px;}
.intro-step-badge>div:after {left: auto;right: -3px;}
.intro-step-badge i{transform: skewX(-10deg)}
.steps-tooltip{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 270px;
margin-left: auto;
margin-right: auto;
background: rgba(255, 47, 47, 0.3)!important;
}
.steps-tooltip:after{
position: absolute;
font-family: 'Glyphicons Halflings';
content: "\e114";
bottom: 2px;
right: 4px;
transition: transform 0.3s;
font-style: normal;
}
.steps-tooltip.active{
overflow: auto;
white-space: normal;
width: auto;
margin: 0px -15px 0 -15px;
}
.steps-tooltip.active:after{
transform: rotate(-180deg);
}
.video-block>*{
height: 220px;
}
.div-block>h4{
font-size:12px;
}
.div-block>h5{
font-size: 4vw;
}
.div-block>.text-small{
font-size: 12px;
}
.feedback-list>*{
display:table-row;
padding: 5px;
}
.feedback-list>*>*{
display: inline-block;
height:100%
}
.btn.small{font-size: 10px;}
.tab-header {font-size: 14px;}
.btn-xl {font-size: 18px;}
.form-horizontal .input-group.width100{
margin: -3px 0px;
}
.steps-tooltip>b:first-child{
display: none;
}
.alert {font-size: 12px;}
.signal-row>div>div div{ font-size: 12px; }
.signal-row>div>div h4{ font-size: 12px; text-transform: none}
.signal-row-asset .btn-signal{height: 50px!important;}
.signal-overlay{ left: 0px; top: 5px; height: 180px; padding: 75px 0!important; font-size: 24px; }
.signal-row-mobile.start-animation{animation: signalOverlayInMobile; animation-duration: 0.5s; animation-fill-mode: forwards;}
.signal-row-mobile.remove{ animation: signalOverlayOutMobile; animation-duration: 0.5s; animation-fill-mode: forwards;}
.guider-demo{max-width: 250px!important;}
#modal-approve .btn{width:auto}
}