body > header,
body > section,
body > footer{
    min-width: 1025px;
}

.main-filter > div > span,
.main-filter > div > a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.main-filter  div.main-filter-inner{
    display: none;
    height: auto;
    position: absolute;
    z-index: 90;
    background: #fff;
    color: #000000;
    width: 237px;
    top: 64px;
    border: 1px solid #4f95c4;
    line-height: normal;
}
.main-filter  div.main-filter-inner.active{
    display: block;
}

.main-filter  div.main-filter-inner ul{
    list-style: none;
    line-height: normal;
    padding:0;
    margin: 0;
}
.main-filter  div.main-filter-inner ul li{
    padding: 15px 15px;
    border-bottom: 1px solid #4f95c4 ;
    line-height: normal;
}
.main-filter  div.main-filter-inner ul li:hover{
    cursor: pointer;
}
.main-filter  div.main-filter-inner ul li:last-child{
    border: none;
}
.main-filter  div.main-filter-inner input,
.main-filter  div.main-filter-inner button{
    margin: 10px 25px;
    padding: 0;
    height: 28px;
    line-height: normal;
}
.none{
    display: none;
}
div:target{
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.4);
    z-index: 100 ;
}
#location .popUp-wrap{
    width: 1000px;
    margin: 60px auto;
    background: #fff;
}
#location .header-popUp{
    height: 80px;
    width: 100%;
    background: #f8f8f8;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: -25px;
}
#location .header-popUp > div{
    padding: 0 30px ;
    margin: 0 10px;
}
#location .header-popUp > div span{
    color: #4f95c4;
}
#location .body-popUp{
    padding: 0 20px;
}
#location .body-popUp .main-region{
    display: flex;
    justify-content: space-around;
    padding: 40px 20px;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
#location .body-popUp .main-region div{
    padding: 0 15px;
}
#location .body-popUp .main-region div span{
    color: #999;
}

#location .body-popUp .region{
    display: flex;
    justify-content: space-between;
    border-top: 3px solid #f8f8f8;
    max-height: 80vh;
    overflow-y: auto ;
}
#location .body-popUp .navigation_regions-list{
    columns: 3 auto;
    list-style: none;
    padding: 0;
    margin: 30px 20px 120px 20px;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
}
/*
#location .body-popUp .region>div{
    flex-grow: 1;
    width: 33%;
}
#location .body-popUp .region ul{

    list-style: none;
    padding: 0;
    margin: 30px 20px 120px 20px;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
}
*/
/* регистрация */
#uncorectData,
#loginExist{
    display: none;
}
#uncorectData.active,
#loginExist.active{
    display: block;
}
.registration,
.forgotPass,
.authorization{
    display: none;
}
.registration.active,
.forgotPass.active,
.authorization.active{
    display: block;
}
.autorize-user--forget-password:hover,
.autorize-user--quick-registration:hover{
    cursor: pointer;
}
#autorize-user .autorize-user-submit.unactive{
    background: #898989;
}
#autorize-user .autorize-user-submit.unactive:hover{
    background: #898989;
    box-shadow: none;
    cursor: no-drop;
}
#autorize-user .modal-content{
    padding: 0;
}
.sendMail{
    display: none;
    padding-top: 300px;
}

.sendMail .modal-body{
    text-align: center;
}
div:target{
    display: block;
}
#header .portal-rules a.login {
    font-weight: 700;
    line-height: 1;
    padding: 4px 0;
    color: #505a6a;
}
#header .portal-rules a.events {
    font-size: 12px;
    padding: 4px 0;
    color: grey;
}
.page_status{
    display: block;
    font-size: 16px;
    color: #4f95c4;
    text-transform: uppercase;
    padding: 5px;
}
.page_status_planing{
    background: #ffe9bb;
}
.portal-rules div a.user-email{
    color: #444f60;
}
.wrap_questions{
    width: 100%;
}
.profile .wrap_questions{
    background: #fbfbfb;
}
.question-card > div{
    padding: 10px 40px 10px 35px;
}
.question-card .answer{
    background: #fbfbfb;
}

.data-description a{
    font-size: 16px;
    font-weight: 500;
    color: #404040;
}
.addComment{
    display: none;
}
#header .portal-rules.user{
    padding-left: 105px;
}

.title-quest p.customer{
    color: #bcbcbc;
    font-size: 14px;
    margin: 0;
    padding-bottom: 0;
    font-weight: 500;
}
.title-quest p.contractName{
    font-size: 14px;
    color: #444f60;
}
.ask-question .modal-content h2{
    margin: 0;
    line-height: 1.5;
    font-size: 18px;
    text-transform: uppercase;
    color: #444f60;
    font-weight: bold;
    padding-bottom: 10px;
}
/**/
.modal-content {
/*    padding: 50px;*/
}
.modal-content .form-control{
/*    padding: 15px;
    border:none;
    border-bottom: 1px solid #e5e5e5;
    border-radius:0;*/
}

