@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
html{
    width: 100%;
    height: 100%;
}
body{
    color: #353535;
    font: normal 14px/18px 'Trebuchet MS', 'Tahoma', serif;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
img{
    max-width: 100%
}
a:hover{
    opacity: 1
}
.a-primary, .a-primary:hover, .a-primary:active, .a-primary:focus, .a-primary:active:focus {
    color: #2d3e50;
}
.a-primary {
    text-decoration: underline;
}
.a-primary:hover {
    text-decoration: none;
}
/*-----------------------------------------login-------------------------------------------*/
.login, .register, .profile{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.login{
    background: url("/img/bg_login.jpg") no-repeat center center;
    background-size: cover;
}
.register, .profile{
    background: url("/img/bg_register.jpg") no-repeat center center;
    background-size: cover;
}
.popup_login_register, .popup_profile{
    background-color: #f6f9fd;
    width: 397px;
    min-height: 300px;
}
.profile .flash-success{
    color: #28a745 !important;
    top: 124px;
    background-color: #fff;
    padding: 10px;
    font-size: 13px;
    position: absolute;
}
.profile label + ul{
    width: 192px;
    font-size: 9.2px;
    margin: 0 auto;
    color: red;
    line-height: 10px;
}
.popup_login_register .form-control, #fos_user_profile_form input{
    border-radius: 0;
    border: 1px solid #ccd6e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 192px;
    height: 37px;
    color: #1b2c3e;
    font-size: 11.17px;
    padding: 6px 12px;
    margin: 0 auto;
}
body.list .table thead tr th.contract-number-col {
    width: 220px !important;
}
.popup_login_register .form-control:focus, #fos_user_profile_form input:focus{
    border: 1px solid #368ae8;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.popup_profile .btn.btn_register.btn-success{
    margin: 15px 0 50px;
}
.popup_login_register .form-control::-webkit-input-placeholder {color: #b9c6d3;}
.popup_login_register .form-control::-moz-placeholder         {color: #b9c6d3;}
.popup_login_register .form-control:-moz-placeholder           {color: #b9c6d3;}
.popup_login_register .form-control:-ms-input-placeholder      {color: #b9c6d3;}

.popup_profile p{
    color: #484849;
    font-size: 13.5px;
}
#fos_user_profile_form > div{
    margin-bottom: 15px;
}
#fos_user_profile_form label{
    width: 192px;
    display: block;
    text-align: left;
    font-size: 11.5px;
    margin: 0 auto;
}
.logo_login_register{
    display: inline-block;
    margin: 28px auto 53px;
}
.profile .logo_login_register{
    margin-bottom: 28px;
}
.btn-primary, .btn-success:not(label), .btn-warning, .btn-default:not(span), .columns_4_con .btn-danger, .columns_4_con .btn-danger:hover{
    font-size: 12.95px;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 201px;
    width: 100%;
    height: 34px;
}
.btn-primary{
    background-color: #0066cb;
    color: #fff;
}
.btn-primary:hover{
    border-color: transparent;
    border-radius: 0;
    background-color: #359bff;
}
.btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active{
    border-color: transparent;
    border-radius: 0;
    background-color: #2289ee;
}
.btn-success:not(label){
    background-color: #21b139;
    color: #fff;
}

.label-success{
    background-color: #21b139 !important;
}
.label-default{
    background-color: #2d3e50 !important;
}
.label-warning{
    background-color: #f1840f !important;
}
.label-primary{
    background-color: #0066cb !important;
}
.btn-success:not(label):hover{
    border-color: transparent;
    border-radius: 0;
    background-color: #48c05c;
}
.btn-success:not(label):active, .btn-success:not(label):focus, .btn-success:not(label):active:hover, .btn-success:not(label):active{
    border-color: transparent;
    border-radius: 0;
    background-color: #f1840f;
}
.btn-warning{
    background-color: #f1840f;
    color: #fff;
}
.btn-warning:hover{
    border-color: transparent;
    border-radius: 0;
    background-color: #f0922e;
}
.btn-warning:focus, .btn-warning:active, .btn-warning:active:hover, .btn-warning:active{
    border-color: transparent;
    border-radius: 0;
    background-color: #f16f0f;
}
.btn-default:not(span){
    background-color: #2d3e50;
    color: #fff;
}
.btn-default:not(span):hover{
    border-color: transparent;
    border-radius: 0;
    color: #fff;
    background-color: #526375;
}
.btn-default:not(span):focus, .btn-default:not(span):active, .btn-default:not(span):active:hover, .btn-default:not(span):active{
    border-color: transparent;
    border-radius: 0;
    color: #fff;
    background-color: #2d3e50;
}
button.btn:active{
    top: 0;
}
div.toggle.btn.btn-success.btn-xs{
    border-radius: 3px;
    background-color: #006B2E;
}
.link_register, .link_register:hover, .link_register:active, .link_register:focus, .link_login, .link_login:hover, .link_login:active, .link_edit_profile, .link_edit_profile:hover, .link_edit_profile:focus, .link_edit_profile:active{
    color: #6ab83a;
    font-size: 11px;
    font-family: 'Elektra Text Pro';
    text-decoration: underline;
    display: inline-block;
    margin: 15px 0 0;
    letter-spacing: 0.3px;
    width: 100%;
}
.link_register:hover{
    text-decoration: none;
}
.link_register+.link_register{
    margin: 0 0 30px;
}
.btn.contract_status_btn{
    width: 165px;
    float: left;
    margin-top: 10px;
}
/*----------------------------------------------ch_sprite-----------------------------------------------------*/
.checkbox_sprite{
    display:none;
}
.checkbox_sprite + label{
    font-size: 13.5px;
    color: #484849;
    cursor: pointer;
    background-position: 0 10px;
    line-height: 20.5px;
    margin-left: -56px;
    letter-spacing: 0.3px;
    font-weight: 400;
}
.checkbox_sprite + label::before{
    content: "";
    display: inline-block;
    float: left;
    height: 21px;
    width: 23px;
    font-size: 13.5px;
    background-image: url(/img/sprite_checkbox.png);
    background-repeat: no-repeat;
}
.checkbox_sprite + label::before{
    background-position: 0 0px;
}
.checkbox_sprite:checked + label::before{
    background-position: 0 -42px;
}
/*------------------------------------------------------------------------------------------------------------*/
.error_block{
    color: red;
    font-size: 11.17px;
}
/*----------------------------------------------register------------------------------------------------------*/
.register .form-group div + div{
    margin-top: 15px;
}
.link_login, .link_login:hover, .link_login:active, .link_login:focus{
    color: #0066cb;
    margin: 15px 0 27px;
}
.link_login:hover{
    text-decoration: none;
}
.register .logo_login_register{
    margin: 28px auto 29px;
}
/*--------------------------------------------------header---------------------------------------------------------*/
.navbar-custom-menu{
    height: 80px;
    border-bottom: 1px solid #dde2e8;
    width: calc(100% - 197px);
    float: left !important;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: .3s ease-in-out;
}
.logo_wrap{
    float: left;
    background: #383633;
    height: 80px;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: .3s ease-in-out;
}
.main-header{
    background: #383633;
    height: 80px;
}
.main-header > .navbar{
    background: #fff;
    min-height: 80px;
}
.main-header .header_logo{
    margin-top: 14px;
    margin-left: 7px;
    margin-right: 20px;
}
.context_pp{
    background: #fff;
    box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 14px 24px rgba(51, 51, 51, 0.12);
    border-radius: 4px;
    width: 244px;
    position: absolute;
    top: 72px;
    left: 20px;
    z-index: 99999;
}
.context_pp .sub_title{
    background: #FAFAFA;
    float: left;
    width: 100%;
    display: block;
    color: #4B5261;
    text-align: left;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding-left: 16px;
    position: relative;
}
.close_min_pp{
    background: url("/img/close2.svg")no-repeat right center;
    background-size: 12px auto;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 20px;
    height: 20px;
}
.context_pp ul{
    text-align: left;
    font-size: 16px;
    color: #111;
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    float: left;
}
/* Let's get this party started */
.context_pp ul::-webkit-scrollbar {
    width: 8px;
}
/* Track */
.context_pp ul::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff; 
}
/* Handle */
.context_pp ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.9); 
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}
.context_pp ul::-webkit-scrollbar-thumb:window-inactive {
    background: #eee; 
}
.context_pp ul li {
	position: relative;
	float: left;
	width: 100%;
}
.context_pp ul li label,
.context_pp ul li a{
    color: #111;
    padding: 0 0 0 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
}
.context_pp ul li a{
    overflow: hidden;
    float: none;
    white-space: nowrap;
    max-width: 190px;
    text-overflow: ellipsis;
}
.context_pp ul li i{
    display: none;
    background: url("/img/check.svg")no-repeat right center;
    background-size: 16px auto;
    position: absolute;
    right: 9px;
    top: 9px;
    width: 20px;
    height: 20px;
}
.context_pp ul li.active i{
    display: block;
}
.context_pp ul li:hover, .context_pp ul li.active{
    background: #E9E8EE;
}
.context_pp ul li input {
	border: none;
	width: 110px;
	height: 26px;
	float: left;
	outline: none;
	margin: 8px 0 0 5px;
	font-weight: 400;
	font-size: 12px;
    font-family: 'Roboto', sans-serif;
}
#search_form{
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 7px;
    position: relative
}
#search_form .search_input{
    width: 646px;
    background-color: #fff;
    border-radius: 4px;
    padding: 0 18px 0 44px;
    box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 4px 16px rgba(51, 51, 51, 0.08);
    color: #bdc2c8;
    font-size: 16px;
    outline: none;
    height: 56px;
    border: none;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
#search_form .search_input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bdc2c8;
    opacity: 0.48; /* Firefox */
  }
  
  #search_form .search_input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bdc2c8;
  }
  
  #search_form .search_input::-ms-input-placeholder { /* Microsoft Edge */
    color: #bdc2c8;
  }
