@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

body{
    background: #f3f6f9;
    height: 100vh;
    font-family: Roboto, sans-serif;
    color: #2b5161;
}



span[disabled] { pointer-events: none; } /*** Отключение кликов по disabled span ***/

h1{
    margin: 3px 0 0;
    font-size: 30px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control,
.select2-container--default.select2-container--disabled .select2-selection--single{
    background: #f3f6f9;
}

.h1-more{
    font-weight: 300;
    font-size: 26px;
}

h1, h2{
    font-weight: 300;
}

h3 , h4 {
    font-weight: 300;
}

label{
    font-weight: 300;
    color: #244662;
}

strong{
    font-weight: 500;
}

.anchor-point{
    position: absolute;
    top: -30px;
}

.font-300{
    font-weight: 300;
}

.no-padding{
    padding: 0;
}

.btn{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 300;
}

.navbar{
    margin: 0;
}

.navbar-nav > li {
    float: left;
}

.navbar-default .navbar-brand{
    font-size: 40px;
    font-weight: 700;
    padding: 0;
    margin: 0 !important;
    color: #777777;
    min-height: 65px;
}

.navbar-default .navbar-nav > li > a{
    color: #8092a6;
}

.navbar-brand .main-logo{
    max-height: 64px;

}

.navbar-inverse{
    background: #0F2027;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    border: none;
}

.navbar-inverse .nav.navbar-nav.navbar-right{
    background: none;
}

.navbar-inverse .navbar-nav > li > a{
    color: #c8c8c8;
}

.navbar-default{

}

.navbar-static-top{
    z-index: 1;
}

#addition-top-navbar{
    z-index: 10;
    min-height: 0;
    font-size: 12px;
}

#addition-top-navbar .navbar-nav > li > a{
    padding: 10px 16px;
}

#addition-top-navbar .navbar-nav.navbar-left > li > a{
    padding: 10px 0;
}

#addition-top-navbar .navbar-nav > li > .nanvar-username{
    padding: 10px 25px;
    display: inline-block;
    color: #737378;
}

#addition-top-navbar .addition-top-navbar-view-switcher{
    display: inline-block;
    background: #13262e;
    padding: 0 5px;
    margin: 0 15px;
    color: #7f7f7f;
    font-size: 10px;
    position: absolute;
    bottom: -10px;
    right: 0;
}

#addition-top-navbar .addition-top-navbar-view-switcher:after{
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-top: 15px solid #13262e;
    border-right: 15px solid transparent;
    position: absolute;
    right: -15px;
    top:0;
}

#addition-top-navbar .addition-top-navbar-view-switcher:before{
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-top: 15px solid #13262e;
    border-left: 15px solid transparent;
    position: absolute;
    left: -15px;
    top:0;
}

#addition-top-navbar .addition-top-navbar-view-switcher:hover{
    cursor: pointer;
    color: #ffffff;
}

#addition-top-navbar.addition-top-navbar-detail .navbar-nav.navbar-left > li > a{
    padding: 0px;
}

#addition-top-navbar.addition-top-navbar-detail .navbar-nav.navbar-right > li > a{
    padding: 0px 15px;
}

#addition-top-navbar.addition-top-navbar-detail .status-count{
    font-size: 10px;
    min-width: 16px;
    height: 16px;
    line-height: 17px;
    margin-left: 2px;
}

.status-count-delimiter{


}




#top-navbar .navbar-right{
    text-align: center;
}

#top-navbar .navbar-right li a{
    padding: 5px 0 0;
    width: 90px;
    font-size: 12px;
}

#top-navbar .navbar-right li{
    float: left;
}

#top-navbar .navbar-right li a.active{
    /*background: #d3e0e9;*/
    color: #c53f5d;
}

#top-navbar .navbar-right li a.active i{
    color: #c53f5d;
}

#top-navbar .navbar-right img{
    display: block;
    height: 35px;
    margin: 0 auto;

}

.top-menu-icon svg{
    fill: red;
}

#top-navbar .navbar-right i{
    display: block;
    font-size: 32px;
    margin: 3px auto;
    color: #8092a6;
}

#top-navbar .navbar-right a:hover i, #top-navbar .navbar-right a.active i{
    color: #516378;
}



#top-navbar .navbar-right li .navbar-user-info{
    width: 210px;
    font-size: 12px;
    color: #8092a6;
    text-align: left;
    border-left: solid 1px #d3e0e9;
    margin: 13px 5px 0;
    padding: 0px;
}

#top-navbar .navbar-right li .navbar-user-info-name-exit{
    padding-left: 0;
}

#top-navbar .navbar-right li .navbar-user-info span{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#top-navbar .navbar-right li .navbar-user-info i{
    display: inline;
    font-size: 12px;
}

#top-navbar .navbar-right li .navbar-user-info a{
    color: #8092a6;
}


.panel{
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    margin-bottom: 60px;
}

.panel-heading{
    padding: 5px 15px;
}

.panel-body{
    padding: 5px 15px;
}