.modal-content textarea.form-control{
/*    border: 1px solid #e5e5e5;
    margin-top: 10px;*/
}
.form-control::-webkit-input-placeholder{
    color: #b2b2b2;
}
.form-control::-moz-placeholder    {
    color: #b2b2b2;
}
.form-control:-moz-placeholder{
    color: #b2b2b2;
}
.form-control:-ms-input-placeholder{
    color: #b2b2b2;
}
.question-button--submit{
    text-align: right;
}
.question-button--submit .quiestion-button{
    margin-top: 0;
}
#information-about-question{
    margin-bottom: 45px;
}
#contact-form_ask-question {
    color: #444f60;
}
#change-password-form input{
    font-size: 14px;
}
div hr{
    margin: 0;
}
#registration-user--contact-form .form-group{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#registration-user--contact-form .form-group input{
    width: calc(100% - 20px);
}
div.form-group span{
    padding-top: 30px;
    color: red;
    width: 10px;
}
.comment-button--submit,
.feedback-button--submit,
.question-button--submit{
    text-align: right;
    padding: 0 15px;
}
.title-quest{
    padding: 0 15px;
}

/*** Страница модерптора ***/
.sort{
    padding: 15px 0;
    color: #000;
    font-size: 18px;
    margin: 0;
}
.sort > span{
    text-transform: uppercase;
    color: #444f60;
    font-size: 18px;
    font-weight: bold;
    margin-right: 35px;
}
.sort > a{
    color: #4f95c4;
    font-size: 14px;
    margin: 0 5px;
}
.sort >a.active{
    color: #68717e;
}
.moderator .quest{
    padding: 25px 35px;
    background: #fff;
    -webkit-box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    -moz-box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    margin-bottom: 10px;
    border-radius: 5px;
}
.moderator .quest:hover{
    -webkit-box-shadow: 0px 2px 28px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 28px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 28px 0px rgba(0,0,0,0.15);
}
.quest-head{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.quest-status{
    font-size: 16px;
    text-transform: uppercase;
    padding-right:10px;
    padding-left: 5px;
}
.quest-status.in-progress span{
    background: #ffe9bb;
    color: #7baac2;
}
.quest-status.in-refused span{
    background: #ffb2b2;
    color: #ffffff;
}
.quest-status.in-answered span{
    background: #b2e5b2;
    color: #ecf8ec;
}
.parent-subject{
    padding: 25px 0 ;
}
.author-name{
    color: #444f60;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.author-position{
    text-transform: uppercase;
}
.author-email{
    font-size: 12px;
}
.quest-body{
    padding: 25px;
    margin: 15px 0;
    background: #f8f8f8;
    border-radius: 5px;
}
.quest-title{
    color: #444f60;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.answer>p{
    color: #bcbcbc;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}
.quest-control .btn,
.comment-button--submit .answer-button.btn{
    background: #4f95c4;
    color: #ffffff;
    padding: 15px 35px;
    border-radius: 5px;
    margin-top: 30px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    outline: none;
    border: none;
}
.quest-control .btn:hover,
.comment-button--submit .answer-button.btn:hover{
    background: rgba(79,149,196,0.8);
    cursor: pointer;
}
.answer-button.btn.unactive{
    background: #898989;
}
.answer-button.btn.unactive:hover{
    background: #898989;
    cursor: no-drop;
}
.data-documents .document-item{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.data-documents .document-item a {
    font-size: 14px;
    width: 100%;
}

#main-case-block .data-documents{
    align-items: flex-start;
}

#origin .data-documents_items{
    display: flex;
    justify-content: space-between;
    width: 670px;
}
#origin  .data-documents .document-item{
    position: relative;
    padding-left: 25px;
    display: flex;
    /*flex-wrap: wrap;
    align-items: center;*/
    flex-grow: 1;

    /*max-height: 30px;*/
    max-width: 33%;

    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}
