html, body{ font-size: 15px; }
@font-face {
    font-family: 'open_sans';
    src: url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans';
    src: url('/fonts/OpenSans-Italic-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;

}
@font-face {
    font-family: 'open_sans';
    src: url('/fonts/OpenSans-LightItalic-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;

}
@font-face {
    font-family: 'open_sans';
    src: url('/fonts/OpenSans-Light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'open_sans';
    src: url('/fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;

}
@font-face {
    font-family: 'open_sans';
    src: url('/fonts/OpenSans-Semibold-webfont.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;

}

html{
    height: 100%;
}
body{
    color: #f0f0f0;
    height: 100%;
    background-color: #49617D;
}
section{
    min-height: 100%;
    margin-bottom: -45px;
}
h1,h2,h3,h4,h5,h6{
    color: #F0FFFF;
}
h2 {
    font-size: 2.0rem;
    color: #F0FFFF;
}
h3 {
    color: #F0FFFF;
}

h4 {
    font-size: 1.5rem;
    color: #F0FFFF;
}

button.tiny,.button.tiny{
    padding:0.4rem 0.9rem;
    font-size:0.9rem
}
button, .button{
    padding: 0.5625rem 2rem 0.5rem;
}
.button.smallest{
    padding: 0.1rem 0.2rem;
    font-size: 0.8rem;
}
label{
    font-size: 1rem;
}
.logo{ float: left;margin-right: 0;margin-left: 0.3rem;width: 16.7rem;/*width: calc(50%  - 31.25rem - 15px);*/}
.langs{ float: right;margin-right: 1.8rem; }
.currency_list{
    color: #222222;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-right: 8px;
}
.content-container{
    margin-left: 17rem;
}
#sell{
    padding-left: 8px;
}
.currency_list li{
    height: 44px;
    line-height: 44px;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    -ms-transition: background 200ms linear;
    -o-transition: background 200ms linear;
    transition: background 200ms linear;
    cursor: pointer;
}
.currency_list.fade li{
    opacity: 0.8;
}
.currency_list li:hover, .currency_list li.hover{
    background-color: #d6d6d6;
    opacity: 1;
}
.currency_list li.selected{
    background-color: #9ac6d6;
    opacity: 1;
}
.currency_list .amount{
    display: inline-block;
    width: 20px;
    margin-right: 5px;
    margin-left: 5px;
    text-align: right;
    font-size: 0.9rem;
}
.currency_list.receive .amount{
    display: inline-block;
    min-width: 80px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: right;
}
.currency_list.receive .reserve{
    float: right;
    text-align: right;
    margin-right: 5px;
}
.currency_list.receive .exchange{
    margin: 5px 207px;
    position: absolute;
    min-width: 90px;
}
.select-header div{
    background: #142840;
    color: white;
}
.select-header{
    background: #DDDDDD;
    line-height: 40px;
    margin-bottom: 10px!important;
}
#select_gate{
    margin-bottom: 0.5rem;
}
.underline{
    text-decoration: underline;
}
.captcha-group{
    width: 400px;
}
.captcha-group input{
    width: 270px;
}
.captcha-group small.error{
    width: 270px;
}
.checking_input{
    position: absolute;
    width: 16px;
    height: 11px;
    background: url('/img/ajax-loader.gif') no-repeat;
}
.captcha-image{
    display: inline-block;
    cursor: pointer;
    width: 124px;
    height: 37px;
    vertical-align: top;
}
i.currency{
    height: 24px;
    width:  24px;
    line-height: 24px;
    position: relative;
    display: inline-block;
    background-image: url('/img/currencypng2.png');
    background-repeat: no-repeat;
    margin-right: 4px;
}
i.currency.btc{
    background-position: -24px;
}
i.currency.nxt{
    background-position: 0;
}
i.currency.pmusd{
    background-position: -48px;
}
i.currency.ltc{
    background-position: -72px;
}
i.currency.pmbtc{
    background-position: -96px;
}
i.currency.cardusd,i.currency.wireusd{
    background-position: -169px;
}
i.currency.cardeur, i.currency.wireeur{
    background-position: -144px;
}
i.currency.wcusd{
    background-position: -192px;
}
i.currency.wceur{
    background-position: -217px;
}
i.currency.dsh{
    background-position: -242px;
}
i.currency.eth{ background-position: -266px; }
i.currency.xmpp:hover{
    color: #222222;
}
i.currency.xmpp{
    background-position: -120px;
    margin-right: 20px;
    padding-top: 14px;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    margin-top: -11px;
    vertical-align: middle;
}
i.asset{
    background-color: #43AC6A;
    padding: 0.1rem 0.4rem;
    color: #ffffff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
table.rates{
    width: 100%;
    border: 0px none;
}
table.rates td{
    padding: 7px 0 7px 0.9375rem;
    line-height: 1.7rem;
}
table.rates tr.col_names th{
    line-height: 25px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
table.rates tr.col_names th:last-of-type{
    border-right: 0 none transparent;
}
table.rates th, th.header{
    text-align: left;
    background: #142840;
    line-height: 40px;
    padding: 0 0 0 0.9375rem;
    font-weight: normal;
    color: white;
}
table.history{
    width: 100%;
    border: 0px none;
}
table.history tbody tr:first-of-type td{
    height: 0.6rem;
    padding: 0;
}
table.history tbody tr:last-of-type td{
    height: 0.6rem;
    padding: 0;
}
table.history td{
    padding: 0.6rem 0.6rem 0.6rem 1.7rem;
    line-height: 1.7rem;
}
table.history.compact td{
    padding: 0.6rem 0.6rem 0.6rem 1rem;
    line-height: 1.7rem;
}
table.history tr.col_names th{
    text-align: center;
}
table.history tr.col_names th:last-of-type{
    border-right: 0 none transparent;
}
table.history th, th.header{
    text-align: left;
    background: #142840;
    line-height: 40px;
    padding: 0 0 0 0.9375rem;
    font-weight: normal;
    color: white;
}
.table-transparent{
    background-color: transparent;
}
.table-transparent td, .table-transparent th{
    color: #F0FFFF;
}
.table-transparent tr:nth-of-type(2n){
    background-color: rgba(0,0,0,.1);
}
table a{
    color: #008CBA;
}
table a:hover{
    color: #0078A0;
}
.countdown{ float: right;margin-top: -46px;width: 130px;height: 30px;padding: 5px!important; }
.countdown div { position: absolute;width: 120px; }
.countdown #default {
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.countdown #hover {
    opacity: 0;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.countdown:hover #default { opacity: 0; }
.countdown:hover #hover { opacity: 1; }
.transaction-splash{
    display: none;
    margin-bottom: 1.25rem;
    background-color: #ffffff;
    opacity: .8;
    height: calc(100% - 1.25rem);
    position: absolute;
    width: calc(100% - 0.9375rem);
    z-index: 99;
}
.transaction-splash #spinnerL{
    opacity: 1;
}
.transfer-form h3,.transfer-form h4, .transfer-form p{
    color: #222222;
}
.rates_equal{
    padding: 0 15px;
}
.state-input{
    margin: 0!important;
    height: 30px!important;
}
.state-input.warning{
    border-color: crimson;
    color: crimson;
}
.state-input.success{
    border-color: forestgreen;
    color: forestgreen;
}

.nav-bar{
    line-height: 40px;
    list-style: none;
    margin: 0;
    float: left;
    min-width: 39rem;
    max-width: 59.2rem;
    width: auto;
}
.nav-bar li{
    padding: 0 10px;
    display: inline-block;
}
.nav-bar li a{
    width: 100%;
    line-height: 40px;
    display: inline-block;
    color: #ffffff;
}
.nav-bar li:hover a, .nav-bar li.active a{
    color: #f89f34;
}
.nav-bar li:hover, .nav-bar li.active{
    background: #142840;
}
.footer-nav{
    float: left;
    height: 40px;
    list-style: none;
    margin: 0;
}
.footer-nav li{
    display: inline-block;
}
.footer-nav li a{
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
    color: #808080;
}
.footer-nav li a:hover{
    color: #f89f34;
}
footer{
    background: #000000;
    height: 45px;
    min-width:58rem;
}
footer.chat_fix{
    margin-bottom: 45px;
}
.footer-decorate{
    height: 5px;
    width: 100%;
    background: #E1F0F7;
}
.footer-decorate .fd_1{
    float: left;
    height: 5px;
    background: #5EB4D5;
    width: 5%;
}
.footer-decorate .fd_2{
    float: left;
    height: 5px;
    background: #A6DFF3;
    width: 10%;
}
.graphs_content{list-style: none;margin: 0 auto;height: 425px;}
.graphs_content > li{display: none;position: absolute;}
.graphs_content > li > h4{margin: 0;text-align: center;}
.graphs_content > li.active{display: list-item;}
.bid_or_ask_orders{
    background: transparent;
    border: 0 none transparent;
}
.bid_or_ask_orders td, .bid_or_ask_orders th{
    color: inherit;
    text-align: left;
    font-weight: normal;
    font-size: 100%;
}
.bid_or_ask_orders td{
    padding: 12px 0 0;
}
.bid_or_ask_orders th{
    padding: 7px 0 0;
}
.bid_or_ask_orders tr{
    color: #f0f0f0;
}
.bid_or_ask_orders tr.yellow{
    color: yellow!important;
}
.bid_or_ask_orders tr.green_text{
    color: #39ff39!important;
}
.bid_or_ask_orders tr.even, .bid_or_ask_orders tr:nth-of-type(2n){
    background: transparent;
}
.drop_shadow{
    -webkit-box-shadow: 3px 3px 1px 0 rgba(0,0,0,0.2);
    box-shadow: 3px 3px 1px 0 rgba(0,0,0,0.2);
}
.drop_shadow p, .drop_shadow h4{
    color: #4D4D4D;
}
.drop_shadow a:not(.button){
    color: #368A55;
    border-bottom: 1px dashed #368A55;
    display: inline-block;
    height: 1.4rem;
}
.drop_shadow a:not(.button):hover{
    color: #368A55;
}
.padding-box{
    padding: 1.875rem;
}
.red{
    color: crimson;
}
.green{
    color: forestgreen;
}
.gray{
    color: #595959;
}
.light-gray{
    color: #bdc3c7;
}
.progress{
    background-color: #43AC6A;
}
.progress .meter{
    -webkit-transition: width 500ms ease-out;
    -moz-transition: width 500ms ease-out;
    -ms-transition: width 500ms ease-out;
    -o-transition: width 500ms ease-out;
    transition: width 500ms ease-out;
    background-color: #2ecc71;
    min-width: 5px;
}
.progress .percents{
    color: #FFFFFF;
    display: block;
    position: relative;
    text-align: center;
    top: -19px;
    width: 100%;
}
.label.success{
    background: #43AC6A;
    border: 1px solid #43AC6A;
}
.label.alert{
    border: 1px solid #F04124;
}
.button-nxt{
    padding: 0.2625rem 1.5rem 0.2rem;
    font-size: 0.8rem;
    color: #f0f0f0;
}
.button-nxt:hover{
    color: #f0f0f0;
}
.button-nxt{
    border: 1px solid #008CBA!important;
}
.button-nxt.success{
    border: 1px solid #43AC6A!important;
}
.button-nxt.alert{
    border: 1px solid #F04124!important;
}
.button-nxt.disabled{
    color: #f0f0f0;
    opacity: 1!important;
    background-color: transparent!important;
}
.button-nxt.inactive{
    background-color: transparent;
}
.button-nxt:hover{
    background-color: #008CBA;
}
.button-nxt.success:hover{
    background-color: #43AC6A;
}
.button-nxt.alert.inactive:hover{
    background-color: #D42B0F;
}
.btn-dark{
    background-color: #142840;
}
.ticket{
    background-color: white;
    color: #595959;
    width: 100%;
    min-height: 100px;
    padding:10px;
    margin-bottom: 0.3rem;
    border-width: 0 0 0 0.4rem;
}
.ticket.client_message{
    border-left: 0.4rem solid #358854;
    margin-left: 0;
}
.ticket.support_message{
    border-left: 0.4rem solid #f89f34;
}
.ticket th{ width: 155px; vertical-align: top;font-weight: normal;text-align: right;}
.ticket .name{ font-size: 1.4rem;margin-bottom: 10px;}
.ticket .info{ font-size: 0.8rem;}
.ticket_input{resize: vertical;}
.ticket form{margin: 0;}
.ticket td{ padding: 0.8rem 4.9rem;}
#tx_ticket_noty {opacity: 0.9;margin-left: 24px;color: #368A55;display: none;}
.news_header{width: 100%;border: 0;margin: 35px 0;background-color: transparent;}
.news_header h3{font-size: 1.5rem;margin-bottom: 10px;color: #4ed083;}
.news_header span{font-size: 0.9rem;}
.news_body{padding-left: 30px;padding-right: 125px;padding-bottom: 10px;}
code{ border: 1px solid #ffffff; width: 100%;display: block; color: #ffffff;font-size: 0.8rem;}
.exchange-extra-terms{
    margin: 35px 0 25px;
}
/** Spinner animation */
#spinner{
    position:relative;
    width:30px;
    height:30px;
    margin: 0 auto;
}
ul.dashed {list-style: none;}
ul.dashed li:before{ content:"―"; position:relative; left:-12px;color: #22B14C}
ul.dashed li{ text-indent:-5px;margin-bottom: 5px; }
ol.hierarchy {counter-reset: section;list-style-type: none;margin-left: 0px;}
ol.hierarchy ol {margin-left: 1.4rem;}
ol.hierarchy li {counter-increment: section;}
ol.hierarchy li:before  { content: counters(section, ".") ". "; }
a{color: #ffffff;text-decoration: none;}
section > .content-container > p > a, a.stylized_url {
    font-size: 0.9rem;
    border-bottom: 1px dashed #ffffff;
    color: #ffffff;
    display: inline-block;
    height: 1.3rem;
}
a:hover,a:focus{color: #ecf0f1;text-decoration: none;}
.spinner-active .circularG{
    position:absolute;
    background-color: #595959;
    width:7px;
    height:7px;
    -moz-border-radius:5px;
    -moz-animation-name:bounce_circularG;
    -moz-animation-duration:0.48s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -webkit-border-radius:5px;
    -webkit-animation-name:bounce_circularG;
    -webkit-animation-duration:0.48s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -ms-border-radius:5px;
    -ms-animation-name:bounce_circularG;
    -ms-animation-duration:0.48s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -o-border-radius:5px;
    -o-animation-name:bounce_circularG;
    -o-animation-duration:0.48s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    border-radius:5px;
    animation-name:bounce_circularG;
    animation-duration:0.48s;
    animation-iteration-count:infinite;
    animation-direction:linear;
}

#circularG_1{
    left:0;
    top:12px;
    -moz-animation-delay:0.18s;
    -webkit-animation-delay:0.18s;
    -ms-animation-delay:0.18s;
    -o-animation-delay:0.18s;
    animation-delay:0.18s;
}

#circularG_2{
    left:3px;
    top:3px;
    -moz-animation-delay:0.24s;
    -webkit-animation-delay:0.24s;
    -ms-animation-delay:0.24s;
    -o-animation-delay:0.24s;
    animation-delay:0.24s;
}

#circularG_3{
    top:0;
    left:12px;
    -moz-animation-delay:0.3s;
    -webkit-animation-delay:0.3s;
    -ms-animation-delay:0.3s;
    -o-animation-delay:0.3s;
    animation-delay:0.3s;
}

#circularG_4{
    right:3px;
    top:3px;
    -moz-animation-delay:0.36s;
    -webkit-animation-delay:0.36s;
    -ms-animation-delay:0.36s;
    -o-animation-delay:0.36s;
    animation-delay:0.36s;
}

#circularG_5{
    right:0;
    top:12px;
    -moz-animation-delay:0.42s;
    -webkit-animation-delay:0.42s;
    -ms-animation-delay:0.42s;
    -o-animation-delay:0.42s;
    animation-delay:0.42s;
}

#circularG_6{
    right:3px;
    bottom:3px;
    -moz-animation-delay:0.48s;
    -webkit-animation-delay:0.48s;
    -ms-animation-delay:0.48s;
    -o-animation-delay:0.48s;
    animation-delay:0.48s;
}

#circularG_7{
    left:12px;
    bottom:0;
    -moz-animation-delay:0.54s;
    -webkit-animation-delay:0.54s;
    -ms-animation-delay:0.54s;
    -o-animation-delay:0.54s;
    animation-delay:0.54s;
}

#circularG_8{
    left:3px;
    bottom:3px;
    -moz-animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
    -ms-animation-delay:0.6s;
    -o-animation-delay:0.6s;
    animation-delay:0.6s;
}