.panel-default{
    border:none;
}

.panel-default > .panel-heading{
    background: none;
    border: none;
    color: #2b5161;
}

.h1-block{
    padding: 5px 0 0;

}




.data-block{

    background: rgba(255,255,255,1);
    padding: 15px;
    margin-bottom: 10px;
    /*-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.3);*/
    border: 1px solid #e8ebee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #2b5161;

}

.data-block input[type="checkbox"].data-block-select{
    position: absolute;
    left: -15px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
}


.data-block img{
    max-height: 100px;
}

.data-block .data-block-panel{
    max-width: 60px;
    text-align: center;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;

}

.row-text{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 300;
}

.row-text i{
    color: #8092a6;
    margin-right: 5px;
    width: 14px;
}

.row-comment{
    font-weight: 300;
    word-wrap: break-word;
}

.row-comment i{
    color: #8092a6;
    margin-right: 5px;
    width: 14px;

}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.data-block-panel{
    padding-top: 22px;
}

.data-block-button{
    color: #8092a6;
    display: block;
    padding: 10px 0px;
    cursor: pointer;
}

.delete-button{
    position: absolute;
    top:4px;
    right:2px;
    font-size: 10px;
    padding: 1px 2px;
    z-index: 100;
}

.delete-button:hover{
    color: #c53e5d;
}

.disabled .delete-button{
    display: none;
}

.data-block:hover .data-block-panel{
    /*background: #ffffff;*/
}

.data-block:hover .data-block-panel .data-block-button{
    color: #8092a6;
}

.data-block .data-block-panel .data-block-button:hover{
    color: #c53e5d;
}


.products-list{
    padding: 0;
    list-style-type: none;
    vertical-align: bottom;
    font-weight: 300;
}

.products-list li{
    margin: 0 0 3px;
    vertical-align: bottom;
}

.products-list .product-list-image{
    max-width: 25px;
    max-height: 30px;
    display: inline-block;
}

.products-list .product-list-name{
    max-width: 70%;
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.products-list .product-availability-2{
    color: #c7405e;
    font-weight: 700;
}


.modern-tree{
    list-style-type: none;
}

.modern-tree-line{
    display: inline-block;
    background: #ffffff;
    padding: 15px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.3);
}

table{
    background: #ffffff;
}

form{
    background: #ffffff;
    padding: 30px 15px 15px;
    margin-bottom: 10px;
    /*-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.3);*/
    border: 1px solid #e8ebee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.fields-block .form-group{
    /*background: #ededee;*/
}

form.form-horizontal .control-label{
    text-align: left;
    padding: 6px 12px 6px 15px;
}

.form-control{
    font-size: 13px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*border-color: #e8ebee;*/
    border-color: #dbe1e9;
}

span.form-control{
    height: auto;
    min-height: 34px;
    overflow-x: hidden;
}

.fields-block .form-group .form-control{

}

.status-count{
    display: inline-block;
    height: 20px;
    min-width: 20px;
    line-height: 21px;
    padding: 0 2px;
    background: #c53f5d;
    color: #000000;
    text-align: center;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    font-size: 12px;
}

.status-count-other{
    background: #274a58;
}

.task-count-block{
    display: inline-block;
    margin-right: 5px;
}

#addition-top-navbar .status-count.task-count{
    color: #ffffff;
}

#addition-top-navbar.addition-top-navbar-detail .status-count.task-count{
    margin: 2px;
}

.task-count-future{
    background: #7f7f7f;

}




textarea.form-control{
    min-height:70px;
    margin:0px;
    resize:none;
    overflow-x:hidden;
    overflow-y:scroll;

}

.app-footer{
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 101;
}

.app-footer .container{
    background: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.3);
}





.sub-menu{

    text-align: center;
    border-bottom: solid 1px #d3e0e9;
    background: #ffffff;
}

.sub-menu a{
    display: inline-block;
    margin: 0 10px;
    color: #8092a6;
    padding: 10px 5px 5px;
    border-bottom:2px solid transparent;
}

.sub-menu a.active:hover{
    text-decoration: none;
}

.sub-menu a.active{

    border-color:#d3e0e9;
}



.no-found-results{
    padding: 15px;
    background: #ffffff;
    text-align: center;
    border: 1px solid #e8ebee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.no-found-results img{
    margin: 0 auto;
}



.select-checkboxes-block{
    position: relative;
    display: block;
}

.page-all-select{
    position: absolute;
    left: -14px;
}

.select-checkboxes-block label{
    font-size: 12px;
}

.select-checkboxes-block label:hover{
    cursor: pointer;
    text-decoration: underline;
}

.select-checkboxes-block input:hover{
    cursor: pointer;
}

.total-info-block .total-count{
    margin-right: 5px;
}

.set-orderBy-value{
    padding: 0;
    background: none;
    border: none;
}

/*** SMS Templates ***/

.sms-template-block{
    margin-bottom: 15px;
}

/*** ORDER ***/

.order-products{
    margin-bottom: 15px;
}