#origin .data-documents .document-item:before{
    content: "";
    display: block;
    background: url(../images/img/file-doc.png) no-repeat;
    width: 20px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    margin-right: 15px;
}
.change-password-heading label:hover{
    cursor: pointer;
}
.data-documents_contest{
    display: flex;
}
.questions_mod{
    width: 100%;

}
.questions_mod_header{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}
.question_mod{
    width: 100%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 5px;
    padding: 15px 20px;
    margin: 10px 0;
    -webkit-box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    -moz-box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    font-size: 14px;
}
.question_mod .question_body{
    display: none;
}
.question_mod.active .question_body {
    display: block;
    z-index: 5;
}
.question_mod.in-refused .quest-control {
    z-index:5;
}
.question_mod.in-refused .quest-control button[data-type='reject']{
    background: #d7d7d7;
    outline: none;
    border: none;
}
.question_mod.in-refused .quest-control button[data-type='reject']:active{
    outline: none;
    border: none;
}
.question_mod.in-refused .quest-control button[data-type='reject']:hover{
    cursor: no-drop;
}
.question_mod.in-refused:after{
    content: ' ';
    position: absolute;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    background: rgba(251,251,251,0.51);
    z-index: 2;
}
.question_mod:hover{
    -webkit-box-shadow: 0px 2px 28px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 28px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 28px 0px rgba(0,0,0,0.15);
}
.question_mod_name{
    width: 30%;
}
.question_mod_name a{
    color: #666666;
    font-weight: 400;
    text-transform: uppercase;
}
.question_mod_region{
    width: 15%;
}
.question_mod_author{
    width: 20%;
    color: #4f95c4;
    font-weight: 500;

}
.question_mod_date{
    width: 15%;
}
.question_mod_status{
    width: 20%;
    text-align: right;
}
.questions_mod_header{
    padding: 0 15px;

}
.questions_mod_header .question_mod_date,
.questions_mod_header .question_mod_name,
.questions_mod_header .question_mod_region,
.questions_mod_header .question_mod_author,
.questions_mod_header .question_mod_status{
    font-size: 16px;
    color: #000;
    font-weight: 400;
    padding: 0 5px;
}
.list_premod{
    width: 100%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    padding: 15px 20px;
    margin: 10px 0;
    -webkit-box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    -moz-box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    font-size: 14px;
}
.list_premod .btn{

    font-size: 12px;
    color: #aaa;
    text-transform: uppercase;
    margin-left: 10px;
}
.list_premod .btn:hover{
    cursor: pointer;
}
.list_premod  .list_premod_name{
    width: 35%;
    color: #444f60;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.list_premod .list_premod_email{
    width: 35%;
    font-size: 16px;
}
.list_premod  .list_premod_control{
    width: 30%;
    text-align: right;
}
.add_premod{
    width: 100%;
    text-align: right;
    padding: 15px 0;
}
.top_add_premod{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_add_premod span{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    color: #444f60;
    line-height: 25px;
}
.all_list_contract.active header{
    padding: 15px 0;
}
.add_premod .btn{

    height: 45px;
    font-size: 14px;
    color: #ffffff;
    background: #4f95c4;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 10px;
}
.contract_mod{
    display: none;
}
.contract_mod_line{
    padding: 7px 0;
}
.active > .contract_mod{
    display: block;
}
.contract_mod .region{
    width: 30%;
}
.contract_mod .contract{
    width: 70%;
}
#create-user .modal-header{
    text-align: right;
}
#create-user .add-user-control{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    padding-top: 45px;
}
#create-user .add-user-control a{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
#create-user .add-user-submit{
    height: 45px;
    border: none;
    font-size: 14px;
    color: #ffffff;
    background: #4f95c4;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 10px;
}
.all_region {
    width: 100%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    background: #f8f8f8;
    border-radius: 5px;
    padding: 15px 0;
    margin: 10px 0;
    font-size: 16px;
}
.all_region>header{
    width: 100%;
    justify-content: center;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    padding: 20px 20px;
    margin: 10px 0;
    -webkit-box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    -moz-box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    font-size: 16px;

    color: #4f95c4 ;
}
.all_region>header> .btn{
    height: 45px;
    border: none;
    font-size: 14px;
    color: #ffffff;
    background: #4f95c4;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 10px;
}
.user_regions{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
.all_region.active .all_list_region{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.all_region header:hover{
    cursor: pointer;
}
.all_list_region{
    display: none;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 15px 20px;
    margin: 10px 0;
    -webkit-box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    -moz-box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    box-shadow: -1px 6px 5px 1px rgba(232,229,232,1);
    font-size: 14px;
}
.all_list_contract.active .contract{
    display: flex;
    flex-wrap: nowrap;
    max-width: 930px;
    padding: 15px 0;
}
.region_title{
    width: 40%;
}
.choose-moderator{
    color: #4f95c4;
    font-size: 14px;
    text-align: center;
}
.choose-moderator:hover{
    cursor: pointer;
}
.all_list_contract{

}
.contract{
    display: none;
}
.contract .title_contract{
    width: 70%;
    padding-right: 25px;
}
.contract .contract_control{
    width: 30%;
}
.list-premod{
    padding: 0;
}
.list-premod li{
    list-style: none;
    padding: 8px 0;
    margin: 9px 0;
    border-bottom: 1px solid #e3e3e3;
}
.list-premod li:hover{
    cursor: pointer;
}
.all_list_contract > header{
    color: #4f95c4;
    font-size: 14px;
    text-align: center;
}
button.btn:hover{
    cursor: pointer;
}
.list-premod span.fname{
    color: #4f95c4;
    font-size: 16px;
}
.list-premod span.e-mail{
    color: #444f60;
    font-size: 14px;
}

.question-card .comments{
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}
.question-card .comments .quest{
    padding: 10px 0;
    border-bottom: 2px solid #f8f8f8;
}
.wrap_questions p{
    margin:0;
}
.show_more{
    -webkit-box-shadow: 1px 6px 5px 0px rgba(232,229,232,1);
    -moz-box-shadow: 1px 6px 5px 0px rgba(232,229,232,1);
    box-shadow: 1px 6px 5px 0px rgba(232,229,232,1);
    background: #fff;
    margin-bottom: 30px;
    text-align: center;
    padding: 15px;
    color: #4f95c4;
    cursor: pointer;
}

/*** новое меню ***/
.col-33{
    width: 33%!important;
}
.col-35,.col-25,.col-40{
    padding: 0 15px;
    position: relative;
}
.col-35{
    width: 33%;
   /* margin-left: 30px;*/
}
.list-35{
    width: 100%;
    border: none;
    background: none;
}
.list-35>li{
    width: 100%;
}

.col-25{
    width: 32%;
    /*margin-left: 30px;*/
}
.col-40{
    width: 32%;
    text-align: left;
}
.nav_filter .main-filter .row:last-child {
/*    border-top: 1px solid;*/
}
/*#main-page__content-block .nav_filter .main-filter {
    display: block;
    background: #eeeeee;
    border-radius: 5px;
    position: relative;
    /* margin-top: -30px;
    z-index: 2;
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    color: #000;
}*/
#main-page__content-block .nav_filter .main-filter--button,
#main-page__content-block .nav_filter .main-filter--button--arrow,
#main-page__content-block .nav_filter .main-filter--button--sort{
    width: 100%;
    max-width: 100%;
 /*   background: none;*/
    border: none;
    /*color: #090b0c;*/
    line-height: 1;
    font: 500 14px Roboto;
    padding: 0 10px;
    outline: none!important;
    -webkit-box-shadow: 0 0 0 0!important;
    box-shadow: 0 0 0 0!important;
    white-space: normal!important;
    height: 100%;
    border-radius: 0;
}
.main-filter >div> div:not(:last-child){
 /*   border-right: 2px solid #84b5d6;*/
}
.dropdown2{
    display: flex;
    align-items: center;
    height: 70px;
    border-right: 2px solid #bbbbbb!important;
    background: #d6d6d6!important;
    justify-content: center;
    border-radius: 0;
}
.dropdown2:hover{
    border-radius: 0;
}

.dropdown2>div{
   /* background: #4f95c4!important;*/
    height: 100%;
}

/*
.dropdown2:after{
    content: url(../images/combo_arrow.png);
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    display: block;
    /*top: 20px;
    right: 15px;
    /*position: absolute;
    margin-right: 5px;
    margin-left: -15px;
}*/

.dropdown-menu{
  /*  padding: 0;*/
}

.main-filter--button--sort i.fas{
    float: right;
    font-weight: bold;
    font-size: 16px;
}
.main-filter--button--sort i.fas{
    display: none;
}
.main-filter--button--sort.ASC i.fa-caret-up,
.main-filter--button--sort.DESC i.fa-caret-down{
    display: block;
}
#main-page__content-block .main-filter--button:hover,
#main-page__content-block .main-filter--button--arrow:hover,
#main-page__content-block .main-filter--button--sort:hover{
    cursor: pointer;
}