#search_form .search_input:hover{
    box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 4px 24px rgba(51, 51, 51, 0.24);
}
#search_form .search_input:active, #search_form .search_input:focus{
    color: #111;
    box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 4px 24px rgba(51, 51, 51, 0.24);
}
#search_result{
    width: 646px;
    position: fixed;
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(51, 51, 51, 0.04), 0px 14px 24px rgba(51, 51, 51, 0.12);
    border-radius: 4px;
    z-index: 9999;
    margin-top: 60px;
    color: #535353;
    font-size: 16px;
    font-family: 'Roboto', sans-serif !important;
    padding: 16px 0 5px 0;
    font-weight: 400;
}
#search_result .checkbox_list{
    width: 100%;
    float: left;
    padding: 0 20px 0 14px;
}
#search_result .search_res_list{
    width: 100%;
    float: left;
}
#search_result .search_info{
    width: calc(100% - 125px);
    float: left;
    text-align: left;
    color: #111;
    line-height: 1.2;
}
#search_result .search_res_list li {
	padding: 10px 20px 10px 14px;
	float: left;
	width: 100%;
}
#search_result .search_res_list li:hover{
    background: #E9E8EE;
}
#search_result .search_info strong{
    font-weight: 700;
}
#search_result .search_date{
    width: 125px;
    float: right;
    color: #111;
    line-height: 1.2;
}
#search_result .search_date span{
    color: #bdc2cc
}
#search_result .search_date a.link_search{
    background: url("/img/link.svg")no-repeat right center;
    background-size: 18px auto;
    float: right;
    width: 20px;
    height: 20px;
    margin-left: 18px;
}
#search_result .no_results{
    width: 100%;
    float: left;
    text-align: left;
    padding: 5px 20px 15px 14px;
    color: rgba(17, 17, 17, 0.48);
    line-height: 1.2;
}
#search_result .search-panel {
    width: 100%;
    float: left;
    overflow: hidden;
    max-height: 400px;
    overflow-y: scroll;
}

#search_result .search-footer-panel {
    width: 100%;
    float: left;
    overflow: hidden;
}

#search_result .search-panel .search-panel-row {
    width: 100%;
    float: left;
}

#search_result .search-panel .search-panel-row .search-panel-sub-row {
    float: left;
    width: 100%;
    overflow: hidden;
}

#search_result .search-panel .search-panel-row .search-panel-sub-row a {
    float: left;
    color: #535353;
    font-size: 12px;
    height: 30px;
    text-align: left;
}

#search_result .search-panel .search-panel-row .search-panel-sub-row span {
    float: left;
    color: #818181;
    font-size: 10px;
    height: 30px;
    text-align: left;
    margin-top: -15px;
}

#search_result .search-panel .search-panel-row .search-panel-row-left {
    width: 60%;
    float: left;
    padding-left: 10px;
}

#search_result .search-panel .search-panel-row .search-panel-row-right {
    width: 40%;
    float: left;
    padding-right: 10px;
}
 /* Customize the label (the container) */
 #search_result .checkbox_container {
	display: block;
	position: relative;
	padding-left: 32px;
	margin-bottom: 5px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #4B5261;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 27px;
	margin-right: 20px;
}
  
  /* Hide the browser's default checkbox */
  #search_result .checkbox_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  #search_result .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-color: #fff;
    border: 1px solid #cecdd4;
    border-radius: 4px;
  }
   
  /* Create the checkmark/indicator (hidden when not checked) */
  #search_result .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  #search_result .checkbox_container input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  #search_result .checkbox_container .checkmark:after {
    left: 8px;
    top: 4px;
    width: 7px;
    height: 11px;
    border: solid #acabb0;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  } 
  #search_result .checkbox_container input.filter-customized:checked ~ .checkmark:after {
    left: 8px;
    top: 4px;
    width: 7px;
    height: 10px;
    border: solid #acabb0;
    border-width: 0 2px 0 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
#more-search-results {
    margin: 0 auto;
    text-align: center;
}

#more-search-results a{
    color: #818181;
    font-size: 10px;
}

#search-footer {
    text-align: left;
    padding-left: 10px;
    border-top: 1px solid #dde2e8;
}

#search-footer a {
    color: #535353;
    font-size: 11px;
}

#search-footer .fa-search:before {
    color: #f1840f;
}