.add-new-product{
    margin-top: 12px;
}

.product-row{
    margin: 7px 0;
    border: 1px solid #e8ebee;
    padding: 10px 0 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f3f6f9;
}

.product-row.product-empty-row{
    padding: 10px;
}

.product-row input[type="radio"]+span{
    color: #b2b2b2;
}

.product-row input[type="radio"]:checked+span{
    color: #244662;
}



.product-row .product-availability-2 input[type="radio"]:checked+span{
    color: #c7405e;
    font-weight: 700;
}



.product-filter{
    margin: 10px 0;
}

.filter-select{
    font-size: 12px;
    display: inline-block;
    color: #b2b2b2;
    border-bottom: 1px dotted;
}

.filter-select:hover,.filter-select:focus{
    text-decoration: none;
}

.product-field-label{
    display: block;
    font-size: 10px;

    font-weight: 400;
    color: #244662;
}

.product-field-quantity-block .product-field-label{
    margin-left: 21%;
}

.form-group{
    position: relative;
}

.form-control[readonly]{
    background: #f3f6f9;

}


.address-view-switcher{
    position: absolute;
    right:20px;
    bottom:8px;
    font-size: 10px;
    color: #8092a6;

}

.address-view-switcher:hover{
    cursor: pointer;
    text-decoration: underline;
}