@-moz-keyframes bounce_circularG{
    0%{
        -moz-transform:scale(1)}

    100%{
        -moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
    0%{
        -webkit-transform:scale(1)}

    100%{
        -webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
    0%{
        -ms-transform:scale(1)}

    100%{
        -ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
    0%{ -o-transform:scale(1)}
    100%{ -o-transform:scale(.3)}
}

@keyframes bounce_circularG{
    0%{ transform:scale(1) }
    100%{ transform:scale(.3) }
}

/** Large spinner */
#spinnerL{
    margin: 0 auto;
    position:relative;
    width:128px;
    height:128px}

.circularL{
    position:absolute;
    background-color:#636363;
    width:29px;
    height:29px;
    -moz-border-radius:19px;
    -moz-animation-name:bounce_circularG;
    -moz-animation-duration:0.88s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -webkit-border-radius:19px;
    -webkit-animation-name:bounce_circularG;
    -webkit-animation-duration:0.88s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -ms-border-radius:19px;
    -ms-animation-name:bounce_circularG;
    -ms-animation-duration:0.88s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -o-border-radius:19px;
    -o-animation-name:bounce_circularG;
    -o-animation-duration:0.88s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    border-radius:19px;
    animation-name:bounce_circularG;
    animation-duration:0.88s;
    animation-iteration-count:infinite;
    animation-direction:linear;
}

#circularL_1{
    left:0;
    top:50px;
    -moz-animation-delay:0.33s;
    -webkit-animation-delay:0.33s;
    -ms-animation-delay:0.33s;
    -o-animation-delay:0.33s;
    animation-delay:0.33s;
}

#circularL_2{
    left:14px;
    top:14px;
    -moz-animation-delay:0.44s;
    -webkit-animation-delay:0.44s;
    -ms-animation-delay:0.44s;
    -o-animation-delay:0.44s;
    animation-delay:0.44s;
}