.main-filter>div:last-child{
    height: 45px!important;
}
/*
#main-page__content-block .main-filter .dropdown-menu{
    border: 1px solid #4f95c4;
    padding: 0 0 ;
    width: 100%;
}
#main-page__content-block .main-filter .dropdown-menu li:not(:last-child){
    border-bottom: 1px solid #4f95c4;

}
#main-page__content-block .main-filter .dropdown-menu li{
    padding: 15px 15px;
    line-height: normal;
}
#main-page__content-block .main-filter .dropdown-menu input[type=checkbox]{
    margin-right: 5px;
}

#main-page__content-block .main-filter .dropdown-menu li:hover{
   cursor: pointer;
}
*/


/** модалка  **/

.nav_modal .modal-content{
    padding: 0;
}
.nav_modal .modal-body .main-region{
    display: flex;
    justify-content: space-around;
    padding: 20px 20px;
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.nav_modal .modal-body .main-region div{
    padding: 0 15px;
}
.nav_modal .modal-body .main-region div span{
    color: #999;
}

.nav_modal .modal-body .region{
    display: flex;
    justify-content: space-between;
    border-top: 3px solid #f8f8f8;
    border-bottom: 3px solid #f8f8f8;
    max-height: 70vh;
    overflow: auto;
}
.nav_modal .modal-body .navigation_regions-list{
    columns: 3 auto;
    list-style: none;
    padding: 0;
    margin: 30px 20px 20px 20px;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    line-height: 25px;
    text-transform: uppercase;
}


.modal-content>button.close{
    position: absolute;
    top:15px;
    right: 15px;
    z-index: 100;
}

.modal_region-text{
    border: none;
    color:  #4f95c4;
}
.modal_region-text:hover{
    color:  #000;
    cursor: pointer;
}


.pagination_container{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
}
pre.log{
    height: auto;
    max-height: 100vh;
    overflow: auto;
}
#NMCK_value{
    width: 241px;
    margin-left: 5px;
}