.address-detail{
    margin: 0px;
    padding: 5px 0 10px;
    background: #f3f6f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.address-compact{
    padding: 0;
    background: #f3f6f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.address-compact-text{
    height: auto;
    min-height: 36px;
    padding-right: 55px;
    background: #f3f6f9;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}




.order-custom-fields-view-switcher{
    position: absolute;
    right:20px;
    top:8px;
    font-size: 10px;
    color: #8092a6;

}

.order-custom-fields-view-switcher:hover{
    cursor: pointer;
    text-decoration: underline;
}

.order-custom-fields-detail{
    margin: 0px;
    padding: 5px 0 10px;
    background: #f3f6f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.order-custom-fields-compact{
    padding: 0;
    background: #f3f6f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-height: 32px;
}

.order-custom-fields-compact-text{
    height: auto;
    min-height: 36px;
    padding-right: 55px;
    background: #f3f6f9;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.order-custom-fields-compact .form-control{
    background: none;
}








.form-fields-group{
    margin: 0px;
    padding: 5px 0 10px;
    background: #f3f6f9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.form-fields-group label{
    font-size: 12px;
    margin: 5px 0 0;
}

.order-form{
    padding: 15px;
}

.order-form .col-md-6{
    /*padding: 0 30px;*/
}

.order-top-panel{
    margin-bottom: 15px;
    border-bottom: solid 1px #e8ebee;
    padding-top: 10px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.order-top-panel label{
}

.order-top-panel select[disabled]{
    background: rgba(255,255,255,0.3);
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

/*** Delivery Ext ***/

.buttons-delivery-block{
    min-height: 60px;
}

.buttons-delivery-bg{
    position: absolute;
}

.button-delivery-bg{
    display: inline-block;
    border: 1px solid transparent;
    padding: 0px 12px;
    margin: 6px 0;
}

.button-delivery-bg-on{
    background: #d6e9a7;
}

.button-delivery-bg-off{
    background: #dbe1e9;
    padding: 0px 10px;
    margin-left: -4px;
}

.buttons-delivery{
    position: absolute;
}

.buttons-delivery span[disabled]{
    opacity: 1 !important;
}

.button-off-delivery-ext{
    margin-left: 49px;
}


/*** Order History ***/

.history-block > div{
    overflow: auto;
}

.history-block .table>thead:first-child>tr:first-child>th{
    font-weight: 400;
}

.history-block .table>tbody>tr>td{
    font-weight: 300;
}

.history-time{
    font-size: 12px;
}



.payments-history-block > div{
    min-height: 40px;
}

.payments-history-block h3{
    margin: 0 0 11px;
}





.total-rest-order-info label{
    text-align: right;
    font-size: 20px;
    padding-top: 0;
}

.total-rest-order-info .sum-text{
    font-size: 18px;
    font-weight: 300;
    line-height: 37px;
}

.total-rest-order-info .form-group{
    margin: 0;
}





    /*** Order PZ block ***/

.pz-block{
    font-size: 12px;
    display: inline-block;
    margin-left: 5px;

}

.pz-call-link:hover{
    color: #c53e5d;
    cursor: pointer;
}

.pz-call-result{
    color: #c53e5d;
}

/*** Order itcenter block ***/

.itcenter-block{
    font-size: 12px;
    display: inline-block;
    margin-left: 5px;

}

.itcenter-call-link:hover{
    color: #c53e5d;
    cursor: pointer;
}

.itcenter-call-result{
    color: #c53e5d;
}


/*** Order Qr-phone block ***/

.qr-phone-block{
    float: right;
}

.qr-phone-block i{
    opacity: 0.5;
}

.qr-phone-block .qr-phone-img{
    display: none;
    position: absolute;
    z-index: 100;
    padding: 0;
    background: #ffffff;
}

.qr-phone-block:hover .qr-phone-img{
    display: block;
}

.qr-phone-block:hover i{
    opacity: 0.7;
}

/*** Order autocomplete block ***/


.autocomplete-results{
    background: #ffffff;
    width: calc(100% - 30px);
    position: absolute;
    border: 1px solid #aaaaaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: none;
    overflow: hidden;
    z-index: 10;
    padding-bottom: 10px;
}

.autocomplete-results span{
    padding: 0 5px;
    display: block;
    font-size: 12px;
}

.autocomplete-results span:hover{
    background: #5897fb;
    color: #ffffff;
    cursor: pointer;
}

/*** Order others block ***/
.order-others-block .data-block{
    padding: 5px;
    margin-bottom: 5px;
}

.order-others-block .others-order-status{
    margin: 0 10px;
    padding: 0 2px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.order-others-block .products-list{
    margin-bottom: 0;
}


.others-orders-field-option{
    display: inline-block;
    margin-right: 3px;
    border: 1px solid #dbe1e9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 11px;
    padding: 0 2px;
    opacity: 0.7;
}

.others-orders-field-option:hover{
    background: #ffffff;
    opacity: 1;
    cursor: pointer;
}


/*** Order alarm ***/

.alarm-data{

}

.alarm-data .task-label{
    color: #8092a6;
    font-size: 18px;
}


.alarm-data .input-date input{
    width: 27%;
    display: inline-block;
}

.alarm-data .input-time input{
    width: 27%;
    padding-right: 20px;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance:textfield;
}

.input-date{
    position: relative;
}

.input-date:after{
    content: '\f073';
    font-family: "Font Awesome 5 Free";
    color: #8092a6;
    display: block;
    position: absolute;
    top:-3px;
    right: 5px;
    pointer-events: none;
}

.input-time{
    position: relative;
}

.input-time:after{
    content: '\f017';
    font-family: "Font Awesome 5 Free";
    color: #8092a6;
    display: block;
    position: absolute;
    top:-3px;
    right: 5px;
    pointer-events: none;
}

.task-clear{
    color: #8092a6;
}

.task-clear:hover{
    color: #c53e5d;
    cursor: pointer;
}

.disabled .task-clear{
    display: none;
}




.print-buttons-block .btn{
    margin-right: 5px;
}




/*** Main Filter ***/

.filter-block{
    padding-top: 8px;
    background: #dfe5eb;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

.input-daterange > div:after{
    content: '\f073';
    font-family: "Font Awesome 5 Free";
    color: #8092a6;
    display: block;
    position: absolute;
    top:8px;
    right: 20px;
    pointer-events: none;
}

.date-separator{
    position: absolute;
    left: -3px;
    top:3px;
    font-size: 20px;

}

.filter-block .buttons-block{
    padding-top: 10px;
}

.filter-block label{
    font-weight: 400;
    margin-bottom: 0;
    font-size: 13px;
}

.filter-block .buttons-block .form-group{
    margin: 0;
}

.filter-block .buttons-block .btn{
    border: none;
}

.filter-block .buttons-block .btn-primary{
    background: #516378;
}

.filter-block .buttons-block .btn-link{
    color: #516378;
}

.filter-block .buttons-block .btn.disabled{
    color: #aeb1b4;
}


.filter-block .filter-block .form-control{
    background-color: #e8ebee;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #e8ebee;
    height: 34px;
}

.filter-block .filter-block .form-control.active{
    background-color: #ffffff;
}

.filter-block .filter-group{
    padding: 0 5px 7px;
}


/*** Modern ***/

.row-name{
    display: block;
    font-size: 16px;

}

.item-link i{
    margin-right: 4px;
}

a.item-link, a.item-link:hover .row-name{
    color: #c53e5d;
}

.row-date{
    display: block;
    font-size: 12px;
    color: #777;
}

.row-date i{
    color: #8092a6;
    font-size: 11px;
}

.row-status{
    padding: 5px 10px;
    width: 100%;
    display: block;
    color: #000000;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

.status-label{
    width: 6px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 1px;
    margin: -1px;
    box-sizing: content-box;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.status-label:hover{
    cursor: default;
}

.status-selector{
    position: relative;

}




.status-selector-list{
    background: #ffffff;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.3);
}

.status-selector-list li:hover{
    opacity: 0.7;
    cursor: pointer;
}

.select-icon{
    position: absolute;
    right:10px;
    top:30%;
    font-size: 10px;
}


/*** Status Select2 ***/


.select2-results__option[aria-selected] .select-status-option:hover{
    background: #5897fb;
}

.select2-results__option.select2-results__option--highlighted .select-status-option{
    background: none;
}

.select-status-list{
    min-width: 230px;
}

.select2-result-itemsitory__title{
    font-size: 13px;
}

.select-status-option{
    margin: -6px;
    padding: 5px;
}

.select-block{
    display: inline-block;
    vertical-align: text-bottom;
}

.select-block .select2-container--default .select2-selection--single{
    padding: 0;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.select-block .select2-container .select2-selection--single .select2-selection__rendered{
    padding: 0;
}

.select-block .select2-container .select2-selection--single .select2-selection__rendered .select-status-option{
    padding: 10px 12px;
}

/*** Orders ***/

.order-compact-block a:hover{
    text-decoration: none;

}

.order-compact-block:hover{
    cursor: pointer;
    background: #fafafb;
}

.order-compact-block .task-line{
    display: inline-block;
    margin: 5px 0;
    padding: 3px 10px;
    color: #ffffff;
    background: #8092a6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;

}

.task-line i{
    font-size: 10px;
}

.button-save{
    margin-right: 15px;
}

.button-save[disabled], .button-save:hover[disabled]{
    background: #8092a6;
    border-color: #8092a6;
}

.button-close{
    color: #8092a6;
}


.form-control.important-text[readonly]{
    background: none;
    border: none;

    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    font-size: 18px;
    font-weight: 300;
    padding-top: 5px;
}

form.form-horizontal .control-label.important-label{
    font-size: 20px;
    padding-top: 0;
}

form.form-horizontal .control-label.important-label.important-label-2{
    font-size: 24px;
}

form.form-horizontal .total-order-info  .control-label{
    text-align: right;
}

form.form-horizontal .total-order-info .form-group{
    margin-bottom: 3px;
}

/*** Offers ***/

.offer-compact-block a:hover{
    text-decoration: none;

}

.offer-compact-block:hover{
    cursor: pointer;
    background: #fafafb;
}


/*** Register ***/

.auth-block.promo-block{
    padding: 140px 0;
    height: 100vh;
    min-height: 880px;
}

.auth-form{
    background: rgba(255,255,255,0.92);
    border: 1px solid #e8ebee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 40px 25px 60px;

}

.auth-form h1{
    margin: 20px 0 50px;
}

.auth-form .btn-link{
    display: inline-block;
    margin-top: 20px;
}

.auth-form label{
    font-size: 16px;
}

.auth-form .form-control{
    padding: 22px 12px;
    font-size: 14px;
}

/*** MainPage ***/


.home.content > section{
    position: relative;
}

.home.content > section > .container{
    background: #ffffff;
    border: 1px solid #e8ebee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 25px 25px 35px;
}

.home.content .full-line{
    /*background: #ffffff;
    border-top: 1px solid #e8ebee;
    border-bottom: 1px solid #e8ebee;*/
}

.home.content .full-line .container{
    background: none;
    border: none;
    padding: 25px 0 35px;

}

.home.content h2{

    font-size: 48px;
    text-align: center;
}

.home.content .slogan-line{
    margin: 40px 0;
}

.home.content .slogan-line .container{
    padding: 25px 55px 35px;
}

.home.content .slogan-line h2{
    font-size: 30px;
}

.ca-block{
    background: #ffffff;
    padding: 40px 0 40px;
}

#top-navbar .navbar-right li a.promo-main-phone{
    display: inline-block;
    padding: 21px;
    font-size: 26px;
    color: #346584;
    width: auto;
}

#top-navbar .navbar-right li a.btn{
    padding: 15px 45px;
    font-size: 16px;
    font-weight: 700;
    min-width: 240px;
    margin: 5px 5px;
    text-transform: uppercase;
}

#top-navbar .navbar-right li a.btn.btn-default{
    background: #f3f6f9;
    color: #346584;
}

#top-navbar .navbar-right li a.btn.btn-primary{
    color:#ffffff;
}

#top-navbar .navbar-right li a.btn.btn-primary:hover{
    background-color: rgba(143,21,48,.84);;
}


#top-navbar .navbar-right li .navbar-link{
    font-size: 16px;
    margin: 16px 45px;
    text-transform: uppercase;
}


.navbar-fixed-top{
    background: rgba(255,255,255,0.9);
    border-bottom: none;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.3);
}


.promo-block{
    padding: 30px 0 30px;
    background: url('/images/promo-bg-n.jpg') center -50px no-repeat;

}



.promo-block.promo-block-index-page .col-md-6{
    background: rgba(255,255,255,0.85);
    border: 1px solid #e8ebee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 25px 25px 35px;
    min-height: 560px;
}

.promo-block h1{
    font-size: 40px;

}

.promo-block ul{
    list-style: none;
    font-size: 18px;
    font-weight: 300;
    padding: 0 0 0 5px;
}

.promo-block ul li{
    margin-bottom: 15px;
    border-left: solid 2px #789eb9 ;
    padding: 0 0 0 10px;
    line-height: 26px;
}

.home.content .promo-block h1{

    font-size: 48px;
    margin: 15px  auto 15px;
}

.home.content .promo-block h2{
    font-weight: 300;
    font-size: 45px;
    margin: 25px auto 80px;
    color: #346584;
}

.promo-description-text{
    display: block;
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 300;
}

.promo-block .btn{
    padding: 15px 0px;
    font-size: 16px;
    font-weight: 700;
    min-width: 240px;
    margin: 10px 10px 0 0;
    text-transform: uppercase;
}

.home.content > section.promo-block > .container{
    /*padding: calc(100vh/2 - 310px) 25px;*/
    padding: 110px 0 70px;
}

.home.content > section.promo-block2 > .container{
    padding: 50px 25px;
}





.promo-block2{
    background: url('/images/promo2-bg-n.jpg') center -250px no-repeat;
    padding: 85px 0;
}

.home.content > section.promo-block2 >  .container{
    background: rgba(255,255,255,0.85);
    padding: 100px 0;
    max-width: 1200px;
}









.index-guest .content .footer{
    margin-bottom: 0;
    background: #ffffff;
}

.index-guest .content > section.footer > .container{
    text-align: left;
    padding: 35px 0 45px;
}

.index-guest .content section.footer > .container{
    text-align: left;
    padding: 35px 0 45px;
}



.footer-contect-text{
    display: block;
    font-size: 20px;
    color: #346584;
    width: auto;
}

.footer-legal-text{
    font-size: 12px;
    color: #8f9295;
}

.stick-tariffs{
    font-weight: 300;
    text-align: center;
}

.stick-tariffs .stick-tariff-name{
    font-size: 28px;
    word-wrap:break-word;
}

.stick-tariffs .main-price{
    display: block;
    font-size: 28px;
    font-weight: 300;
}

.stick-tariffs .sale-text {
    font-size: 16px;
}

.stick-tariff-currency{
    font-size: 21px;
}

.stick-tariff-sale{
    margin: 20px 0;
}

.stick-tariffs .plan{


}


.features-block .feature-block{
    background: #ffffff;
    border: 1px solid #e8ebee;
    border-left: 6px solid #d6e9a7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 30px 25px 0px;
    text-align: center;
    margin-bottom: 25px;
    height: 150px;
}

.features-block .feature-block-1{
    border-left: 6px solid #d6e9a7;
}

.features-block .feature-block-2{
    border-left: 6px solid #f2eda9;
}

.features-block .feature-block-3{
    border-left: 6px solid #fedeae;
}

.features-block .feature-block-4{
    border-left: 6px solid #b3cbdd;
}

.features-block .feature-block-5{
    border-left: 6px solid #6b95b3;
}

.features-block .feature-block-6{
    border-left: 6px solid #f9d6d6;
}

.features-block .feature-block h3{
    font-size: 22px;
}

/*** Страница с информацией по оплатам ***/

.payments-info-block .container{
    background: rgba(255,255,255,0.85);
    max-width: 1200px;
    border: 1px solid #e8ebee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 40px 45px 55px;
    margin-top: 65px;
}




/*** Увеличение изображения ***/

.big-image-block{
    position: absolute;
    max-width: 150px;
    max-height: 150px;
    background: #ffffff;
    text-align: center;
    z-index: 100;
    padding: 15px;
    border: 1px solid #e8ebee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}


/*** Filter ***/

.filter-group{
    padding: 0 5px;
}

.filter-group > div{
    padding: 0 10px;
}

.filter-group label{
    padding: 0 10px;
    display: block;
}

.filter-display-switch:hover{
    text-decoration: underline;
    cursor: pointer;
}

.filter-switcher{
    font-size: 12px;
}

.filter-switcher:hover{
    cursor: pointer;
    text-decoration: underline;
}

/*** SELECT2 ***/

.select2-result img{
    max-height: 50px;
}

.select2-hidden-accessible,
.select2-hidden-accessible:focus {
    left: auto!important;
    top: auto!important;
    margin-top: 33px;
}

.select2-container--default .select2-selection--single{
    height: auto;
    padding: 3px;
    /*border-color: #e8ebee;*/
    border-color: #dbe1e9;
}

.select2-input-image{
    max-height: 30px;
    margin-right: 10px;
}

/*** Quantity ***/

.quantity-input{
    max-width: 30px;
    display: inline-block;
    padding: 0 4px;
    text-align: center;
}

.quantity-btn{
    color: #e8ebee;
}

.disabled .quantity-btn{
    display: none;
}

.disabled .quantity-input{
    margin-left: 15px;
}

.quantity-btn:hover{
    color: #8092a6;
    cursor: pointer;
}


/*** MODAL ***/

.modal-content{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.modal-backdrop:first-of-type {
    z-index: 10100 !important;
}

.btn-save{
    float: left;
}


/*** Near Order ***/

.near-order-buttons{
    margin-right: 4px;
}

.near-order{
    color: #8092a6;
    margin: 0 4px;
    height: 36px;
    padding: 0 8px;
}

.near-order:hover{
    cursor: pointer;
    color: #516378;
}

.near-order i{
    font-size: 40px;
    line-height: 32px;
}

/*** Close Order ***/

.button-close{
    color: #8092a6;
    margin: 0;
    height: 36px;
    padding: 0 8px;
}

.button-close i{
    font-size: 22px;
    line-height: 32px;
}




/*** Companies ***/

.company-row i{
    font-weight: 700;
    text-decoration: underline;
}

.company-warning{
    background: #fcfbd1;
}

.company-debt{
    background: #b3cbdd;
}

.company-dev{
    background: #c8fcd0;
}





/*** Modal Ajax ***/

#ajax-modal .modal-dialog{
    width: 98%;
    margin: 1%;
}

#ajax-modal .panel-default{
    margin-bottom: 0;
}

#ajax-modal h1{
    float: left;
    margin-right: 10px;
    font-size: 24px;
}

