@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}[tabindex="-1"]:focus{outline:0!important}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}
body {
    font-family: 'Open Sans', sans-serif;
    color: #535353;
    margin:0;
    padding:0;

}
#chart {
    border: 0;
    float: right;
    width: 100%;
    height: 100%;
}



.img-fluid {
    max-width: 100% !important;
    height: auto;
}

.form-control:focus {
    box-shadow: none;
}

.trading .login-inner-form .col-pad-0{
    padding: 0;
}

.trading .bg-img{
    background-size: cover;
    top: 0;
    width: 100%;
    background: #151a22;
    bottom: 0;
    min-height: 100vh;
    z-index: 999;
    opacity: 1;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trading .bg-color-7{
    top: 0;
    width: 100%;
    bottom: 0;
    opacity: 1;
    min-height: 100vh;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    background:#F7F7F7;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 70px;
}

.trading .login-inner-form{
    width: 100%;
}

.trading .btn-theme {
    border-radius: 3px;
    padding: 12px 30px 11px 30px;
    color: #fff;
    background: #00a875;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.trading .btn-theme:hover{
    background: #fff;
    color: #00a875;
    text-decoration: none;
}

.trading .login-inner-form.form-2{
    margin: 10% auto 30px;
}

.trading .login-inner-form .forgot{
   line-height: 45px;
    float: right;
    color: #717171;
}

.trading .login-inner-form p{
    color: #717171;
    margin-bottom: 0;
    font-size: 14px;
}

.trading .login-inner-form p a{
    color: #717171;
    font-weight: 500;
}
.trading .login-inner-form .thembo{
    margin-left: 4px;
}

.trading .login-inner-form h3 {
    margin: 0 0 20px;
    font-size: 25px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    color: #717171;
}

.trading .form-section{
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
}

.trading .form-box{
    width: 100%;
    text-align: center;
}

.trading .login-inner-form .form-group {
    margin-bottom: 25px;
}

.trading .login-inner-form .form-box {
    float: left;
    width: 100%;
    position: relative;
}

.trading .login-inner-form .input-text {
    font-size: 14px;
    outline: none;
    color: #616161;
    border-radius: 3px;
    font-weight: 500;
    border: 1px solid transparent;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}


.trading .login-inner-form .form-box input {
    float: left;
    width: 100%;
    padding: 11px 45px 11px 20px;
    border-radius: 50px;
}

.trading .login-inner-form .form-box i {
    position: absolute;
    top: 8px;
    right: 20px;
    font-size: 19px;
    color: #616161;
}

.trading .login-inner-form label{
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px;
}


.trading .login-inner-form .btn-md {
    cursor: pointer;
    padding: 10px 30px 9px 30px;
    height: 45px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    border-radius: 50px;
    color: #d6d6d6;
}

.trading .login-inner-form input[type=submit]:focus {
    outline: none;
    outline: 0 auto -webkit-focus-ring-color;
}

.trading .login-inner-form .btn-theme.focus, .btn-theme:focus {
    box-shadow: none;
}

.trading .login-inner-form .btn-theme {
    background: #00a875;
    border: none;
    color: #fff;
    width:100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.trading .login-inner-form .btn-theme:hover {
    background: #00855D;
}


.trading .informeson {
    color: #fff;
    margin: 0 35px 0;
}

.trading .informeson h3{
    margin-bottom: 30px;
    font-size: 40px;
    color: #bdbdbd;
}

.trading .informeson p{
    margin-bottom: 40px;
    font-size: 17px;
    color: #676767;
}

.trading .social-box ul{
    margin: 0;
    padding: 0;
}

.trading .social-box .social-list li {
    font-size: 16px;
    display: inline-block;
}

.trading .social-box .social-list li a {
    margin: 0 20px 5px 0;
    font-size: 17px;
    display: inline-block;
    color: #676767;
    text-decoration: none;
}

.trading .social-box .social-list li a:hover{
    color: #505050;
}

.trading .social-box{
    bottom: 40px;
    position: absolute;
    left: 65px;
}

.trading .none-2{
    display: none;
}

.trading .logo{
    top: 40px;
    position: absolute;
    left: 65px;
}

.trading .logo img{
    height: 30px;
}

.trading .logo-2 {
    display: none;
    height: 40px;
    margin-bottom: 15px;
}

.alert-box {
    color: #555;
    border-radius: 50px;
    font-size: 16px;
    margin-bottom:20px;
    padding: 10px 36px;
}
.error {
    background: #ffecec url(../img/error.png) no-repeat 10px 50%;
    border: 1px solid #f5aca6;
}


@media (max-width: 992px) {


    .trading .none-2{
        display: block;
    }

    .trading .login-inner-form h3 {
        font-size: 22px;
    }

    .trading .login-inner-form{
        max-width: 400px;
        padding: 30px;
        background: #fff;
        z-index:9;
    }

    .none-992{
        display: none!important;
    }

    .trading .login-inner-form h3 {
        margin: 0 0 40px;
    }

    .trading .bg-color-7 {
        padding:0;

    }
}
.lds-broker {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-broker div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #00a875;
    animation: lds-broker 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-broker div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}
.lds-broker div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}
.lds-broker div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}
@keyframes lds-broker {
    0% {
        top: 8px;
        height: 64px;
    }
    50%, 100% {
        top: 24px;
        height: 32px;
    }
}