#search_form .search_input::-webkit-input-placeholder {color: #535353;}
#search_form .search_input::-moz-placeholder         {color: #535353;}
#search_form .search_input:-moz-placeholder           {color: #535353;}
#search_form .search_input:-ms-input-placeholder      {color: #535353;}
.in-group-btn{
    margin-right: -28px;
}
#search_form .del_search{
    position: absolute;
    right: 0;
    top: 0;
    background: url("/img/close2.svg")no-repeat center center;
    background-size: 12px auto;
    height: 56px;
    width: 50px;
    cursor: pointer;
}
#search_form .del_search:hover{
    background: url("/img/close.svg")no-repeat center center;
    background-size: 12px auto;
}
.btn_search, .btn_logout{
    height: 45px;
    width: 25px;
    background: transparent;
    border: 1px solid transparent;
    position: relative;
    outline: none;
}
.btn_search{
    height: 60px;
}
.btn_logout{
    height: 37px;
    width: 35px;
    background-color: #fff;
    border: 1px solid #dde2e8;
    border-radius: 2px 2px 0 0;
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    position: relative
}
.btn_search i{
    position: absolute;
    left: 0;
    top: 0;
    background: url("/img/search_icon2.svg")no-repeat right center;
    background-size: 16px auto;
    height: 56px;
    width: 31px;
}
#search_input:active + .in-group-btn .btn_search i, #search_input:focus + .in-group-btn .btn_search i{
    opacity: 1;
    background: url("/img/search_icon.svg")no-repeat right center;
    background-size: 16px auto;
}
.btn_logout i{
    position: relative;
    background: url("/img/logout.png")no-repeat center center;
    height: 37px;
    width: 35px;
    display: block
}
.btn_logout span{
    width: 20px;
    height: 15px;
    font-size: 11px;
    color: #535353;
    position: absolute;
    top: -5px;
    right: -5px;
    display: block;
    line-height: 1;
    background: #fff
}
.main-header #header-logo{
    width: 100px;
}
.main-header .logo,
.sidebar-mini.sidebar-collapse .sidebar-toggle,
.main-header .navbar .sidebar-toggle{
    float: left
}
.sidebar-mini.sidebar-collapse .sidebar-toggle,
.main-header .navbar .sidebar-toggle{
    font-size: 21px;
    line-height: 54px;
    background: #383633
}
#header-logo{
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}
.sidebar-mini.sidebar-collapse .main-header #header-logo{
    width: 0;
}
.sidebar-mini.sidebar-collapse .logo_wrap{
    width: 50px;
}
.sidebar-mini.sidebar-collapse .main-header .navbar-custom-menu{
    width: calc(100% - 52px);
}
.sidebar-mini.sidebar-collapse .main-header #search_form{
    width: auto;
}
.sidebar-mini.sidebar-collapse .treeview-menu .active{
    border: 1px solid #383633;
    border-left: none;
}
.main-header .navbar .user-menu .btn{
    font-size: 11px;
    color: #4f5f6f;
    padding: 10px 12px;
}
.main-header .navbar .user-menu .btn span{
    color: #a0a0a0
}
.main-header .navbar .user-menu .btn, .main-header .navbar .user-menu .btn-group:hover .btn{
    border: 1px solid #dde2e8;
}
.main-header .navbar .user-menu .btn.dropdown-toggle {
    padding: 10px;
    margin-right: 10px;
}
.main-header .navbar .user-menu .btn-group{
    height: 37px;
}
.main-header .navbar .user-menu .dropdown-menu{
    border: 1px solid #aebac8;
    background-color: #fff;
    right: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 200px;
}
.arrow_dropdown-menu{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 7px 6px;
    border-color: transparent transparent #ddd transparent;
    position: absolute;
    top: -7px;
    right: 13px;
    padding-right: 0 !important;
}
.main-header .navbar .user-menu .dropdown-menu a{
    color: #8393a2;
    font-size: 12px;
    padding: 9px 35px;
}
.main-header .navbar .user-menu .dropdown-menu a:hover, .main-header .navbar .user-menu .dropdown-menu a:focus, .main-header .navbar .user-menu .dropdown-menu a:active{
    color: #383633;
    text-decoration: underline;
    background: transparent;
}
.main-header .navbar .user-menu .btn-group .caret{
    border-top: 6px dashed #3b414d;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
.sidebar-collapse .sidebar-menu > li > a {
    padding: 13px 5px 10px 12px;
}
.btn.btn-primary.add_application i{
    display: none;
}
.sidebar-collapse .btn.btn-primary.add_application i{
    display: inline-block;
    padding: 3px 7px;
}
.sidebar-collapse .btn.btn-primary.add_application span{
    visibility: hidden;
}
.main-header .navbar .user-menu .btn-group .btn{
    border-radius: 2px 0 0 0;
}
.main-header .navbar .user-menu .btn.dropdown-toggle{
    border-radius: 0 2px 0 0;
}
.main-header .navbar-custom-menu a.logout_btn{
    width: 35px;
    height: 37px;
    border: 1px solid #dde2e8;
    border-radius: 2px 2px 0 0;
    text-align: center;
    display: block;
    float: right;
    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #959595 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #959595));
    background: -webkit-linear-gradient(top, #f3f3f3 0%, #959595 100%);
    background: -o-linear-gradient(top, #f3f3f3 0%, #959595 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0%, #959595 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%, #959595 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#959595', GradientType=0 );
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.main-header .navbar-custom-menu a.logout_btn i{
    background: url("/img/logout_ico.png") no-repeat center center;
    height: 35px;
    width: 33px;
    display: inline-block
}
.main-header .navbar-custom-menu a.logout_btn:hover{
    background: #959595;
    background: -moz-linear-gradient(top, #959595 0%, #f3f3f3 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #959595), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #959595 0%, #f3f3f3 100%);
    background: -o-linear-gradient(top, #959595 0%, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #959595 0%, #f3f3f3 100%);
    background: linear-gradient(to bottom, #959595 0%, #f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#f3f3f3', GradientType=0 );
}
.main-header .navbar-custom-menu .btn-group.block_menu_message{
    margin-right: 10px;
}
.main-header .navbar-custom-menu .btn-group.block_menu_login button{
    text-align: left;
    padding: 3px 12px 3px 5px;
    height: 37px;
    box-sizing: border-box;
}
.main-header .navbar-custom-menu .btn-group.block_menu_login button span{
    font-size: 10px;
}
.main-header .navbar-custom-menu .btn-group.block_menu_login button em{
    max-width: 100px;
    overflow: hidden;
    display: block
}
.main-header .navbar-custom-menu .btn-group.block_menu_login button img{
    float: left;
    width: 26px;
    height: 26px;
    margin: 2px 5px 0 0
}
/*--------------------------------------------------menu_massage------------------------------------------------------*/
.main-header .navbar .user-menu .block_menu_message .dropdown-menu{
    right: -4px;
    color: #8393a2;
    font-size: 10px;
    width: 400px;
    display: none;
}
.main-header .navbar .user-menu .block_menu_message .dropdown-menu.active{
    display: block;
}
.main-header .navbar .user-menu .block_menu_message .dropdown-menu a{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 7px;
    font-size: 10px;
    text-decoration: underline;
    line-height: 12px;
    padding: 0;
    color: #00c1de;
}

.main-header .navbar .user-menu .block_menu_message .dropdown-menu span{
    display: block;
    line-height: 15px;
}
.main-header .navbar .user-menu .block_menu_message .dropdown-menu ul{
    padding: 5px 8px;
    max-height: 600px;
    overflow-y: scroll;
}
.main-header .navbar .user-menu .block_menu_message .dropdown-menu li{
    border-bottom: 1px solid #8393a2;
    position: relative;
}
.main-header .navbar .user-menu .block_menu_message .dropdown-menu li:last-child{
    border-bottom: 1px solid transparent;
}
.block_menu_message .close_notification{
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none !important;
    color: #8393a2 !important;
}
.title_message, .desc_message{
    margin-left: 10px;
}
.title_message{
    font-size: 12px;
}
.desc_message{
    font-weight: 400;
}
.date_message{
    margin-top: 7px;
}
/*--------------------------------------------------menu-------------------------------------------------------------*/
.btn.btn-primary.add_application{
    max-width: 183px;
    width: 100%;
    height: 34px;
    color: #fff;
    font-size: 13px;
    border-radius: 0;
    background-color: #f1840f;
    display: block;
    margin: 50px auto 19px;
}
.treeview-menu{
    margin-top: -2px !important;
}
/*----------------------------------------------sidebar---------------------------------------------------------------*/
.main-sidebar {
    background-color: #383633;
    padding-top: 0;
    top: 50px;
    overflow-y: scroll;
    height: 500px;
    position: fixed;
}
.main-sidebar, .left-side, .logo_wrap{
    width: 197px;
}
.sidebar {
    padding-bottom: 50px;
}
.sidebar-menu > li > a, .sidebar-menu .treeview-menu > li > a{
    color: #fff;
}
.sidebar-menu .treeview-menu > li > a{
    background-color: #383633;
    font-size: 12px;
    font-family: 'Elektra Text Pro';
    padding: 12px 5px 8px 12px;
}
.sidebar-menu > li > a{
    font-family: 'Elektra Medium Pro';
    font-weight: 500;
    font-size: 13px;
    padding: 14px 5px 14px 7px;
}
.sidebar-menu > li:hover > a, .sidebar-menu .treeview-menu > li:hover > a, .sidebar-menu > li.active > a, .sidebar-menu .treeview-menu > li.active > a, .sidebar-collapse .sidebar-menu > li.active.submenu-active > a, .sidebar-collapse .sidebar-menu > li:hover .treeview-menu > li.active > a{
    background: #fff;
    border-left-color: #fff;
    color: #383633;
}
.sidebar-menu > li.treeview.active.submenu-active > a{
    background-color: #383633;
    color: #f1840f;
}
.sidebar-collapse .sidebar-menu > li.selected > a{
    background: #fff !important;
    color: #383633 !important;
}
.sidebar-collapse .sidebar-menu > li.submenu-active > a{
    color: #f1840f;
}
.sidebar-menu > li > a > .fa {
    width: 18px;
}
.sidebar-menu .treeview-menu>li>a>.fa{
    width: 14px;
}
/*-----------------------------------------------content--------------------------------------------------------------*/
.content-wrapper{
    margin-left: 197px;
    background: #fff;
    overflow: hidden
}
/*-----------------------------------------------footer------------------------------------------------------------*/
.main-footer{
    margin-left: 197px;
    /*margin-top: -38px;*/
    height: 48px;
    background: #383633;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent;
    padding: 0;
    overflow: hidden
}
.main-footer .footer_block_left, .main-footer .footer_block_right{
    margin-top: 1px;
}
.main-footer .footer_block_left, .main-footer .footer_block_right, .main-footer a{
    color: #b2b2b2 !important;
    font-size: 10.94px;
}
.main-footer a{
    margin-top: -3px;
    display: block;
    text-decoration: underline;
}
.main-footer a:hover{
    text-decoration: none;
}
/*--------------------------------------------------table_list--------------------------------------------------------*/
body.list table{
    border: 0;
}
body.list .col-sm-5{
    font-size: 11px;
    color: #505050;
    margin-bottom: 10px;
}
body.list .col-sm-5 select, .plain-select select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    outline: none;
    text-decoration: underline;
    position: relative;
    margin-left: 6px;
    padding-right: 15px;
}
.plain-select select{
    text-decoration: none;
}
.plain-select {
    background-color: white !important;
    margin-right: 5px;
}
body.list .col-sm-5 .plain-select, .plain-select{
    position: relative;
}
body.list .col-sm-5 .plain-select ::-ms-expand, .plain-select ::-ms-expand {
    display:none;
}
body.list .col-sm-5 .plain-select:after, .plain-select:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #5f5f5f transparent transparent transparent;
    position: absolute;
    z-index: 99;
    top: 50%;
    right: 0px;
    margin-top: -2px;
    pointer-events: none;
}
body.list table tbody tr{
    border-left: 3px solid transparent;
    border-bottom: 4px solid #f1f6fc;
}
/*body.list table tbody tr td:first-child{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 51px;
}*/
body.list .table tbody tr:hover td{
    background-color: #f5f5f5;
    text-decoration: underline;
}
body.list .table tbody tr:hover td.actions{
    text-decoration: none;
}
body.list table tbody td{
    position: relative;
    word-wrap: break-word;
}
body.list table tbody td, body.list table tbody td a{
    color: #353535;
    font-size: 12px;
    font-weight: 500;
    border: none
}
body.list table thead th {
    background: #fff;
    padding: 0;
}
body.list .table thead tr th {
    border-bottom: 1px solid #ccc;
}
body.list table tbody tr {
    border-bottom: 1px solid #ccc;
}
body.list table tbody td:hover, body.list table tbody td:hover a{
    text-decoration: none;
}
body.list table tbody tr .fa{
    font-size: 24px;
    color: #a9acac;
}
.field_status_delimiter{
    position: absolute;
    left: -3px;
    height: 100%;
    width: 3px;
    top: 0;
}
.img_status{
    margin: 0 27px 0 10px;
}
body.list table tbody td.actions a {
    margin-right: 15px;
}
body.list .date_time{
    display: block;
    font-weight: 400;
    color: #646464;
    font-size: 9px;
}
/*----------------------------------------review the application-----------------------------------------------*/
.block_review_application{
    font-size: 12px;
    color: #505050;
    margin-top: -22px;
}
/*.block_review_application .block_list:first-child .form-group:first-child .block_info_conclusion{
    color: #3d00b3;
}*/
/*.nav-tabs{
    border-bottom: 2px solid #c6cbd0;
}*/
.nav-tabs>li{
    margin-bottom: 0;
}
.nav-tabs>li.active{
    margin-bottom: -3px !important;
}
.nav-tabs>li.active a{
    position: relative;
    z-index: 9;
    top: 0px;
    height: 34px;
}
.nav-tabs>li>a{
    border-radius: 1px 1px 0 0;
    background-color: #e0e6ee;
    min-width: 124px;
    text-align: center;
    padding: 7px 14px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a{
    border: 1px solid #dce2ea;
    border-top: 1px solid #dce2ea;
    border-bottom: none;
}
.tab-content{
    background-color: #fff;
    border: 1px solid #eceff2;
    border-top: none;
    min-height: 155px;
}
#main a:active{
    top: 0;
}
.block_review_application .form-group {
    margin-bottom: 8px;
    margin-right: 0;
    margin-left: 0;
    position: relative;
}
.block_review_application .block_list{
    min-width: 213px;
    max-width: 300px;
    float: left;
    padding-right: 30px;
}
.block_review_application .block_info_conclusion{
    font-weight: 700;
    display: inline-block;
}
.block_review_application .block_list:last-child{
    margin-left: 38px;
    float: right;
}
.block_review_application .field_status_delimiter{
    height: 19px;
}
.block_review_application .img_status, .block_review_application .field_status_delimiter{
    position: absolute;
    left: -24px;
    width: 19px;
    margin: 0;
}
.block_review_application .form-group a{
    text-decoration: underline;
    color: #505050;
}
.block_review_application .form-group a:hover{
    text-decoration: none;
    color: #505050;
    opacity: 1;
}
.block_review_application .block_description{
    max-width: 898px;
    margin-bottom: 13px;
}
.block_review_application .form-group form[name="contract_status"]{
    float: left
}
.block_review_application .form-group #comment_action{
    margin-top: 17px;
}
.link_editing{
    color: #2d3e50;
    font-size: 11.68px;
    text-decoration: underline;
    letter-spacing: 0.7px;
    margin-top: 19px;
    display: inline-block;
    float: left
}
.block_review_application .form-group #comment_action{
    margin-top: 17px;
}
.link_editing_1{
    margin-bottom: 5px;
    display: inline-block;
}
.link_editing:hover{
    color: #2d3e50;
    opacity: 1;
}
.link_editing i{
    float: left;
    font-size: 24px;
    margin-top: -2px;
    margin-right: 10px;
}
.block_name_files{
    font-size: 12.5px;
    color: #505050;
    margin: 11px 0 12px;
    letter-spacing: 0.3px;
}

.tab-content_new, .block_nav_files .tab-content{
    padding: 8px;
}
.tab-content_new{
    padding-bottom: 20px;
    float: left;
    width: 100%;
}
.block_nav_files .tab-content{
    height: 153px;
    overflow-x: scroll;
}
.block_nav_files{
    width: 850px;
    position: relative;
}
.block_nav_files .nav.nav-tabs li a.add-folder{
    width: 40px;
    min-width: 100%;
}
.block_nav_files .nav.nav-tabs{
    display: flex;
    flex-wrap: wrap;
}
.block_nav_files .nav.nav-tabs li{
    /*flex: 1;*/
}
.block_nav_files .nav.nav-tabs li:first-child{
    /*flex: 0;*/
}
.block_nav_files .nav-tabs>li{
    padding-right: 2px;
}
.block_nav_files .nav-tabs>li>a{
    padding: 0 14px;
    height: 33px;
    line-height: 1;
    /*min-width: 100%;*/
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.block_nav_files .nav-tabs>li:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #c6cbd0;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.block_nav_files .nav-tabs>li + li:after{
    left: -2px;
}
.block_nav_files .nav-tabs>li.active>a{
    height: 35px;
    padding-bottom: 2px;
}
.block_nav_files .nav-tabs>li.active:after{
    content: '';
    bottom: 1px;
}
.block_add_btn_files{
    position: absolute;
    right: 3px;
    top: -28px;
    font-size: 12.7px;
}
.block_add_btn_files a, .add_element, .add_element:hover, .add_element:focus{
    color: #f1840f;
    letter-spacing: 1px;
    text-decoration: none;
}
.block_add_btn_files a:hover{
    text-decoration: underline;
}
.block_add_btn_files i{
    font-size: 19px;
    float: left;
    margin-right: 6px;
}
.block_nav_files .fm_item{
    width: 50%;
    float: left;
    margin: 3px 0;
    padding-right: 10px;

}
.block_nav_files .fm_item a{
    margin-right: 3px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 215px;
    display: inline-block;
}
/*--------------------------------------block_add_application-----------------------------------------------*/
.block_add_application, .block_add_application .form-control, .block_add_application .select2-selection.select2-selection--single{
    font-size: 12px;
}
.block_add_application .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
    padding-top: 6px;
}
.block_add_application .label_w_form{
    width: 120px;
    padding-left: 0;
}
.block_add_application .block_w_form, .block_add_application .block_w_form_2{
    width: calc(100% - 120px);
    display: inline-block;
}
.block_add_application .block_w_form_2{
    width: calc(100% - 274px);
}
.block_add_application .block_w_form_btn{
    width: 140px;
    margin: 0 0 0 10px;
    display: inline-block;
}
.block_add_application .block_w_form_btn a{
    margin: 0;
    display: inline-block;
    margin-top: -14px;
}
.block_add_application textarea{
    min-height: 190px !important;
}
.block_add_application textarea, .block_add_application input.form-control, .block_add_application .select2-selection, .bootbox-input.bootbox-input-text.form-control, .block_pause_cancel textarea, .block_chat textarea, .form_pdf_info textarea{
    background-color: #fff;
    border: 1px solid #d7d9dc;
    border-top: 2px solid #c6cbd0;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.block_add_application textarea:focus, .block_add_application input.form-control:focus, .bootbox-input.bootbox-input-text.form-control:focus, .block_pause_cancel textarea:focus{
    border: 1px solid #368ae8;

}
.block_add_application #file_manager{
    position: relative;
}
.block_add_application .block_name_files{
    display: none;
}
.block_add_application .name_file_manager{
    position: absolute;
    font-size: 12px;
    top: 21px;
    left: -112px;
}
.block_add_application .block_nav_files{
    width: 100%;
}
.block_add_application .col-lg-12 .col-lg-6 + .col-lg-6{
    margin-left: -10px;
}
.btn-secondary, btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active{
    color: #2d3e50;
    opacity: 1;
}
/*--------------------------------------history--------------------------------------------------*/
.history_title{
    display: block;
    font-weight: 700;
}
.history_before::after{
    content: "\2192";
    padding: 0 10px;

}
.history_before, .history_after{
    margin-bottom: 7px;
    display: inline-block;
}
/*---------------------------------------price analysis----------------------------------------------*/
.exchange_block{
    color: #505050;
    padding-top: 12px;
}
.title_exchange{
    font-size: 11px;
    margin-right: 8px;
}
.exchange_block label{
    font-size: 12px;
    font-weight: 700;
}
.exchange_block .exchange_rate, #contract_invoice input, .form_pdf_info input{
    box-sizing: border-box;
    width: 67px;
    height: 23px;
    border: 1px solid #cecece;
    color: #505050;
    box-shadow: 2px 2px 0px 0 rgba(0,0,0,0.05) inset;
    padding-left: 10px;
    margin-right: 6px;
    margin-left: 2px;
    font-size: 13px;
}
.exchange_block .exchange_rate::-webkit-input-placeholder, #contract_invoice input::-webkit-input-placeholder  {color: #aeadad;}
.exchange_block .exchange_rate::-moz-placeholder, #contract_invoice input::-moz-placeholder        {color: #aeadad;}
.exchange_block .exchange_rate:-moz-placeholder, #contract_invoice input:-moz-placeholder         {color: #aeadad;}
.exchange_block .exchange_rate:-ms-input-placeholder, #contract_invoice input:-ms-input-placeholder      {color: #aeadad;}
.exchange_block label + label{
    margin-left: 16px;
}
#tab_history .table tr td{
    width: 15%;
}
#tab_history .table tr td:last-child{
    width: 60%;
}
#analysis_panel, #contents_panel{
    margin-top: 15px;
}
.analysis_header, .contracts_header, .panel-heading{
    background-color: #eaf6e9;
    box-sizing: border-box;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #505050;
    font-size: 12px;
    border-top: 1px solid #dedede;
    position: relative;
}
.analysis_header.active, .contracts_header.active, .panel-heading{
    box-shadow: 0 -1px 0 rgba(189,189,189,1);
}
.analysis_header:after, .contracts_header:after{
    content: "";
    background: url(/img/arrow.png) no-repeat center center;
    width: 12px;
    height: 6px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 4px;
    transition: transform 1s;
}
.analysis_header.active:after, .contracts_header.active:after{
    transform: rotate(180deg);
}
.analysis_body, .contracts_body{
    position: relative;
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: height 1s, opacity 1s;
    overflow-y: scroll;
    overflow-x: hidden;
}
.analysis_body .holder, .contracts_body .holder{
    display: none;
}
.analysis_body.active .holder, .contracts_body.active .holder{
    display: block;
}
.analysis_body.active, .contracts_body.active{
    visibility: visible;
    height: 600px;
    opacity: 1;
    border-top: 1px solid #dedede;
}
#analysis_panel > div, #contracts_panel > div, #contracts_panel_2 > div, #contracts_panel_3 > div{
    border: 1px solid #dedede;
    /*border-top: 1px solid #adadad;*/
}
#analysis_panel > div + div, #contracts_panel > div + div, #contracts_panel_2 > div + div, #contracts_panel_3 > div + div{
    margin-top: 17px;
}
.analysis_header:last-child, .contracts_header:last-child{
    border-bottom: 1px solid #dedede;
}
.analysis_header label, .contracts_header label{
    margin-left: 19px;
    letter-spacing: 0.2px;
}