#ajax-modal .close{
    position: absolute;
    top:0;
    right: 0;
    margin-right: -10px;
    margin-top: -6px;
    font-size: 28px;
}

#ajax-modal .panel-heading{
    border-bottom: 1px solid #d3e0e9;
}

#ajax-modal .panel-body{
    padding: 0;
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#ajax-modal form{
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;

}

.order-top-panel{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


/*** Coin ***/



.order-coin{
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    background: url('/images/coin-unpaid.png') 0 0 no-repeat;
    background-size: cover;
    vertical-align: super;
}

.order-coin.order-coin-paid{
    background-image: url('/images/coin-paid.png');
}

.order-coin.order-coin-semipaid{
    background-image: url('/images/coin-semipaid.png');
}

.order-coin.order-coin-overpaid{
    background-image: url('/images/coin-overpaid.png');
}

.order-compact-block .order-coin{
    position: absolute;
    left: -7px;
    margin-top: 6px;
}

/*** Tasks ***/

.tasks-block{
    margin: 0 -15px;
}

.tasks-block h2{
    font-size: 24px;
    border-bottom: solid 1px #d3e0e9;
    padding-bottom: 5px;
    margin: 0 0 10px;
    text-align: center;
}
.tasks-block h3{
    margin: 0 0 10px;
    font-size: 18px;
}

.tasks-block .row-name {
    padding: 3px 0;
    display: inline-block;
}

.tasks-block .data-block{
    padding:  5px 15px 10px;
}

.task-block .comment-block{
    padding: 0px 0 0;
}

/*** Status Transition ***/
.status-transitions-table{
    width: auto;
    margin-left: 158px;
}

.status-transitions-table-delimiter-block{
    min-width: 140px;
    background: #ffffff;
    border: 1px solid #ddd !important;
}

.status-transitions-table-delimiter-block .new-status-label{
    text-align: left;
    display: block;
}

.status-transitions-table-delimiter-block .now-status-label{
    text-align: left;
    display: block;
}

.status-transitions-table hr{
    margin: 5px 0;
}

.status-transitions-table thead tr th{
    vertical-align: top;
    text-align: center;
    height: 80px;
    overflow: hidden;
}

.table.status-transitions-table tr th{
    font-weight:400;
    font-size: 12px;
    min-width:110px;
    padding: 5px;

}

.table.status-transitions-table>tbody>tr>td{
    text-align: center;
    min-height: 40px;
    vertical-align: middle;
}

.table.status-transitions-table>tbody>tr>td{
    vertical-align: middle;
    font-weight:400;
    font-size: 12px;
    height: 50px;
}

.status-transitions-table td input{
    margin: 0;
}

.status-transitions-buttons-block{
    margin-top: 20px;
}



.table.status-transitions-table > thead:first-child > tr:first-child > th:first-child {
    position: absolute;
    display: inline-block;
    width: 160px;
    left:0px;
    overflow: hidden;
    margin-top: -1px;
}

.table.status-transitions-table > tbody > tr > td:first-child {
    position: absolute;
    display: inline-block;
    width: 160px;
    left:0px;
    text-align: left;
    overflow: hidden;
    margin-top: 0px;
}


/*** Belpost-modal ***/

.belpost-track-number-types-block{
    padding: 20px;
}


/*** report-output-block ***/

.report-output-block > span{
    display: block;
    margin: 9px 0;
}




/*** New payment ***/

#new-payment-modal form{
    border: none;
    padding: 0;
}