#circularL_3{
    top:0;
    left:50px;
    -moz-animation-delay:0.55s;
    -webkit-animation-delay:0.55s;
    -ms-animation-delay:0.55s;
    -o-animation-delay:0.55s;
    animation-delay:0.55s;
}

#circularL_4{
    right:14px;
    top:14px;
    -moz-animation-delay:0.66s;
    -webkit-animation-delay:0.66s;
    -ms-animation-delay:0.66s;
    -o-animation-delay:0.66s;
    animation-delay:0.66s;
}

#circularL_5{
    right:0;
    top:50px;
    -moz-animation-delay:0.77s;
    -webkit-animation-delay:0.77s;
    -ms-animation-delay:0.77s;
    -o-animation-delay:0.77s;
    animation-delay:0.77s;
}

#circularL_6{
    right:14px;
    bottom:14px;
    -moz-animation-delay:0.88s;
    -webkit-animation-delay:0.88s;
    -ms-animation-delay:0.88s;
    -o-animation-delay:0.88s;
    animation-delay:0.88s;
}

#circularL_7{
    left:50px;
    bottom:0;
    -moz-animation-delay:0.99s;
    -webkit-animation-delay:0.99s;
    -ms-animation-delay:0.99s;
    -o-animation-delay:0.99s;
    animation-delay:0.99s;
}