.filter_label{
    height: unset!important;
    display: block;
    width: 130px;
    float: left;
    border: 0!important;
}

#purchase_subject{
    /*width: 300px;*/
}
#NMCK_compare{
    /*margin-left: 140px;
    width: 50px;*/
}
#filter_price3{
    margin-left: 5px;
    width: 200px;
}
#date_month{
    margin-left: 75px;
    width: 200px;
}

#search_in_archive{
    /*margin-left: 100px;
    width: 200px;*/
}

#btn_export, #btn_search, #btn_clear{
    /*display: block;
    float: right;
    margin-right: 10px;
    margin-top: -5px;
    width:100px;
    height:21px;
    margin-right: 3px;*/
}

.btn_remarks{
    display: block;
    /*margin-top: 7px;
    width:100px;
    height:30px;*/
    float: right;
    color: #6c757d;
    border-color: #6c757d;
}

button#btn_regions {
    color: #636363;
    background: none;
}
.bootstrap-select>.dropdown-toggle.bs-placeholder{
    color: #636363;
}

#date_year_start, #date_year_end{
    text-align: center;
    /*width:100px;*/
}

d{
    margin-left: 75px;
}
div.dropdown-menu{
    /*line-height: 1.5em;*/
}
.list-group-item label{
    margin-bottom: 0;
}
.list-group-item label>input{
    margin-right: 0.5em;
}
.keep-open{}

#total_count {
    color: #000000;
    font-weight: bold;
    float: right;
}

#label_NMCK_value, #label_date_year_end{
    margin-top: 10px;
    color: darkred;
}

.in_archive{
    padding: 5px;
    font-weight: bold;
    color: #cc6969;
    display: block;
}

#btn_select_region{
    margin-top: 10px;
}
.col-40{
    background: #4f95c4;
}
.col-25{
    background: #4f95c4;
}
.col-35{
    background: #4f95c4;
}

.purchase_subject_strict {
    margin-left: 9.25em;
}

div.main-filter--button{
    padding-top:8px!important;
    padding-bottom: 8px!important;
    line-height: normal!important;
    height: auto!important;
}

.button-home{
    /*padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: -20px;*/
    display: none;
}
.content {
    padding: 16px;
}
.filter_block{
    position: fixed;
    right: 0;
    z-index: 200;
    width: 450px!important;
    top: 102px;
    /*bottom: 0;*/
    background: #fcfcfc;
    box-shadow: -6px 0px 5px 1px rgba(232, 229, 232, 1);
    left: auto;
    /*overflow-x: hidden;
    overflow-y: auto;*/
    border-radius: 0;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    padding-top: 0px;
    z-index: 9999;
}

.nav_filter{
    z-index: 1000;
    width: 450px;
    /* position: absolute; */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
    /* height: 100%; */
    padding: 0;
}

.nav_filter_top{
    top:22px;
}

.ui-dialog{
    z-index: 1000;
}

.container-left-column{
    float: left;
    left: 0;
    width: 60%;
    display: inline-block;
}

.container-right-column{
    right: 0;
    margin-right: 0;
    width: 40%;
    display: inline-block;
}

.f-group{
    margin-right: 10px;
}
.container {
    /*margin-right: auto;
    margin-left: auto;*/
    color: #636363;
}
.col-md-5, .col-md-7{
    padding-left: 0;
    padding-right: 0;
}
form.jtable-dialog-form div.jtable-input-field-container{
    border-bottom: unset!important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family: 'Roboto', sans-serif!important;
    font-size: 14px!important;
}

form.jtable-dialog-form div.jtable-textarea-input textarea{
    width: 100%!important;
    max-width: 100%!important;
}
.ui-widget select{
    width: 660px!important;
}
.jtable-input.jtable-text-input input{
    width: 100%;
}

#btnSend {
    display: none;
    height: 28px;
    margin-left: auto;
    float: right;
}
.ikz {
    max-width: 40px!important;
}

.ui-dialog-content.ui-widget-content{
    width: 100% !important;
}

.remark_duplicate{
    background-color: #c0504d;
    color: #ffffff;
}