.new-payment-buttons-block{
    margin-top: 25px;
}

#new-payment-modal .input-date:after{
    top: -30px;
}



/*** Adaptive style ***/

@media (max-width: 768px){


    .index-guest .navbar-collapse li{
        width: 100%;
        display: block;
    }

    .index-guest #top-navbar .navbar-right li a{
        width: 100%;
        margin: 10px 0;
    }

    .home.content > section.promo-block > .container{
        padding: 20px 0px 20px;

    }

    .home.content > section.promo-block > .container .btn{
        width: 100%;
    }

    #top-navbar .navbar-right li a.promo-main-phone{
        padding: 7px 0px;
        font-size: 18px;
    }





    .navbar-nav{
        margin: 7px 0;
    }

    .navbar-brand .main-logo{
        max-height: 50px;

    }

    .navbar-nav{
        float: left;
    }

    #addition-top-navbar .navbar-nav.navbar-left{
        padding: 0 15px;
    }

    #addition-top-navbar .addition-top-navbar-view-switcher{
        display: none;
    }

    .navbar-nav.navbar-right{
        float: right;
        padding-right: 5px;
    }

    #addition-top-navbar .container{
        padding: 0;
    }

    #addition-top-navbar .navbar-nav > li > a{
        padding: 10px;
    }

    .navbar-status-name{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 37px;
        display: inline-block;
        vertical-align: middle;

    }

    #addition-top-navbar .navbar-nav > li > .nanvar-username{
        display: none;
    }

    #ajax-modal .panel-heading{
        padding: 0;
    }

    #ajax-modal .h1-block h1{
        display: block;
        line-height: 36px;
        height: 40px;
        font-size: 18px;
    }

    #ajax-modal .h1-block .text-right{
        position: absolute;
        top: 0;
        right: 0;
    }

    .order-form{
        padding: 0;
    }

    .order-form .add-new-product {
        margin: 0px auto 10px;
        display: block;
    }


    .select-block{
        display: block;
        width: 100%;
    }

    .alarm-data{
        text-align: right;
    }

    .alarm-data > span{
        display: block;
        float: left;
    }

    .alarm-data .input-date,
    .alarm-data .input-time{
        width: 40%;
    }

    .alarm-data .input-date:after,
    .alarm-data .input-time:after{
        top: 7px;
    }

    .alarm-data .input-date input, .alarm-data .input-time input{
        width: 90%;
        line-height: 24px !important;
    }

    .alarm-data .task-label{
        margin: 5px 0;
    }

    .alarm-data .task-clear{
        margin: 8px;
    }

    .near-order{
        padding: 0 3px;
    }

    #ajax-modal .panel-body{
        /*max-height: calc(100vh - 200px);*/
        max-height: none;
    }

    .select-status-list{
        width: 100%;
    }


    #app .panel-heading .btn.btn-primary{
        position: fixed;
        right: 2%;
        bottom: 2%;
        z-index: 1000;
    }



    .home.content h2{
        font-size: 38px;
    }

    .home.content .slogan-line .container{
        padding: 5px 10px 10px;
    }

    .home.content .promo-block{
        padding: 40px 10px 0px;
        background-position: 61% -242px;
    }

    .home.content .promo-block2{
        padding: 20px 10px;
    }

    .home.content .promo-block h1{
        font-size: 38px;
        margin: 15px 0;
    }

    .promo-description-text{
        font-size: 14px;
    }

    .home.content .promo-block h2{
        margin:20px 0 30px;
    }

    .home.content .promo-block .btn{
        margin: 0px auto 10px;
    }

    .home.content .slogan-line{
        padding: 15px 10px 20px;
    }

    .home.content .slogan-line h2{
        font-size: 24px;
    }

    .home.content > section.footer > .container{
        text-align: center;
    }


    .auth-block.promo-block{
        padding: 70px 0;
    }

    .auth-block.promo-block h1{
        font-size: 32px;
    }

    .auth-block.promo-block .btn{
        width: 100%;
        min-width: 0;
    }

    form.form-horizontal .control-label{
        padding-bottom: 0;
        margin-bottom: 0;
    }



    .input-daterange > div{
        margin-bottom: 5px;
    }

    .date-separator{
        display: none;
    }

    .data-block{
        padding: 5px;
    }

    .row-name{
        display: inline-block;
    }

    .row-date{
        display: inline-block;
        margin: 0 5px;
    }




    .history-block > div > table{
        max-width: 800px;
    }



}


