.spot-content, .spot-content:before, .spot-content:after, .spot-content *, .spot-content *:before, .spot-content *:after{box-sizing: border-box;}

m{vertical-align: middle; display: inline-block;}
.nothing{opacity: 0.4; pointer-events: none;}
.inline{display: inline-block; width: inherit;}

.spot-buysell{}

.select2-custom .select2-container--open{z-index: 1;}
.select2-custom .select2-selection--single{border-color: #dbdbdb !important; height: 46px !important; font-size: 14px; text-align: left;}
.select2-custom .select2-selection--single .select2-selection__rendered{color: #7B7B7B !important; line-height: 46px !important;}
.select2-custom .select2-selection--single .select2-selection__arrow{height: 44px !important;}
.select2-custom.select2-container--default{max-width: 100% !important; margin: 0 auto !important; display: block !important; width: 100% !important;}
.select2-custom .select2-dropdown{border-color: #dbdbdb !important;}
.select2-custom .select2-selection--single:hover, .select2-custom .select2-selection--single:focus{border-color: #d6d6d6 !important; box-shadow: none !important;}

.spot-graph{}
.spot-graph__one{width: 100%; margin-right: 20px;}
.spot-graph__one:last-child{margin-right: 0px;}
.spot-graph__one img{display: block; margin: 0 auto; max-width: 100%;}
.spot-graph__instrument{margin: -10px;}
.spot-graph__instrument__one{position: relative; width: calc(100%/3 - 20px); position: relative; margin: 10px;}
.spot-graph__line{margin-bottom: 20px;}
.spot-graph__line:last-child{margin-bottom: 0px;}
.spot-graph__line2{margin-bottom: 40px;}
.spot-graph__line2:last-child{margin-bottom: 0px;}
.spot-graph__currency{}
.spot-graph__currency .currency{text-transform: uppercase; color: #908E8E; font-size: 15px; position: absolute; top: calc(50% - 10px); right: 12px;}
.spot-graph__currency .question{position: absolute; top: calc(50% - 6px); right: 12px;}
.spot-graph__currency input{padding-right: 47px;}
.spot-graph__best{font-size: 14px;}
.spot-graph__offer{font-size: 14px; color: #989898;}

.spot-revert__currency{background: #f8f8f8; border-radius: 50px; padding: 10px 20px; display: inline-block; color: #CE3026; cursor: pointer; font-size: 12px;}
.spot-revert__currency:hover{background: #ededed;}
.spot-revert__currency m{margin-right: 10px;}
.spot-revert__currency m:last-child{margin-right: 0px;}

.spot-select{margin: 20px -5px;}
.spot-select__one{max-width: 220px; width: 100%; margin: 5px; position: relative;}
.spot-select__input li.disabled{display: none;}
.spot-select__input label{color: #A4A4A4; font-weight: normal; position: absolute; top: -8px; left: 5px; background: #ffffff; display: block; z-index: 10; padding: 0px 7px; font-size: 12px;}
.spot-select__input .btn{background: transparent; border: 1px solid #DBDBDB; box-shadow: none; height: 46px; padding: 12px; color: #7B7B7B; padding-right: 31px;}
.spot-select__input .btn.active, .spot-select__input .btn.focus, .spot-select__input .btn:active, .spot-select__input .btn:focus, .spot-select__input .btn:hover, .spot-select__input .open>.dropdown-toggle.btn{background: transparent; border: 1px solid #dbdbdb; box-shadow: none; outline: none !important;}
.spot-select__one__full {margin: 0px;}
.spot-select__one__full .spot-select__one{max-width: 100%; margin: 0px;}
.spot-select__one__full .btn{max-width: 100% !important;}
.spot-select__input .caret{right: 12px !important;}

.spot-select__input input{border: 1px solid #DBDBDB; background: transparent; padding: 14px 8px; border-radius: 4px; color: #7B7B7B; width: 100%; display: block; font-size: 14px;}
.spot-select__input input:hover, .spot-select__input input:focus, .spot-select__input input:active{color: #000;}

.spot-select__input textarea{border: 1px solid #dbdbdb; background: transparent; padding: 13px 12px 12px 12px; border-radius: 4px; color: #7B7B7B; width: 100%; resize: none; display: block; height: 125px; font-size: 14px;}
.spot-select__input textarea:hover, .spot-select__input textarea:focus, .spot-select__input textarea:active{color: #000;}

.spot-graph__well{position: relative;}
.spot-graph__well__content{width: calc(100%/3 - 5px); position: relative;}
.spot-graph__well__info{position: absolute; background: #EEEEEE; display: inline-block; padding: 10px; font-size: 11px; line-height: 13px; color: #7B7B7B; border-radius: 4px; left: calc(100% + 10px); top: calc(50% - 23px); max-width: 273px; margin: 0 auto;}
.spot-graph__well__info:after{content: ''; position: absolute; border: 6px solid transparent; border-right: 6px solid #EEEEEE; left: -12px; top: calc(50% - 6px);}
.spot-graph__well__ellips{word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.spot-graph__well__ellips lv{min-width: 24px; display: inline-block; margin-right: 5px;}

.spot-graph__width{max-width: 840px;}

.spot-p2p__btns{}
.spot-p2p__btns__one{margin-right: 20px; max-width: 267px; width: 100%;}
.spot-p2p__btns__one:last-child{margin-right: 0px;}
.spot-p2p__btns__one .btn{padding: 12px; font-size: 15px;}
.spot-p2p__btns .instaspot-btn{padding: 12px; text-align: center; width: 100%; display: block; text-decoration: none;}

.spot-popup{}
.spot-authorization{position: absolute; color: #242424; background: #FFFFFF; border-radius: 8px; box-shadow: 4px 2px 20px rgb(0 0 0 / 20%); padding: 15px; display: inline-block; width: 450px; z-index: 10;}
.spot-authorization.left{left: 0px;}
.spot-authorization.right{right: 0px;}
.spot-authorization.center{left: 50%; transform: translateX(-50%);}
.spot-authorization_desc{color: #242424; font-size: 16px; margin-bottom: 8px; text-align: center;}
.spot-authorization_links{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;  justify-content: center;}
.spot-authorization_links__one{position: relative; font-size: 14px; color: #CE3026; cursor: pointer; margin-right: 20px; padding-right: 7px;}
.spot-authorization_links__one:hover{text-decoration: underline;}
.spot-authorization_links__one:last-child{margin-right: 0px;}
.spot-authorization_links__one:after{position: absolute; right: -4px; top: 10px; display: block; content: ''; width: 4px; height: 4px; border-top: 1px solid #CE3026; border-right: 1px solid #CE3026; transform: rotate(45deg);}

.spot-exchange__direction{text-align: left; font-size: 20px; color: #242424;}
.spot-page__title{text-align: left; font-weight: bold; font-size: 26px; color: #181818; margin-top: 20px;}
.spot-head__description{text-align: left; font-size: 16px; color: #181818; line-height: 26px;}
  
.spot-load__block{border: 1px solid #d9d6d6; padding: 0px; background: #f7f7f7; width: 100%; text-align: center; height: 50px; position: relative;}
.spot-load__block .preloader_red_mini{position: absolute; top: calc(50% - 16px); left: calc(50% - 16px);}
  
.active[get-auth-notification]{position: relative;}
.active[get-auth-notification]:after{content: ''; position: absolute; border: 6px solid transparent; border-top: 7px solid #ffffff; left: calc(50% - 6px); bottom: 100%; z-index: 11;}
  
@media screen and (max-width: 800px) {
    .spot-graph__instrument__one, .spot-graph__buysell .spot-graph__instrument__one{width: calc(100%/2 - 20px);}
    .spot-graph__buysell .spot-graph__instrument__one:nth-child(1){width: 100%;}
    
    .spot-graph__well__info{position: relative; text-align: center; margin-bottom: 10px; left: 50%; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);  transform: translate(-50%,0%);  width: 100%; z-index: 11;}
    .spot-graph__well__info:before{content: ''; position: absolute; border: 6px solid transparent; border-top: 6px solid #EEEEEE; top: 100%; left: calc(50% - 6px);}
    .spot-graph__well__info:after{display: none;}
}

@media screen and (max-width: 600px) {
    .spot-authorization{max-width: 280px;}
    .spot-authorization_links{display: block;}
    .spot-authorization_links__one:nth-child(1){padding: 0px; margin: 0px; padding: 12px; text-align: center; width: 100%; display: block; text-decoration: none; background: #CE3026; border: 1px solid #CE3026; color: #FFFFFF; font-weight: normal; border-radius: 6px; margin-bottom: 10px;}
    .spot-authorization_links__one:hover{tex-decoration: none;}
    .spot-authorization_links__one:nth-child(2){padding: 0px; margin: 0px; padding: 12px; text-align: center; width: 100%; display: block; text-decoration: none; background: #fff; border: 1px solid #CE3026; color: #CE3026; font-weight: normal; border-radius: 6px; margin-bottom: 10px;}
    .spot-authorization_links__one:nth-child(1):hover{background: #d7554d; border: 1px solid #d7554d;}
    .spot-authorization_links__one:nth-child(2):hover{background: #d7554d; border: 1px solid #d7554d; color: #fff;}
    .spot-authorization_links__one:last-child{margin-bottom: 0px;}
    .spot-authorization_links__one:after{display: none;}
    
    .spot-p2p__btns{display: block;}
    .spot-p2p__btns__one{max-width: 100%; margin: 0px; margin-bottom: 20px;}
    .spot-p2p__btns__one:last-child{margin-bottom: 0px;}
    .spot-graph__instrument__one, .spot-graph__buysell .spot-graph__instrument__one{width: calc(100% - 20px);}
    
    .revert__currency__center{text-align:center;}
    .exchange_direction{text-align:center;}
}