.remark_sent{
    font-weight: bold!important;
}

.btn_header{
    font-size: 12px;
    color: #bcbcbc;
    width: 120px;
    margin-left: auto;
    margin-right: 25%;
    margin-top: 8px;
    display: block;
    text-align: right;
}
.btn_header::after{
    display: inline-block;
    position: relative;
    right:0;
    top:3px;
    content: url('/images/combo_arrow.png');
    opacity:0.4;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.btn_header.up::after{
    top:-3px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn_remarks_filter{
    margin-right: 25%;
    font-size: 12px;
    color: #bcbcbc;
    width: 200px;
    margin-left: auto;
    margin-right: 25%;
    display: block;
    text-align: right;
}
.btn_remarks_filter::after{
    display: inline-block;
    position: relative;
    right:0;
    top:3px;
    content: url('/images/combo_arrow.png');
    opacity:0.4;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.btn_remarks_filter.up::after{
    top:-3px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#spinner{
    display: none;
}
#spinner>img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div.jtable-main-container{
    font-size: 0.6rem!important;
}
#remarks{
    width: 100%;
    margin: 1em auto auto;
}
/*
.form-control{
    padding: .25rem .5rem!important;
}*/
.f1orm-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.f1orm-control.error{
    border-color: #dc3545;
}

.f1orm-control.error:focus{
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}

select.form-control:not([size]):not([multiple]) {
    height: unset!important;
}

label.error{
    color: #dc3545;
    font-weight: bold;
}

button:focus, button:hover,
option:focus, option:hover,
select:focus, select:hover {
    outline: none;
}
.main-filter--button--arrow:hover, .btn-light:hover
{
    outline: none!important;
    background-color: #4f95c4!important;
    color: #ffffff!important;
}

#logo{
    background: #fff;
    z-index: 100;
    position: fixed;
    top: 9px;
    left: 0;
    height: 110px;
    padding: 10px 0 10px 20px;
    width: 400px;
    box-shadow: 0px 6px 5px 1px rgba(232, 229, 232, 1);
}
#logo .logo-title-bar{
display: flex;


}

#logo .logo-title-bar .item{
display: inline-block;
vertical-align: middle;

}

#logo .logo-title-bar .item h3{
font-size: 16px;
text-transform: uppercase;
font-family: Roboto;
font-weight: 500;
color: #444f60;
padding-top: 10px;
}

#logo .logo-title-bar .item p{
font-size: 16px;

font-family: Roboto;
font-weight: 400;
color: #4f95c4;
}

#main-case-block{
    border: 0;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 0 0 0;
    margin: 102px 456px 0 auto;
    position: absolute;
}

.case > .container{
    padding-right: 50px!important;
    padding-left: 50px;
    width: 1000px!important;
    min-width: 800px;
    margin-right: 0;
    margin-left: auto;
}
/*
div.container.filter_block {
    width: 450px;
    height: 100vh;
    min-height: 200px;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 102px;
}
*/
#header{
    padding-top: 38px;
}

#nheader{
    background: #fff;
    position: fixed;
    margin-left: 0px;
    margin-right: 0;
    top: 2px;
    z-index: 100;
    height: 99px;
    right: 0;
    left: 0;
    box-shadow: 0 6px 5px 1px rgba(232, 229, 232, 0.75);
    display: flex;
    padding-left: 20px;
}

#nheader .container {
    display: flex;
}


#nheader .logo-title-bar{
    display: flex;
    align-items: center;
}

#nheader .logo-title-bar .item{
display: inline-block;
vertical-align: middle;

}

#nheader .logo-title-bar .item h3{
font-size: 16px;
text-transform: uppercase;
font-family: Roboto;
font-weight: 500;
color: #444f60;
padding-top: 10px;
}

#nheader .logo-title-bar .item p{
font-size: 16px;

font-family: Roboto;
font-weight: 400;
color: #4f95c4;
}

#nheader .portal-rules{
   /* display: flex;*/
    margin-bottom: auto;
    margin-top: auto;
    padding-left: 30px;
}
#nheader .portal-rules p {
margin-bottom:0;
}
#nheader .portal-rules p a{
font-weight: 700;
line-height: 1;
padding-top: 10px;
color: #505a6a;
}
#nheader .portal-rules a{
    font-weight: 500;
    color: #4f95c4;
    font-size: 14px;
    width: 188px;
}


#nheader  .autorize-button{
    padding-left: 30px;
    display: inline-block;
    margin: auto;
}
#nheader .autorize{