@media (min-width: 768px){
    .container {
        width: 99%;
    }
}

@media (max-width: 992px){
    .product-field-quantity-block .product-field-label,
    .disabled .quantity-input{
        margin-left: 0;
    }

    .alarm-data{
        margin: 10px 0;
    }
}


@media (max-width: 1200px){
    .stick-tariffs .stick-tariff-name{
        font-size: 28px;
    }

    .form-control{
        padding: 6px 5px;
    }

}

@media (min-width: 992px) and (max-width: 1200px){
    .alarm-data .input-date input,
    .alarm-data .input-time input{
        width: 35%;
    }

    .h1-block > div > div{
        padding: 0;
    }

    .h1-block .text-right .print-buttons-block .btn{
        padding: 6px;
    }


}

@media (min-width: 1450px){
    .container {
        width: 1450px;
    }

}

@media (max-width: 1450px){
    /* hide arrows in time input */
    input::-webkit-outer-spin-button, /* Removes arrows */
    input::-webkit-inner-spin-button, /* Removes arrows */
    input::-webkit-clear-button { /* Removes blue cross */
        -webkit-appearance: none;
        margin: 0;
    }

    .product-data > div[class*="col-"]{
        padding-left: 7px;
        padding-right: 7px;
    }

    .form-control{
        padding: 6px 8px;
    }

    .product-field-label {
        white-space: nowrap;
    }

}