.error {border: 1px solid #ef5350 !important;}
.error-message {color: #ef5350;padding-top:50px;}

@font-face{font-family:Flaticon;src:url(font/Flaticon.eot);src:url(font/Flaticon.eot?#iefix) format("embedded-opentype"),url(font/Flaticon.woff2) format("woff2"),url(font/Flaticon.woff) format("woff"),url(font/Flaticon.ttf) format("truetype"),url(font/Flaticon.svg#Flaticon) format("svg");font-weight:400;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:Flaticon;src:url(font/Flaticon.svg#Flaticon) format("svg")}}[class*=" flaticon-"]:after,[class*=" flaticon-"]:before,[class^=flaticon-]:after,[class^=flaticon-]:before{font-family:Flaticon;font-size:auto;font-style:normal;margin-left:0}.flaticon-lock:before{content:"\f100"}.flaticon-lock-1:before{content:"\f101"}.flaticon-forgot:before{content:"\f102"}.flaticon-login:before{content:"\f103"}.flaticon-key:before{content:"\f104"}.flaticon-password:before{content:"\f105"}.flaticon-lock-2:before{content:"\f106"}.flaticon-user:before{content:"\f107"}.flaticon-user-1:before{content:"\f108"}.flaticon-user-2:before{content:"\f109"}.flaticon-user-3:before{content:"\f10a"}.flaticon-user-4:before{content:"\f10b"}.flaticon-user-5:before{content:"\f10c"}.flaticon-user-6:before{content:"\f10d"}.flaticon-user-7:before{content:"\f10e"}.flaticon-user-8:before{content:"\f10f"}.flaticon-user-9:before{content:"\f110"}.flaticon-user-10:before{content:"\f111"}.flaticon-user-11:before{content:"\f112"}.flaticon-user-12:before{content:"\f113"}.flaticon-user-13:before{content:"\f114"}.flaticon-bank:before{content:"\f115"}.flaticon-museum:before{content:"\f116"}.flaticon-icon-1085260:before{content:"\f117"}.flaticon-cancel:before{content:"\f118"}.flaticon-icon-66455:before{content:"\f119"}.flaticon-cancel-1:before{content:"\f11a"}.flaticon-bank-1:before{content:"\f11b"}.flaticon-security:before{content:"\f11c"}.flaticon-tick:before{content:"\f11d"}.flaticon-check:before{content:"\f11e"}.flaticon-checked:before{content:"\f11f"}.flaticon-verified:before{content:"\f120"}.flaticon-error:before{content:"\f121"}.flaticon-cancel-2:before{content:"\f122"}.flaticon-chat:before{content:"\f123"}.flaticon-warning:before{content:"\f124"}.flaticon-error-1:before{content:"\f125"}.flaticon-shield:before{content:"\f126"}.flaticon-check-1:before{content:"\f127"}.flaticon-check-2:before{content:"\f128"}.flaticon-home:before{content:"\f129"}.flaticon-home-1:before{content:"\f12a"}.flaticon-home-2:before{content:"\f12b"}.flaticon-house:before{content:"\f12c"}.flaticon-house-1:before{content:"\f12d"}.flaticon-home-3:before{content:"\f12e"}.flaticon-home-4:before{content:"\f12f"}.flaticon-home-5:before{content:"\f130"}.flaticon-home-6:before{content:"\f131"}.flaticon-placeholder:before{content:"\f132"}.flaticon-placeholder-1:before{content:"\f133"}.flaticon-cloud:before{content:"\f134"}.flaticon-cloud-1:before{content:"\f135"}.flaticon-cloud-computing:before{content:"\f136"}.flaticon-cloud-2:before{content:"\f137"}.flaticon-global:before{content:"\f138"}.flaticon-wifi:before{content:"\f139"}