.analysis_clone_request, .analysis_clone_request:hover, .analysis_clone_request:focus, .analysis_delete_request, .analysis_delete_request:hover, .analysis_delete_request:focus{
    color: #a3a6a6;
    font-size: 10.92px;
    margin-right: 48px;
    letter-spacing: 0.2px;
}
.analysis_clone_request .fa.fa-clone, .analysis_delete_request .fa.fa-trash{
    font-size: 14px;
    position: relative;
    right: 7px;
}
.add_element, .add_element:hover, .add_element:focus{
    font-size: 12.7px;
    text-decoration: none;
    display: inline-block;
}
#main .exel_down, #main .exel_down:active, #main .exel_down:focus{
    position: absolute;
    right: 30px;
    color: #f1840f;
    top: 14px;
}
.add_element .fa.fa-plus, .exel_down .fa.fa-file-excel-o{
    font-size: 19px;
    float: left;
    margin-right: 6px;
}
.add_element:hover{
    text-decoration: underline;
}
.exchange_block .add_element{
    float: right;
    margin-right: 75px;
}
.block_currency_btn{
    margin: 14px 17px;
    min-height: 19px;
}
.block_currency_btn .plain-select{
    margin-right: 60px;
}
.block_currency_btn .plain-select select{
    margin-left: 1px;
    padding-right: 13px;
}
.table.table_form_2{
    width: 322.33333px;
    margin-left: 46px;
    margin-top: 20px;
    display: inline-table;
}
.table.table_form_2 td{
    height: 17.7167px;
}
.table_form_2 + .table_form_2{
    margin-left: 0;
}
.table_form_3 + .table_form_2{
    margin-left: 46px;
}
.table.table_form_2.table_form_3{
    width: 910px;
    display: table;
}
.table.table_form_2 td{
    padding: 0;
    border-top: 0;
    font-size: 10px;
    text-align: right;
    letter-spacing: 0.2px;
    padding-top: 2px;
}
.table.table_form_2 .plain-select select{
    margin-left: -1px;
}
.table.table_form_2 .plain-select:after{
    border-width: 5px 4px 0 4px;
}
.table.table_form_2 input, .table.table_form_2 label{
    text-align: right;
}
.table.table_form_2 input, .table.table_form_2 label{
    width: 92px;
}
.table.table_form_2 label{
    min-width: 92px;
}
.table_input_data, .table_form_1 input{
    border: none;
    border-bottom: 1px solid #c6cbd0;
    background-color: transparent;
    height: 13px;
}
.table_form_1 input{
    height: 15px;
}
.table_form_1 input[disabled], .table.table_form_2 input[disabled]{
    background-color: #F0F0F0;
}
.table_form_2 td:nth-child(2n){
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    padding-left: 6px;
    padding-top: 0;
}
.table_block_scroll{
    width: 100%;
    height: 370px;
    overflow: auto;
}
.table_form_1{
    margin: 0 5px;
}
.table_form_1 thead th{
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    background-color: #fff;
    z-index: 999;
}
/*.table_form_1 thead, .table_form_1 tbody{
    display: block;
}
.table_form_1 tbody{
    height: 265px;

}*/
.table_form_1 thead th{
    color: #6d6d6d;
    font-weight: 700;
}
.table_form_1 tbody tr td{
    border-top: 1px solid #d2d0d0 !important;
}
.table_form_1 tbody tr td, .table_form_1 thead tr th{
    padding: 8px 8px 2px;
}
.table_form_1 tbody tr.table_form_1_total td{
    padding: 6px 8px 0;
}
.table_form_1 input, .table_form_1 thead th, .table_form_1 label, .table_form_1 td{
    font-size: 10px;
}
.table_form_1 input, .table_form_1 label{
    margin-top: -7px;
}
.table_form_1_total{
    background-color: #fdfad9;
}
.table_form_1 .plain-select::after{
    border-width: 4px 4px 0 4px;
    margin-top: -1px;
}
.table-hover.table_form_1> tbody > tr:hover {
    background-color: #f1fdee !important;
}
.table_form_1 tbody tr.table_form_1_total td, .table_form_1 td.check_border{
    border-top: 1px solid transparent !important;
}
.table_form_1 .analysis_del_position{
    border-radius: 0;
    padding: 2px 12px;
    height: 20px;
    line-height: 14px;
    position: relative;
    top: -2px;
}
.table_form_1 .analysis_del_position .fa.fa-trash-o{
    font-size: 14px;
}
.block_cell_1 label{
    min-width: 80px;
}
.block_cell_2 label{
    min-width: 90px;
}
.block_cell_3 label{
    min-width: 100px;
}
.block_cell_4 label{
    min-width: 110px;
}
.show-request .hide_in_request, .show-contract .hide_in_contract, .auto_manual_container .item_switch.item_hidden {
    display: none;
}
.auto_manual_container {
    min-width: 107px;
}
.auto_manual_container input.item_switch {
    max-width: 75%;
}
/*----------------------------------------------ch_sprite_table-----------------------------------------------------*/
.table_form_1 input[type="checkbox"], #tab_com_offer input[type="checkbox"]{
    display: none;
}
.table_form_1 input[type="checkbox"] + label, #tab_com_offer input[type="checkbox"]{
    background-position: 0 10px;
    margin-left: 0;
}
.table_form_1 input[type="checkbox"] + label::before, #tab_com_offer input[type="checkbox"]+ label::before{
    content: "";
    display: inline-block;
    float: left;
    height: 21px;
    width: 23px;
    font-size: 13.5px;
    background-image: url(/img/sprite_checkbox_table.png);
    background-repeat: no-repeat;
}
.table_form_1 input[type="checkbox"] + label::before, #tab_com_offer input[type="checkbox"]+ label::before{
    background-position: 0 2px;
}
.table_form_1 input[type="checkbox"]:checked + label::before, #tab_com_offer input[type="checkbox"]:checked + label::before{
    background-position: 0 -30px;
}
/*----------------------------------Commercial offer------------------------------------------*/
#tab_com_offer .col-lg-8 .row{
    margin-left: -18px;
    margin-right: 47px;
}
.table_com_offer_1 td, .table_com_offer_2 td{
    border-top: 1px solid transparent !important;
}
.table_com_offer_1 th, .table_com_offer_2 th{
    border-bottom: 2px solid transparent !important;
}
.table_com_offer_1 thead th{
    padding: 4px 8px !important;
    height: 15px;
}
.table_com_offer_1 thead th, .table_com_offer_2 thead th, .table_com_offer_2 thead tr{
    font-weight: 400;
    font-size: 11px;
}
.table_com_offer_1 tbody td, .table_com_offer_2 tbody td{
    font-weight: 700;
    font-size: 12px;
    padding: 6.1px 8px 7px !important;
}
.table_com_offer_1 tbody td{
    border-bottom: 1px solid #010101;
}
.table_com_offer_1 tbody tr td:first-child{
    border-bottom: 1px solid transparent;
}
.table_com_offer_1{
    margin-left: -7px;
}
.table_com_offer_2{
    width: 300px;
    float: right;
}
.table_com_offer_2 tr td:first-child{
    text-align: right !important;
}
.table_com_offer_2 tbody td{
    padding: 0px 8px !important;
}
.table_com_offer_2 thead td{
    padding: 5.5px 8px !important;
}
.block_date{
    position: relative;
}
.block_date_arrow{
    position: relative;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 700;
    margin-left: -4px;
}
.block_date:after{
    content: '';
    position: absolute;
    background: url(/img/arrow.png) no-repeat center center;
    width: 12px;
    height: 6px;
    right: -7px;
    top: 5px;
}
.block_pause_cancel textarea{
    max-width: 258px;
    width: 100%;
    min-height: 58px;
    height: 100%;
    border-color: #dedede;
    padding: 1px 5px;
    letter-spacing: -0.3px;
}
.block_pause_cancel label{
    display: block;
    font-size: 11px;
    margin: 9px 0 6px;
}
.btn_cancel, .btn_pause{
    background-color: transparent;
    border: 1px solid transparent;
    border-bottom: 1px solid #e84c3d;
    color: #e84c3d;
    font-size: 11.94px;
    padding: 0;
    font-style: italic;
    height: 18px;
    letter-spacing: 0.5px;
}
.btn_pause{
    margin-right: 18px;
    margin-left: 64px;
}
.btn_cancel:hover, .btn_pause:hover{
    border-bottom: 1px solid transparent;
}
.btn_cancel{
    border-bottom: 1px solid #767676;
    color: #767676;
}
.title_pause_cancel, .title_cur_com_offer{
    font-size: 12px;
    color: #505050;
    font-weight: 700;
    margin: 10px 0 5px;
}
.title_cur_com_offer{
    display: block;
    margin: 40px 0 0;
}
.title_cur_com_offer + .plain-select select{
    margin: 5px 0 0 -3px;
}
.plain-select + .btn.btn-default{
    display: block;
    margin-left: 0;
    margin-top: 10px;
}
#tab_com_offer .col-lg-8 .row > label{
    margin: 10px 0 6px;
}
#tab_com_offer input[type="checkbox"]+ label::before{
    width: 20px;
}
#tab_com_offer .col-lg-8 .block_btn_group{
    margin-top: 29px;
    margin-bottom: 202px;
    width: 100%;
    float: left;
}
#tab_com_offer .col-lg-8 .block_btn_group .btn{
    margin-right: 35px;
    letter-spacing: 0.8px;
}
.block_pdf_link{
    font-size: 12px;
    color: #505050;
    text-decoration: underline;
    position: relative;
    margin-left: 68px;
    display: inline-block;
}
.block_pdf_link:before{
    content: '';
    width: 27px;
    background: url('/img/pdf.png') no-repeat center center;
    position: absolute;
    height: 31px;
    left: -36px;
    top: -9px;
}
.block_pdf_link:hover{
    color: #505050;
    text-decoration: none;
}
.block_label_link{
    margin-top: 29px;
    margin-bottom: 29px;
    width: 100%;
    float: left;
}
/*---------------------------------------404--------------------------------------------*/
body.page_error{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
body.page_error .error_block{
    text-align: center;
    margin-bottom: 37px;
    width: 560px;
    font-family: 'Elektra Medium Pro';
    color: black;
}
body.page_error .error_block h2{
    font-size: 34px;
    padding-bottom: 10px;
}
body.page_error .error_block p {
    font-size: 18px;
    line-height: 1.4;
}
.error_block span, .error_block a{
    font-family: 'Elektra Medium Pro';
}
.error_block span{
    margin-top: 35px;
    font-size: 28.78px;
    color: #000;
    display: block;
    letter-spacing: -0.3px;
}
.error_block a{
    display: inline-block;
    background-color: #21b139;
    font-size: 21.82px;
    line-height: 31.55px;
    color: #fff;
    text-decoration: none;
    margin-top: 59px;
    padding: 10px 52px 9px 50px;
    letter-spacing: -0.3px;
    margin-left: 14px;
}
.error_block a:active{
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
#flash-messages .alert.alert-success, #flash-messages .alert.alert-danger{
    border-radius: 0;
    margin: 15px;
}
#flash-messages .alert.alert-success{
    background-color: #21b139 !important;
}
.deadline_date{
    float: left;
    margin-right: 5px;
}
.deadline_label label{
    margin: 0 !important
}
/*-------------------------------------contracts----------------------------------------------*/
#contracts_panel > div, #contracts_panel_2 > div, #contracts_panel_3 > div{
    margin-top: 8px;
}
#contracts-total{
    border: none !important;
    margin-top: 0px !important;
}
#contracts-total div label{
    font-weight: 700;
}
.contracts_header label{
    font-weight: 700;
}
.contracts_header{
    height: auto;
    padding: 5px 0;
}
.contracts_header label{
    margin-left: 7px;
}
.contracts_header::after{
    right: 11px;
}
.contracts_body.active{
    padding: 2px 7px;
}
.block_pause_cancel_2{
    margin-top: 49px;
    margin-left: 57px;
}
.block_contacts .img_status, .block_contacts .field_status_delimiter{
    width: 12px;
    height: 12px;
    left: -18px;
    top: 3px;
}
.block_contacts .block_list:last-child{
    float: left;
    margin-left: 0;
}
.number_c, .number_c a, .number_c a:hover{
    color: #00b3ba !important;
}
#contracts_panel_2 .contracts_header, #contracts_panel_3 .contracts_header{
    justify-content: flex-start;
}
#contracts_panel_2 .contracts_header label, #contracts_panel_3 .contracts_header label{
    font-size: 12px;
    color: #000;
    margin-left: 15px;
    font-weight: 400;
}
#contracts_panel_2 .contracts_header label span, #contracts_panel_3 .contracts_header label span{
    font-weight: 700;
    padding-left: 4px;
}
#contracts_panel_2 .contracts_header label + label, #contracts_panel_3 .contracts_header label + label{
    margin-left: 35px;
}
#contracts_panel_2 .contracts_header .add_documents, #contracts_panel_3 .contracts_header .add_documents{
    flex-grow: 2;
    display: flex;
    justify-content: flex-end;
    margin-right: 37px;
    color: #8e968e;
    font-size: 11px;
    font-style: italic;
}
#contracts_panel_2 .contracts_header .add_documents i, #contracts_panel_3 .contracts_header .add_documents i, #contracts_panel_2 .contracts_header .add_documents a{
    padding: 0 5px;;
}
.number_score, .number_score:hover{
    color: #3d00b3;
    text-decoration: underline;
}
.ui-widget{
    z-index: 99999;
}
.add_item{
    margin-left: 44px;
    position: relative;
    color: #f1840f;
    font-size: 11.68px;
    padding: 5px 0;
    letter-spacing: 0.7px;
    display: inline-block;
}
.add_item:hover{
    color: #f1840f;
}
.add_item::before{
    content: '';
    background: url(/img/add_item_img.png) no-repeat center center;
    width: 28px;
    height: 28px;
    position: absolute;
    left: -42px;
    top: 0;

}
#contracts_panel_2 h3, .title_documents{
    font-size: 12.5px;
    color: #505050;
    font-weight: 700;
}
#contracts_panel_2 h3{
    margin-bottom: 24px;
}
.columns_1_con .row{
    padding: 20px 0 0 10px;
}
.columns_1_con .block_documents_list, .columns_2_con .block_documents_list{
    margin-top: 24px;
}
.columns_1_con .box_list_doc_item, .columns_2_con .box_list_doc_item{
    max-width: 440px;
}
.columns_1_con .box_list_doc_item span, .columns_2_con .box_list_doc_item span{
    /*width: 100%;*/
    float: left;
    display: block;
}
.columns_2_con{
    padding: 20px 10px 0 37px;
}
.columns_3_con{
    padding-top: 12px;
}
.columns_3_con label{
    display: block;
    position: relative;
}
.columns_3_con label input + span{
    color: #9a9a9a;
    font-style: italic;
}
.columns_3_con label + label{
    margin-top: 3px;
}
.columns_3_con label:last-child{
    margin-top: 7px;
}
.columns_3_con label > span{
    white-space: nowrap;
}
body.show .form-control{
    border: 1px solid #dedede;
}
body.show .form-control:focus{
    border-color: #444;
}
.block_contacts .columns_3_con .img_status, .block_contacts .columns_3_con .status_invoice_color{
    position: relative;
    width: 19px;
    height: 19px;
    top: 3px;
    left: 2px;
}
.block_contacts .columns_3_con .status_invoice_color{
    display: inline-block;
}
.block_link_contracts{
    margin-top: 20px;
}
.block_link_contracts a{
    font-size: 11px;
    color: #b20a2d;
    text-decoration: underline;
    display: block;
    line-height: 25px;
    font-style: italic;
}
.block_link_contracts a:hover{
    text-decoration: none;
}
.box_payment label{
    display: inline-block;
}
.box_list_doc_item{
    position: relative;
}
.box_list_doc_item .source_doc, .box_list_doc_item .source_doc:focus, .box_list_doc_item .source_doc:active, .box_list_doc_item .source_doc:active:focus{
    display: block;
    float: left;
    width: 100%;
    color: #283891;
    font-size: 10px;
    line-height: 1;
    padding-right: 12px;
    margin-left: 35px;
}
.box_list_doc_item .source_doc:hover{
    text-decoration: underline;
}
.box_list_doc_item span, .box_list_doc_item .form-control{
    width: calc(100% - 70px);
}
.box_payment + h3{
    font-size: 12.5px;
    font-weight: 700;
    margin: 14px 0 0 2px;
}
body .box_list_doc_item .form-control{
    border: 1px solid #ccc;
    height: 30px;
    max-width: 228px;
    border-radius: 3px;
    font-size: 12px;
    color: #505050;
}
body .box_list_doc_item .form-control:focus{
    border-color: #444;
}
.add_doc, .payment-document-action{
    color: #f1840f;
    font-size: 14px;
    cursor: pointer;
}
.history_doc{
    color: #3c8dbc;
}
.history_doc:hover{
    color: #3c8dbc !important;
}
.add_doc:hover, .payment-document-action:hover{
    text-decoration: none;
    color: #f1840f;
}
.add_doc input[type="file"]{
    display: none;
}
.box_list_doc_item{
    display: block;
    max-width: 455px;
    margin-bottom: 2px;
}