#circularL_8{
    left:14px;
    bottom:14px;
    -moz-animation-delay:1.1s;
    -webkit-animation-delay:1.1s;
    -ms-animation-delay:1.1s;
    -o-animation-delay:1.1s;
    animation-delay:1.1s;
}

@-moz-keyframes bounce_circularL{
    0%{
        -moz-transform:scale(1)}

    100%{
        -moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularL{
    0%{
        -webkit-transform:scale(1)}

    100%{
        -webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularL{
    0%{
        -ms-transform:scale(1)}

    100%{
        -ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularL{
    0%{
        -o-transform:scale(1)}

    100%{
        -o-transform:scale(.3)}

}

@keyframes bounce_circularL{
    0%{
        transform:scale(1)}

    100%{
        transform:scale(.3)}

}

.langs a{
    float: left;
    margin-top: 8px;
    margin-left: 5px;
}
.icon-lang{
    display: inline-block;
    width: 24px;
    height: 24px;
    opacity: 0.6;
    background-image: url('../img/langs.png');
    background-repeat: no-repeat;
}
.icon{
    display: inline-block;
    width: 24px;
    height: 22px;
    vertical-align: bottom;
    background-image: url('../img/icons.png');
    background-repeat: no-repeat;
    margin-right: 10px;
}
.icon-lang.en{background-position: 0 0;}
.icon-lang.se{background-position: -24px 0;}
.icon-lang.de{background-position: -48px 0;}
.icon-lang.fr{background-position: -72px 0;}
.icon-lang.cn{background-position: -96px 0;}
.icon-lang.ru{background-position: -120px 0;}
.icon-lang.selected, .icon-lang:hover{opacity: 1}
.icon-retry{background-position: 0px 0; width: 16px}
.icon-star{background-position: -22px 0}
.icon-clock{background-position: -46px -23px}
.icon-info{background-position: 0 -23px}
.icon-ok{background-position: -24px -23px}
.icon-plus{background-position: -68px 1px}
.icon-doc{background-position: -65px -21px}
.icon-disk{background-position: -23px -44px}
.icon-maximize{background-position: 0 -45px}
.icon-chat{background-position: /*0 -45px*/ -67px -43px;}
.icon-exit{background-position: -46px -43px}
.icon-print{background-position: 0px -43px}
.icon-delete{background-position: -67px -22px}
.icon-favorite{background-position: -22px -68px}
.icon-empty{background-image: none;}
.icon-arrow{
    background-position: -3px -68px;
    margin: 0;
    width: 18px;
}
.alert-box.referral{
    height: 170px;
    left: 16rem;
    position: fixed;
    top: calc(50% - 85px);
    width: 43rem;
    z-index: 99;
}
.has-tip {
    border-bottom: 0 none;
    color: inherit;
    cursor: pointer;
    font-weight: normal;
}
.has-tip:hover, .has-tip:focus{
    border: 0 none;
    color: #ffffff;
}
.popup-tip{
    border: 1px solid rgba(189, 195, 199, 1);
    width: 16px;
    height: 16px;
    display: inline-block;
    text-align: center;
    margin-left: 3px;
    line-height: 14px;
    font-size: 13px;
    padding: 0 0 0 5px;
    font-style: normal;
    opacity: 0.5;
    border-radius: 10px;
}
.drop_shadow a.popup-tip{
    border: 1px solid rgba(189, 195, 199, 0.3);
    height: 16px;
    width: 16px;
    padding: 0;
}
h3 a.popup-tip{
    padding: 0;
    vertical-align: middle;
}
.doc_preview{ width: 150px;margin-bottom: 0.5625rem;margin-left: 44px;box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.1)}
.popup-tip:focus, .popup-tip:hover{ opacity: 1; border: 1px solid rgba(189, 195, 199, 0.3);background-color: rgba(255, 255, 255, 0.10);}
.tx_log_row{padding-top:10px;padding-bottom: 3px;padding-left: 10px;margin-left: -10px}
.tx_log_row:nth-of-type(2n){background-color: #F9F9F9;}
/* fontello */

@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?87920970');
    src: url('../fonts/fontello.eot?87920970#iefix') format('embedded-opentype'),
    url('../fonts/fontello.woff?87920970') format('woff'),
    url('../fonts/fontello.ttf?87920970') format('truetype'),
    url('../fonts/fontello.svg?87920970#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="ico-"]:before, [class*=" ico-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    margin-left: .2em;

}

.ico-up:before { content: '\e800'; } /* '' */
.ico-down:before { content: '\e802'; } /* '' */
#toggle_logs{
    margin-top: -7px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #49617D;
}
#toggle_logs:hover{
    background-color: #49617D;
    color: #FFFFFF;
}
.alert-url{
    border-bottom: 1px dashed #222222;
    color: #222222;
    display: inline-block;
    height: 1.4rem;
}
.alert-url:hover, .alert-url:focus{
    border-bottom-color: #5EB4D5;
    color: #5EB4D5;
}
.alert-url.light{
    color: #ffffff;
    border-color: #ffffff;
}
.well{
    border: 1px solid #43AC6A;
    padding: 1.25rem;
}
.well-gold{
    border: 1px dashed #B69E82;
    padding: 1rem 2rem;
}
.well-green{
    border: 1px dashed #43AC6A;
    padding: 1rem 2rem;
}
.well h5{
    color: #222222;
}
.infinite{
    background-image: url("../img/infinite.png");
    width: 23px;
    height: 23px;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
}
.alert-box-inverted{
    background: #ffffff!important;
    color: #222222!important;
}
.extra-terms{
    resize: none;
    font-size: 0.8rem;
    font-family: inherit;
    background-color: #ffffff!important;
    color: #222222;
    padding: 10px;
    margin: 0 0 1rem;
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: 0 0 0 0 #ffffff;
    box-shadow: 0 0 0 0 #ffffff;
}
.extra-terms b{
    color: blue;
}
.reveal-modal, .reveal-modal h2, .reveal-modal h3{
    color: #222222;
}
#updateAmount{
    width: 50%;
    margin-left : -25%;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin-bottom: -5px;
}
.fileUpload input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.label.warning{
    background-color:#f08a24;
    border-color:#de770f;
    color:#fff
}
.profile_table{

}
.profile_table th{
    text-align: left;
}
.table-clear{
    background-color: transparent;
    border: 0 none transparent;
}
.table-clear td, .table-clear th{ background-color: transparent;}
.table-clear tr:nth-of-type(2n){ background-color: transparent;}
table.considered td, table.considered th{ padding: 0.1rem; }
table.considered td.divide{ height: 0.5rem; }
.add_form_field{
    margin-bottom: 0;
    white-space: nowrap;
    cursor: pointer;
}
.upload_file_label{
    margin-top: 1rem;
}
.activator{
    line-height: 40px;
    width: 100%;
    height: 45px;
    text-align: center;
    background: #000000;
    cursor: pointer;
    border-top: 4px solid #43AC6A;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
}
.activator i{
    vertical-align: middle;
}
.activator:hover{
    color: #43AC6A;
}
.chat_window{
    display: none;
    width: 100%;
    height: calc(100% - 45px);
    position: fixed;
    bottom: 45px;
    left: 0;
    border: 35px solid #000;
    border-bottom-width: 75px;
}
.chat_window .chat_messages{
    height: calc(100% - 70px);
    background: #fff;
    overflow: auto;
    padding: 0.675rem;
}
.chat_window .chat_input{
    height: 70px;
    display: block;
    width: 100%;
    resize: none;
    background: #F5F5F5;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2) inset;
    padding: 0.675rem;
    font-size: 1rem;
    border: 0;
    box-sizing: border-box;
    margin: 0;
}
.chat_window .chat_input:focus{
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.4) inset;
}

.chat_window .chat_messages .msg{
    display: block;
    width: 100%;
    color: #222222;
    padding: 5px;
    margin-bottom: 0;
    font-size: 1rem;
}
.chat_window .chat_messages .line { width:100%; padding: 0 5px; border-bottom: 1px solid #F5F5F5;margin-bottom: 5px}
.chat_window .chat_messages .line:first-of-type { border: 0 none; padding-bottom: 10px; }
.chat_window .chat_messages .line.own { margin-left: 20px;width: calc(100% - 20px);}
.chat_window .chat_messages .msg span{ display: block;}
.chat_window .chat_messages .msg.own .sender{ color: #49617D; }
.chat_window .chat_messages .msg .sender{ color: #43AC6A; width: calc(100% - 125px);height: 23px; }
.chat_window .chat_messages .msg.own .sender{ padding-left: 20px;}
.chat_window .chat_messages .msg .message{ display: block; width: calc(100% - 125px); padding-bottom: 3px; }
.chat_window .chat_messages .msg.own .message{ padding-left: 20px;}
.chat_window .chat_messages .msg .date{ text-align: right;width: 125px;float: right;font-size: 0.8rem;height: 20px;line-height: 20px;color: rgba(34, 34, 34, 0.4); }
.expand-button {
    float: right;
    padding-right: 8px;
    padding-left: 16px;
    background-image: url('../img/icons.png');
    background-repeat: no-repeat;
    background-position: -74px -43px;
    font-size: 0.7rem;
    line-height: 16px;
    display: block;
    opacity: 0.8;
    cursor: pointer;
    color: #494949;
    text-shadow: 1px 1px 0 #ffffff;
}
.expand-button:hover{
    opacity: 1;
}
.label_new{
    background-color: transparent;
    border: 0 none #008CBA;
    color: #d1772e;
    font-size: 0.8rem;
    padding: 0.2rem 0.4rem 0.25rem;
    height: 22px;
}
.label_new.warning{
    border: 0 none #F08A24;
    background-color: transparent;
    color: #03a9f4;
}
.label_new.success{
    border: 0 none #43AC6A;
    background-color: transparent;
    color: #d1772e;
}
.label_new.green{
    color: #43AC6A;
}
#chat_new_messages .no_messages{display: inline-block;}
#chat_new_messages .messages_exist{display: none;}
#chat_new_messages.active .no_messages{display: none;}
#chat_new_messages.active .messages_exist{display: inline-block;}
#chat_new_messages .messages_exist{
    display: none;
    animation: new_messages 2s infinite ease;
}
@keyframes new_messages {
    0% {color: #ffffff;}
    50% {color: #43AC6A;}
    100% {color: #ffffff}
}
.chat_buttons{
    display: block;
    width: 100%;
    height: 35px;
    margin-top: 27px;
}
.chat_buttons a{color:#FFFFFF;margin: 0 15px 0 20px;height: 22px;}
.chat_buttons a:hover{ color: #43AC6A}
.dashed-line{
    float: left;
    width: 36%;
    margin-top: 18px;
    border-bottom: 1px dashed #61B982;
}
.show_invoice{cursor: pointer;}
.show_invoice:hover{background-color: #e6f4fc}
.form_tip{
    color: #222222;
    font-size: 80%;
    margin-top: -12px;
}
.button-nxt.large{
    padding: 0.45rem 1.6rem 0.35rem;
    font-size: 1rem;
}
.profile_submenu{
    display: none;
    position: absolute;
}
#profile_menu{padding-left: 0.9375rem;padding-bottom: 0.1rem}
#profile_submenu{padding-bottom: 0.9375rem;padding-left: 0.9375rem;}
#profile_menu a{
    margin-bottom: 0.7rem;
    margin-right: 0.9375rem;
}
#profile_submenu .profile_submenu a:not(:last-of-type){
    margin-right: 0.9375rem;
}
.crown-icon{
    width: 22px;
    vertical-align: top;
}
.accounts_list{
    list-style: none;
    color: #555555;
}
a.account_select.active{border-bottom: 0 none;cursor: default;color: #555555}
a.account_select.active:hover{color: #555555}
.accounts_list .icon-favorite{margin-left: -28px;margin-right: 0}
.accounts_list .icon-favorite.make_default{
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.accounts_list li:hover .icon-favorite.make_default{visibility: visible;opacity: 0.5}
.accounts_list li:hover .icon-favorite.make_default:hover{opacity: 1}
button.account_select.active{cursor: default;background-color: #737373;border-color: #737373!important;}
button.account_select.active:hover{background-color: #737373;border-color: #737373!important;}
ul.pagination li a {border-radius: 0;color: #ffffff}
ul.pagination li a:hover {color: #222222}
ul.pagination li.current a{background-color: #142840;}
ul.pagination li.current a:hover{background-color: #142840;color: #ffffff}
ul.pagination li.unavailable a{color: #999;}
.profile_editable .profile_edit_link{
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.profile_editable:hover .profile_edit_link{ opacity: 1;}
.splash{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;display: none;}
.splash .splash-frame{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.51)}
#splash_close{text-align: center;}
#inv_splash_inner{width: 1000px;height: 560px;background-color:#000000;display: inline-block;border: 25px solid #000000;}
.splash .splash_content{background-color: #ffffff;padding: 25px;text-align: left}
#splash_target form > div{
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.done_step{height: auto;display: none;vertical-align: middle;}
.account_block{
    background-color: #ffffff;
    width: 47%;
    box-sizing: border-box;
    float: left;
    margin: 0 3% 3% 0;
    height: 300px;
}
.account_block table { margin: 0 }
.account_block table tr:first-of-type th, .account_block table tr:first-of-type td{ padding-top: 0;}
.account_block table th, .account_block table td{
    font-weight: normal;
    text-align: left;
    padding: 0.2813rem 0.5625rem 0.2813rem 0;
}
.add_account_block{
    background-color: rgba(255, 255, 255, 0.31);
    cursor: pointer;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.add_account_block:hover{
    opacity: 1;
}
.add_account_block table{
    width: 100%;
    height: 100%;
    margin: 0;
}
.add_account_block table td{ text-align: center;color: #ffffff;}
.dropdown_menu{
    display: inline-block;
    height: 32px;
    padding-left: 12px;
    float: right;
    text-align: center;
    line-height: 1.6rem;
    color: #919599;
    cursor: pointer;
}
.dropdown_menu .fa-bars{
    width: 32px;
    height: 32px;
    padding-top: 8px;
    margin-top: -8px;
}
.dropdown_menu:hover { color: #4D4D4D }
.dropdown_menu:hover .fa-bars{
    background: rgba(0, 0, 0, 0.05);
}
.f-dropdown .divider, .f-dropdown .divider:hover{
    height: 1px;
    background-color: #CCC;
    margin: 5px 5%;
    cursor: default;
}
.f-dropdown{
    -webkit-box-shadow: 3px 3px 1px 0 rgba(0,0,0,0.06);
    box-shadow: 3px 3px 1px 0 rgba(0,0,0,0.06);
}
.add_account_steps {display: none;}
.add_account_block_form{ background-color: #ffffff;width: 100%;height: 100%; color: #4D4D4D;cursor: default}
.add_account_block .steps{ color: #555555; display: inline-block; float: right;font-size: 80%}
.add_account_block h4 { float: left; display: inline-block;line-height: unset;margin-top: 0}
input.invalid, select.invalid{
    border-color: #cf2a0e;
    box-shadow: 0 1px 2px rgba(255, 0, 0, 0.10) inset;
}
.user_payments_profile.inactive i{ opacity: 0.4 }
.user_payments_profile.inactive i:hover{ opacity: 1 }
.tx_header{
    color: #222;
}
.btc_guarantee .icon-clock{ height: 22px; margin: 0;}
.drop_shadow .has-tip:hover{ color: #008CBA; }
.exch_ticket_btn{
    margin: 1rem auto;
}