width: 100%;
background: #f8f8f8;
padding: 20px 57px 20px 20px;
border:none;
-webkit-box-shadow: -1px 6px 5px 0px rgba(232,229,232,1);
-moz-box-shadow: -1px 6px 5px 0px rgba(232,229,232,1);
box-shadow: -1px 6px 5px 0px rgba(232,229,232,1);
}
#nheader .autorize:hover {
padding: 20px 57px 20px 20px;
-webkit-box-shadow: 0px 7px 5px 0px rgba(222,222,222,1);
-moz-box-shadow: 0px 7px 5px 0px rgba(222,222,222,1);
box-shadow: 0px 7px 5px 0px rgba(222,222,222,1);

}


#nheader .autorize:before {
content: "";
display: block;
background: url(../images/img/autorize-icon.png) no-repeat;
width: 27px;
height: 27px;
float: left;
margin-right: 20px;

}

#nheader .autorize {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    width: 250px;
    height: 60px;
    margin: 10px 30px 10px 0;
}
#nheader .autorize:hover {
    outline: none;
    background-color: #4f95c4 !important;
    color: #ffffff !important;
}
#nheader .autorize:hover:before {
    filter: brightness(100);
}
/*AUTORIZED USER*/

#nheader #autorized-user .user-name_autorized{
    font-weight: bold;
}

#nheader #autorized-user .user_log-out{
    font-weight: bold;
}
@media (max-width: 768px) {
    #nheader .autorize {
        margin-top: 20px;

    }
}

#nheader .portal-rules.user{
    margin-left: 50px;
    margin-right: 80px;
}
#nheader .portal-rules a.login {
    font-weight: 700;
    line-height: 1;
    padding: 4px 0;
    color: #505a6a;
}
#nheader .portal-rules a.events {
    font-size: 12px;
    padding: 4px 0;
    color: grey;
}
#nheader>.container{
    margin-top: auto;
    margin-bottom: auto;
    height: 48px;
    /* margin-right: 20%; */
    padding: 0;
    width: unset!important;
}

.row2, .row3{
    margin-top: 10px;
}

.list-group{
    width: 100%;
}

.list-group > li {
    z-index: 1000;
    position: relative;
    width: 100%;
    padding: 8px;
}

.main-filter .row {
    /*margin: 0;*/
}

input[type="checkbox"] {
    filter: grayscale(60%);
    margin-right: 3px;
    margin-left: 0!important;
 }

body{
    min-height: 600px;
    min-width: 1000px;
    background-color: #f3f3f3;
}

.btn-dropdown{
    color: #000!important;
    background-color: #fff!important;
    border-color: #ccc;
    box-shadow: none!important;
    /*padding: .25rem .1rem!important;*/
}

.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;
    outline: none !important;
    outline-offset: 0px!important;
}


select.form-control-sm{
    padding: .25rem .1rem;
}

#date_month_start, #date_month_end{
    border-radius: .25rem 0 0 .25rem;
}

.select-group .form-control{
    width: 35%!important;
    padding: .25rem .1rem!important;
}

.option-center{
    text-align: center;
}

.filter-option-inner-inner{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-top: auto;
    margin-bottom: auto;
    top: auto;
    bottom: auto;
    text-align: center;
}
div.filter-option{
    display: flex;
    align-items: center;
}

.dropup .dropdown-menu{
    bottom: unset!important;
}

.filter-option-inner{
    margin-left: auto;
    margin-right: auto;
}

.btn-add{
    background: no-repeat url("/images/plus-16.png");
    width: 16px;
    height: 16px;
    padding: 0;
    outline: none!important;
    border: none;
    cursor: pointer;
    opacity: 0.65;
}
.btn-add:hover{
    background: no-repeat url("/images/plus-16-hover.png");
}

.btn-add:focus{
    outline: none!important;
}
.date-picker-wrapper{
    z-index: 200!important;
    padding: 2px 6px!important;
}
.date-picker-wrapper.no-shortcuts{
    padding-bottom: 3px!important;
}
.period-btn{
    padding: 0px 3px;
    border-radius: 4px;
    border: 1px solid #ccc;
    outline: none!important;
    display: flex;
    align-items: inherit;
    height: 20px;
    margin: 2px;
    width: unset;
    cursor: pointer;
}

.period-btn-focus{
    border-color: #5cb3fd;
}
.period-btn-del{
    cursor: pointer;
    border: none;
    outline: none!important;
    background: no-repeat url(/images/cancel-16.png) center center;
    height: 16px;
    width: 16px;
    padding: 0;
    display: inline-block;
    float: right;
    margin-left: 3px;
    opacity: .65;
}
.period-btn-del:focus{
    outline: none!important;
}
.period-btn-del:hover{
    outline: none!important;
    background: no-repeat url(/images/cancel-16-hover.png) center center;
}

.toYear{
    text-transform: capitalize;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
    color: #333;
    text-align: center;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}