.box_list_doc_item_2{
    margin-top: 23px;
    margin-left: 35px;
}
.box_list_doc_item_2 label{
    width: 100%;
    float: left;
}
.box_list_doc_item.box_list_doc_item_2 .add_doc{
    -ms-flex-item-align: inherit;
    -ms-grid-row-align: inherit;
    align-self: inherit;
}
.box_list_doc_item_2 .block_info_conclusion{
    position: absolute;
    margin-left: 3px;
}
.box_payment{
    margin-top: 22px;
}
.box_payment label{
    color: #919191;
    margin-bottom: 10px;
    letter-spacing: 0.3px;
    width: calc(100% - 30px);
}
.box_payment input[type="radio"]{
    width: 14px;
    float: left;
    margin-right: 8px;
    margin-top: 3px;
}
.doc_payment_block_left > .row{
    padding: 0 0 0 8px;
}
.doc_payment_block_left .add_item{
    margin: 24px 0 24px 44px;
}
.title_documents{
    margin: 26px 0 18px;
}
.box_list_doc{
    margin-bottom: 28px;
    width: 100%;
    float: left;
    padding-right: 40px;
}
.invoice-documents .box_list_doc{
    width: 50%;
}
.form-control.doc_m{
    margin: -6px 0 0 -8px;
}
.doc_payment_block_left .btn.btn-success{
    margin: 41px 0 0 2px;
}
.block_date_select, .block_invoice_btn{
    float: left;
}
.block_date_select{
    width: calc(100% - 140px);
    max-width: 361px;
}
.block_invoice_btn{
    width: 140px;
}
.doc_payment_block_right > .row{
    padding: 190px 4px 0 7px;
}
.doc_payment_block_right label{
    color: #000;
    font-size: 11px;
    letter-spacing: 0.2px;
}
.doc_payment_block_right label + label{
    margin: -5px 0 0 145px;
}
.doc_payment_block_right .block_link_contracts{
    margin: 150px 0 0 180px;
}
.added{
    font-weight: 700;
    color: #0da225;
}
.added:hover{
    text-decoration: none !important;
    color: #0da225;
}
.add_doc.added{
    text-decoration: underline;
    margin-left: 8px;
    min-width: 75px;
}
.file_del, .file_del:hover, .file_del:focus, .file_del:active{
    text-decoration: underline;
    font-weight: 700;
    color: #D42124;
}
.file_del:hover{
    opacity: .9;
    text-decoration: none;
}
.box_list_doc .file_action{
    float: left;
    width: 35px;
}
.box_list_doc .file_action a{
    float: right;
}
.box_list_doc .file_action a.file_del{
    margin: 0 5px;
}
/*----------------------------------------popover--------------------------------------------*/
.popover.fade.bottom.in{
    width: 200px;
    left: inherit;
    right: 20px;
}
/*------------------------------------------btn----------------------------------------------*/
#request_control_button_toComOffer{
    max-width: 230px
}
/*--------------------------------------contract input---------------------------------------*/
#contract_invoice{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 13px;
}
#contract_invoice > div{
    margin-right: 15px;
    margin-bottom: 15px;
}
#bootbox-form #contract_invoice > div{
    width: 100%;
    float: left;
}
#bootbox-form #contract_payment_document_meta > div, #bootbox-form #contract_invoice_document_meta > div{
    margin-bottom: 5px;
}
#contract_invoice label{
    font-weight: 700;
}
#bootbox-form #contract_invoice label{
    width: 20%;
}
#bootbox-form form div>label{
    width: 30%;
    vertical-align: top;
}
#contract_invoice input{
    margin-left: 5px;
    width: 130px;
}
#bootbox-form form div>input, #bootbox-form form div>textarea{
    width: 300px !important;
}
#bootbox-form form>div>div{
    margin-bottom: 5px;
}
#contract_invoice #contract_invoice_exchangeRate{
    width: 90px;
}
#contract_invoice .btn{
    height: 23px;
    line-height: 9px;
    font-size: 12px;
}
#contract_invoice > div:first-child input{
    width: 158px !important;
}
#contract_invoice .plain-select{
    margin-right: 5px;
}
#contract_invoice select{
    margin-left: 5px;
    width: 70px;
}
#bootbox-form #contract_invoice select{
    width: 200px;
}
#contract_invoice .select2-container{
    width: 200px !important;
    margin-left: 5px;
}
#contract_invoice .select2-container .select2-selection__rendered{
    line-height: 24px;
}
.columns_4_con .btn-danger, .columns_4_con .btn-success, .columns_4_con .label-success{
    float: right;
    margin: 20px 15px 20px 0;
}
.btn-add, .btn-add:hover, .btn-add:focus, .btn-add:active{
    background-color: #f1840f !important;
    color: #fff !important;
    border-radius: 0 !important;
}
/*--------------------------------------chat-------------------------------------------*/
.block_chat{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    right: 0px;
    top: 0;
    bottom: 0;
    width: 450px;
    z-index: 999999;
    background-color: #fff;
    transform: translate(450px, 0px);
    transition: transform 1s;
    border: 1px solid #d7d9dc;

}
.block_chat.active{
    transform: translate(0px, 0px);
}
.panel-heading{
    border: 1px solid #d7d9dc;
    height: 30px;
}
.panel-footer{
    position: fixed;
    bottom: 0;
    width: 100%;
}
.block_chat textarea{
    width: 100%;
    font-size: 12px;
    line-height: 13px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0;
    height: 60px;
    resize: none;
}
.panel-footer .btn{
    margin-top: -4px;
}
.panel-footer .input-group{
    width: 100%;
}
.panel-footer .btn.btn-add{
    margin-top: 5px;
    float: right;
    padding: 3px 12px;
}
.chat
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.text-muted, .block_chat strong{
    color: #000;
    font-weight: 700;
}
.chat li
{
    margin-bottom: 13px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}
