

@media (min-width: 992px) and (max-width: 1200px){
    .navbar{
        padding-bottom: 31px;
        padding-top: 32px;
        margin-bottom: 30px;
    }
    .block-menu{
        display: inline-block;
    }
    .dropdown-toggle-menu_btn{
        font-size: 18px;
        line-height: 21px;
        border-radius: 6px;
        padding: 12px 18px;
    }
    .dropdown_menu-img{
        margin-right: 14px;
        margin-top: -3px;
    }
    .dropdown-toggle-services_btn{
        font-size: 16px;
        line-height: 19px;
        border-radius: 12px;
        padding: 13px 20px;
    }
    .dropdown-menu{
        position: absolute;
        top: 110%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 7px 0;
        margin:  0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        border-radius: 5px;
    }
    .dropdown-toggle{
        margin-left: 16px;
    }
    .dropdown-toggle-services_btn-img{
        margin-left: 14px;
    }
    .dropdown-menu > li > a {
        display: block;
        padding: 7px 14px;
        clear: both;
        font-size: 14px;
        line-height: 16px;
    }
    .dropdown-menu .divider {
        height: 0.3px;
        margin: 4px 0;
    }
    .dropdown-menu_weigh{
        width: 440px;
        padding-left: 10px;
    }
    .dropdown-menu-div_weight{
        width: 90px;
        margin: 20px 5px 17px;
        text-align: center;
        display: inline-block;
    }
    .dropdown-menu_a{
        font-size: 16px;
        line-height: 19px;
    }
    .dropdown-menu_a img{
        margin-bottom: 9px;
    }
    .navbar-brand{
        font-size: 30px;
        line-height: 35px;
        padding: 5px 5px 0 15px;
    }
    /*---------------------------контент--------------------------*/
    .panel-customization{
        border-radius: 10px;
        padding: 20px 20px;
        margin-bottom: 40px;
    }
    .panel-customization_center{
        font-size: 14px;
        line-height: 17px;
        margin: 12px 0 0;
    }
    .panel-customization-left{
        text-align: left;
    }
    .panel-customization-left_p{
        display: inline-block;
        margin: 12px 11px 0 0;
        font-size: 14px;
        line-height: 17px;
    }
    .panel-customization-left_p span{
        font-size: 14px;
        line-height: 17px;
    }
    .btn-success{
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        padding: 12px 27px;
    }
    .panel-customization-right{
        text-align: right;
    }
    /*=====================прогрес=============*/
    .block-progress{
        margin: 0 auto 40px;
        display: inline-block;
        text-align: center;
        position: relative;
    }
    .block-progress-stage{
        display: inline-block;
        vertical-align: top;
        width: 248px;
    }
    .block-progress-stage_number{
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        padding-top: 8px;
        width: 50px;
        height: 50px;
    }
    .block-progress-stage_p{
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        padding-top: 10px;
    }
    .container_center{
        text-align: center;
    }
    .block-progress-stage_number_active{
        font-size: 24px;
        text-align: center;
    }
    .block-progress-stage_p_active{
        font-size: 16px;
        line-height: 19px;
    }
    .block-progress_line{
        position: absolute;
        width: 190px;
        height: 3px;
    }
    .block-progress_line_1{
        top: 23px;
        left: 155px;
    }
    .block-progress_line_2{
        top: 23px;
        right: 155px;
    }
    /*====================контент=============*/
    .content_stage{
        padding: 40px 70px 50px;
        display: inline-block;
        width: 100%;
        background: #1B1E28;
        border-radius: 10px;
        margin-bottom: 70px;
    }
    .content_stage-title{
        font-size: 20px;
        line-height: 23px;
        margin: 0 0 50px;
    }
    .switch {
        display: inline-block;
        height: 25.5px;
        position: relative;
        width: 46px;
    }
    .switch input {
        display:none;
    }
    .slider {
        bottom: 0;
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: .4s;
    }
    .slider:before {
        bottom: 2px;
        content: "";
        height: 14px;
        left: 3px;
        position: absolute;
        transition: .4s;
        width: 14px;

    }
    .slider.round {
        border-radius: 34px;
    }
    .slider.round:before {
        border-radius: 50%;
    }
    .switch_span{
        position: absolute;
        left: 58px;
        font-size: 18px;
        line-height: 21px;
        padding-top: 3px;
        white-space: nowrap;
    }
    .switch_span {
        color: #606168;
    }
    input[type=checkbox]:checked ~ .switch_span {
        color: #fff;
    }

    .switch_span:focus{
        color: #fff;
    }
    .checkbox_weight{
        display: inline-block;
        width: 44%;
        margin: 0 3%;
        text-align: left;
    }
    .switch_span_disabled {

    }
    .content_stage-padding{
        padding-bottom: 40px;
    }
    .content_stage-installation{
        box-sizing: border-box;
        border-radius: 10px;
        width: 100%;
        padding: 20px 30px ;
        margin: 0px auto 40px;
        text-align: left;
    }
    .content_stage-installation_title{
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 20px;
    }
    label{
        font-size: 14px;
        line-height: 16px;
    }
    .popover_color{
        color: #242732;
    }
    .input-group{
        box-sizing: border-box;
        border-radius: 5px;
    }
    .input-group-btn button{
        padding-left: 9px;
        padding-right: 9px;
    }
    .input-group input{
        padding-left: 5px;
    }
    .randomArticle{
        margin-top: 0;
        padding-top:0;
        margin-bottom: 5px
    }
    .randomArticle a{
        font-size: 14px;
        line-height: 16px;
    }
    #searchBox{
        height: 35px;
        width: 89%;
        border: none;
        padding-left: 10px;
    }
    .searchSuggestions{
        padding: 0;
    }
    .searchSuggestionsUl{
        box-sizing: border-box;
        border-radius: 5px;
        margin: 0;
        padding: 11px ;
    }
    .search-suggestion{
        position: relative;
        margin-bottom: 24px;
    }
    .search-suggestion_absolute{
        position: absolute;
        top: 38px;
        left: 0;
        right: 0;
        z-index: 9999;
    }
    .span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 5px;
        position: absolute;
        transform-origin: 0% 0%;
    }

    .chiller_cb {
        position: relative;
        height: 25px;
        display: flex;
        align-items: center;
    }
    .chiller_cb input {
        display: none;
    }
    .chiller_cb input:checked ~ span:before {
        width: 9px;
        height: 2px;
        transition: width 0.1s;
        transition-delay: 0.3s;
    }
    .chiller_cb input:checked ~ span:after {
        width: 6px;
        height: 2px;
        transition: width 0.1s;
        transition-delay: 0.2s;
    }
    .chiller_cb input:disabled ~ label:hover {
        cursor: default;
    }
    .chiller_cb label {
        padding-left: 24px;
        position: relative;
        z-index: 2;
        cursor: pointer;
        margin-bottom:0;
        font-size: 14px;
        line-height: 16px;
    }
    .chiller_cb span {
        display: inline-block;
        width: 13.7px;
        height: 13.7px;
        position: absolute;
        left: 0;
        transition: all 0.2s;
        z-index: 1;
        border-radius: 2px;
        box-sizing: content-box;
    }
    .chiller_cb span:before {
        transform: rotate(-55deg);
        top: 9.5px;
        left: 5.5px;
    }
    .chiller_cb span:after {
        transform: rotate(35deg);
        bottom: 5px;
        left: 2px;
    }
    .form-control{
        box-sizing: border-box;
        border-radius: 5px;

    }
    .form-group-bottom_p{
        margin: 0;
        font-size: 12px;
        line-height: 14px;
    }
    .btn-success_big{
        padding: 12px 70px;
    }
    .content-w100{
        width: 100%;
    }
    .alert-success{
        margin: 0;
        font-size: 16px;
        line-height: 19px;
        padding: 20px 0 17px;
    }
    .alert-success_btn{
        margin-left: 25px;
        font-size: 14px;
        line-height: 16px;
        padding: 10px 16px;
    }
    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: 4px;
        right: -21px;
        color: inherit;
        opacity: 1;
    }
    .map{
        height: 315px;
        width: 100%;
        margin-bottom: 20px;
    }
    .btn-success_min{
        font-size: 12px;
        padding: 7px 11px;
        margin-left: 6px;
        margin-bottom: 6px;
    }
    .btn-success_ml{
        margin-left: 6px;
    }
    .wrapper-dropdown-3 {
        position: relative;
        width: 140px;
        padding: 0 5px 14px 0;
        margin-bottom: 10px;
        display: inline-block;
    }
    .wrapper-dropdown-3:after {
        content: url("../img/ei_chevron-down.svg");
        width: 0;
        height: 0;
        position: absolute;
        right: 19px;
        top: 50%;
        margin-top: -17px;
    }
    .wrapper-dropdown-3 .dropdown {
        position: absolute;
        top: 101%;
        left: 0;
        right: 0;
        padding:8px 0;
        margin:0;
        box-sizing: border-box;
        border-radius: 5px;
        opacity: 0;
        pointer-events: none;
    }
    .wrapper-dropdown-3 .dropdown li a {
        display: block;
        padding: 8px 10px;
        text-decoration: none;
        font-size: 14px;
        line-height: 16px;
    }
    .wrapper-dropdown-3 .dropdown li i {
        float: right;
        color: inherit;
    }
    .wrapper-dropdown-3 .dropdown li:first-of-type a {
        border-radius: 7px 7px 0 0;
    }
    .wrapper-dropdown-3 .dropdown li:last-of-type a {
        border: none;
        border-radius: 0 0 7px 7px;
    }
    .wrapper-dropdown-3.active .dropdown {
        opacity: 1;
        pointer-events: auto;
    }
    .no-opacity       .wrapper-dropdown-3 .dropdown,
    .no-pointerevents .wrapper-dropdown-3 .dropdown {
        display: none;
        opacity: 1;
        pointer-events: auto;
    }
    .no-opacity       .wrapper-dropdown-3.active .dropdown,
    .no-pointerevents .wrapper-dropdown-3.active .dropdown {
        display: block;
    }
    .result-city{
        padding: 9px 5px 15px 12px;
        width: 100%;
        height: 250px;
        margin-bottom: 22px;
    }
    .result-city_ul{
        font-size: 14px;
        line-height: 16px;
    }
    .result-city_ul li{
        padding: 8px 0;
    }
    .result-city_ul-icon_left{
        margin-right: 7px;
    }
    .result-city_ul-icon-a_right{
        float: right;
        margin-right: 8px;
    }
    .scrollbar {
        height: 189px;
        width: 100%;
        overflow-y: scroll;
        margin-bottom: 2px;
    }
    .result-city_bottom{
        padding-top: 8px;
        margin: 10px 10px 0 4px;
    }
    .result-city_bottom-p{
        font-size: 12px;
        line-height: 14px;
        margin-right: 7px;
        vertical-align: top;
    }
    .result-city_bottom-p span{
        font-size: 12px;
        line-height: 14px;
        color: #0BBF35;
    }
    footer{
        text-align: center;
        padding-top: 43px;
        padding-bottom: 41px;

    }
    footer span{
        font-size: 16px;
        line-height: 19px;
    }
    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: 4px;
        right: 10px;
        color: inherit;
        opacity: 1;
    }
    /*===================добавить аккаунт============*/
    .icon-add{
        width: 16px;
    }
    .btn-success-add{
        width: 40px;
        height: 40px;
        padding: 0;
        margin-left: 10px;
    }
    .box {
        padding: 8px 10px 10px 7px;
        position: absolute;
        top: -10px;
        left: -4px;
        right: -10px;
        z-index: 1;
        text-align: left;
    }
    .account_block-add_active{
        position: relative;
        width: 200px;
    }
    .account_block-add{
        position: relative;
        padding-left: 20px;
        display: inline-block;
    }
    .menu-account_settings{
        margin-left: 10px;
        margin-right: 10px;
    }
    .account_block-add_name{
        display: inline-block;
        text-align: left;
        margin-bottom: 0;
        width: 80px;
        font-size: 14px;
        line-height: 19px;
        margin-left: 10px;
        vertical-align: top;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 9px;
        text-overflow: ellipsis;
    }

    .account_block-add_hpoto{
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    .menu-account_ul{
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .menu-account_ul li{
        height: 40px;
        margin-bottom: 10px;
    }
    .menu-account_ul-icon{
        width: 16px;
        height: 40px;
        padding-top: 8px;
        display: inline-block;
        text-align: center;
        margin-right: 9px;
    }
    .block-account-collection_btn{
        padding: 0;
        text-align: center;
        height: 40px;
        width: 230px;
        background: none;
        box-shadow: 0px 5px 20px rgba(11, 191, 53, 0.25);
    }
    .btn-success_messager{
        text-align: center;
        padding: 0;
        width: 230px;
        height: 40px;
    }
    /*-------------------------Фильтрация и выгрузка--------------------------*/
    .block-account-collection_total_min{
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        padding: 4px 18px;
        margin-left: 9px;
    }
    .block-account-collection-label_inline-block{
        display: inline-block;
    }
    .btn_ml-mr{
        margin-left: 15px;
        margin-right: 15px;
    }
    .filtering-uploading-customization{
        border: 0.5px solid #87878C;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 15px 20px 20px;
        width: 100%;
        text-align: left;
    }
    .label-left{
        text-align: left;
    }
    .wrap-select_border{
        border: 0.5px solid #009C42;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 7px 14px;
        width: 180px;
        height: 33px;
    }
    .wrapper-dropdown-w100:after {
        content: url("../img/ei_chevron-down.svg");
        width: 0;
        height: 0;
        position: absolute;
        right: 1px;
        top: 50%;
        margin-top: -17px;
    }
    .wrapper-dropdown-w100 .dropdown {
        position: absolute;
        width: 180px;
        top: 102%;
        left: 0;
        right: 0;
        padding:8px 0;
        margin-top:-5px;
        margin-left: -15px;
        background: #292C36;
        border: 2px solid #4B4E56;
        box-sizing: border-box;
        border-radius: 5px;
        font-weight: normal;
        list-style: none;
        opacity: 0;
        pointer-events: none;
    }
    .range-slider_h{
        height: 25px;
    }
    .dropdown-btn_w{
        display: inline-block;
        width: 230px;

    }
    .dropdown-btn_w-border-none{
        border: none;
    }
    .dropdown-btn_w-menu{
        width: 230px;
        margin-left: 14px;

    }
    .dropdown-btn_w-ml-mr{
        margin-right: 35px;
    }
    .table{
        padding: 10px 10px 5px;

    }
    .table thead {
        border-radius: 10px 10px 0 0;
        text-align: center;
    }
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 15px 7px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: none;
    }
    .table > thead > tr > th {
        text-align: center;
        border-bottom: 2px solid #292C36;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        color: #87878C;
    }
    .table > tbody > tr > td {
        font-family: Roboto;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #87878C;
    }
    .table > tbody > tr > .td-font-size{
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        color: #FFFFFF;
    }
    .td-background{
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #0BBF35;
        background: #163E2A;
        border-radius: 5px;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .dropdown-border_font{
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        color: #0BBF35;
        padding: 6px 14px 7px 16px;
        border: 1px solid #0BBF35;
        box-sizing: border-box;
        border-radius: 5px;
        background: none;
        box-shadow: none;
    }
    .ei_chevron-down{
        margin-left: 5px;
    }
    .dropdown-menu-r{
        right: 0;
        left: -91px;
    }
    .content_stage_mb{
        margin-bottom: 30px;
    }
    .checkmark {
        position: absolute;
        top: 0;
        left: 13px;
        height: 20px;
        width: 20px;
        background: none;
        border-radius: 50%;
        border:2px solid #fff;
    }
    .table-filter tbody tr td {
        padding:20px 10px;}

    #user-personal-settings > .modal-dialog {
        top: 10vh;
    }

}
@media (min-width: 991px) {
    .btn-success_min{
        margin-left: 6px;
        margin-bottom: 6px;
    }
    .panel-customization-left{
        white-space: nowrap;
    }
}
/*----------------------------------(min-width: 768px) and (max-width: 991px)-----------------------*/
@media (min-width: 768px) and (max-width: 991px){
    .navbar{
        padding-bottom: 31px;
        padding-top: 32px;
        margin-bottom: 30px;
    }
    .block-menu{
        display: inline-block;
    }
    .dropdown-toggle-menu_btn{
        font-size: 18px;
        line-height: 21px;
        border-radius: 6px;
        padding: 12px 18px;
    }
    .dropdown_menu-img{
        margin-right: 14px;
        margin-top: -3px;
    }
    .dropdown-toggle-services_btn{
        font-size: 16px;
        line-height: 19px;
        border-radius: 12px;
        padding: 13px 20px;
    }
    .dropdown-menu{
        position: absolute;
        top: 110%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 7px 0;
        margin:  0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        border-radius: 5px;
    }
    .dropdown-toggle{
        margin-left: 16px;
    }
    .dropdown-toggle-services_btn-img{
        margin-left: 14px;
    }
    .dropdown-menu > li > a {
        display: block;
        padding: 7px 14px;
        clear: both;
        font-size: 14px;
        line-height: 16px;
    }
    .dropdown-menu .divider {
        height: 0.3px;
        margin: 4px 0;
    }
    .dropdown-menu_weigh{
        width: 440px;
        padding-left: 10px;
    }
    .dropdown-menu-div_weight{
        width: 90px;
        margin: 20px 5px 17px;
        text-align: center;
        display: inline-block;
    }
    .dropdown-menu_a{
        font-size: 16px;
        line-height: 19px;
    }
    .dropdown-menu_a img{
        margin-bottom: 9px;
    }
    .navbar-brand{
        font-size: 30px;
        line-height: 35px;
        padding: 5px 5px 0 15px;
    }
    /*---------------------------контент--------------------------*/
    .panel-customization{
        border-radius: 10px;
        padding: 25px 20px;
        margin-bottom: 40px;
    }
    .panel-customization_center{
        font-size: 16px;
        line-height: 17px;
        margin: 30px 0;
    }
    .panel-customization-left{
        text-align: center;
    }
    .panel-customization-left_p{
        display: inline-block;
        font-size: 16px;
        width: 100%;
        margin: 0 0 16px 0;
        line-height: 17px;
    }
    .panel-customization_btn{
        width: 230px;
        text-align: center;
    }
    .panel-customization-left_p span{
        font-size: 14px;
        line-height: 17px;
    }
    .btn-success{
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        padding: 12px 27px;
    }
    .panel-customization-right{
        text-align: center;
    }
    /*=====================прогрес=============*/
    .block-progress{
        margin: 0 auto 40px;
        display: inline-block;
        text-align: center;
        position: relative;
    }
    .block-progress-stage{
        display: inline-block;
        vertical-align: top;
        width: 200px;
    }
    .block-progress-stage_number{
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        padding-top: 8px;
        width: 50px;
        height: 50px;
    }
    .block-progress-stage_p{
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        padding-top: 10px;
    }
    .container_center{
        text-align: center;
    }
    .block-progress-stage_number_active{
        font-size: 24px;
        text-align: center;
    }
    .block-progress-stage_p_active{
        font-size: 16px;
        line-height: 19px;
    }
    .block-progress_line{
        position: absolute;
        width: 140px;
        height: 3px;
    }
    .block-progress_line_1{
        top: 23px;
        left: 132px;
    }
    .block-progress_line_2{
        top: 23px;
        right: 132px;
    }
    /*====================контент=============*/
    .content_stage{
        padding: 23px 13px 36px;
        display: inline-block;
        width: 100%;
        border-radius: 10px;
        margin-bottom: 70px;
    }
    .content_stage-title{
        font-size: 20px;
        line-height: 23px;
        margin: 0 0 33px;
    }
    .switch {
        display: inline-block;
        height: 25.5px;
        position: relative;
        width: 46px;
    }
    .switch input {
        display:none;
    }
    .slider {
        bottom: 0;
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: .4s;
    }
    .slider:before {
        bottom: 2px;
        content: "";
        height: 14px;
        left: 3px;
        position: absolute;
        transition: .4s;
        width: 14px;

    }
    .slider.round {
        border-radius: 34px;
    }
    .slider.round:before {
        border-radius: 50%;
    }
    .switch_span{
        position: absolute;
        left: 58px;
        font-size: 18px;
        line-height: 21px;
        padding-top: 1px;
        white-space: nowrap;
    }
    .switch_span {
        color: #606168;
    }
    input[type=checkbox]:checked ~ .switch_span {
        color: #fff;
    }

    .switch_span:focus{
        color: #fff;
    }
    .checkbox_weight{
        display: inline-block;
        width: 44%;
        margin: 0 3%;
        text-align: left;
    }
    .switch_span_disabled {

    }
    .content_stage-padding{
        padding-bottom: 40px;
    }
    .content_stage-installation{
        box-sizing: border-box;
        border-radius: 10px;
        width: 100%;
        padding: 20px 30px ;
        margin: 0px auto 30px;
        text-align: left;
    }
    .content_stage-installation_title{
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 20px;
    }
    label{
        font-size: 14px;
        line-height: 16px;
    }
    .popover_color{
        color: #242732;
    }
    .input-group{
        box-sizing: border-box;
        border-radius: 5px;
    }
    .input-group-btn button{
        padding-left: 9px;
        padding-right: 9px;
    }
    .input-group input{
        padding-left: 5px;
    }
    .randomArticle{
        margin-top: 0;
        padding-top:0;
        margin-bottom: 5px
    }
    .randomArticle a{
        font-size: 14px;
        line-height: 16px;
    }
    #searchBox{
        height: 35px;
        width: 89%;
        border: none;
        padding-left: 10px;
    }
    .searchSuggestions{
        padding: 0;
    }
    .searchSuggestionsUl{
        box-sizing: border-box;
        border-radius: 5px;
        margin: 0;
        padding: 11px ;
    }
    .search-suggestion{
        position: relative;
        margin-bottom: 24px;
    }
    .search-suggestion_absolute{
        position: absolute;
        top: 38px;
        left: 0;
        right: 0;
        z-index: 9999;
    }
    .span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 5px;
        position: absolute;
        transform-origin: 0% 0%;
    }

    .chiller_cb {
        position: relative;
        height: 25px;
        display: flex;
        align-items: center;
    }
    .chiller_cb input {
        display: none;
    }
    .chiller_cb input:checked ~ span:before {
        width: 9px;
        height: 2px;
        transition: width 0.1s;
        transition-delay: 0.3s;
    }
    .chiller_cb input:checked ~ span:after {
        width: 6px;
        height: 2px;
        transition: width 0.1s;
        transition-delay: 0.2s;
    }
    .chiller_cb input:disabled ~ label:hover {
        cursor: default;
    }
    .chiller_cb label {
        padding-left: 24px;
        position: relative;
        z-index: 2;
        cursor: pointer;
        margin-bottom:0;
        font-size: 14px;
        line-height: 16px;
    }
    .chiller_cb span {
        display: inline-block;
        width: 13.7px;
        height: 13.7px;
        position: absolute;
        left: 0;
        transition: all 0.2s;
        z-index: 1;
        border-radius: 2px;
        box-sizing: content-box;
    }
    .chiller_cb span:before {
        transform: rotate(-55deg);
        top: 9.5px;
        left: 5.5px;
    }
    .chiller_cb span:after {
        transform: rotate(35deg);
        bottom: 5px;
        left: 2px;
    }
    .form-control{
        box-sizing: border-box;
        border-radius: 5px;

    }
    .form-group-bottom_p{
        margin: 0;
        font-size: 12px;
        line-height: 14px;
    }
    .btn-success_big{
        padding: 12px 70px;
    }
    .content-w100{
        width: 100%;
    }
    .alert-success{
        margin: 0;
        font-size: 16px;
        line-height: 19px;
        padding: 20px 0 17px;
    }
    .alert-success_btn{
       margin: 25px 20px 10px;
        font-size: 14px;
        line-height: 16px;
        padding: 10px 16px;
    }
    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: 4px;
        right: -21px;
        color: inherit;
        opacity: 1;
    }

    .map{
        height: 315px;
        width: 100%;
        margin-bottom: 20px;
    }
    .btn-success_min{
        font-size: 12px;
        padding: 7px 11px;
    }
    .btn-success_ml{
        margin-left: 6px;
    }
    .wrapper-dropdown-3 {
        position: relative;
        width: 140px;
        padding: 0 5px 14px 0;
        margin-bottom: 10px;
        display: inline-block;
    }
    .wrapper-dropdown-3:after {
        content: url("../img/ei_chevron-down.svg");
        width: 0;
        height: 0;
        position: absolute;
        right: 19px;
        top: 50%;
        margin-top: -17px;
    }
    .wrapper-dropdown-3 .dropdown {
        position: absolute;
        top: 101%;
        left: 0;
        right: 0;
        padding:8px 0;
        margin:0;
        box-sizing: border-box;
        border-radius: 5px;
        opacity: 0;
        pointer-events: none;
    }
    .wrapper-dropdown-3 .dropdown li a {
        display: block;
        padding: 8px 10px;
        text-decoration: none;
        font-size: 14px;
        line-height: 16px;
    }
    .wrapper-dropdown-3 .dropdown li i {
        float: right;
        color: inherit;
    }
    .wrapper-dropdown-3 .dropdown li:first-of-type a {
        border-radius: 7px 7px 0 0;
    }
    .wrapper-dropdown-3 .dropdown li:last-of-type a {
        border: none;
        border-radius: 0 0 7px 7px;
    }
    .wrapper-dropdown-3.active .dropdown {
        opacity: 1;
        pointer-events: auto;
    }
    .no-opacity       .wrapper-dropdown-3 .dropdown,
    .no-pointerevents .wrapper-dropdown-3 .dropdown {
        display: none;
        opacity: 1;
        pointer-events: auto;
    }
    .no-opacity       .wrapper-dropdown-3.active .dropdown,
    .no-pointerevents .wrapper-dropdown-3.active .dropdown {
        display: block;
    }
    .result-city{
        padding: 9px 5px 15px 12px;
        width: 100%;
        height: 250px;
        margin-bottom: 22px;
    }
    .result-city_ul{
        font-size: 14px;
        line-height: 16px;
    }
    .result-city_ul li{
        padding: 8px 0;
    }
    .result-city_ul-icon_left{
        margin-right: 7px;
    }
    .result-city_ul-icon-a_right{
        float: right;
        margin-right: 8px;
    }
    .scrollbar {
        height: 189px;
        width: 100%;
        overflow-y: scroll;
        margin-bottom: 2px;
    }
    .result-city_bottom{
        padding-top: 8px;
        margin: 10px 10px 0 4px;
    }
    .result-city_bottom-p{
        font-size: 12px;
        line-height: 14px;
        margin-right: 7px;
        vertical-align: top;
    }
    .result-city_bottom-p span{
        font-size: 12px;
        line-height: 14px;
    }
    footer{
        text-align: center;
        padding-top: 43px;
        padding-bottom: 41px;

    }
    footer span{
        font-size: 16px;
        line-height: 19px;
    }
    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: 4px;
        right: 10px;
        color: inherit;
        opacity: 1;
    }
    /*===================добавить аккаунт============*/
    .icon-add{
        width: 16px;
    }
    .btn-success-add{
        width: 40px;
        height: 40px;
        padding: 0;
        margin-left: 1px;
    }
    .box {
        background: #292C36;
        border: 2px solid #4B4E56;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 8px 15px 10px 8px;
        position: absolute;
        top: -10px;
        left: 0;
        right: 2px;
        z-index: 1;
        text-align: left;
        display: none;
    }
    .account_block-add_active{
        position: relative;
        width: 210px;
    }

    .transform-active {
        display: block;
    }
    .account_block-add{
        position: relative;
        padding-left: 20px;
        display: inline-block;
    }
    .menu-account_settings{
        margin-left: 10px;
        margin-right: 10px;
    }
    .account_block-add_name{
        display: inline-block;
        text-align: left;
        margin-bottom: 0;
        width: 80px;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 19px;
        color: #FFFFFF;
        margin-left: 6px;
        vertical-align: top;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 9px;
        text-overflow: ellipsis;
    }

    .account_block-add_hpoto{
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    .menu-account_ul{
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .menu-account_ul li{
        height: 40px;
        margin-bottom: 10px;
    }
    .menu-account_ul-icon{
        width: 16px;
        height: 40px;
        padding-top: 8px;
        display: inline-block;
        text-align: center;
        margin-right: 5px;
    }
    .block-account-collection_btn{
        padding: 0;
        text-align: center;
        height: 40px;
        width: 230px;
        background: none;
        box-shadow: 0px 5px 20px rgba(11, 191, 53, 0.25);
    }
    .btn-success_messager{
        text-align: center;
        padding: 0;
        width: 230px;
        height: 40px;
    }
    /*-------------------------Фильтрация и выгрузка--------------------------*/
    .block-account-collection_total_min{
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        padding: 4px 18px;
        margin-left: 9px;
    }
    .block-account-collection-label_inline-block{
        display: inline-block;
    }
    .btn_ml-mr{
        margin-left: 10px;
        margin-right: 10px;
        width: 200px;
    }
    .filtering-uploading-customization{
        padding: 15px 14px 20px;
        width: 100%;
        text-align: left;
    }
    .label-left{
        text-align: left;
    }
    .wrap-select_border{
        border: 0.5px solid #009C42;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 7px 14px;
        width: 200px;
        height: 33px;
        margin-bottom: 26px;
    }
    .wrapper-dropdown-w100:after {
        content: url("../img/ei_chevron-down.svg");
        width: 0;
        height: 0;
        position: absolute;
        right: 1px;
        top: 50%;
        margin-top: -17px;
    }
    .wrapper-dropdown-w100 .dropdown {
        position: absolute;
        width: 180px;
        top: 102%;
        left: 0;
        right: 0;
        z-index: 9999;
        padding:8px 0;
        margin-top:-5px;
        margin-left: -15px;
        background: #292C36;
        border: 2px solid #4B4E56;
        box-sizing: border-box;
        border-radius: 5px;
        font-weight: normal;
        list-style: none;
        opacity: 0;
        pointer-events: none;
    }
    .range-slider_h{
        height: 28px;
    }
    .dropdown-btn_w{
        display: inline-block;
        width: 200px;
    }
    .dropdown-btn_w-border-none{
        border: none;
        width: 200px;
    }
    .dropdown-btn_w-menu{
        width: 200px;
        margin-left: 14px;
    }
    .dropdown-btn_w-ml-mr{
        margin-right: 20px;
    }
    .table{
        padding: 10px;

    }
    .table thead {
        border-radius: 10px 10px 0 0;
        text-align: center;
    }
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 15px 7px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: none;
    }
    .table > thead > tr > th {
        text-align: center;
        border-bottom: 2px solid #292C36;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        color: #87878C;
    }
    .table > tbody > tr > td {
        font-family: Roboto;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #87878C;
    }
    .table > tbody > tr > .td-font-size{
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        color: #FFFFFF;
    }
    .td-background{
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #0BBF35;
        background: #163E2A;
        border-radius: 5px;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .dropdown-border_font{
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        color: #0BBF35;
        padding: 6px 14px 7px 16px;
        border: 1px solid #0BBF35;
        box-sizing: border-box;
        border-radius: 5px;
        background: none;
        box-shadow: none;
    }
    .ei_chevron-down{
        margin-left: 5px;
    }
    .dropdown-menu-r{
        right: 0;
        left: -91px;
    }
    .content_stage_mb{
        margin-bottom: 30px;
    }
    .dropdown-menu-r{
        right: 0;
        left: -62px;
        margin-left: 0;
    }
    .checkmark {
        position: absolute;
        top: 0;
        left: 13px;
        height: 20px;
        width: 20px;
        background: none;
        border-radius: 50%;
        border:2px solid #fff;
    }
    .table-filter tbody tr td {
        padding:20px 10px;}

    #user-personal-settings > .modal-dialog {
        top: 10vh;
    }

}
/*---------------------------------- (max-width: 767px)-----------------------*/
@media  (max-width: 767px) {
    .navbar-toggle{
        padding: 0;
        margin: 0 15px 0 0;
    }
    .navbar{
        padding-bottom: 10px;
        padding-top: 28px;
        margin-bottom: 26px;
    }
    .block-menu{
        display: inline-block;
    }
    .dropdown-toggle-menu_btn{
        font-size: 18px;
        line-height: 21px;
        border-radius: 6px;
        padding: 12px 18px;
    }
    .dropdown_menu-img{
        margin-right: 14px;
        margin-top: -3px;
    }
    .dropdown-toggle-services_btn{
        font-size: 16px;
        line-height: 19px;
        border-radius: 12px;
       background: none;
        margin-top: 11px;

    }
    .dropdown-menu{
        position: absolute;
        top: 110%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 7px 0;
        margin:  0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        border-radius: 5px;
    }
    .dropdown-toggle{
        margin-left: 16px;
    }
    .dropdown-toggle-services_btn-img{
        margin-left: 14px;
    }
    .dropdown-menu > li > a {
        width: 100%;
        text-align: center;
        display: block;
        padding: 12px 14px;
        clear: both;
        font-size: 14px;
        line-height: 16px;
    }
    .dropdown-menu .divider {
        height: 0.3px;
        margin: 4px 0;
    }
    .dropdown-menu_weigh{
        width: 440px;
        text-align: center;
        padding-left: 10px;
    }
    .dropdown-menu-div_weight{
        width: 63px;
        margin: 5px 5px ;
        text-align: center;
        display: inline-block;
    }
    .dropdown-menu-div_weight img{
        width: 40px;
    }
    .dropdown-menu_a{
        font-size: 14px;
        line-height: 19px;
    }
    .dropdown-menu_block{
        display: block;
        width: 100%;
        position: relative;
        border: none;
        background: none;
        box-shadow: none;
        margin-top: 15px;
        border-radius: 0;
        border-top: 0.6px solid #8A8585;;
    }
    .divider_lainer{

    }
    .navbar-collapse{
        background: #292C36;
        margin: 0;
    }
    .navbar{
        padding-bottom: 0;
    }
    .dropdown{
        width: 100%;
        text-align: center;
    }
    .dropdown-toggle-menu_btn{
        display: none;
        width: 100%;
    }
    .dropdown-menu_a img{
        margin-bottom: 9px;
    }
    .navbar-brand{
        font-size: 30px;
        line-height: 30px;
        vertical-align: top;
        margin-top: -3px;
        padding: 0px 0px 0 15px;
    }
    /*---------------------------контент--------------------------*/
    .panel-customization{
        border-radius: 10px;
        padding: 25px 20px;
        margin-bottom: 40px;
    }
    .panel-customization_center{
        font-size: 16px;
        line-height: 17px;
        margin: 30px 0;
    }
    .panel-customization-left{
        text-align: center;
    }
    .panel-customization-left_p{
        display: inline-block;
        font-size: 16px;
        width: 100%;
        margin: 0 0 16px 0;
        line-height: 17px;
    }
    .panel-customization_btn{
        width: 230px;
        text-align: center;
    }
    .panel-customization-left_p span{
        font-size: 14px;
        line-height: 17px;
    }
    .multitargeting_checkbox-block {
        padding-left: 0;
    }
    .btn-success{
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        padding: 12px 27px;
    }
    .panel-customization-right{
        text-align: center;
    }
    /*=====================прогрес=============*/
    .block-progress{
        margin: 0 auto 40px;
        display: inline-block;
        text-align: center;
        position: relative;
    }
    .block-progress-stage{
        display: inline-block;
        vertical-align: top;
        width: 98px;
    }
    .block-progress-stage_number{
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        padding-top: 8px;
        width: 50px;
        height: 50px;
    }
    .block-progress-stage_p{
        font-size: 15px;
        line-height: 19px;
        text-align: center;
        padding-top: 10px;
    }
    .container_p0{
        padding: 0;
    }
    .container_center{
        text-align: center;
    }
    .block-progress-stage_number_active{
        font-size: 24px;
        text-align: center;
    }
    .block-progress-stage_p_active{
        font-size: 16px;
        line-height: 19px;
    }
    .block-progress_line{
        display: none;
        position: absolute;
        width: 43px;
        height: 3px;
    }
    .block-progress_line_1{
        top: 23px;
        left: 77px;
    }
    .block-progress_line_2{
        top: 23px;
        right: 77px;
    }
    /*====================контент=============*/
    .content_stage{
        padding: 23px 13px 36px;
        display: inline-block;
        width: 100%;
        border-radius: 10px;
        margin-bottom: 70px;
    }
    .content_stage-title{
        font-size: 20px;
        line-height: 23px;
        margin: 0 0 33px;
    }
    .switch {
        display: inline-block;
        height: 25.5px;
        position: relative;
        width: 46px;
    }
    .switch input {
        display:none;
    }
    .slider {
        bottom: 0;
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: .4s;
    }
    .slider:before {
        bottom: 2px;
        content: "";
        height: 14px;
        left: 3px;
        position: absolute;
        transition: .4s;
        width: 14px;

    }
    .slider.round {
        border-radius: 34px;
    }
    .slider.round:before {
        border-radius: 50%;
    }
    .switch_span{
        position: absolute;
        left: -190px;
        font-size: 18px;
        line-height: 21px;
        padding-top: 1px;
        white-space: nowrap;
    }
    .switch_span {
        color: #606168;
    }
    input[type=checkbox]:checked ~ .switch_span {
        color: #fff;
    }

    .switch_span:focus{
        color: #fff;
    }
    .checkbox_weight{
        display: inline-block;
        text-align: right;
        width: 100%;
        margin: 0 3% 20px;

    }
    .switch_span_disabled {

    }
    .content_stage-padding{
        padding-bottom: 10px;
    }
    .content_stage-installation{
        box-sizing: border-box;
        border-radius: 10px;
        width: 100%;
        padding: 20px 9px ;
        margin: 0px auto 30px;
        text-align: left;
    }
    .content_stage-installation_title{
        font-size: 18px;
        line-height: 21px;
        margin-bottom: 20px;
    }
    label{
        font-size: 13px;
        line-height: 16px;
    }
    .popover_color{
        color: #242732;
    }
    .input-group{
        box-sizing: border-box;
        border-radius: 5px;
    }
    .input-group-btn button{
        padding-left: 9px;
        padding-right: 9px;
    }
    .input-group input{
        padding-left: 5px;
    }
    .randomArticle{
        margin-top: 0;
        padding-top:0;
        margin-bottom: 5px
    }
    .randomArticle a{
        font-size: 14px;
        line-height: 16px;
    }
    #searchBox{
        height: 35px;
        width: 89%;
        border: none;
        padding-left: 10px;
    }
    .searchSuggestions{
        padding: 0;
    }
    .searchSuggestionsUl{
        box-sizing: border-box;
        border-radius: 5px;
        margin: 0;
        padding: 11px ;
    }
    .search-suggestion{
        position: relative;
        margin-bottom: 24px;
    }
    .search-suggestion_absolute{
        position: absolute;
        top: 38px;
        left: 0;
        right: 0;
        z-index: 9999;
    }
    .span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
        content: "";
        display: inline-block;
        width: 0;
        height: 5px;
        position: absolute;
        transform-origin: 0% 0%;
    }

    .chiller_cb {
        position: relative;
        height: auto;
        min-height: 25px;
        display: flex;
        align-items: center;
    }
    .chiller_cb input {
        display: none;
    }
    .chiller_cb input:checked ~ span:before {
        width: 9px;
        height: 2px;
        transition: width 0.1s;
        transition-delay: 0.3s;
    }
    .chiller_cb input:checked ~ span:after {
        width: 6px;
        height: 2px;
        transition: width 0.1s;
        transition-delay: 0.2s;
    }
    .chiller_cb input:disabled ~ label:hover {
        cursor: default;
    }
    .chiller_cb label {
        padding-left: 24px;
        position: relative;
        z-index: 2;
        cursor: pointer;
        margin-bottom:0;
        font-size: 14px;
        line-height: 16px;
    }
    .chiller_cb span {
        display: inline-block;
        width: 13.7px;
        height: 13.7px;
        position: absolute;
        left: 0;
        transition: all 0.2s;
        z-index: 1;
        border-radius: 2px;
        box-sizing: content-box;
    }
    .chiller_cb span:before {
        transform: rotate(-55deg);
        top: 9.5px;
        left: 5px;
    }
    .chiller_cb span:after {
        transform: rotate(35deg);
        bottom: 5px;
        left: 2px;
    }
    .form-control{
        box-sizing: border-box;
        border-radius: 5px;

    }
    .form-group-bottom_p{
        margin: 0;
        font-size: 12px;
        line-height: 14px;
    }
    .btn-success_big{
        padding: 12px 70px;
    }
    .content-w100{
        width: 100%;
    }
    .alert-success{
        margin: 0;
        font-size: 16px;
        line-height: 19px;
        padding: 20px 0 17px;
    }
    .alert-success_btn{
        margin: 25px 20px 10px;
        font-size: 14px;
        line-height: 16px;
        padding: 10px 16px;
    }
    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: 4px;
        right: -21px;
        color: inherit;
        opacity: 1;
    }
    .map{
        height: 251px;
        width: 100%;
        margin-bottom: 10px;
    }
    .btn-success_min{
        font-size: 12px;
        padding: 7px 11px;
        margin: 0.5em 0;
    }
    .block-center_btn-modal{
    text-align: center;
     }
    .btn-success_ml{
        margin-left: 0;
        margin: 0.5em 0;
    }
    .wrapper-dropdown-3 {
        position: relative;
        width: 140px;
        padding: 0 5px 14px 0;
        margin-bottom: 10px;
        display: inline-block;
    }
    .wrapper-dropdown-3:after {
        content: url("../img/ei_chevron-down.svg");
        width: 0;
        height: 0;
        position: absolute;
        right: 19px;
        top: 50%;
        margin-top: -17px;
    }
    .wrapper-dropdown-3 .dropdown {
        position: absolute;
        top: 101%;
        left: 0;
        right: 0;
        padding:8px 0;
        margin:0;
        box-sizing: border-box;
        border-radius: 5px;
        opacity: 0;
        pointer-events: none;
    }
    .wrapper-dropdown-3 .dropdown li a {
        display: block;
        padding: 8px 10px;
        text-decoration: none;
        font-size: 14px;
        line-height: 16px;
    }
    .wrapper-dropdown-3 .dropdown li i {
        float: right;
        color: inherit;
    }
    .wrapper-dropdown-3 .dropdown li:first-of-type a {
        border-radius: 7px 7px 0 0;
    }
    .wrapper-dropdown-3 .dropdown li:last-of-type a {
        border: none;
        border-radius: 0 0 7px 7px;
    }
    .wrapper-dropdown-3.active .dropdown {
        opacity: 1;
        pointer-events: auto;
    }
    .no-opacity       .wrapper-dropdown-3 .dropdown,
    .no-pointerevents .wrapper-dropdown-3 .dropdown {
        display: none;
        opacity: 1;
        pointer-events: auto;
    }
    .no-opacity       .wrapper-dropdown-3.active .dropdown,
    .no-pointerevents .wrapper-dropdown-3.active .dropdown {
        display: block;
    }
    .result-city{
        padding: 9px 5px 15px 12px;
        width: 100%;
        height: 250px;
        margin-bottom: 22px;
    }
    .result-city_ul-span{
        width: 170px;
    }
    .result-city_ul{
        font-size: 12px;
    }
    .result-city_ul li{
        padding: 8px 0;
    }
    .result-city_ul-icon_left{
        margin-right: 4px;
        width: 20px;
    }
    .result-city_ul-icon-a_right{
        float: right;
        margin-right: 5px;
    }
    .scrollbar {
        height: 189px;
        width: 100%;
        overflow-y: scroll;
        margin-bottom: 2px;
    }
    .result-city_bottom{
        padding-top: 8px;
        margin: 10px 10px 0 4px;
    }
    .result-city_bottom-p{
        font-size: 10px;
        line-height: 14px;
        margin-right: 7px;
        vertical-align: top;
    }
    .result-city_bottom-p span{
        font-size: 12px;
        line-height: 14px;
    }
    .result-city{
        padding: 4px;
    }
    footer{
        text-align: center;
        padding-top: 43px;
        padding-bottom: 41px;

    }
    footer span{
        font-size: 16px;
        line-height: 19px;
    }
    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: 4px;
        right: 10px;
        color: inherit;
        opacity: 1;
    }
    .chiller_cb label {
        padding-left: 24px;
        position: relative;
        z-index: 2;
        cursor: pointer;
        margin-bottom:0;
        font-size: 12px;
        line-height: 16px;
    }
    /*===================добавить аккаунт============*/
    .panel-customization{
        padding-left: 5px;
        padding-right: 5px;
    }
    .icon-add{
        width: 16px;
    }
    .btn-success-add{
        width: 40px;
        height: 40px;
        padding: 0;
        margin-left: 1px;
    }
    .box {
        background: #292C36;
        border: 2px solid #4B4E56;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 8px 15px 10px 8px;
        position: absolute;
        top: -10px;
        left: -22px;
        right: 2px;
        z-index: 1;
        text-align: left;
        display: none;
    }
    .account_block-add_active{
        position: relative;
        width: 210px;
    }

    .transform-active {
        display: block;
    }
    .account_block-add{
        position: relative;
        padding-left: 0px;
        display: inline-block;
    }
    .menu-account_settings{
        margin-left: 7px;
        margin-right: 7px;
    }
    .account_block-add_name{
        display: inline-block;
        text-align: left;
        margin-bottom: 0;
        width: 86px;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 19px;
        color: #FFFFFF;
        margin-left: 6px;
        vertical-align: top;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 9px;
        text-overflow: ellipsis;
    }

    .account_block-add_hpoto{
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
    .menu-account_ul{
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .menu-account_ul li{
        height: 40px;
        margin-bottom: 10px;
    }
    .menu-account_ul-icon{
        width: 16px;
        height: 40px;
        padding-top: 8px;
        display: inline-block;
        text-align: center;
        margin-right: 5px;
    }

    /*-------------------------Фильтрация и выгрузка--------------------------*/
    .block-account-collection_total_min{
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        padding: 4px 18px;
        margin-left: 9px;
    }
    .block-account-collection-label_inline-block{
        display: inline-block;
    }
    .btn_ml-mr{
      margin: 8px 10px;
        width: 230px;
    }
    .filtering-uploading-customization{
        padding: 15px 14px 20px;
        width: 100%;
        text-align: left;
    }
    .label-left{
        text-align: left;
    }
    .label-left.filter{
        margin-top: 60px;
    }
    .wrap-select_border{
        border: 0.5px solid #009C42;
        box-sizing: border-box;
        border-radius: 5px;
        padding: 7px 14px;
        width: 200px;
        height: 33px;
        margin-bottom: 26px;
    }
    .wrapper-dropdown-w100:after {
        content: url("../img/ei_chevron-down.svg");
        width: 0;
        height: 0;
        position: absolute;
        right: -22px;
        top: 50%;
        margin-top: -17px;
    }
    .wrapper-dropdown-w100 .dropdown {
        position: absolute;
        width: 200px;
        top: 102%;
        left: 0;
        right: 0;
        z-index: 9999;
        padding:8px 0;
        margin-top:-5px;
        margin-left: -15px;
        background: #292C36;
        border: 2px solid #4B4E56;
        box-sizing: border-box;
        border-radius: 5px;
        font-weight: normal;
        list-style: none;
        opacity: 0;
        pointer-events: none;
        text-align: left;
    }
    .range-slider_h{
        height: 28px;
    }
    .content_stage-pl-pr{
      padding: 20px 14px;
    }
    .dropdown-btn_w{
        display: inline-block;
        width: 100%;
    }
    .dropdown-btn_w-border-none{
        border: none;
        width: 230px;
    }
    .dropdown-btn_w-menu{
        width: 230px;
        margin-left: 14px;
        text-align: left;
    }
    .dropdown-btn_w-menu li a{
        text-align: left;
       padding-top: 6px;
        padding-bottom: 6px;
        float: left;
    }
    .dropdown-btn_w-ml-mr{
        margin: 9px 0 0 1px;
    }
    .table{
        padding: 10px;
    }
    .content_stage-background{
        width: 720px;
    }
    #style-3::-webkit-scrollbar-track {
        background-color:  #242732;
    }
    #style-3::-webkit-scrollbar {
        height: 3px;
        background-color: #242732;
    }
    #style-3::-webkit-scrollbar-thumb {
        background-color: #15191F;
        border: 1px solid #15191F;
    }
    .table thead {
        border-radius: 10px 10px 0 0;
        text-align: center;
    }
    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 12px 7px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: none;
    }
    .table > thead > tr > th {
        text-align: center;
        border-bottom: 2px solid #292C36;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        color: #87878C;
    }
    .table > tbody > tr > td {
        font-family: Roboto;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        color: #87878C;
    }
    .table > tbody > tr > .td-font-size{
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        color: #FFFFFF;
    }
    .td-background{
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #0BBF35;
        background: #163E2A;
        border-radius: 5px;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .dropdown-border_font{
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        color: #0BBF35;
        padding: 6px 14px 7px 16px;
        border: 1px solid #0BBF35;
        box-sizing: border-box;
        border-radius: 5px;
        background: none;
        box-shadow: none;
    }
    .ei_chevron-down{
        margin-left: 5px;
    }

    .content_stage_mb{
        margin-bottom: 30px;
    }
    .dropdown-menu-r{
        right: 0;
        left: -90px;
        margin-left: 0;
    }
.modal-center{
    margin: 15px auto;
}
.range-slider_h{
    display: inline-block;
}
.range-slider{
    margin-top: -30px;
}


    .modal-center-input{
        height: 50px;
        margin: 0px auto 20px;
        text-align: center;
    }














    /*====================модалки=============*/
    .modal-title{
        font-size: 18px;
        margin-top: 4px;
        margin-bottom: 20px;
    }
    .modal-body{
        padding:0 10px 30px;
        text-align: center;
    }
    .modal-header{
        padding-bottom: 0;
        padding-top: 25px;
    }
    .modal-body-p_top{
        margin-bottom: 20px;
        font-size: 16px;
    }
    .modal-body-input-group{
        width: 260px;
        display: inline-block;
    }
    .input-group-addon{
        background: none;
        border: none;
    }
    .input-group_mb{
        margin-bottom: 16px;
    }
    .btn-success_big{
        width: 231px;
        height: 40px;
        text-align: center;
        padding: 0;
    }

    .loading{
        margin-left: 7px;
        animation: preloader-rotate 1.5s infinite linear;
    }
    .block-checked-center{
        display: inline-block;
        width: 290px;
        margin: 0 auto 23px;
    }
    .block-account-collection_btn{
        padding: 0;
        text-align: center;
        height: 40px;
        width: 230px;
        background: none;
        box-shadow: 0px 5px 20px rgba(11, 191, 53, 0.25);
    }
    .btn-success_messager{
        text-align: center;
        padding: 0;
        width: 91%;
        height: 40px;
    }
    /*--------------------*/
    .dropdown-toggle{
        margin-left: 0;
    }
    .dropdown-toggle-services_btn{
        margin-left: 0;
    }
    .payment-w{
        width: 272px;
        display: inline-block;
        text-align: center;
    }
    .payment-block{
        display: inline-block;
        width: 115px;
        height: 65px;
        margin:  7px 6px;
        background: #C4C4C4;
        border-radius: 5px;
        text-align: center;
    }

    .message-a_click{

    }
    .block-modal-none{
        display: none !important;
    }
    .payment-modal-none{
        display: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
    }
    .block-modal-none-active{
        display: block;
    }
    .block-modal-none-top{
        display: none;
    }
    .select-w{
        display: inline;
        margin-left: 0;
        margin-top: 10px;
    }
    .select {
        position: relative;
        display: block;
        width: 175px;
        height: 33px;
        margin: 10px auto;
        text-align: left;
        border: 1px solid #0BBF35;
        box-sizing: border-box;
        border-radius: 5px;
    }
    .content_stage-title-mb{
        margin-bottom: 15px;
    }

    .table-filter tbody tr:hover {
        cursor: pointer;
    }
    .table-filter tbody tr td {
        padding:20px 6px;
        vertical-align: middle;
        border-top-color: #eee;
    }
    .table-filter tbody tr.selected td {
        background-color: #0BBF35;
    }

    .content_stage-background-w{
        width: 100%;
    }
    .table-filter{
        width: 100%;
    }
    .checkmark {
        position: absolute;
        top: -8px;
        left: 1px;
        height: 20px;
        width: 20px;
        background: none;
        border-radius: 50%;
        border:2px solid #fff;
    }
    .table > tbody > tr > .td-font-size-left{
        text-align: left;
        font-size: 14px;
        line-height: 16px;
    }
    .table > tbody > tr > .td-font-size-right{
        font-size: 14px;
        line-height: 16px;
    }
    .table-filter tr td:first-child {
        width: 20px;
    }
    .table-filter tr td:nth-child(2) {
        width: 30px;
    }
    .block-modal-seen{
        display: block;
        font-size: 12px;
        font-weight: 300;
    }

    #user-personal-settings > .modal-dialog {
        top: 5px;
    }


}
/*-------------------------max-width: 340px--------------------------*/

/*====================контент=============*/

@media (max-width: 340px) {
    .mobile_table_column_display-none{
        display: none;
    }
    .checkbox_weight{
        width: 110%;
    }

    #user-personal-settings > .modal-dialog {
        top: 20px !important;
    }

}

@media  (min-width: 767px) {
    .table-price .flex-tr {
        border: #0BBF35 1px solid;
        border-radius: 5px;
    }
}