.toYear:hover,.month-wrapper:hover {
    /*background: #eeeeee;*/
}
.month-wrapper td{
    text-align: center;
    width: 25%;
    height: 33%;
    border-radius: 4px;
    border: none;
}
.month-wrapper th {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #212529;
}

.ui-autocomplete{
    z-index: 2000;
}

:focus{
    outline: none !important;
    outline-offset: 0px!important;
}

.border {
    border: 1px solid #00000026!important;
}
.btn-light {
    color: #212529!important;
    background-color: #d8d9da!important;
    /* border-color: #f8f9fa!important;*/
}

.btn-btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 100%;
line-height: 1;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

@media print {
    body * {
        visibility: hidden;
    }
    #main-case-block, #main-case-block * {
        visibility: visible;
    }
    #main-case-block {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow: unset!important;
    }
    .btn_remarks{
        visibility: hidden!important;
    }
    #contract-page__content-block, #contract-page__content-block * {
        visibility: visible;
    }

    .questions_mod * {
        visibility: visible;
    }
    .question_mod {
        z-index: 5;
        border-top: 1px solid #636363;
        border-bottom: 1px solid #636363;
        border-radius: 0;
    }

    .quest-control{
        visibility: hidden;
        display: none;
    }

    .quest-control * {
        visibility: hidden;
    }

    .question_mod .question_body {
        display: block;
        z-index: 5;
    }
    .question_mod_name a {
        color: #666666;
        font-weight: 400;
        text-transform: uppercase;
        text-decoration: none;
    }
}
input[type=checkbox]:disabled, input[type=radio]:disabled {
    cursor: not-allowed;
}
input[type=checkbox][readonly] {
    pointer-events: none;
}

.joint_purchases{
    color: #bcbcbc;
    font-size: 14px;
    font-weight: 500;
}

.joint_purchases>ul {
    list-style: none;
    padding-inline-start: 0;
}

.contract-joint_purchases-head{
    color: #bcbcbc;
    font-size: 14px;
    padding-bottom: 7px;
    font-weight: 400;
    padding-top: 25px;
}

.contract-joint_purchases-head>ul {
    list-style: none;
    padding-inline-start: 0;
}

#contract-page__content-block #contract-item>div:last-of-type{
    margin-bottom: 25px;
}

.custom-file-input:lang(ru)~.custom-file-label::after {
    content: "Обзор";
}
.custom-file-control.selected:lang(ru)::after {
    content: "" !important;
}
.custom-file-input{
    cursor: pointer;
}

.popover .arrow::after, .popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-right-color: transparent;
    border-style: solid;
}
.popover-header:empty {
    display: none;
}
.popover-header {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}
.popover-body {
    padding: .5rem .75rem;
    color: #212529;
}
.popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem;
    margin: 0 .3rem;
}
.bs-popover-auto[x-placement^=right]>.arrow, .bs-popover-right>.arrow {
    left: calc(-.5rem - 1px);
    width: .5rem;
    height: 1rem;
    margin: .3rem 0;
}

.bs-popover-auto[x-placement^=right], .bs-popover-right {
    margin-left: .5rem;
}
.bs-popover-auto[x-placement^="right"] > .arrow::before, .bs-popover-right > .arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25);
}

.bs-popover-auto[x-placement^="right"] > .arrow::after, .bs-popover-right > .arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff;
}


.remark_place{
    display: block;
    padding: 5px;
    height: 48px;
    margin-top: 0.5em;
}

.checked_place{
    display: flex;
    flex-direction: column;
    width: fit-content;
    height: fit-content;
}
.form-check-input{
    cursor: pointer;
}
.checked_place>div.form-check{
    width: 8rem;
}

.checked_place_contest{
    float: right;
}
.checked_place_contest input{
    margin-left: -1.25rem!important;
}
#nav{
    width: 2.25rem;
    margin-left: -2.25rem;
    display: flex;
}
#nav::after{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6rem;
    content: "||";
    width: 2.25rem;
    margin-top: 1rem!important;
    border-top: 1px solid #00000026!important;
    border-left: 1px solid #00000026!important;
    border-bottom: 1px solid #00000026!important;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
    background-color: #f7f7f7;
}

#nav:hover::after{
    background-color: #4f95c4;
    color: #fff;
}
.unpin{
    z-index: 1;
    transform: translate(18px, 1.2rem);
    width: 16px;
    height: 16px;
    position: absolute;
}

.unpin::before{
    content: url("/images/pin-angle.svg");
}

.pin::before{
    content: url("/images/pin.svg");
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked,
.date-picker-wrapper .month-wrapper table .month.real-today.hovering {
    background-color:#70ccd5
}

.date-picker-wrapper .month-wrapper table .month.toYear.hovering {
    background-color:#cdecfa
}

.period-text,
.start-day,
.end-day {
    text-transform:capitalize
}

.month:hover {
    background-color:#eeeeee
}