.close_chat{
    color: #8393a2 !important;
}
.block_collapse_chat{
    position: relative;
}
#main .block_collapse_chat .btn_collapse_chat, #main .block_collapse_chat .btn_collapse_chat:active{
    position: absolute;
    right: 0;
    top: -11px;
    background: url(/img/arrow.png) no-repeat center center;
    width: 12px;
    height: 6px;
    display: block;
    transition: transform 1s;

}
#main .block_collapse_chat .btn_collapse_chat.in{
    transform: rotate(180deg);
}
#main .block_collapse_chat .btn_collapse_chat:hover, .block_chat .card.card-body span + a:hover{
    cursor: pointer;
}
.btn_collapse_chat + .collapse.multi-collapse{
    overflow: hidden;
    height: 0;
    transition: height 1s;
    display: block !important;
}
.btn_collapse_chat + .collapse.multi-collapse .card.card-body{
    display: block;
    transform: translate(0px, -58px);
    transition: transform 1s;
}
.btn_collapse_chat + .collapse.multi-collapse.in{
    height: 58px;
    margin-bottom: 15px;
}
.btn_collapse_chat + .collapse.multi-collapse.in .card.card-body{
    transform: translate(0px, 0px);
}
.block_chat .card.card-body{
    padding: 10px 0px;
    border-bottom: 1px dotted #B3A9A9;
    border-top: 1px dotted #B3A9A9;
}
.block_chat .card.card-body label{
    font-size: 12px;
    line-height: 18px;
    color: #8393a2;
    display: block;

}
.block_chat .card.card-body span + span, .block_chat .card.card-body span + a{
    margin-left: 5px;
    font-weight: 700;
}
.block_chat .card.card-body span + a{
    text-decoration: underline;
    color: #8393a2;
}
.block_chat .card.card-body span + a:hover{
    color: #8393a2;
    text-decoration: none;
}
.content_txt_chat{
    color: #8393a2;
    font-size: 12px;
    line-height: 14px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.panel .slidedown .glyphicon, .chat .glyphicon
{
    margin-right: 5px;
}

.panel-body
{
    overflow-y: scroll;
    height: calc(100% - 148px);
}

.panel-body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.panel-body::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

.panel-body::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.answer_link, .answer_link:hover{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 7px;
    font-size: 12px;
    text-decoration: underline;
    line-height: 12px;
    padding: 0;
    color: #00c1de;
}
.block_answer{
    margin-top: 10px;
}
.block_answer a:hover{
    text-decoration: none;
}
.block_answer p{
    margin-left: 10px;
}
.block_chat .header_txt{
    text-align: right;
    margin-right: 17px;
}
.block_answer .primary-font{
    position: relative
}
.block_answer .primary-font:before{
    content: '';
    background: url("/img/arrow_right.png") no-repeat center center;
    width: 10px;
    position: absolute;
    right: 20px;
}
/*--------------------------------------pdf_info-------------------------------------------------*/
.form_pdf_info{
    margin: 5px 0 25px;
    width: 100%;
    max-width: 258px;
}
.form_pdf_info input{
    width: 100%;
    margin-left: 0;
}
.form_pdf_info textarea{
    display: block;
    max-width: 100%;
    width: 100%;
}
.form_pdf_info textarea, .form_pdf_info input{
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}
.form_pdf_info label{
    font-size: 11px;
    float: left;
    display: block;
    padding-right: 3px;
    padding-top: 3px;
    height: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.form_pdf_info > div{
    margin-bottom: 10px;
}
.form_pdf_info .control{
    overflow: hidden;
}
.form_pdf_info span{
    top: 3px;
}
.title_pdf{
    margin: 40px 0 10px;
}
.form_pdf_info .btn{
    margin-top: 5px;
}
#com_offer_column, #com_offer_column:hover, #com_offer_column:active, #com_offer_column:focus, #com_offer_column:active:focus{
    color: #2d3e50;
    position: absolute !important;;
    top: 10px !important;
    right: 65px;
    text-decoration: underline;
}
#com_offer_column:hover{
    text-decoration: none;
}
/*-----------------------------------------------------------------------------------*/
.title_lang_col{
    font-size: 12px;
    margin: 15px 0 15px;
    text-align: center;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.title_lang_col:before {
    border-top: 2px solid #cecece;
    content:"";
    margin: 0 auto;
    position: absolute;
    top: 50%; left: 0; right: 0; bottom: 0;
    width: 95%;
    z-index: -1;
    border-top: none;
}
.title_lang_col span {
    background: #fff;
    padding: 0 15px;
}

.title_lang_col:after {
    border-bottom: 1px solid #cecece;
    -webkit-box-shadow: 0 1px 0 0 #cecece;
    -moz-box-shadow: 0 1px 0 0 #cecece;
    box-shadow: 0 1px 0 0 #cecece;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 45%; left: 0; right: 0;
    width: 95%;
    z-index: -1;
}
.textarea_xxl{
    height: 180px !important;
}
.select_w_block label{
    width: 89px;
}
.select_w_block select{
    width: calc(100% - 105px);
}

/* Normal text */
.normal-text strong{
    font-weight: bold;
}
.normal-text em{
    font-style: italic;
}
.normal-text s, .normal-text strike, .normal-text del{
    text-decoration: line-through;
}
.normal-text p{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.normal-text ul{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.normal-text ol{
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.btn-back{
    float: left;
    width: 37px;
    height: 37px;
    border: 1px solid #ddd;
    margin: 7px 15px 0 0;
    text-align: center;
    display: block;
    line-height: 37px;
    color: #bbb !important;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #2d3e50;
    border-color: #2d3e50;
}
.doc_payment_block_right .block_date_select label + label{
    margin: 0;
}
.counter-field{
    position: absolute;
    margin-top: -40px;
}
.bootstrap-table-filter{
    width: 100%;
    float: left;
}
.bootstrap-table-filter>label{
    font-weight: bold;
    font-size: 21px;
}
.bootstrap-table b {
    font-weight: bold
}
.statistics{
    width: 100%;
    float: left;
}
.statistics table{
    width: 55%;
}
.statistics.on-select{
    color: #0000cc
}
#total-debt-filter > div{
    margin: 5px 20px 5px 0;
    width: 20%;
    float: left;
}
#total-debt-filter > div > label{
    margin-right: 10px;
    min-width: 153px;
}
/*#total-debt-filter > div > input{
    min-width: 160px;
}*/
#total-debt-filter .select2-container{
    width: 153px !important;
}
#total-debt-filter-actions{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.content-header .col-sm-5 div[class^="col-sm"]{
    padding-left: 0;
    padding-right: 0;
}
.fixed_tablehead{
    table-layout: fixed;
}
.sidebar-collapse .sidebar-menu > li:hover > a, .sidebar-collapse .sidebar-menu .treeview-menu > li:hover > a, .sidebar-menu > li.active.submenu-active > a, .sidebar-collapse .sidebar-menu > li.active.submenu-active:hover > a{
    background-color: #383633;
    color: #fff;
}
.sidebar-collapse .main-sidebar{
    overflow-y: visible
}
.main-header .navbar-custom-menu{
    position: fixed;
    left: 197px;
    background: #fff;
}
.logo_wrap{
    position: fixed
}
.sidebar-collapse .main-header .navbar-custom-menu{
    left: 50px;
}
.bootbox .modal-title{
    font-size: 19px;
}
.bootbox .modal-footer{
    text-align: center;
}
.bootbox .close{
    font-size: 35px;
}
.bootbox .btn{
    border-radius: 0;
}
.sidebar-menu li a, .sidebar-menu li a span, .sidebar-menu li.header, .sidebar-mini.sidebar-collapse .sidebar-menu .treeview-menu a {
    white-space: normal !important;
    font-family: 'Elektra Text Pro';
}
/* Let's get this party started */
.main-sidebar::-webkit-scrollbar {
    width: 8px;
}
/* Track */
.main-sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Handle */
.main-sidebar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.9); 
    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); 
}
.main-sidebar::-webkit-scrollbar-thumb:window-inactive {
    background: #eee; 
}
/*-----------------------------------custom_table--------------------------------------*/
.custom_table{
    float: left;
    width: 100%;
    text-align: left;
    font-size: 13px;
    margin-bottom: 50px;
}
.custom_table a {
    color: #000;
}
/*.custom_table .fixed-height{
    height: 1200px !important
}*/
.custom_table .table-bordered > thead > tr > th, 
.custom_table .table-bordered > tbody > tr > th, 
.custom_table .table-bordered > tfoot > tr > th, 
.custom_table .table-bordered > thead > tr > td, 
.custom_table .table-bordered > tbody > tr > td, 
.custom_table .table-bordered > tfoot > tr > td{
    border: 1px solid #ccc;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.bootstrap-table .fixed-table-container .table tr{
    position: relative
}
.bootstrap-table .fixed-table-container .table{
    table-layout: fixed;
    border-collapse: collapse;
}
.custom_table .fixed-table-body .detail-view > td{
    background: #f3f3f3;
    box-shadow: 0 3px 5px #bbb;
    text-align: center;
    border-left: none;
    border-right: none;
    padding: 15px 10px 0 50px;
    border-top: 1px solid #f3f3f3;
}
.custom_table .fixed-table-body .detail-view > td .fixed-table-body{

}
.custom_table .fixed-table-body .detail-view td{
    border-left-color: transparent;
    border-right-color: transparent;
}
.custom_table .fixed-table-body .detail-view > td th{
    background: #ebebeb;
    border-bottom-color: #ccc;
    border-left-color: transparent;
    border-right-color: transparent;
    text-align: center;
    font-weight: bold
}
.detail-icon{
    border: 1px solid #666;
    width: 18px;
    height: 18px;
    font-size: 10px;
    box-shadow: 1px 1px 2px #ddd inset;
    color: #666;
    display: block;
    text-align: center;
    line-height: 18px;
}
.bootstrap-table .fixed-table-container .table thead th{
    border-top: 1px solid transparent
}
.detail-icon:hover, .detail-icon:focus, .detail-icon:active{
    color: #666;
}
.custom_table #bootstrap-table > tbody > tr:not(.detail-view):hover > td{
    text-decoration: underline;
}
/*.custom_table #bootstrap-table > tbody > tr:hover > td.detail-view{
    text-decoration: none
}*/
.custom_table .fixed-table-body .detail-view > td tr:hover td{
    text-decoration: underline;
    background: transparent
}
.bootstrap-table .bootstrap-table .fixed-table-container .table thead th .th-inner{
    font-size: 13px;
    padding-top: 5px
}
.custom_table .fixed-table-body .detail-view > td thead tr th{
    border-color: #ebebeb !important;
}
.custom_table .fixed-table-body .detail-view > td thead tr:first-child th .th-inner{
    text-transform: uppercase;
    padding: 8px .75rem 0;
}
/*.bootstrap-table .fixed-table-container .table thead th .th-inner {
        padding: 5px .75rem 0;
        font-size: 13px
}*/
.custom_table .fixed-table-body .detail-view > td th.bs-checkbox{
    padding-left: 19px;
}
.custom_table .fixed-table-body .detail-view > td td.bs-checkbox{
    padding-left: 30px;
}
.bootstrap-table .fixed-table-container .table tbody tr.selected td {
    background-color: transparent;
}
.custom_table .selected, .custom_table .selected:hover{
    background: #dbdbff
}
.custom_table .selected + .detail-view > td{
    background: #dbdbff
}
.custom_table .detail-view > td table tbody .selected td, .custom_table .detail-view > td table tbody .selected:hover td{
    background: #dbdbff;
    border-top-color: #b5b5ea;
    border-bottom-color: #b5b5ea;
    border-left-color: #ccccff;
    border-right-color: #ccccff;
}
.custom_table .selected + .detail-view > th{
    background: #dbdbff
}
.custom_table .selected + .detail-view > td th{
    background: #d8d8f5
}
.custom_table .selected + .detail-view > td thead tr th, .custom_table .selected + .detail-view > td thead tr:first-child th{
    border-color: #d8d8f5 !important;
}
.select_contract_info{
    float: left;
    width: 100%;
    font-weight: bold;
    margin: 20px 0;
    padding-left: 43px;
}
.custom_filter{
    float: left;
    width: 100%;
    margin: 20px 0;
}
.custom_filter .bootstrap-table-filter{
    width: 100%;
}
.custom_filter #total-debt-filter-actions{
    text-align: right;
    padding-right: 30px;
}
.filter_close{
    background: #f7f7f7;
    float: left;
    width: 100%;
    padding: 7px 10px;
    box-sizing: border-box;
    color: #0000cc !important;
    font-size: 16px;
    font-weight: bold
}
.filter_close.collapsed{
    background: #d9d9f7;
}
.filter_close span {
    float: left;
    line-height: 23px;
    margin-right: 12px;
}
.filter_close i.fa{
    float: right;
    color: #666;
    font-size: 24px;
}
.filter_close .fa-angle-double-right:before{
    content: "\f103";
}
.filter_close.collapsed .fa-angle-double-right:before{
    content: "\f101";
}
.custom_filter .bootstrap-table-filter #collapse_filter{
    background: #f7f7f7;
    float: left;
    width: 100%;
    padding: 0 10px 10px 10px
}
.custom_filter .select2-container--default .select2-selection--multiple{
    border-radius: 0
}
.custom_filter .statistics em{
    font-style: normal;
    display: block;
    font-weight: bold;
    font-size: 12px;
}
.custom_filter .statistics div{
    float: left;
    width: auto;
    padding: 0 20px 0 0;
    font-size: 10.5px;
    line-height: 1.3;
}
.bootstrap-table-filter > label{
    color: #0000cc
}
.bootstrap-table .pagination-info{
    display: none;
}
.custom_filter .filter_link{
    font-style: italic;
    font-size: 13px;
    margin-left: 30px;
    color: #818181;
}
.custom_filter .filter_link.clear_link:hover{
    color: #ff3333
}
.custom_filter .filter_link.apply_link:hover{
    color: #0000cc;
}
.custom_filter #total-debt-filter > div {
    padding: 0 20px 6px 0;
    width: 16.5%;
    margin: 0
}
.custom_filter #total-debt-filter > div > label{
    margin: 0 0 0 10px;
}
.custom_filter #total-debt-filter div > input{
    border: 1px solid #c8c8c8;
    box-shadow: 0 -1px 0 0 #ccccf0;
    border-radius: 0;
    height: 28px;
    width: calc(100% - 21px);
    padding-left: 10px;
    color: #0000cc;
    float: left
}
.clear-field{
    width: 18px;
    float: right;
    color: #0000cc;
    font-size: 20px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding-left: 5px;
    text-align: center
}
.custom_filter #total-debt-filter div > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #777;
}
.custom_filter #total-debt-filter div > input::-moz-placeholder { /* Firefox 19+ */
    color: #888;
    opacity: 1; /* Firefox */
}
.custom_filter #total-debt-filter div > input:-ms-input-placeholder { /* IE 10+ */
    color: #777;
}
.custom_filter #total-debt-filter div > input:-moz-placeholder { /* Firefox 18- */
    color: #777;
}
.custom_filter #total-debt-filter div > label {
    margin-bottom: 0;
    display: block;
    font-weight: bold;
    color: #666;
    font-size: 13px;
}
.filter_result{
    float: left;
    width: 100%;
    margin: -32px 0 12px;
    padding: 0 30px 0 130px 
}
.filter_result li{
    float: left;
    margin: 0 15px 7px 0;
    color: #0000cc;
    font-size: 9px;
}
.filter_result li a{
    padding-left: 3px;
}
.custom_filter #total-debt-filter .select2-container{
    width: calc(100% - 21px) !important;
}
.custom_filter .select2-container--default .select2-selection--multiple {
    border: 1px solid #c8c8c8;
    box-shadow: 0 -1px 0 0 #ccccf0;
}
.custom_filter .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #fff;
    border: 1px solid #fff;
    margin-right: 0;
    margin-top: 5px;
    padding: 0;
    color: #0000cc;
}
.custom_filter .select2-container--default .select2-search--inline .select2-search__field{
    width: 136px !important
}
#total-debt-filter{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    float: left;
    width: 100%;
}
.custom_table > .bootstrap-table > .fixed-table-toolbar{
    margin-top: -65px;
}
.custom_table .btn-default:not(span), .custom_table .btn-default:not(span):hover{
    background-color: #f7f7f7;
    color: #0000cc;
}
.custom_table .btn-group.open .dropdown-toggle,
.custom_table .btn-default.active, .btn-default:active, 
.custom_table .open > .dropdown-toggle.btn-default{
    box-shadow: none;
    color: #0000cc;
    background-color: #f7f7f7;
    border-color: transparent;
}
.custom_table .pagination > .active > a, 
.custom_table .pagination > .active > a:focus, 
.custom_table .pagination > .active > a:hover, 
.custom_table .pagination > .active > span, 
.custom_table .pagination > .active > span:focus, 
.custom_table .pagination > .active > span:hover {
    background-color: #0000cc;
    border-color: #0000cc;
}
.success-field, .success-field a{
    color: #339900
}
.payment_info_success, .payment_info_alert{
    font-style: italic
}
.payment_info_alert{
    color: #fe0000
}
.payment_info_success{
    color: #339900
}
.custom_table .selected .success-field, .custom_table .selected .success-field a{
    color: #353535
}
.deadline_txt{
    height: 36px;
    line-height: 26px;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    display: inline-block;
}
.deadline_txt.success_deadline{
    background: #339900;
    max-width: 100px;
    padding: 5px 10px
}
.deadline_txt.alert_deadline{
    background: #d42124;
    width: 100px !important;
}
.deadline_txt.alert_deadline a{
    float: right;
    background: #fff;
    height: 36px;
    position: relative;
    top: -5px;
    line-height: 36px;
    padding-left: 5px;
    color: #d42124;
}
tr:hover .deadline_txt.alert_deadline a{
    background: #f5f5f5
}
tr.expanded:hover .deadline_txt.alert_deadline a, tr.expanded .deadline_txt.alert_deadline a {
    background: #f5f5f5;
}
tr.selected:hover .deadline_txt.alert_deadline a, tr.selected .deadline_txt.alert_deadline a{
    background: #dbdbff
}
.custom_table th .dropdown {
    position: absolute;
    top: 9px;
    right: -4px;
    z-index: 99;
}
.custom_table th .dropdown button{
    border: none;
    background: transparent;
    padding: 0
}
.custom_table th .dropdown i {
    border-top: 6px dashed #3b414d;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    float: left;
}
.custom_table th .dropdown-menu{
    padding: 10px 25px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3)
}
.custom_table th .dropdown-menu a{
    display: block;
    float: left;
    width: 100%;
    color: #333
}
.custom_table th .dropdown-menu a + a{
    padding-top: 10px
}
.custom_table th .dropdown-menu a:hover{
    color: #0066cb
}
.custom_table .bootstrap-table .fixed-table-container .table thead th.custom_check{
    width: 25px;
}
.custom_table .bootstrap-table .fixed-table-container .table thead th.custom_check .th-inner{
    overflow: visible;
    position: relative;
}
/*.custom_table .bootstrap-table .fixed-table-container .table td.bs-checkbox input[type="checkbox"] {
    left: -3px;
    position: relative;
}*/
.container_check {
    display: block;
    position: relative;
    left: 7px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */
.container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.container_check .checkmark {
    position: absolute;
    top: -5px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #696969;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15) inset;
    border-radius: 3px;
}
/* On mouse-over, add a grey background color */
.container_check:hover input ~ .checkmark {
    background-color: #fff;
    border: 1px solid #696969;
}
/* When the checkbox is checked, add a blue background */
.container_check input:checked ~ .checkmark {
    background-color: #fff;
    border: 1px solid #696969;
}
/* Create the checkmark/indicator (hidden when not checked) */
.container_check:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.container_check input:checked ~ .checkmark:after {
    display: block;
    background: #696969;
}
/* Style the checkmark/indicator */
.container_check .checkmark:after {
    left: 2px;
    top: 2px;
    width: 9px;
    height: 9px;
    background: #fff;
    position: absolute;
    content: "";
}
.custom_table .table-bordered > tbody > .expanded{
    box-shadow: 0 -1px 3px #bbb;
}
.custom_table .table-bordered > tbody > .expanded > td{
    background: #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}
.fa-sync:before{content:"\f021"}
.custom_table .btn-default{
    float: left;
    width: auto !important;
}
.custom_table .detail-view .bootstrap-table .fixed-table-container .table {
    margin-bottom: 30px !important;
}
.custom_table .detail-view th .dropdown {
    top: 1px;
    left: 31px;
    font-weight: normal
}
.custom_table .detail-view .payout-date{
    width: 80px;
}
.fix-sticky {
    position: fixed !important;
    overflow: hidden;
    z-index: 100;
}
.fix-sticky table thead {
    background: #fff;
}
.fix-sticky table thead.thead-light {
    background: #e9ecef;
}
.fix-sticky table thead.thead-dark {
    background: #212529;
}
.sticky-header-container.fixed-table-container{
    top: 128px !important;
    left: 212px !important;
    height: 150px;
}
.menu-collapsed .sticky-header-container.fixed-table-container{
    left: 65px !important;
}
.statistics {
    position: fixed;
    top: 80px;
    left: 212px;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    z-index: 1000;
    display: none;
}
.sidebar-open .statistics{
    left: 212px;
}
.sidebar-collapse .statistics{
    left: 65px;
}
.date-block{
    width: 115px;
    margin-bottom: 10px;
}
.date-block .due-days{
    font-style: italic;
    text-decoration: underline;
    font-size: 10px;
    position: absolute;
}
.abort-buttons{
    width: 100%;
    float: left;
    margin-bottom: 5px;
}
.copyright_lascom{
    padding-top: 5px;
    color: #fff
}
.copyright_lascom img{
    width: 80px;
}
.copyright_lascom span {
    font-size: 9px;
    display: block;
    margin-top: -9px;
}
.copyright_lascom i{
    color: #ef4036; 
    font-style: normal; 
    font-weight: bold
}
.copyright_lascom a:last-child{
    text-transform: uppercase; 
    color: #fff; 
    font-weight: bold;
    font-size: 9px;
    margin-top: -6px
}
body.list table thead th a, body.list table thead th span, body.list table thead th input{
    font-size: 10.5px;
    font-weight: bold;
    line-height: 1;
    padding-right: 3px;
    padding-left: 3px;
}
body.list table thead th input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #444;
    opacity: 1; /* Firefox */
}
body.list table thead th input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #444;
}
body.list table thead th input::-ms-input-placeholder { /* Microsoft Edge */
    color: #444;
}
body.list .table{
    table-layout: fixed;
}
body.list .table th[data-property-name='deadline']{
    width: 125px;
}
body.list .table th[data-property-name='paymentDatePlan']{
    width: 127px;
}
body.list .table th[data-property-name='createdAt']{
    width: 104px;
}
body.list .table th[data-property-name='cost']{
    width: 104px;
}
body.list .table th[data-property-name='clientContact']{
    width: 141px;
}
body.list .table th[data-property-name='manager']{
    width: 135px;
}
body.list table tbody td.sorted {
    background: transparent; 
}
body.list table thead th a:hover{
    background: transparent
}
.copyToClipboard:hover {
    cursor: pointer;
}
.suppliers-label {
    width: 100%;
    float: left;
}
.suppliers-control .selectize-control {
    position: initial;
}
.suppliers-label label {
    float: left;
}
.suppliers-label a {
    float: right;
    padding: 5px 9px 0 0;
}
.suppliers-label a:hover {
    cursor: pointer;
}
.list-show-link label:hover {
    cursor: pointer;
}
.bootbox-form .select2-container .select2-selection--single {
    height: 34px;
}