.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.fleft{
    float: left;
}
.fright{
    float: right;
}
.nowrap{
    white-space: nowrap;
}
.break {
    flex-basis: 100%;
    height: 0;
}
.row{
    display:block;
}
input, button, select, textarea,
input:focus, button:focus, select:focus, textarea:focus,
input:active, button:active, select:active, textarea:active{
    outline: none;
}
.mw1460{
    max-width: 1460px;
}
.mw1280{
    max-width: 1280px;
}
.mw-full{
    width: 100%;
    max-width:100%;
}
.mr0{
    margin-right: 0 !important;
}
.w150,
.bills-search-form .field-container .input-block.w150{
    width: 150px;
}
.lead-block .input-block.mr0{
    margin-right: 0;
}
.mb20{
    margin-bottom: 20px;
}
.mt20{
    margin-top: 20px;
}
.ml20{
    margin-left: 20px;
}
.pl20{
    padding-left: 20px;
}
.pr20{
    padding-right: 20px;
}
.pt0{
    padding-top: 0 !important;
}
.f7{
    flex: 7 !important;
}
.f73{
    flex: 7.3 !important;
}
.f6{
    flex: 6 !important;
}
.f4{
    flex: 4 !important;
}
.f3{
    flex: 3 !important;
}
.f2{
    flex: 2 !important;
}
.f1-5{
    flex: 1.5 !important;
}
.f07{
    flex: 0.7 !important;
}
.f05{
    flex: 0.5 !important;
}
.f04{
    flex: 0.4 !important;
}
.f03{
    flex: 0.3 !important;
}
.zi10101{
    z-index: 10101 !important;
}
.zi10102{
    z-index: 10102 !important;
}
.zi10111{
    z-index: 10111 !important;
}
.action-disabled{
    opacity: 0.7;
    cursor: not-allowed !important;
}
.overflow-hidden{
    overflow: hidden !important;
}
.action-disabled svg path{
    fill: #CDD4D9;
}
#result-search-list .manager-search.mw1460{
    max-width: 1460px;
}
.al-leeds-page .hide,
.al-client-info .hide{
    display: none;
}
.pointer{
    cursor: pointer;
}
.mb-title{
    display: none;
}
.nowrap{
    white-space: nowrap;
}
.al-popup-fix{
    z-index: 100;
}
.action-line{
    display:flex;
    align-items: center;
    justify-content: flex-end;
}
#result-search-list .container-search-result{
    padding-top: 0px;
    padding-bottom:0px;
    background: #fff;
}
#result-search-list h1.title-search-result{
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: normal;
    font-size: 34px;
    line-height: 41px;
}

.favorite-viewed-tab{
    border-bottom: solid 1px #cdd4d9;
    margin: 0 20px 20px;
}
.favorite-viewed-tab a{
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FC6B40;
    padding-bottom: 7px;
    display: inline-block;
    margin-right: 20px;
    border-bottom: 2px solid rgba(0,0,0,0);
}
.favorite-viewed-tab a:hover,
.favorite-viewed-tab a.active{
    border-bottom: 2px solid #fc6b40;
    color: #3D445C;
}

.content-block{
    margin: 20px;
}
.content-block h2,
.content-block .h2{
    font-size: 25px;
    margin-top: 3px;
    margin-bottom: 34px;
}
.header-block{
    display: flex;
    flex-flow: row wrap;
}
.search-block{
    flex: 1;
}
.right-block{
    flex: 1;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    padding-top: 21px;
}
.show-block{
    margin-right: 13px;
}
.switcher-block{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    margin-top: 10px;
}
.switcher-block .switcher-label{
    margin-top: 4px;
    padding-right: 10px;
}

/** apple checkbox */
input[type="checkbox"].ios8-switch {
    position: absolute;
    margin: 8px 0 0 16px;
}
input[type="checkbox"].ios8-switch + label {
    position: relative;
    padding: 5px 0 0 50px;
    line-height: 2.0em;
    cursor: pointer;
}
input[type="checkbox"].ios8-switch + label:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 40px; /* x*5 */
    height: 24px; /* x*3 */
    border-radius: 16px; /* x*2 */
    background: #E8EBED;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}
input[type="checkbox"].ios8-switch + label:after {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 24px; /* x*3 */
    height: 24px; /* x*3 */
    border-radius: 16px; /* x*2 */
    background: #fff;
    border: 1px solid #d9d9d9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}
input[type="checkbox"].ios8-switch + label:hover:after {
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
input[type="checkbox"].ios8-switch:checked + label:after {
    margin-left: 16px;
}
input[type="checkbox"].ios8-switch:checked + label:before {
    background: #55D069;
}
/** end apple checkbox */


.add-block{
}
form.input-block{
    width: 340px;
}
#leads_search{
    background: /*#F6F7F9*/ white;
    border: 1px solid #CDD4D9;
    box-sizing: border-box;
    border-radius: 3px;
    width: 340px;
    height: 42px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    padding: 0 11px;

    margin-bottom: 20px;
}
.clear-search{
    position: absolute;
    right: 15px;
    top: 36px;
    width: 12px;
    height: 12px;
    cursor: pointer;
}
.clear-search.hide{
    display: none;
}
.new-btn, .new-btn-custom{
    /*width: 108px;*/
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    padding: 14px 24px;
    text-align: center;
    color: white;
    background: #FC6B40;
    border: none;
    display: inline-block;
}

.def-custom-btn {
    /* Common styles */
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    padding: 14px 24px;
    text-align: center;
    background: #FC6B40;
    color: white;
    border: none;
    display: inline-block;
}


.new-btn:hover, .new-btn2-custom:hover{
    color: white;
}

.al-overlay3{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(29, 29, 33, 0.8);
    z-index: 10001;
}
.sub-overlay{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(29, 29, 33, 0.8);
    z-index: 10001;
}
.al-overlay3.hide{
    display: none;
}
.lead-add-popup,
.retail-price-edit-popup,
.confirm-popup,
.application-form-popup,
.control-layout-popup,
.multiple-control-layout-popup,
.application-form2-popup,
.bill-add-popup,
.default-popup,
.change-popup{
    width: 600px;
    height: 532px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -266px;
    margin-left: -300px;
    z-index: 10002;
    border-radius: 10px;
    display: none;
    background: white;
}
.confirm-popup{
    width: 440px;
    height: 230px;
    margin-top: -165px;
    margin-left: -220px;
    z-index: 110002;
}
.confirm-popup2{
    width: 440px;
    height: auto;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10002;
    border-radius: 10px;
    display: none;
    background: white;
}
.application-form-popup,
.control-layout-popup,
.application-form2-popup{
    width: 600px;
    height: auto;
    margin:0;
    transform: translateY(-50%)  translateX(-50%);
}

.multiple-control-layout-popup {
    width: 900px;
    height: auto;
    margin:0;
    transform: translateY(-50%)  translateX(-50%);
}

.bill-add-popup{
    width: 600px;
    height: 503px;
    margin-left:0;
    margin-top:0;
    transform: translateX(-50%) translateY(-50%);
}
.change-popup{
    width: 350px;
    height: 240px;
    margin-left:0;
    margin-top:0;
    transform: translateX(-50%) translateY(-50%);
    display:block;
}
.default-popup{
    width:auto;
    height:auto;
    margin-left:0;
    margin-top:0;
    display:block;
    z-index:10102;
    transform: translateX(-50%) translateY(-50%);
}
.default-popup.hide{
    display: none !important;
}
/* Специфичные правила для модалок задач - чтобы они точно скрывались */
#tasks-day-modal.hide,
.task-popup-create.hide,
.task-popup-edit.hide,
.task-postpone-popup.hide,
.task-complete-popup.hide {
    display: none !important;
    visibility: hidden !important;
}
select.change-manager{
    width: 290px;
}
/*.application-form2-popup{
  width: 600px;
  height: 245px;
  margin-left: -300px;
  margin-top: -123px;
}*/
.confirm-popup a,
.confirm-popup2 a,
.application-form-popup a,
.control-layout-popup a,
.multiple-control-layout-popup a,
.application-form2-popup a,
.application-deactivate-popup a,
.bill-add-popup a{
    display: inline-block;
}
.confirm-popup a.yes,
.confirm-popup2 a.yes,
.application-deactivate-popup a.yes{
    color: white;
    width: 111px;
}
.application-form-popup a.yes,
.control-layout-popup a.yes,
.multiple-control-layout-popup a.yes,
.application-form2-popup a.yes,
.bill-add-popup a.yes{
    color: white;
}
.confirm-popup a.cancel,
.confirm-popup2 a.cancel,
.application-form-popup a.cancel,
.control-layout-popup a.cancel,
.multiple-control-layout-popup a.cancel,
.application-form2-popup a.cancel,
.application-deactivate-popup a.cancel,
.bill-add-popup a.cancel{
    color: #FC6B40;
    width: 111px;
}
.lead-add-header,
.confirm-header,
.application-form-header,
.control-layout-header,
.bill-add-header,
.status-header,
.change-popup-header,
.default-popup-header,
.change-sum-header,
.returned-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    border-bottom: solid 1px #E8EBF1;
    box-sizing: border-box;
    font-size: 24px;
    padding: 0 30px;
}
.lead-add-header .close,
.confirm-header .close,
.application-form-header .close,
.control-layout-header .close,
.bill-add-header .close,
.status-header .close,
.returned-header .close,
.change-sum-header .close,
.default-popup-header .close,
.change-popup-header .close{
    cursor: pointer;
}
.confirm-body,
.application-form-body,
.control-layout-body,
.bill-add-body,
.status-body,
.returned-body,
.change-sum-body,
.default-popup-body,
.change-popup-body{
    padding: 20px 30px 30px;
}
.application-form-message{
    /*padding-bottom: 20px;*/
}
.confirm-message{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    padding-bottom: 20px;
}
.lead-add-form,
.contacts-add-form,
.contracts-add-form,
.contacts-edit-form,
.status-form,
.returned-form,
.change-sum-form,
.number-form,
.change-popup-body form{
    padding: 20px 30px 30px;
}
.lead-add-form .field-container,
.status-form .field-container,
.returned-form .field-container,
.change-sum-form .field-container,
.contacts-add-form .field-container,
.contracts-add-form .field-container,
.contacts-edit-form .field-container,
.application-form-popup .field-container,
.application-form2-popup .field-container,
.bill-add-body .field-container,
.bill-add-sideblock .field-container,
.add-supplier-bill .field-container,
.payment-sideblock .field-container,
.photoreports-popup2 .field-container{
    display: flex;
    justify-content: space-between;

}
.align-right{
    text-align: right;
}
.clear-new,
.cancel{
    height:  42px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid white;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 39px;
    text-align: center;
    color:  #FC6B40;
    background: white;
    padding:  0 14px;
    /*margin-right: 20px;*/
}
/*.leads-progress{
  float: right;
  display: block;
  margin-top: 13px;
}*/

.success-mesage{
    font-size: 13px;
    line-height: 16px;
    padding: 22px 20px;
    background: #FFF0EC;
    border-radius: 10px;
    border: solid 1px #CDD4D9;
    position: fixed;
    bottom: 20px;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
}
.success-mesage a{
    color:  #FC6B40;
}
.success-mesage .notify-close{
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    font-size: 20px;
}

.leads-table{
    /*float: left;*/
    box-sizing: border-box;
    /*width: calc(100% - 360px);*/
}

.leads-thead,
.leads-row{
    display: flex;
}
.leads-thead{
    border-bottom: solid 1px #cdd4d9;
}
.leads-thead .leads-col{
    cursor: pointer;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-transform: lowercase;
    color: #3D445C;
    padding: 12px 6px;
    display: flex;
    align-items: center;
}
.leads-thead .leads-col svg.up path:nth-child(2){
    fill: white;
}
.leads-thead .leads-col svg.down path:nth-child(1){
    fill: white;
}
.leads-thead .leads-col:hover svg path{
    fill: #3D445C !important;
}
/*.leads-thead .leads-col .al-rotate.up{
  transform: rotate(180deg);
}
.leads-thead .leads-col:hover .al-rotate{
  display: inline;
}
.leads-thead .leads-col.active:hover .al-rotate.down{
  transform: rotate(180deg);
}
.leads-thead .leads-col.active:hover .al-rotate.up{
  transform: rotate(0deg);
}*/
.leads-main-row{
    border-bottom: #CDD4D9 solid 1px;
}
.leads-main-row.current{
    background: #F9F9FA;
}
.leads-main-row.current .up-down svg{
    transform: rotateZ(180deg);
}
.leads-row{
    cursor: pointer;
}
.leads-main-row:nth-child(2n+1) .leads-row{
    /*background: #f4f4f4;*/
}
.leads-row.current,
.leads-main-row:nth-child(2n+1) .leads-row.current{
    /*background: #e0e0e0;*/
}
.leads-col{
    flex: 1;
    box-sizing: border-box;
    padding: 6px;
    align-items: center;
    align-self: center;
}
.leads-main-row .leads-col{
    padding:  24px 6px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    position: relative;

}
.leads-col.action-col{
    padding-right: 20px;
    flex: 0.7;
    text-align: right;
}
.leads-col.lead-name{
    padding-left:  24px;
}
.leads-col span.up-down{
    margin-right: 14px;
}
.leads-col a.del_,
.action-col a.del_,
.action-col a.more-action{
    display: inline-block;
    cursor: pointer;
    /*position: absolute;
  top: 16px;
  right: 3px;*/
    width: 30px;
    height: 30px;
    border: solid 1px #CDD4D9;
    border-radius: 4px;
    padding: 5px;
    position: relative;
}
.action-col a.more-action{
    display: flex;
    justify-content: space-around;
    align-items: center;
    /*border: none;*/
}
.action-col a.more-action.active{
    background: #F6F7F9;
}
.leads-col .city-counts{
    background: #CDD4D9;
    width: 28px;
    height: 28px;
    display: inline-block;
    line-height: 28px;
    text-align: center;
}
.leads-col a.edit,
.action-col a.edit,
.action-col a.download{
    cursor: pointer;
    /*position: absolute;
  top: 16px;
  right: 29px;*/
    display: inline-block;
    width: 30px;
    height: 30px;
    border: solid 1px #CDD4D9;
    border-radius: 4px;
    padding: 5px;
}
.action-col a.edit,
.action-col a.download{
    margin-right: 10px;
}
.leads-row-selects{
    padding: 0 20px 20px;
    /*border: solid 1px #e0e0e0;*/
    /*border-top: none;*/
    /*background: #fafafa;*/
}
.no-selection{
    background: white;
    text-align: center;
    padding: 43px;
}
.no-selection span{
    color: #8B8F9D;
}
.no-selection span.no-data-title{
    color: #3D445C;
}
.leads-selections{
    background: white;
    padding:  20px;
    padding-bottom: 0;
    margin-bottom: 20px;
}
.selection-item{
    display: flex;
    border-bottom: solid 1px #f0f0f0;
    border-top: none;
    background: white;
    padding:  16px 20px;
}
.selection-item:last-child{
    border: none;
}
.selection-item .selection-col{
    flex: 1;
    padding: 6px;
}
.selection-head{
    /*background: #f0f0f0;*/
    padding-top: 0;
}
.selection-item.pointer:hover{
    background: #FFF0EC;
}
.leads-selections a:hover{
    color: #3e445b;
}
.no-data{
    background: #F6F7F9;
    border-radius: 4px;
    height: 254px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 54px;
    float: left;
    margin-right: 20px;
    width: /*calc(100% - 360px)*/ 100%;
    margin-top: 20px;
}
.eye{
    margin: 0px auto 17px;
    display: block;
}
.no-data-title{
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #3D445C;
    margin: 17px auto 9px;
    display: block;
}
.no-data-text{
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    color: #8B8F9D;
}
.to-client{
    text-align: right;
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.to-client-action{
    color: #FC6B40 !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.to-client-action:hover{
    color: #FC6B40 !important;
    text-decoration: none;
}
.to-client-action svg{
    margin-right: 5px;
}
.no-selection-action{
    display: flex;
    dlex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin-top: 17px;
}
.add-form-basket,
.go-to-search-for-contragent,
.add-form-file{
    margin-right: 20px;
    cursor: pointer;
}
.add-form-file-outdoor{
    margin-right: 20px;
    cursor: pointer;
}
.add-by-id{
    margin-right: 20px;
    cursor: pointer;
}
.selection-shadow{
    height: 34px;
    background: url(../img/shadow.png) left bottom repeat-x;
    margin-left: -20px;
    margin-right: -20px;
}
.selections-actions-block{
    display: flex;
    align-items: center;
    padding-top: 20px;
}
.selections-actions-block span{
    margin-right: 16px;
}
.new-flex-link{
    display: flex;
    align-items: center;
    margin-right: 16px;
    cursor: pointer
}
.new-flex-link svg{
    margin-right: 5px;
}

#result-search-list .result-paginator .btn-show-more-leads {
    width: 100%;
    background: #f76a47;
}
.leads-form{
    float: right;
    width: 340px;
}
.field-container .input-block,
.leads-form .input-block,
.search-block .input-block {
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
}
.field-container .input-block {
    margin-right: 0;
    margin-bottom: 20px;
}
.field-container .input-block label,
.leads-form .input-block label,
.search-block .input-block label,
.left-block .input-block label,
.field-container .input-block .error,
.leads-form .input-block .error,
.input-block .error{
    display: block;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #ADB0B9;
    margin-bottom: 5px;
}
.leads-form .input-block .error,
.input-block .error{
    color: #FC6B40;
}
.field-container .input-block input,
.leads-form .input-block input,
.left-block .input-block input  {
    background: #F6F7F9;
    border: 1px solid #CDD4D9;
    box-sizing: border-box;
    border-radius: 3px;
    width: 340px;
    height: 42px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    padding: 0 11px;
}
.field-container .input-block input{
    width: 263px;
}
.field-container .input-block input.data-error,
.leads-form .input-block input.data-error,
.input-block input.data-error,
.input-block .select2.data-error{
    border: solid 1px #FC6B40;
}
.contacts-add-form form .input-block input + span.error{
    color: #FC6B40;
    width: 263px;
}
.field-container .input-block textarea,
.leads-form .input-block textarea{
    background: #F6F7F9;
    border: 1px solid #CDD4D9;
    box-sizing: border-box;
    border-radius: 3px;
    width: 340px;
    height: 126px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    padding: 12px 11px;
}
.field-container .input-block textarea{
    width: 540px;
    height: 80px;
    resize: none;
}
/*select2-container {
  border: 1px solid #CDD4D9;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 0 20px 0 11px;
  width: 340px;
  height: 42px;
  font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: #3D445C;
  background: #F6F7F9;
}*/
.leads-form .input-block .select2-selection__rendered{
    height: auto;
    background: #F6F7F9;
    flex-wrap: wrap;
}
/*.select2-dropdown--below{
  width: 340px !important;
}*/
.leads-form .input-block .select2-selection--multiple{
    width: 340px;
    background: #F6F7F9;
    border: 1px solid #CDD4D9;
}
.leads-form .input-block .select2-selection--multiple.data-error{
    border: solid 1px #FC6B40;
}
.submit,
.yes{
    /*width: 108px;*/
    height:  42px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 39px;
    text-align: center;
    color:  #fff;
    background: #FC6B40;
    border: none;
    padding:  0 14px;
}
.submit:hover,
.yes:hover{
    color: white;
}
.lead-add-form .submit{
    padding:  0 24px;
}
#clear_button{
    height:  42px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #CDD4D9;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 39px;
    text-align: center;
    color:  #3D445C;
    background: #fff;
    padding:  0 14px;
    margin-right: 20px;
}
.pagination{
    margin-top: 11px;
    margin-bottom: 11px;
}
.page-link{
    height: 42px;
    line-height: 42px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-size: 13px;
    padding-top: 0;
    padding-bottom: 0;
    color: #3D445C;
}
.page-item.active .page-link,
.page-link:hover{
    background: #FC6B40;
    border-color: #FC6B40;
    color: #fff;
}

/* Magnific popup  */
.mfp-bg{
    background: #ccc;
    z-index: 1000;
}
.mfp-wrap{
    z-index: 1002;
}
button.mfp-close{
    z-index: 1003;
}
.mfp-ajax-holder .mfp-content{
    /*overflow-x: scroll;*/
}
.mfp-container{
    padding: 0 20px;
}
.mfp-content{
    background: #fff;
    padding: 20px;
}
/* Selection items */
.selection-items-table{
    display: table;
    margin-bottom: 20px;
}
.selection-items-head,
.selection-items-body{
    display: table-header-group
}
.selection-items-row{
    display: table-row;
}
.selection-items-col{
    display: table-cell;
    padding: 5px;
    border-bottom: 1px solid #dee5ec;
}
.col-id{
    width: 100px;
}
/*.break-words{
  width: 200px !important;
}-
.break-words a{
  word-wrap: break-word;
  word-break: break-all;
}*/

/* всякие приблуды */
.image-wrapper {
    position: relative;
    width: max-content;
}
.image-wrapper:hover .light-info {
    opacity: 1;
    visibility: visible;
}
.image-wrapper .light-info{
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    position: absolute;
    bottom: 148%;
    left: calc(-85px + 50%);
    visibility: hidden;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    background-color: white;
    height: 25px;
    width: 170px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
}
.image-wrapper .light-info:before{
    content: "";
    border-color: transparent #ffffff #ffffff transparent;
    border-style: solid;
    border-width: 5px;
    width: 0;
    height: 0;
    position: absolute;
    top: 80%;
    left: 48%;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.5)
}
.image-wrapper .light-info span {
    color: #ef7242;
    margin-left: 3px;
}
.col-image .img{
    cursor: pointer;
}
/* Calendar */
.col-busy {
    position: relative;
    overflow: visible !important;
    padding-left: 12px;
    cursor: pointer;
}
.col-busy:hover .busy-calendar{
    display: block;
}
.busy-calendar {
    position: absolute;
    bottom: 80%;
    display: none;
    width: 297px;
    padding: 20px 25px 24px 25px;
    border-radius: 3px;
    background: white;
    box-shadow: 0 4px 20px 1px rgba(177, 177, 177, .5);
    cursor: auto;
    z-index: 100;
}
.busy-calendar::before {
    position: absolute;
    bottom: -13px;
    left: 19px;
    border: 13px solid transparent;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 13px;
    border-left: 10px solid white;
    content: '';
}
.busy-calendar .title-calendar {
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: bold;
}
.busy-calendar .wrapp-busy-table {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.wrapp-busy-table .month{
    position: relative;
    cursor: pointer;
    width: 16.6%;
    box-sizing: border-box;
    border: 1px solid transparent;
}
.wrapp-busy-table .month a{
    display: block;
    padding: 6px 0;
    text-align: center;
    outline: none;
}
.wrapp-busy-table .month.pre-order {
    background-color: #e6ecf2;
}
.wrapp-busy-table .month.reserve {
    background-color: #fed648;
}
.wrapp-busy-table .month.busy {
    background-color: #e84a56;
}
.wrapp-busy-table .month.free {
    background-color: #55bc4f;
}
.busy-calendar .month:nth-child(1) {
    border-top-left-radius: 3px;
}
.busy-calendar .month {
    position: relative;
    cursor: pointer;
    width: 16.6%;
    box-sizing: border-box;
    border: 1px solid transparent;
}
.wrapp-busy{
    display: flex;
    flex-direction: row;
}
.wrapp-busy .block{
    width: 100%;
    height: 4px;
}
.wrapp-busy .block:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.wrapp-busy .block:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.wrapp-busy .pre-order{
    background-color: #e6ecf2;
}
.wrapp-busy .reserve{
    background-color: #fed648;
}
.wrapp-busy .busy{
    background-color: #e84a56;
}
.wrapp-busy .free{
    background-color: #55bc4f;
}
.section-items-button{
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 39px;
    text-align: center;
    color: #fff;
    background: #FC6B40;
    border: none;
    padding: 0 14px;
}
#toast-container{
    z-index: 1000000;
}
.hoverImg{
    position: relative;
}
.col-image{
    position: relative;
}
.hoverImg ~ .al-popup-image{
    display: none;
    width: 450px;
    height: 200px;
    object-fit: cover;
    position: absolute;
    left: 15px;
    top: 25px;
    z-index: 2;
}
.hoverImg:hover ~ .al-popup-image{
    display: block;
}

/* Export to excel */
.dwn-button{
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 39px;
    text-align: center;
    color: #fff;
    background: #FC6B40;
    border: none;
    padding: 0 14px;
}
.dwn-button:hover{
    color: #fff;
}
.excel_setting{
    display: none;
    min-width:  420px;
    position: absolute;
    left:300px;
    bottom:9px;
    background: #fff;
    padding: 10px;
    z-index: 10000;
    border: solid 1px #ccc;
    box-shadow: 10px 10px 30px #d0d0d0;
}
.export-excel:hover .excel_setting{
    opacity:1;
}
.export-header{
    padding-bottom: 10px;
}
.export-header span{
    font-size:16px;
    font-weight: 500;
}
.export-header svg{
    fill: #fc6b40;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 15px;
    cursor: pointer;
}
.excel_setting .checboxes{
    height: 280px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.excel_setting .checboxes .checkbox-block{
    width: 200px;
    padding: 5px 0;
}
@media screen and (max-width: 420px){
    .excel_setting{
        left: -30px;
        width: 100vw;
    }
    .excel_setting .checboxes{
        height: 320px;
    }
    .excel_setting .checboxes .checkbox-block{
        width: 49.5vw;
    }
}
#result-search-list{
    background: #fff;
}
#result-search-list .manager-search.client-details-container{
    max-width: 1050px;
}
#result-search-list .manager-search.client-details-container .title-search-result{
    padding: 0;
}
.content-block.content-details{
    margin-left: 0;
    margin-right: 0;
}
.details-tabs{
    margin: 0 0 20px;
}
.details-tabs-header{
    margin: 0 0 20px;
    border-bottom: solid 1px #cdd4d9;
}
.details-tabs-header a{
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FC6B40;
    padding-bottom: 7px;
    display: inline-block;
    margin-right: 20px;
    border-bottom: 2px solid rgba(0,0,0,0);
}
.details-tabs-header a:hover,
.details-tabs-header a.active{
    border-bottom: 2px solid #fc6b40;
    color: #3D445C;
}
.tab-block .h2{
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 14px;
    display: block;
}
.input-group{
    border-bottom: solid 1px #e6e9ec;
    margin-bottom:  25px;
    padding-bottom: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.input-group .input-block {
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
}
.input-group .input-block:nth-child(3n) {
    margin-right: 0;
}
.input-group .input-block.ib-break{
    width: calc(100% - 400px);
}
.input-group .input-block label,
.input-group .input-block .error{
    display: block;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #ADB0B9;
    margin-bottom: 5px;
}
.input-group .input-block .error{
    color: #FC6B40;
}
.input-group .input-block input {
    background: #F6F7F9;
    border: 1px solid #CDD4D9;
    box-sizing: border-box;
    border-radius: 3px;
    width: 340px;
    height: 42px;
    font-family: /*'Helvetica Neue', Helvetica, 'helvetica',*/ Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    padding: 0 11px;
}
.input-group .input-block.w340{
    width: 340px;
}
.input-group .input-block.w680{
    width: 680px;
}
.input-group .input-block input.data-error{
    border: solid 1px #FC6B40;
}
.input-group .input-block input.index{
    width: 150px;
}
.input-group .input-block input.address{
    width: 505px;
    margin-right: 15px;
}
.input-group .input-block input.full_name{
    width: 695px;
}
.buttons-block{

}
.client-details-note{
    float: left;
    font-size: 13px;
    line-height: 39px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
}
.client-details-submit{
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 39px;
    text-align: center;
    color: #fff;
    background: #FC6B40;
    border: none;
    padding: 0 14px;
    float: right;
}
.lead2client{
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 39px;
    text-align: center;
    color: #fff;
    background: #FC6B40;
    border: none;
    padding: 0 29px 0 14px;
    display: inline-block;
    position: relative;
}
.lead2client:hover{
    color: #fff;
}
.lead2client svg{
    position: absolute;
    right:  6px;
    top: 8px;
}
.get-edrpou-start,
.get-edrpou,
.ur2post,
.ncl,
.ncl-2{
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #FC6B40 !important;
    display: block;
    cursor: pointer;
    text-decoration: underline !important;
    /*width: 100%;*/
}
.ur2post,
.ncl{
    display: flex;
    align-items: center;
    text-decoration: none !important;
}
.ur2post.hide,
.ncl.hide{
    display: none;
}
.ur2post svg,
.ncl svg{
    margin-right: 5px;
}
.ur2post:hover,
.ncl:hover,
.ncl-2:hover{
    text-decoration: none !important;
}
.get-edrpou-start{
    margin-top: 5px;
}
.tax-status{
    width: 340px;
}
#result-search-list .manager-search.client-info-container{
    /*max-width: 1050px;*/
    max-width: 1112px;
}
#result-search-list .manager-search.client-info-container .title-search-result{
    padding: 0;
}
.content-block.content-info{
    margin-left: 0;
    margin-right: 0;
}
.content-info .input-block{
    margin-top: 15px;
}
.crm-button{
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 39px;
    text-align: center;
    color: #fff;
    background: #FC6B40;
    border: none;
    padding: 0 14px;
    outline: none;
}
.crm-button[disabled]{
    color: #E2D7D4;
    background: #C5B0AA;
}
.crm-button-default,
.crm-button-cancel{
    border: 1px solid #CDD4D9;
    background: #fff;
    color: #3D445C;
}
.crm-button:focus{
    outline: none;
}
.input-block .crm-button{
    margin-top: 20px;
}
.conacts-list{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.contact-item{
    width: 340px;
    margin-right: 15px;
    margin-bottom: 25px;
    position: relative;
}
.contact-item:nth-child(3n){
    margin-right: 0px;
}
.contact-item .input-block{
    margin-bottom: 15px;
}
.contact-item .input-block label,
.contact-item .input-block .error{
    display: block;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #ADB0B9;
    margin-bottom: 5px;
}
.contact-item .input-block .error{
    color: #FC6B40;
}
.contact-item .input-block input {
    background: #F6F7F9;
    border: 1px solid #CDD4D9;
    box-sizing: border-box;
    border-radius: 3px;
    width: 340px;
    height: 42px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    padding: 0 11px;
}
.input-block.buttons{
    text-align: right;
}
.input-block.buttons .crm-button{
    margin-top: 0px;
}
.edit-link{
    cursor: pointer;
    opacity: 0;
}
.al-overlay,
.al-overlay2{
    position: fixed;
    z-index: 10001;
    width: 100%;
    height: 100%;
    background: rgba(204,204,204,0.8);
    /*opacity: 0.8;*/
    left: 0;
    top: 0;
    z-index: 10005;
}
.edrpou-form,
.contact-item-form-add,
#new_contract{
    width: 380px;
    padding:  20px;
    box-sizing: border-box;
    position: fixed;
    left: 50%;
    top: 50%;
    border: solid 1px rgba(0,0,0,0.125);
    background: #fff;
    margin-left: -190px;
    margin-top: -213px;
    z-index: 10005;
}
.edrpou-form{
    margin-top: -72px;
}
.edrpou-form.hide,
.al-overlay.hide,
.al-overlay2.hide{
    display: none;
}
.edrpou-form .mfp-close,
.contact-item-form-add .mfp-close,
#new_contract .mfp-close{
    color: #333;
}
.contact-item-form-add .input-block,
#new_contract .input-block{
    margin-bottom: 15px;
}
.edrpou-form .input-block{
    margin-bottom: 0;
}
.edrpou-form .input-block label,
.edrpou-form .input-block .error,
.contact-item-form-add .input-block label,
.contact-item-form-add .input-block .error,
#new_contract .input-block label,
#new_contract .input-block .error,
.add-service-block .input-block label,
.add-service-block .input-block .error
{
    display: block;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #ADB0B9;
    margin-bottom: 5px;
}
.edrpou-form .input-block .error,
.contact-item-form-add .input-block .error,
#new_contract .input-block .error,
.add-service-block .input-block .error{
    color: #FC6B40;
}
.edrpou-form .input-block input,
.contact-item-form-add .input-block input,
#new_contract .input-block input,
.add-service-block .input-block input{
    background: #F6F7F9;
    border: 1px solid #CDD4D9;
    box-sizing: border-box;
    border-radius: 3px;
    width: 340px;
    height: 42px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    padding: 0 11px;
}
.contacts-add{
    /*margin-top: 36px;*/
}
.del-contact-item{
    position: absolute;
    top: 8px;
    right: 0px;
    color: #f00;
    font-size: 20px;
    font-weight: bold;
    border: none;
    background: #fff;
    display: none;
}
.contact-item:hover .del-contact-item{
    display: block;
}
.contact-item:hover .edit-link{
    opacity: 1;
}
.contacts-block{
    border-bottom: solid 1px #e6e9ec;
    margin-bottom: 25px;
    padding-bottom: 15px;
}
.contact-block{
    border-bottom: solid 1px #cdd4d9;
    margin-bottom: 20px;
}
.contact-block:last-child{
    border-bottom: none;
    margin-bottom: 0px;
}
.contact-block .field-container{
    display:flex;
    justify-content: flex-start;
}
.contact-block .field-container .input-block{
    width: 245px;
    margin-right: 20px;
}
.contact-block .field-container .input-block:last-child{
    margin-right: 0;
}
.details-item{
    padding: 15px 12px;
    backgroud: #fff;
}
.details-item:nth-child(2n){
    background: #f9f9f9;
}
.details-name{
    display: inline-block;
}
.details-edit,
.details-delete{
    display: inline-block;
    float: right;
    margin-left:  15px;
}
a.crm-button{
    display: inline-block;
    margin-top: 15px;
}
a.crm-button:hover{
    color: #fff;
}
.details-del{
    cursor: pointer;
}
.add-contract,
.add-contract:hover{
    cursor: pointer;
    color:  #fff !important;
}
#new_contract #select2-contract_detail_id-container{
    width: 340px;
}
#new_contract #select2-contract_our_detail_id-container{
    width: 340px;
}
/* Проверить почему не одупляет ФФ */
.select2-selection__rendered{
    height: 40px;
}
.select2-selection.select2-selection--single{
    border: 1px solid #CDD4D9;
}
.details-tabs-content .select2-selection__arrow,
#new_contract .select2-selection__arrow{
    background-color: #fafbfc;
    border-bottom: rgb(222, 229, 236) 1px solid;
    height: 41px !important;
}
.select2-results__option{
    box-sizing: content-box;
    padding-top: 7px;
    padding-bottom: 7px;
}
.contract-item{
    display: block;
    padding: 15px 12px;
    /*cursor: pointer;*/
    transition: box-shadow 2s ease-out;
    position: relative;
    /*padding-right: 85px;*/
}
.contract-item:nth-child(2n){
    background: #f9f9f9;
}
.contract-item.new{
    -webkit-box-shadow: 0px 0px 10px 3px rgba(34, 60, 80, 0.2) inset;
    -moz-box-shadow: 0px 0px 10px 3px rgba(34, 60, 80, 0.2) inset;
    box-shadow: 0px 0px 10px 3px rgba(34, 60, 80, 0.2) inset;
}
.contract-item .contract-del{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.contract-item .dwn-contract{
    position: absolute;
    top: 10px;
    right: 40px;
    cursor: pointer;
}
.contract-item .show-planes{
    position: absolute;
    top: 10px;
    right: 70px;
    cursor: pointer;
}

#result-search-list .manager-search.our-details{
    width: 1050px;
}
#result-search-list .manager-search.our-details .title-search-result{
    padding: 0;
}
#result-search-list .manager-search.our-details .no-data{
    width: 100%;
    float: none;
}
.content-block.content-our-details{
    margin: 20px 0;
}
.our-details .buttons-block{
    text-align: right;
}
.our-details-add:hover{
    color: #fff;
}
.input-group .input-block.mr0{
    margin-right: 0;
}
.input-group .input-block.mr15{
    margin-right: 15px;
}
.our-details .details-item{
    padding:  0;
}
.our-details .details-name{
    display: block;
    padding: 15px 12px;
    cursor: pointer;
}
.our-details .details-data{
    padding:  0 42px 15px 36px;
    border-bottom: solid 1px #f0f0f0;
}
.contract-planes{
    /*padding-top: 15px;*/
}
.contrat-info .contract-planes:first-child{
    margin-top: 10px;
}
.contract-planes .contract-planes-buttons{
    padding-bottom: 15px;
}
.selection-list{
    position: fixed;
    left: 50%;
    top: 50%;
    width: 1000px;
    padding: 20px;
    background: #fff;
    margin-left: -500px;
    margin-top: -150px;
    z-index: 10005;
}
.contract-form-add .mfp-close,
.selection-list .mfp-close{
    color: #000;
}
.ajax-content .hide{
    display: none;
}
.client-price{
    width: 50px;
}
.clinet-price-total{
    width: 50px;
}
.contract-plane-remove{
    cursor: pointer;
}
.contract-plane-remove svg{
    transform: scale(0.8);
    margin-bottom: -5px;
}
.date_from,
.date_to{
    width: 100px;
}
.code-search{
    width: 0;
    overflow: hidden;
    /*transition: width 1s;*/
    margin-left: 15px;
    height: 42px;
}
.code-search.show{
    width: 412px;
}
.code-search .code{
    background: #F6F7F9;
    border: 1px solid #CDD4D9;
    box-sizing: border-box;
    border-radius: 3px;
    width: 340px;
    height: 42px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    padding: 0 11px;
}
.code-search .code:focus{
    outline: none;
}
.create-act{
    margin-left: 15px;
}
.dwn-act.crm-button{
    margin-left: 15px;
    line-height: 42px;
    margin-top: 0;
    line-height: 39px;
    display: inline-block;
}
.dwn-act.crm-button:hover{
    color: #3D445C;
}
.checkable.error{
    border: solid 1px #FC6B40;
}
.add-service{
    margin-left: 15px;
}
.add-service-wrap{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 102;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.add-service-container{
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 20px;
    box-sizing: border-box;
}
.add-service-container:before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.add-service-block{
    /*position: fixed;
  width: 800px;
  left: 50%;
  top:  50%;
  margin-left: -400px;
  margin-top: -100px;
  padding: 20px;
  background:  #fff;
  z-index: 102;*/
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 104;
    background: #fff;
    padding: 20px;
}
.add-service-block .mfp-close{
    color: #000;
}
.add-service-block b{
    font-size: 18px;
    display: inline-block;
    margin-bottom: 15px;
}
.block-title{
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
}
.add-service-block .input-block input{
    width: 500px;
}
.add-service-block .input-block input.w100{
    width: 100px;
}
.fields-group .input-group{
    border: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}
.fields-group .input-group .input-block{
    margin-bottom: 0;
    margin-right: 15px;
}
.add-line{
    cursor: pointer;
    display: inline-block;
    margin: 15px 0;
}
.act-name{
    padding: 15px 10px;
    cursor: pointer;
    /*background: #FFF0EC;*/
}
.remove-line{
    position: relative;
}
.remove-line .remove{
    background: #fff;
    border: none;
    position: absolute;
    bottom: 5px;
    right: -10px;
    color: #FC6B40;
    opacity: 0;
    font-size: 25px;
}
.input-group:hover .remove-line .remove{
    opacity: 1;
}
.contract-services-list{
    margin-bottom: 50px;
}
.contract-services-list span{
    font-weight: bold;
}
.contract-service-header,
.contract-service-line{
    display: table-row;
}
.service-items-col{
    padding: 12px;
    display: table-cell;
    border-bottom: 1px solid #dee5ec;
}
.contract-service-line .service-items-col:first-child{
    width: 100%;
}
.contract-service-line .service-items-col.nowrap{
    white-space: nowrap;
}
.service-item-del svg{
    transform: scale(0.8);
    margin-bottom: -5px;
}
.dwn-bill{
    margin-left: 12px;
    position: relative;
}
a.crm-button.dwn-bill{
    margin-top: 0;
}
.dwn-bill ul{
    position: absolute;
    top: 39px;
    /*left: -14px;*/
    left: 0;
    background: #fff;
    border: 1px solid #CDD4D9;
    display: none;
}
.dwn-bill:hover ul{
    display: block;
}
.dwn-bill ul li{
    white-space: nowrap;
    text-align: left;
    padding:  0 14px;
    cursor: pointer;
}
.dwn-bill ul li:hover{
    background: #FFF0EC;
}
/** ADD **/
.import-block{
    position:fixed;
    left: 50%;
    top:50%;
    height: 200px;
    width: 300px;
    margin-left: -150px;
    margin-top: -100px;
    background: #fff;
    padding: 20px;
    z-index: 10002;
}
.import-block.hide{
    display:none;
}
.import-block .close{
    width: 20px;
    height: 20px;
    position: absolute;
    top:-10px;
    right: -10px;
    border-radius: 10px;
    background: #fff;
    border: solid 2px #bbb;
    opacity: 1;
    padding-top: 2px;
    padding-left: 2px;
    box-sizing: border-box;
}

.import-block-outdoor{
    position:fixed;
    left: 50%;
    top:50%;
    height: 200px;
    width: 300px;
    margin-left: -150px;
    margin-top: -100px;
    background: #fff;
    padding: 20px;
    z-index: 10002;
}
.import-block-outdoor.hide{
    display:none;
}

.import-block-outdoor .close-outdoor{
    width: 20px;
    height: 20px;
    position: absolute;
    top:-10px;
    right: -10px;
    border-radius: 10px;
    background: #fff;
    border: solid 2px #bbb;
    opacity: 1;
    padding-top: 2px;
    padding-left: 2px;
    box-sizing: border-box;
}
#xls-import{
    cursor:pointer;
}
.red-link{
    color: #f76a47;
}
[name=import_file]{
    max-width:260px;
}
[name=import_file_outdoor]{
    max-width:260px;
}
#import-button{
    cursor:pointer;
    color:#fff;
    padding-left: 20px;
    padding-right: 20px;
}
#input_button_outdoor{
    cursor:pointer;
    color:#fff;
    padding-left: 20px;
    padding-right: 20px;
}
a.back{
    margin-top: 30px;
    color: #FC6B40;
    font-weight: 500;
    display: flex;
    align-items: center;
}
a.back svg{
    margin-right: 11px;
}
.al-client-details-step1 h1{
    width: 100%;
    text-align: center;
}
.short-form-block{
    width: 380px;
    margin: 0 auto;
    position: relative;
}
.short-form-block .field-container .input-block{
    margin: 0;
    padding: 0;
    margin-bottom: 200px;
}
.short-form-block .field-container .input-block input{
    width: 380px;
    /*background: white;*/
    outline: none;
}
.edrpou-get{
    position: absolute;
    right: 12px;
    top: 34px;
    cursor: pointer;
    color: #C5B0AA !important;
}
.edrpou-get:hover{
    color: #C5B0AA !important;
}
.right-buttons{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.right-buttons .btn{
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    padding: 14px 24px;
    text-align: center;
    color: white;
    background: #FC6B40;
    border: none;
    display: inline-block;
    line-height: 1;
}
.right-buttons .btn:hover{
    color: white;
}
.right-buttons .cancel,
.right-buttons .save_comment,
.right-block .edit{
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    padding: 14px 24px;
    text-align: center;
    color: #3D445C;
    background: white;
    border: solid 1px #CDD4D9;
    display: inline-block;
    line-height: 1;
    margin-right: 20px;
}
.right-block .edit{
    margin-right: 0;
}
.right-buttons .cancel:hover,
.right-block .edit:hover{
    color: #3D445C;
}

.new-details-submit{
    background: #FC6B40;
    color: white;
    float: right;
    height: 42px;
    padding: 0 30px;
    border:none;
    line-height: 42px;
    font-size:13px;
    font-weight: 700;
}
.label-block{
    display: flex;
    align-items: center;
    justify-content: center;
}
.short-form-block .field-container .label-block input{
    width: 130px;
    display:  none;
}
.field-container .label-block label{
    margin: 0;
    width: 130px;
    height: 42px;
    box-sizing: border-box;
    border: solid 1px #CDD4D9;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    color: #3D445C;
}
.label-block label.first{
    border-radius: 4px 0 0 4px;
}
.label-block label.last{
    border-radius: 0 4px 4px 0 ;
}
.label-block input[type=radio]:checked + label{
    background: #FFF0EC;
    border-color: #FC6B40;
    color: #FC6B40;;
}
.jquery-modal.blocker.current{
    z-index: 10001;
}
.btn-main{
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    padding: 14px 24px;
    text-align: center;
    color: white;
    background: #FC6B40;
    border: none;
    display: inline-block;
    line-height: 1;
}
.btn-main:hover{
    color: white;
}
.client-info-header{
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}
.mw1280 .client-info-header{
    margin-left:20px;
    margin-right:20px;
}
.client-info-header .left-block{
    display: flex;
    justify-content: flex-start;
    font-size: 13px;
}
.client-info-header .left-block .img{
    margin-right: 20px;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    flex-shrink: 0;
}
.client-info-header .left-block .info{
    padding-top: 25px;
    padding-right: 20px;
}
.client-info-header .left-block .cities-list{
    display: flex;
    align-items: center;
    /*max-width: 280px;*/
    box-sizing: border-box;
    padding-right: 30px;

}
.client-info-header .left-block .cities-list svg{
    flex-shrink: 0;
}
.client-info-header .left-block .nowrap{
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin-right: 30px;
}
.client-info-header .left-block .info h1.client-name{
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
}
.client-info-header .left-block .info h2.client-manager{
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
}
.client-info-header .left-block .info .short-info{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.client-info-header .left-block .info .short-info svg{
    margin-right: 8px;
}
.ml-30{
    margin-left: 30px;
}
.client-info-header .right-block{
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mw1280 .client-navigation{
    margin-left: 20px;
    margin-right: 20px;
}
.client-navigation .favorite-viewed-tab{
    margin: 0;
}
.client-navigation .favorite-viewed-tab a{
    margin-right: 30px;
}
.client-tab-data-block{
    padding-top: 30px;
    padding-bottom: 50px;
}
.client-tab-data-block hr{
    margin:  30px 0;
}
.client-tab-data-block .result-paginator .result-paginator__pages {
    display: flex;
    justify-content: space-between;
    height: 45px;
    margin-top: 10px;
}
.info-block-table .tr{
    display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
}
.info-block-table .tr .td:nth-child(1){
    width: 100px;
    margin-right: 10px;
    flex-shrink: 0;
}
.info-block .info-block-title{
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    line-height: 24px;
    font-size: 20px;
    font-weight: 500;
}
.info-block span{
    color: #ADB0B9;
}
.td-comment{
    width: 490px;
}
.client-contacts-header{
    display: flex;
    justify-content: space-between;
}
.client-contacts-header .left-block{
    display: flex;
    align-items: flex-end;
    font-size: 11px;
    padding-left: 0px;
}
.client-contacts-header .left-block form{
    position: relative;
}
.client-contacts-header .left-block form input{
    padding-right: 35px;
}
.client-contacts-header .right-block{
    padding-top: 0;
    /*padding-bottom: 20px;*/
    display: flex;
    align-items: flex-end;
}
.data-table{

}
.data-table .data-tr{
    display: flex;
}
.data-table .data-thead{
    border-bottom: solid 1px #cdd4d9;
}
.data-table .data-thead .data-td{
    flex: 1;
    cursor: pointer;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-transform: lowercase;
    color: #3D445C;
    padding: 12px 12px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    align-self: center;
}
.data-table .data-tbody .data-tr{
    border-bottom: solid 1px #cdd4d9;
}
.data-table .data-tbody .data-td{
    flex: 1;
    display: flex;
    align-items: center;
    /*padding: 24px 12px;*/
    padding: 24px 10px;
}
.data-table .data-tbody .data-td.data-post-td span{
    padding: 3px 6px 3px 7px;
    border-radius: 4px;
}
.data-table .data-tbody .data-td.action-col{
    justify-content: flex-end;
    position: relative;
}
.contacts-add-popup,
.contacts-edit-popup,
.status-popup,
.notes-popup,
.notes-status-popup,
.number-popup,
.bill-without-contract-popup,
.change-sum-popup,
.returned-popup{
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 10002;
    width: 600px;
    min-height: 328px;
    margin-left: -300px;
    margin-top: -164px;
    border-radius: 10px;
    background: white;
    display: none;
}
.bill-without-contract-popup{
    z-index: 10102;
    height: 285px;
    margin-top: -142px;
}
.contacts-edit-popup{
    display: block;
}
.select2-container{
    z-index: 10005;
}
.status-popup,
.notes-popup,
.notes-status-popup,
.number-popup,
.change-sum-popup,
.returned-popup{
    width:323px;
    height: 245px;
    margin-left: -161px;
    margin-top: -122px;
}
.change-sum-popup,
.returned-popup{
    z-index:10101;
    display: block;
}
.contacts-add-popup .select2-container,
.contacts-edit-popup .select2-container,
.bill-without-contract-popup .select2-container,
.status-popup .select2-container,
.notes-popup .select2-container,
.notes-status-popup .select2-container,
.number-popup input{
    width: 263px !important;
}
.client-tab-data-block hr.mtb20{
    margin: 20px 0;
}
.client-tab-data-block hr.mb0{
    margin-bottom: 0;
}
.clients-company-data .data-table .data-tbody .data-td.td-name{
    flex: 7;
}
.clients-company-data .data-table .data-tbody .data-td.action-col{
    position: relative;
}
.sub-action,
.acts-popup-sub-action,
.contract-dwn{
    position: absolute;
    right: 15px;
    top: 54px;
    padding: 5px;
    background: white;
    justify-content: flex-start;
    width: 205px;
    box-shadow: 0px 5px 20px rgba(61, 68, 92, 0.1);
    border-radius: 3px;
    z-index: 2;
}
.sub-action.hide,
.acts-popup-sub-action.hide,
.contract-dwn.hide{
    display: none;
}
.sub-action a,
.acts-popup-sub-action a,
.contract-dwn a{
    text-decoration: none;
    text-align: left;
    display: block;
    padding: 10px 0 10px 13px ;
    color: #3D445C;
}
.sub-action a:hover,
.acts-popup-sub-action a:hover,
.contract-dwn a:hover{
    color: #FC6B40;
}
.no-company{
    background: #F6F7F9;
    height: 254px;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 44px;
}
.no-company.hide{
    display: none;
}
.no-company .title{
    padding-top: 17px;
    font-size: 18px;
    line-height: 21px;
    display: block;
    text-align: center;
}
.details-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.view-edit-btn{
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    padding: 14px 24px;
    text-align: center;
    color: #3D445C;
    background: white;
    border: solid 1px #CDD4D9;
    display: inline-block;
    line-height: 1;
}
.view-edit-btn:hover{
    color: #3D445C;
}
.details-header h1{
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 41px;
    color: #3E445B;
    margin-bottom: 30px;
}
.company-info {
    padding-bottom: 30px;
}
.company-info .block-title{
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: block;
    margin-bottom: 20px;
}
.company-info .line{
    display: flex;
}
.company-info .line .title{
    width: 200px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #ADB0B9;
    margin-bottom: 20px;
}
.company-info .line .value{
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
}
.clients-contracts-data .data-table .data-thead .data-td.td-name,
.clients-contracts-data .data-table .data-tbody .data-td.td-name{
    flex: 5;
}
.clients-contracts-data .up-down{
    margin-right: 13px;
}
.data-td-application.hide{
    display: none;
}
.data-tr-global{
    border-bottom: solid 1px #cdd4d9;
}
.clients-contracts-data .data-table .data-tbody .data-tr-global .data-tr{
    border: none;
}
.data-tr-global.active{
    background: #F9F9FA;
}
.data-tr-global.active svg.info-arrow{
    transform: rotateZ(180deg);
}
.data-td-application{
    padding: 0 20px 20px;
}
.data-td-application .data-table{
    background: white;
}
.data-td-application .data-table.acts-list{
    padding: 0px 20px;
}
.data-td-application .data-table .data-thead{
    padding-top: 8px;
}
.data-td-application .data-table .data-thead .data-td{
    padding: 12px;
}
.add-act-new{
    display: flex;
    align-items: center;
    color: #FC6B40 !important;
    margin-top: 20px;
}
.add-act-new svg{
    margin-right: 5px;
}
.data-contract-item .tr-action{
    transition: background 2s ease-out;
}
.data-contract-item.new .tr-action{
    background: #FFF0EC;
}
.status-info{
    padding: 3px 6px;
    display: inline-block;
    border-radius: 4px;
}
.act-popup-title{
    height: 71px;
    box-sizing: border-box;
    border-bottom: solid 1px #E8EBF1;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.act-popup-title h2,
.act-popup-title h3{
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #3D445C;
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
}
.act-popup-title h3{
    font-size: 13px;
    margin-left: 16px;
}
.act-popup-menu-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.act-popum-menu{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.act-popum-menu a{
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #FC6B40 !important;
    text-decoration: none;
    margin-right: 15px;
}
.act-popum-menu a svg{
    margin-right: 5px;
}
.act-popum-menu a svg path{
    fill: #FC6B40;
}
.act-popum-menu a:hover,
.act-popum-menu a.active{
    color: #C5B0AA !important;
}
.act-popum-menu a:hover svg path,
.act-popum-menu a.active svg path {
    fill: #C5B0AA;
}
.vertical-line{
    height: 16px;
    border-left: solid 1px #CDD4D9;
    margin-right: 15px;
}
.acts-list.hide{
    display: none;
}
.act-dropdown{
    position: relative;
}
.acts-popup-sub-action{
    right: 220px;
    top: 115px;
}
.sub-action .bill-acts-submenu,
.acts-popup-sub-action .bill-acts-submenu,
.sub-action .board-photo-report{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.flex-position-fix{
    width: 0;
    height: 0;
    right: 0;
    position: absolute;
}
.application-tabs.hide{
    display: none;
}
.tabls-list{
    margin: 0;
    padding: 0;
    margin-left: -20px;
    margin-right: -20px;
    list-style: none;
    /*width: 100%;*/
    border-bottom: solid 1px #D9D9D9;
}
.tabls-list li{
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #FC6B40;
    padding: 6px 0;
    margin-right: 30px;
    margin-bottom: -1px;
    margin-left: 20px;
}
.tabls-list li.active,
.tabls-list li:hover{
    color: #3D445C;
    padding-bottom: 5px;
    border-bottom: solid 2px #FC6B40;;
}
.application-tabs .tabs .tab-item{
    display: none;
}
.application-tabs .tabs .tab-item.active{
    display: block;
}
.boards-table{
    margin-left: -20px;
    margin-right: -20px;
}
.boards-table.hide{
    display: none;
}
.boards-table-tr{
    min-height: 45px;
    padding: 14px 0;
    border-bottom: solid 1px #E8EBF1;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}
.boards-td{
    padding-right: 20px;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-transform: lowercase;
    color: #3D445C;
}
.boards-td-photo{
    width: calc((100vw - 40px)*0.0810);/* ~ 114px (100vw = 1450px)*/
    padding: 5px 20px;
}
.boards-table-tbody .boards-td-photo img{
    width: calc((100vw - 40px)*0.0810 - 40px);
}
.boards-table-tbody .boards-td-side{
    text-transform: uppercase;
}
.boards-td-code{
    width: calc((100vw - 40px)*0.0500);/* ~ 70px; (100vw = 1450px)*/
}
.boards-td-addr{
    width: calc((100vw - 40px)*0.1150);/* ~ 146px; (100vw = 1450px)*/
    text-transform: none;
}
.boards-td-addr-custom{
    text-transform: none;
}
.boards-td-firm{
    width: calc((100vw - 40px)*0.0780);/* 110px; (100vw = 1450px)*/
    text-transform: none;
}
.boards-td-type{
    width: calc((100vw - 40px)*0.0603);/* 85px; (100vw = 1450px)*/
}
.boards-td-updated{
    width: calc((100vw - 40px)*0.0638);/* 90px; (100vw = 1450px)*/
}
.boards-td-side{
    width: calc((100vw - 40px)*0.0461);/* 65px; (100vw = 1450px)*/
    text-align: center;
    /*text-transform: uppercase;*/
}
.boards-td-period{
    width: calc((100vw - 40px)*0.1844);/* 260px; (100vw = 1450px)*/
}
.boards-td-price-in,
.boards-td-price-out,
.boards-td-price-result{
    width: calc((100vw - 40px)*0.0887);/* 125px; (100vw = 1450px)*/
}
.boards-td-action{
    width: calc((100vw - 40px)*0.0355);/* 50px; (100vw = 1450px)*/
}
.boards-table-tbody .boards-td{
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
}
.boards-td-period .date_from,
.boards-td-period .date_to,
.boards-td-price-out .client-price-new,
.boards-td-price-in .owner-price,
.boards-td-price-in .selection-item-price,

.boards-td-price-result .clinet-price-total-new{
    width: 110px;
    height: 30px;
    border: solid 1px #CDD4D9;
    padding: 7px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    border-radius: 3px;
    outline: none;
}
.boards-td-period .date_from,
.boards-td-period .date_to{
    background: white url(../img/select.png) left top no-repeat;
}
.boards-td-price-out .client-price-new,
.boards-td-price-in .owner-price,
.boards-td-price-in .selection-item-price,
.boards-td-price-result .clinet-price-total-new{
    background: white url(../img/select2.png) left top no-repeat;
}
.selection-wrap,
.manual-boards-wrap{
    margin-left: -20px;
    margin-right: -20px;
}
.selection-wrap h2,
.manual-boards-wrap h2{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    border-bottom: solid 1px #E8EBF1;
}
.selection-top{
    display: flex;
    background: url(../img/left-bg.png) left top repeat-y;
}
.selections-list{
    width: 307px;
}
.selections-data{
    width: calc(100% - 40px - 307px);
}
.selections-list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.selections-list ul li{
    list-style: none;
    padding: 14px 20px;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    border-bottom: solid 1px #E8EBF1;
}
.selections-list ul li:hover,
.selections-list ul li.active{
    list-style: none;
    padding: 14px 20px 14px 16px;
    background: #F2F5FB;
    border-left: 4px solid #FC6B40;
    border-bottom: solid 1px #F2F5FB;
}
.application-tabs .selection-shadow{
    margin-left: 0;
    margin-right: 0;
}
.application-tabs .selections-actions-block{
    padding: 10px 20px 0;
}
.application-tabs .excel_setting{
    left: 20px;
}
.selection-bottom{
    display: flex;
    justify-content: space-between;
    margin-bottom: -10px;
}
.boards-to-contracts{
    padding-right: 20px;
}
.boards-to-contracts .add-to-contract{
    margin-top: 10px;
    color: white !important;
    cursor: pointer;
}
.selection-items-row.selected-line{
    background: #FFF0EC;
}
.boards-search-form{
    display: flex;
    position:relative;
}
.boards-search-form .input-block{
    width: calc(100vw - 40px - 20px - 105px);
}
.boards-search-form .input-block label{
    margin-bottom: 5px;
}
.boards-search-input{
    background: #F6F7F9;
    border: 1px solid #CDD4D9;
    border-radius: 3px;
    width: calc(100vw - 40px - 40px - 105px);
    height: 42px;
    outline: none;
    padding:  0 13px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
}
.button-block{
    padding-top: 22px;
}
.button-block button{
    padding: 0 24px;
}
.boards-search-result{
    padding-top: 20px;
}
.boards-search-result .nothing{
    padding: 150px 0;
    text-align: center;
}
.boards-search-result .nothing svg{
    margin-bottom: 25px;
}
.boards-search-result .nothing span{
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #3E445B;
}
.boards-search-result .result{

}
.boards-search-result .result-action{

}
.boards-search-result .nothing.hide,
.boards-search-result .result.hide,
.boards-search-result .result-action.hide{
    display: none;
}
.boards-td-action{
    position: relative;
}
.boards-td-action .sub-action{
    top: 30px;
    right: calc((100vw - 40px)*0.0355 - 30px);
}
.services-item{
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.sub-service .services-item{
    margin-bottom:10px;
    margin-top:10px;
}
.sub-service-action{
    width: 100%;
}
.sub-service-action.hide,
.sub-service.hide{
    display:none;
}
.sub-service.error{
    border-color: #FC6B40;
    -webkit-box-shadow: inset 0px 0px 18px 1px rgba(252, 107, 64, 1);
    -moz-box-shadow: inset 0px 0px 18px 1px rgba(252, 107, 64, 1);
    box-shadow: inset 0px 0px 18px 1px rgba(252, 107, 64, 1);
}
.services-item.head-line{
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #CDD4D9;
    margin-bottom: 5px;
}
.services-item .services-name{
    width: 488px;
    padding-right: 20px;
}
.services-item .services-price_in,
.services-item .services-price{
    /*width: 226px;*/
    width: 132px;
    padding-right: 20px;
}
.services-item .services-count{
    width: 132px;
    padding-right: 20px;
}
.services-item .services-result{
    width: 132px;
    padding-right: 20px;
}
.other-input.hide{
    display: none;
}
.client-price-new.error,
.owner-price.error,
.new-service-input.error,
.services-item input.error{
    border-color: #FC6B40;
    -webkit-box-shadow: inset 0px 0px 18px 10px rgba(252,107,64,1);
    -moz-box-shadow: inset 0px 0px 18px 10px rgba(252,107,64,1);
    box-shadow: inset 0px 0px 18px 10px rgba(252,107,64,1);
}
.services-supplier{
    width: 305px;
}
.services-supplier .services-supplier-dd{
    width: 290px;
    height: 42px;
    background: #F6F7F9;
    border: 1px solid #CDD4D9;
    border-radius: 3px;
    padding: 10px 13px;
    outline: none;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #3D445C;
    margin-right: 15px;
}

.services-item .services-name select{
    width: 468px;
    height: 42px;
    background: #F6F7F9;
    border: 1px solid #CDD4D9;
    border-radius: 3px;
    padding: 10px 13px;
    outline: none;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #3D445C;
}
.services-item input{
    height: 42px;
    background: #F6F7F9;
    border: 1px solid #CDD4D9;
    border-radius: 3px;
    padding: 13px;
    outline: none;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #3D445C;
}
.services-item .services-price_in input,
.services-item .services-price input{
    /*width: 206px;*/
    width: 112px;
}
.services-item .services-count input,
.services-item .services-result input{
    width: 112px;
}
.add-service-line{
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 20px;
    color: #FC6B40 !important;
}
.add-service-line svg{
    margin-right: 5px;
}
.services-name .services-dd.short{
    width: 200px;
    margin-right: 20px;
}
.services-name .other-input{
    height: 42px;
    background: #F6F7F9;
    border: 1px solid #CDD4D9;
    border-radius: 3px;
    padding: 13px;
    outline: none;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #3D445C;
    width: 238px;
}
.services-table {
    margin-left: -20px;
    margin-right: -20px;
    display: table;
}
.services-table.hide{
    display: none;
}
.services-table-thead,
.services-table-tbody{
    display: table-header-group;;
}
.services-table-tr{
    /*display: flex;*/
    display: table-row;
    align-items: center;
    border-bottom: 1px solid #E8EBF1;
}
.services-table-thead .services-td{
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-transform: lowercase;
    padding: 10px 20px;
}
.services-td{
    padding: 20px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    display: table-cell;
}
.services-td-name{
    width:100%;
    /*width: calc((100vw - 40px)*0.5872);/*6787*/
}
.services-td-count{
    /*width: calc((100vw - 40px)*0.0878);*/
}
.services-td-price{
    /*width: calc((100vw - 40px)*0.1001);/* 136px / 1366px */
}
.services-td-result{
    /*width: calc((100vw - 40px)*0.1001);*/
}
.services-td-action{
    padding-left: 0;
    vertical-align: middle;
}
.services-td-action svg{
    width: 30px;
    height: 30px;
    border: solid 1px #CDD4D9;
    border-radius: 4px;
    padding: 5px;
    cursor: pointer;
}
.bill-acts-submenu{

}
.bills-month-list.hide{
    display: none;
}
.bills-month-list{
    width: 205px;
    padding: 5px;
    background: white;
    left: -415px;
    top: -41px;
    box-shadow: 0px 5px 20px rgb(61 68 92 / 10%);
    border-radius: 3px;
    z-index: 3;
    position: absolute;
}
.bills-month-list ul{
    margin: 0;
    padding: 0;
}
.bills-month-list ul li{
    font-size: 13px;
    line-height: 15px;
    padding: 13px;
    cursor: pointer;
    text-align: left;
}
.bills-month-list ul li:hover{
    color: #FC6B40;
}
.manual-boards-list{
    margin: 0 20px 20px;
}
.manual-boards-list-item{
    background: white;
    border-bottom: 1px solid #CDD4D9;
}
.manual-boards-list-item.active{
    background: #F9F9FA;
}

.manual-boards-list-item .item-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    cursor: pointer;
}
.manual-boards-list-item .item-header .board-title{
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
}
.manual-boards-list-item .item-header .board-title span.up-down{
    margin-right: 14px;
}
.manual-boards-list-item.active .item-header .board-title span.up-down svg{
    transform: rotateZ(180deg);
}
.manual-boards-list-item .form{
    display: none;
    background: white;
    padding: 20px;
    margin: 0 20px 20px;
}
.manual-boards-list-item.active .form{
    display: block;
}
.manual-boards-list-item .form span.informer{
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    margin-bottom: 10px;
    display: inline-block;
}
.manual-boards-list-item .form .field-container{
    display: flex;
    flex-wrap: wrap;
    border-bottom: solid 1px #CDD4D9;
}
.manual-boards-list-item .form input{
    outline: none;
}
/* w1278 */
.manual-boards-list-item .form .field-container .input-block{
    margin-right: 20px;
}
.manual-boards-list-item .form .field-container .manual_code{
    width: 130px;
}
.manual-boards-list-item .form .field-container .manual_city{
    width: 340px;
}
.manual-boards-list-item .form .field-container .manual_addr{
    width: 340px;
}
.manual-boards-list-item .form .field-container .manual_firm{
    width: 340px;
}
.manual-boards-list-item .form .field-container .manual_type{
    width: 130px;
}
.manual-boards-list-item .form .field-container .manual_format{
    width: 130px;
}
.manual-boards-list-item .form .field-container .manual_side{
    width: 130px;
}
.manual-boards-list-item .form .field-container .manual_light{
    width: 130px;
}
.manual-boards-list-item .form .field-container .manual_date_from,
.manual-boards-list-item .form .field-container .manual_date_to{
    width: 160px;
    background: white url(../img/calendar.png) left top no-repeat;
}
.manual-boards-list-item .form .field-container .input-block input.price-input{
    width: 200px;
    background: white url(../img/price-input.png) left top no-repeat;
}
.manual-boards-list .form-action{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
}
.manual-boards-list .form-action .manual-board-form-item-add{
    color: #FC6B40;
    display: flex;
    align-items: center;
}
.manual-boards-list .form-action .manual-board-form-item-add svg{
    margin-right: 5px;
}
.manual-add-boards-form-clear{
    color: #FC6B40 !important;
    margin-right: 15px;
}
.manual-add-boards-form-submit{
    color: white !important;
}
.manual-boards-list-item .form .field-container .input-block input[type=file]{
    background: none;
    border: none;
    width: auto;
    height: auto;
}
.search-form .field-container{
    display: flex;
}
.search-form .field-container .input-block{
    margin: 0 20px 20px 0;
}
#type-search{
    width: 130px;
}

.form_toggle {
    display: inline-block;
    overflow: hidden;
}
.form_toggle-item {
    float: left;
    display: inline-block;
}
.form_toggle-item input[type=radio] {
    display: none;
}
.input-block .form_toggle-item label {
    display: inline-block;
    padding: 0px/* 15px*/;
    line-height: 42px;
    border: 1px solid #CDD4D9;
    border-right: none;
    cursor: pointer;
    user-select: none;
    width: 90px;
    height: 42px;
    box-sizing: border-box;
    background: #fff;

    font-family: Helvetica Neue;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    text-align: center;
    color: #3D445C;

}

.form_toggle .item-1 label {
    border-radius: 4px 0 0 4px;
}
.form_toggle .item-2 label {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #CDD4D9 !important;
}

/* Checked */
.form_toggle .item-1 input[type=radio]:checked + label {
    background: #FFD0EC;
    border: 1px solid #FC6B40;
}
.form_toggle .item-2 input[type=radio]:checked + label {
    background: #FFD0EC;
    border: 1px solid #FC6B40;
    border-right: 1px solid #FC6B40 !important;
}
.to-add-service{
    display: flex;
    padding: 20px 0;
}
.to-add-service .add-service-link{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    color: #FC6B40 !important;
}
.to-add-service .add-service-link svg{
    margin-right: 5px;
}
.first_month_pay_date.hide{
    display: none;
}
.contract-dwn{
    top: 54px;
    right: 54px;
}
.posts-block{
    position: relative;
}
#result-search-list .manager-search.our-details.posts-block{
    width: 960px;
}
#result-search-list .manager-search.our-details.posts-block h1.title-search-result{
    /*padding-left: 20px;*/
}
#result-search-list .manager-search.our-details.posts-block .posts-block{
    margin-left: 0;
    margin-right: 0;
}
.posts-block .data-table .data-tbody .data-tr{
    background: #fff;
}
.posts-block .data-table .data-tbody .data-td span {
    padding: 3px 6px 3px 7px;
    border-radius: 4px;
}
.posts-block .field-container{
    display: flex;
}
.posts-block .field-container.right {
    justify-content: flex-end;
}
.posts-block .input-block {
    margin-right: 25px;
    margin-bottom: 15px;
    position: relative;
}
.posts-block .input-block:nth-child(3n){
    margin-right: 0px;
}
.posts-block .input-block input{
    width: 320px;
}
.posts-block .hr {
    margin: 5px 0 25px;
    border-bottom: solid 1px #e6e9ec;
    width: 100%;
}
.abs-top-right{
    position: absolute;
    right: 0;
    top: /*39px;*/ 104px;
}
.action-col a.edit.mr0{
    margin-right: 0;
}
#result-search-list .manager-search.our-details.details-block{
    width: 960px;
    position: relative;
}
.global-data-tr.active .up-down svg{
    transform: rotateZ(180deg);
}
.details-data .info-block-table .tr .td:nth-child(1){
    width: 240px;
}
.steps{
    height: 59px;
    width: 100%;
    background: #F9F9FA;
}
.steps .container{
    margin: 0 auto;
    padding: 0;
    height: 59px;
    width: 810px;
    display: flex;
    align-items: center;
}
.step{
    color: #8B8F9D;
}
.step.current{
    color: #3D445C;
}
.step .round{
    background: #E8EBF1;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    color: #ADB0B9;
    font-size: 13px;
    margin-right: 10px;
}
.step.current .round{
    background: #FC6B40;
    color: #fff;
}
.steps .line{
    margin: 0 8px;
    height: 2px;
    background: #E8EBF1;
    width: 32px;
}
.bottom-action{
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.bottom-action .back{
    margin-top: 0;
}
.bottom-action .buttons-block{
    padding-bottom: 0;
    display:flex;
    align-items: center;
}
.photo-container{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}
.photo-container .photo{
    width: 120px;
    height: 120px;
    background: #FFF0EC;
    border-radius: 60px;
    overflow: hidden;
    margin-right: 20px;
}
.photo-container .photo-actions{
    display: flex;
}
.photo-container .upload-photo{
    background: #FFFFFF;
    border: 1px solid #CDD4D9;
    border-radius: 4px;
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    padding: 12px 24px;
    margin-right: 13px;
}
.photo-container .delete-photo{
    background: #FFFFFF;
    border: 1px solid #CDD4D9;
    border-radius: 4px;
    padding: 0 12px;
    height: 42px;
    width: 42px;
    /*line-height: 40px;*/
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
}
.photo-container .upload-photo:hover{
    color: #3D445C;
}
.photo-container input{
    display: none;
}
#result-search-list .manager-search .title-search-result{
    padding:  0 20px;
}
.data-table .data-thead .data-td.f7{
    flex: 7;
}
.input-block.mr0{
    margin-right: 0;
}
.vars{
    margin-top: 25px;
}
.vars h2{
    font-size: 25px;
    font-weight: 50;
    margin-bottom: 20px;
}
.vars .vars-block{
    display: flex;
    justify-content: space-between;
}
.vars .info-block-table .tr{
    padding-bottom: 12px;
}
.vars .info-block-table .tr .td:first-child{
    width: 180px;
    font-weight: bold;
}
.vars .info-block-table .tr .td:nth-child(2){
    width: 250px;
}
.system-info-tabs{
    margin-right: 0;
    margin-left: 0;
}
.get-mfo{
    color: #FC6B40 !important;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-top: 5px;
}
.note{
    margin-bottom: 15px;
}
.note .btn{
    color: #FC6B40 !important;
}
.lds-ellipsis2,
.lds-ellipsis3 {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 100%;
}

.lds-ellipsis2 div,
.lds-ellipsis3 div {
    position: absolute;
    top: calc(50% - 6.5px);
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #FC6B40;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis2.hide,
.lds-ellipsis3.hide{
    display: none;
}
.lds-ellipsis2 div:nth-child(1),
.lds-ellipsis3 div:nth-child(1)  {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis2 div:nth-child(2),
.lds-ellipsis3 div:nth-child(2)   {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis2 div:nth-child(3),
.lds-ellipsis3 div:nth-child(3)   {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis2 div:nth-child(4),
.lds-ellipsis3 div:nth-child(4)   {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
.boards-search-form .lds-ellipsis3{
    position:absolute;
    right: 120px;
    top: 10px;
}

.iframe-popup{
    width: 1040px;
    height: calc(100vh - 40px);
    position: fixed;
    left: 50%;
    top: 50%;
    /*margin-top: calc(0 - 50vh + 20px);*/
    margin-left: -520px;
    z-index: 10002;
    border-radius: 10px;
    display: none;
    background: white;
}
.iframe-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    border-bottom: solid 1px #E8EBF1;
    box-sizing: border-box;
    font-size: 24px;
    padding: 0 30px;
}
.iframe-header .close{
    cursor: pointer;
}
.iframe-body{
    padding: 20px 30px 30px;
}
.edit-contract:hover{
    color: #FC6B40 !important;
}
.edit-act-date:hover{
    color: #FC6B40 !important;
}
/* BILLS */
.container-base.bills-page{
    width: 1061px;
    max-width: 1061px;
}
.container-base.bookkeeper-bills-page{
    width: 1260px;
    max-width: 1260px;
}
.bills-switcher{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 15px;
    width: 100%;
}
.bills-switcher a{
    padding: 8px 16px;
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    text-decoration: none;
    margin-right: 10px;
    display: inline-block;
}
.bills-switcher a:hover,
.bills-switcher a.active{
    background: #FFF0EC;
    border-radius: 1000px;
    color: #FC6B40;
}
.bills-search-form{
    border-bottom: solid 1px #CDD4D9;
}
.bills-search-form [type=submit].hide{
    display: none;
}
.bills-search-form .field-container{
    margin-top: 15px;
    display: flex;
    /*justify-content: space-between;*/
}
.bills-search-form .field-container .input-block{
    width: 227px;
    margin-right: 20px;
}
.bills-search-form .field-container .input-block input{
    width: 227px;
}
.bills-search-form .field-container .input-block .bills-status-select{
    width: 227px;
}
.bills-search-form .field-container .input-block .bills-year-select,
.bills-search-form .field-container .input-block .bills-month-select{
    width: 150px;
}
.left-block.bills-stat{
    align-items: center;
    justify-content: flex-start;
}
.left-block.bills-stat span{
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #3D445C;
    padding-right: 15px;
    margin-right: 15px;
    border-right: solid 1px #CDD4D9;
}
.left-block.bills-stat span:nth-child(4){
    border-right: 0;
}
.left-block.bills-stat span b{
    font-weight: 500;
}
.bills-table-thead{
    border-top: solid 1px #CDD4D9;
}
.bills-table-tbody{

}
.bills-table-tbody .data-td{
    font-size: 13px;
    line-height: 19px;
}
.data-table .data-thead .data-td.bill-payer,
.data-table .data-tbody .data-td.bill-payer{
    flex: 1.4;
    font-size:12px;
}
.data-table .data-thead .data-td.bill-status-td,
.data-table .data-tbody .data-td.bill-status-td{
    flex: 1.3;
    white-space:nowrap;
}
.data-table .data-thead .data-td.bill-action,
.data-table .data-tbody .data-td.bill-action{
    flex: 0.6;
}
.bill-status-td span.wait{
    padding: 3.5px 4px; /* 3.5 6 */
    background: #FCE9E4;
    border-radius: 4px;
    color: #FC6B40;
}
.bill-status-td span.paid{
    padding: 3.5px 4px; /* 3.5 6 */
    background: #adf8ad; /*#EDF7ED;*/
    border-radius: 4px;
    color: #27a227; /*#17d80f;*/ /*#4FB14B;*/
}
.bill-download:hover{
    color: #FC6B40 !important;
}
.zi10101 .select2-container{
    z-index: 10105;
}

.bill-add-body select{
    width: 263px;
}
.bills-table-tbody .data-tr.hide{
    display:none;
}
.payment-sideblock-body .ib2{
    width:100%;
}
.bill-add-body .ib2{
    width:100%;
}
.bill-add-tabs .form_toggle{
    width: 100%;
}
.bill-add-tabs .form_toggle .form_toggle-item{
    width:50%;
}
.bill-add-tabs .form_toggle .form_toggle-item label{
    width: 100%;
    font-weight:bold;
}
.bill-add-tabs .form_toggle .form_toggle-item input[disabled] + label{
    cursor: default;
}
.application-actions{
    position:relative;
    cursor: pointer;
}
.application-actions .application-sub-action{
    position: absolute;
    left: 0 ;
    top: 24px;
    padding: 5px;
    background: white;
    justify-content: flex-start;
    width: 305px;
    box-shadow: 0px 5px 20px rgb(61 68 92 / 10%);
    border-radius: 3px;
    z-index: 2;
}
.application-actions .application-sub-action.hide{
    display: none;
}
.application-actions .application-sub-action li{
    margin:0;
    padding: 0;
}
.application-actions .application-sub-action li span{
    text-decoration: none;
    text-align: left;
    display: block;
    padding: 10px 0 10px 13px;
    color: #3D445C;
    cursro:pointer;
}
.application-actions .application-sub-action li span:hover{
    color:#FC6B40;
}
.bill-add-sideblock,
.add-supplier-bill,
.payment-sideblock{
    width: 520px;
    height: 100%;
    /*min-height: 935px;*/
    position: fixed;
    right:0;
    top:0;
    overflow: hidden auto;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    background:#fff;
    display:none;
}
.add-supplier-bill{
    width: 700px;
}
.supplier-bill-file-view{
    width: 700px;
    height: 100%;
    position: fixed;
    left:0;
    top:0;
    overflow: hidden auto;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    background:#fff;
    display:none;
}
.bill-add-sideblock-header,
.add-supplier-bill-header,
.add-supplier-bill-file-header,
.payment-sideblock-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    border-bottom: solid 1px #E8EBF1;
    box-sizing: border-box;
    font-size: 24px;
    padding: 0 30px;
}
.bill-add-sideblock-header .close,
.add-supplier-bill-header .close,
.add-supplier-bill-bill-header .close,
.payment-sideblock-header .close{
    cursor: pointer;
}
.bill-add-sideblock-body,
.add-supplier-bill-body,
.payment-sideblock-body{
    width:520px;
    padding: 30px;
}
.add-supplier-bill-body{
    width: 700px;
}
.bill-add-sideblock-body .tab-selector,
.payment-sideblock-body .tab-selector{
    margin:0;
    margin-bottom: 20px;
    padding:0;
    border-bottom: solid 1px #CDD4D9;

}
.bill-add-sideblock-body .tab-selector li,
.payment-sideblock-body .tab-selector li{
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FC6B40;
    margin: 0 20px 0 0;
    display: inline-block;
}
.bill-add-sideblock-body .tab-selector li.active,
.bill-add-sideblock-body .tab-selector li:hover,
.payment-sideblock-body .tab-selector li.active,
.payment-sideblock-body .tab-selector li:hover{
    color: #3D445C;
    border-bottom: 2px solid #FC6B40;
    cursor:pointer;
}
.bill-add-sideblock-body .tab-item,
.payment-sideblock-body .tab-item {
    display:none;
}
.bill-add-sideblock-body .tab-item.active,
.payment-sideblock-body .tab-item.active{
    display:block;
}
.bill-add-sideblock-body .tab-item .input-block input,
.bill-add-sideblock-body .tab-item .input-block select,
.payment-sideblock-body .tab-item .input-block input,
.payment-sideblock-body .tab-item .input-block select{
    width: 220px;
}
.bill-add-sideblock-body .tab-item .input-block.ib2,
.bill-add-sideblock-body .tab-item .input-block.ib2 input,
.bill-add-sideblock-body .tab-item .input-block.ib2 select,
.payment-sideblock-body .input-block.ib2,
.payment-sideblock-body .input-block.ib2 select,
.payment-sideblock-body .tab-item .input-block.ib2,
.payment-sideblock-body .tab-item .input-block.ib2 input,
.payment-sideblock-body .tab-item .input-block.ib2 select{
    width:460px;
}
.bill-add-sideblock-body .field-container .input-block input.datepicker,
.payment-sideblock-body .field-container .input-block input.datepicker,
.bill-details-info .field-container .bill-date-datepicker,
.bill-details-info .field-container .bill-pay-date-datepicker{
    background: #F6F7F9 url(../img/calendar.png) right top no-repeat;
}
#bill-form-add .select2-selection__choice.al-select2-count,
.lead-add-form .select2-selection__choice.al-select2-count{
    padding-left: 10px;
    padding-right: 10px;
}
.radio-button{
    position: relative;
}
.radio-button input{
    display: none;
}
.field-container .input-block .radio-button label,
.info-row .radio-button label{
    padding-left: 24px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    background: url(../img/radio-button.png) left top no-repeat;
    cursor:pointer;
}
.field-container .input-block .radio-button input:checked + label,
.info-row .radio-button input:checked + label{
    background: url(../img/radio-button-checked.png) left top no-repeat;
}
.bill-add-sideblock .cancel,
.payment-sideblock .cancel{
    border: none;
    color: #FC6B40 !important;
    padding: 14px 0px;
}
.select2-container--default .select2-selection--multiple{
    border-color: #CDD4D9;
}
.al-power-tip{
    padding: 2px 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #3D445C;
    background: #CDD4D9;
    border-radius: 2px;
    display: inline-block;
}
.appications-list-data{
    width:100%;
    margin-bottom: 12px;
}
.app-list-line{
    border-bottom: solid 1px #E8EBF1;
    padding: 12px 0;
    display: flex;
}
.app-list-line div{
    font-size:13px;
    color: #3D445C;
    flex: 1;
}
.app-list-line div.line-title{
    font-weight: 500;
    font-size: 11px;
    text-transform: lowercase;
}
.tab-item .notification{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 9px 13px;
    gap: 10px;
    background: #FFF0EC;
    border: 1px solid #EC5F35;
    border-radius: 3px;
    font-size: 13px;
    line-height: 19px;
    color: #FC6B40;
}
.for-hide.hide,
.tab-item .notification.hide{
    display: none;
}
.price-notice{
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #8B8F9D;
    margin-top:5px;
    display: inline-block;
}
#bookkeeper-bill-search .bills-year-select,
#bookkeeper-bill-search .bills-month-select{
    width:207px;
}
#bookkeeper-bill-search .report_period-select{
    width:227px;
}
.bill-details-info h3{
    font-size:20px;
    line-height: 25px;
    padding: 20px 0px;
    text-align: left;
    margin: 0;
}
.text-info-block{
    display:table;
}
.text-info-line{
    display: table-row;
}
.text-info-title{
    display: table-cell;
    padding: 5px;
}
.text-info-value{
    display: table-cell;
    padding:5px;
    width:100%;
}
.bill-details-info .number-block{
    width:110px;
}
.bill-details-info .number-block input{
    width:110px;
}
.bill-details-info .name-block{
    /*width:900px;*/
    width:100%;
}
.bill-details-info .name-block input{
    /*width:900px;*/
    width:100%;
}
.bill-details-info .field-container{
    display: table-row;
}
.bill-details-info .field-container .input-block{
    display: table-cell;
    padding: 5px 20px 5px 0;
}
.result-line{
    display: table-row;
}
.result-line .text{
    display: table-cell;
    width: 100%;
    padding:10px;
    text-align:right;
}
.result-line .value{
    display: table-cell;
    width:110px !important;
    padding:10px;
    padding-right:20px;
    white-space: nowrap;
}
.notifications-date{
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #8B8F9D;
    padding-top:30px;
    padding-bottom:12px;
    border-bottom: solid 1px #E8EBF1;
}
.wide-filter{
    justify-content: space-between;
}
.search-right-block{
    display: flex;
}
.bills-search-form .field-container .input-block.filter-btn-block,
.bills-search-form .field-container .input-block.wa{
    width: auto;
}
.bk-filter-btn{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    gap: 10px;
    width: 136px;
    height: 42px;
    background: #FFF0EC;
    border: 1px solid #FC6B40;
    border-radius: 4px;
    cursor: pointer;
    margin-top:20px;
}

/* Кастомный класс для кнопки фильтра в задачах */
.tasks-filter-btn{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    gap: 10px;
    width: 136px;
    height: 42px;
    background: transparent;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    cursor: pointer;
    margin-top:20px;
    transition: all 0.2s;
}

.tasks-filter-btn svg path {
    fill: #3D445C;
    transition: fill 0.2s;
}

.tasks-filter-btn:hover:not(.has-filters) {
    border-color: #FC6B40;
}

.tasks-filter-btn:hover:not(.has-filters) svg path {
    fill: #FC6B40;
}

.tasks-filter-btn.has-filters{
    background: #FFF0EC;
    border: 1px solid #FC6B40;
}

.tasks-filter-btn.has-filters svg path {
    fill: #FC6B40;
}


.bk-filter-block{
    position: fixed;
    right:0;
    top:0;
    width: 440px;
    height: 100vh;
    background: #fff;
    overflow: hidden auto;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    display:none;
    z-index: 10102;
}

.bk-filter-block-custom{
    position: fixed;
    right:0;
    top:0;
    width: 440px;
    height: 100vh;
    background: #fff;
    overflow: hidden auto;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    display:none;
    z-index: 10102;
}

.bk-filter-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    border-bottom: solid 1px #E8EBF1;
    box-sizing: border-box;
    font-size: 24px;
    padding: 0 20px;
}
.bk-filter-fields{
    padding: 20px 24px;
}
.bills-search-form .bk-filter-fields .field-container{
    margin-top: 0;
}
.bills-search-form .bk-filter-fields .field-container input[type=text],
.bills-search-form .bk-filter-fields .field-container .input-block .bills-status-select,
#bookkeeper-bill-search .bk-filter-fields .report_period-select,
.bills-search-form .bk-filter-fields .field-container .input-block select{
    width: 392px;
}




.photoreport-filter-block{
    border-bottom: solid 1px #E8EBF1;
    padding-top:20px;
}
.mw1280 .field-container,
.mw1460 .field-container,
.mw960 .field-container
{
    display:flex;
}
.mw1280 .field-container{
    justify-content:center;
}
.mw960 .field-container{
    align-items: flex-start;
}
.mw1280 .field-container .input-block{
    width: 400px;
    margin-right: 20px;
}
.mw1460 .field-container .input-block{
    width: 340px;
    margin-right: 20px;
}
.mw1280 .field-container .input-block:last-child,
.mw1460 .field-container .input-block:last-child{
    margin-right: 0px;
}
.mw1280 .field-container .input-block input,
.mw1280 .field-container .input-block select{
    width: 400px;
}
.mw1460 .field-container .input-block input,
.mw1460 .field-container .input-block select{
    width: 340px;
}
.photoreport-filter-block .select2-container{
    z-index: 100;
}

.photoreport-filter-action-block{
    /*border-bottom: solid 1px #E8EBF1;*/
    padding: 20px 0;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.mw1280 .photoreport-filter-action-block,
.mw1280 .create-block{
    width: 1240px;
    margin: 0 auto;
}
.mw1280 .create-block{
    margin-bottom: 20px;
}
.mw1280 .photoreport-filter-block{
    width: 1240px;
    margin: 0 auto;
}
.mw1460 .photoreport-filter-action-block,
.mw1460 .create-block{
    width: 1420px;
    margin: 0 auto;
}
.mw1460 .create-block{
    margin-bottom: 20px;
}
.mw1460 .photoreport-filter-block{
    width: 1420px;
    margin: 0 auto;
}
.photoreport-filter-action-block .switcher-block{
    margin-top: 0px;
    justify-content: flex-start;
}
.photoreport-filter-action-block .switcher-block input[type="checkbox"].ios8-switch + label{
    line-height: 20px;
}
.photoreport-filter-action-block .search-button{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.photoreport-filter-action-block .search-button svg{
    margin-right: 8px;
}
.create-block .right-block{
    /*padding-top:20px;*/
    padding-top:0;
}
.photoreport-add-link{

}


.photoreports-table{
    width: 100%;
    display: table;
    border-top: solid 1px #E8EBF1;
}
.photoreports-thead{
    display: table-header-group;
}
.photoreports-tbody{
    display: table-header-group;
}
.photoreports-row{
    display: table-row;
}
.photoreports-col{
    display: table-cell;
    align-content: center;
    padding: 20px 5px;
    vertical-align: top;
    border-bottom: solid 1px #CDD4D9;
}
.photoreports-col:first-child{
    padding-left:0;
}
.design-col{
    text-align: center;
}
.photo-col{
    white-space: nowrap;
}
.photo-col a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.photo-col svg{
    margin-right: 5px;
}
.photoreports-popup,
.photoreports-popup2{
    position: fixed;
    width: 630px;
    left: 50%;
    top:50%;
    z-index: 10002;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 10px;
    background: white;
    display: none;
}
.popup-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    border-bottom: solid 1px #E8EBF1;
    box-sizing: border-box;
    font-size: 24px;
    padding: 0 30px;
}
.popup-header .close{
    cursor: pointer;
}
.popup-body{
    padding: 20px 30px 30px;
}
.popup-body .information-title{
    display: block;
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}
.popup-body .information-block .info-row{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
}
.popup-body .information-block .row-title{
    font-size: 13px;
    line-height: 16px;
    color: #8B8F9D;
    flex: 0 0 93px;
}
.popup-body .information-block .row-value{
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
}
.popup-body .cancel{
    margin-top: 15px;
    border:none;
    padding:14px 0px;
    color:#FC6B40 !important;
    cursor:pointer !important;
}
.popup-body .crm-button{
    color:#fff !important;
    cursor:pointer !important;
}
.photoreports-popup .photo-block,
.photoreports-popup2 .photo-block{
    width: 100%;
    height: 106px;
    background: #FFF0EC;
    border: 1px dashed #FC6B40;
    border-radius: 3px;
}
.photoreports-popup .photo-block .upload-info-div,
.photoreports-popup2 .photo-block .upload-info-div{
    color: #FC6B40;
    align-items: center;
    justify-content: center;
    padding-top: 44px;
    display:flex;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    position:absolute;
    z-index:1;
    width:570px;
}
.photoreports-popup .photo-block .upload-info-div svg,
.photoreports-popup2 .photo-block .upload-info-div svg{
    margin-right:12px;
}
.photoreports-popup .photo-block .upload-info-div .notice,
.photoreports-popup2 .photo-block .upload-info-div .notice{
    margin-top:11px;
    color:#3D445C;
}
.photoreports-popup .photo-block .dz-size,
.photoreports-popup .photo-block .dz-filename,
.photoreports-popup2 .photo-block .dz-size,
.photoreports-popup2 .photo-block .dz-filename{
    display:none;
}
.photoreports-popup .photo-block .dz-remove,
.photoreports-popup2 .photo-block .dz-remove{
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 46px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/trash-img.svg);
    content: "";
    z-index: 100;
    opacity:0;
}
.photoreports-popup .photo-block .dz-preview:hover .dz-remove,
.photoreports-popup2 .photo-block .dz-preview:hover .dz-remove{
    opacity:1;
}
.photoreports-popup .photo-list{
    display: flex;
}
.photoreports-popup .photo-list-item{
    width: 136px;
    margin-right: 9px;
}
.photoreports-popup .photo-list-item .my-file-uploader{
    width: 136px;
    height: 106px;
    background: #FFF0EC;
    border: 1px dashed #FC6B40;
    border-radius: 3px;
    text-align:center;
    position: relative;
    font-size: 11px;
    line-height: 13px;
}
.photoreports-popup .photo-list-item .my-file-uploader svg{
    margin-top: 16px;
}
.photoreports-popup .photo-list-item .my-file-uploader .red{
    color: #FC6B40;
}
.photoreports-popup .photo-list-item .my-file-uploader .img-div {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 136px;
    height: 106px;
    padding-top: 39px;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    overflow: hidden;
}

.photoreports-popup .photo-list-item .my-file-uploader .img-div .upload-file-ico,
.photoreports-popup .photo-list-item .my-file-uploader .img-div .trash-file-ico {
    display: none;
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    padding: 2px;
    z-index: 2;
    transition: transform 0.2s ease;
}

.photoreports-popup .photo-list-item .my-file-uploader .img-div .upload-file-ico {
    top: 5px;
    left: 5px;
}

.photoreports-popup .photo-list-item .my-file-uploader .img-div .trash-file-ico {
    top: 5px;
    right: 5px;
}

.photoreports-popup .photo-list-item .my-file-uploader .img-div:hover .upload-file-ico,
.photoreports-popup .photo-list-item .my-file-uploader .img-div:hover .trash-file-ico {
    display: inline-block;
}

.photoreports-popup .photo-list-item .my-file-uploader .img-div .upload-file-ico:hover,
.photoreports-popup .photo-list-item .my-file-uploader .img-div .trash-file-ico:hover {
    transform: scale(1.1);
}

.photo-list-item select{
    width: 136px;
    height: 42px;
    margin-top: 4px;
    border: solid 1px #CDD4D9;
    border-radius: 4px;
}
.photo-list-item .file-form{
    display: none;
}

.photoreports-form .field-container .input-block{
    width: 275px;
    margin-right: 20px;
}
.photoreports-form .field-container .input-block:last-child{
    margin-right: 0;
}

.photoreports-form .field-container .input-block select{
    width: 275px;
}
.select2-container--disabled{
    opacity:0.4;
}
.photoreports-form .field-container .input-block.w570{
    width: 100%;
    margin-right: 0;
}
.photoreports-form .field-container .input-block.w570 select{
    width: 570px;
}
/*.select2-dd-fix*/ .select2-selection__arrow{
                        background: #fff;
                        height:40px !important;
                    }
.photoreports-form .photo-list{
    display: flex;
}
.photoreports-form .photo-list-item{
    width: 136px;
    margin-right: 9px;
}
.photoreports-form .photo-list-item.hide{
    display:none;
}
.photoreports-data .photo-list-item.hide{
    display:none;
}
.photoreports-form .photo-list-item select,
.photoreports-data .photo-list-item select{
    background: #fff;
}
.photoreports-tabs-switch{
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    border-bottom: solid 1px #CDD4D9;
}
.photoreports-tabs-switch li{
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FC6B40;
    margin: 0 20px 0 0;
    display: inline-block;
    cursor: pointer;
}
.photoreports-tabs-switch li.active,
.photoreports-tabs-switch li:hover{
    color: #3D445C;
    border-bottom: 2px solid #FC6B40;
    cursor: pointer;
}
.photoreports-tabs-switch li.disabled {
    color: #AAB2BD;
    border-bottom: none;
    cursor: default;
    pointer-events: none;
    opacity: 0.6;
}

.popup-tab.hide{
    display:none;
}
.kved-table{
    height: 120px;
    overflow: hidden;
    position: relative;
    cursor:pointer;
}
.kved-table:after{
    height: 20px;
    top: 100px;
    width: 100%;
    content: " ";
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    display: block;
    position: absolute;
    z-index: 100;
}

.for-radio{
    display:flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row wrap;
}
.for-radio .radio-button{
    margin-right: 10px;
}
.photoreports-col.action-col.nowrap a.edit-report{
    background:#fff;
    margin-right: 10px;
}
.photoreports-col.action-col.nowrap a.edit-report.hidden{
    visibility: hidden;
}
.photoreports-col.action-col.nowrap .actions{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: row nowrap;
    position: relative;
}
.photoreports-col.action-col.nowrap .sub-action{
    top:35px;
    right: 0px;
}

/* Bill without contract */
.bills-add-without-contract-link{
    color:#fff !important;
    margin-left: 15px;
}
.act-generate-full.hide{
    display: none;
}

/* Unknown payments*/
.operations-slider{
    margin: 20px auto 10px;
    position:relative;
    height: 77px;
    overflow: hidden;
}
.operations-slider .loading{
    position: absolute;
    left:0;
    top: 0;
    width: 100%;
    height: 77px;
    background: #FFF0EC;
    z-index: 100;
}
.operations-slider .slick-initialized .slick-slide{
    justify-content: flex-start;
}
.operations-slider .slick-arrow{
    /*display: none !important;*/
}
.operation-item{
    margin:0;
    padding:4px;
    position:relative;
    background: #FFF0EC;
    border-radius: 4px;
    list-style: none;
}
.operation-item:after{
    width:4px;
    height: 46px;
    background: #FC6B40;
    left:4px;
    top:4px;
    position:absolute;
    content: " ";
}
.operation-info{
    width:100%;
    min-height:46px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.left-info{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.left-info span{
    margin-left:8px;
}
.right-action{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.right-action .action-button{
    width:103px;
    height:30px;
    display:inline-block;
    margin-left: 8px;
    margin-top: 0;
    text-align: center;
    line-height: 28px;
}
.right-action .action-button.cancel{
    border: 1px solid #CDD4D9;
    color: #3D445C;
}
.right-action .action-button.cancel:hover{
    color:#FC6B40;
}
.operations-slider .operations-count{
    position:absolute;
    bottom: 4px;
    left: calc(50% + 70px);
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #FC6B40;
    cursor:pointer;
}


/* Application NDS */
#price-type-change{
    margin:0;
    margin-left: 8px;
    color: #fff;
}
.application-nds b{
    font-size:16px;
    margin-left: 4px;
}
.price-type-popup{
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    width:300px;
    height: 170px;
    margin-left: -150px;
    margin-top: -85px;
}
.price-type-popup-body{
    padding: 20px;
}
.price-type-popup-body .input-block{
    width: 180px;
    margin: 0 auto;
}
.price-type-popup.hide{
    display:none;
}
.price-note{
    margin-top:5px;
    color:#FC6B40;
    display: flex;
    align-items: center;
    justify-content: center;
}
#application-view{
    position: relative;
    padding-top: 7px;
}
.application-nds{
    position:absolute;
    top:130px;
    right: 5px;
    width:230px;
    display: flex;
    align-items: center;
    z-index:100;
}
.application-nds span{
    display: inline-block;
}

.new-service-input{
    width: 110px;
    height: 30px;
    border: solid 1px #CDD4D9;
    padding: 7px;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #3D445C;
    border-radius: 3px;
    outline: none;
    background: white url(../img/select2.png) left top no-repeat;
}
.notification-scroller{
    height: 200px;
    overflow-y: scroll;
}
.notification-scroller::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}
.notification-scroller::-webkit-scrollbar-thumb {
    background-color: #E4EAEF;
    border-radius: 20px;
}
.change-manager-action,
.change-type-action,
.merge-user-action {
    margin-left:20px;
    color:#FC6B40 !important;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.lead-actions-container{
    display: flex;
    align-items: center;

    margin-top: 25px;
    margin-bottom: 10px;
    padding-left:65px;
}

.change-popup-body .change-type[name=supplier_id]{
    width: 405px;
}

/* GLOBAL */
.action-right-button{
    display: inline-block;
    width: 30px;
    height: 30px;
    border: solid 1px #CDD4D9;
    border-radius: 4px;
    padding: 5px;
}
.mr10{
    margin-right:10px;
}
.popup-form,
.popup-form-export,
.switch-contact-form{
    width: auto;
    position: fixed;
    left: 50%;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10002;
    border-radius: 10px;
    background: white;
}
.popup-form-export,
.switch-contact-form{
    display: none;
}
.popup-form-export label{
    display:flex;
    align-items: center;;
}
.popup-form-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    border-bottom: solid 1px #E8EBF1;
    box-sizing: border-box;
    font-size: 24px;
    padding: 0 30px;
}
.popup-form-body{
    padding: 20px 30px 30px;
}
.popup-form-body .field-container{
    display: flex;
    justify-content: space-between;
}
.popup-form-body .field-container .input-block:first-child{
    margin-right: 10px;
}
.popup-form.payment-notification-popup{
    height: 90vh;
    overflow: hidden;
}
.popup-payments-list{
    width:740px;
}
.popup-payments-list li{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 16px;
    gap: 24px;
    width: 740px;
    height: 56px;
    border: 1px solid #E8EBF1;
    border-radius: 4px;
    margin-bottom: 20px;
}
.popup-form.payment-notification-popup .popup-form-body{
    height: calc(90vh - 70px - 20px - 30px);
    overflow-y: scroll;
}
.popup-form.payment-notification-popup .popup-form-body .accept-payment-button{
    color:#fff;
}
.bills-search-form .field-container .input-block input[type=checkbox]{
    width: 15px;
    height: 15px;
    display:inline-block;
}
.bills-search-form .field-container .input-block .checkbox-label{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: -100px;
    margin-top:10px;
}
.bill-months{

}
.bill-months.hide{
    display: none;
}
.bill-months .input-block{
    display: block;
}
.payment-sideblock-body .tab-item .bill-months .input-block label{
    display:flex;
    align-items: center;
    justify-content: flex-start;
}
.payment-sideblock-body .tab-item .bill-months .input-block input[type=checkbox]{
    width: 17px;
    height:17px;
    margin-right: 5px;
}
.placing-bill{
    background: #f0f0f0;
}
.bill-detials-1,
.bill-detials-8{
    background: /*#FFE6D0;*/ rgba(0, 255, 0, 0.1);
}
.bill-detials-2{
    background: /*#F7E1FF;*/ rgba(255, 255, 0, 0.1)
}
.bill-detials-6{
    background: /*#F7E1FF;*/ /*rgba(255, 168, 0, 0.2)*/ /*#FFF0EC*/ rgba(255, 240, 236, 0.7);
}
.bill-detials-9{
    background: #ccffff;
}
.bill-detials-10{
    background: rgba(255, 172, 172, 0.35);
}
.input-block span.error.error-link{
    color: #3e445b;
}
.error-link a{
    color: #FC6B40;
}
.field-container .input-block input[type=checkbox]{
    width: 16px;
    height: 16px;
}
.field-container.view-fix .input-block{
    flex: 1;
}
.field-container.view-fix .input-block:nth-child(2){
    padding-left: 15px;
}
.field-container.view-fix .input-block label{
    display: flex;
}
.bills-table .data-td{
    position: relative;
}
.bills-table .data-thead .data-td svg{
    position: absolute;
    right: 0;
    top: 10px;
}
.bills-table .data-thead .data-td svg.up path:nth-child(2){
    fill: white;
}
.bills-table .data-thead .data-td svg.down path:nth-child(1){
    fill: white;
}
.bills-table .data-thead .data-td:hover svg path{
    fill: #3D445C !important;
}

.global-loader {
    color: #FC6B40;
    font-size: 10px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: fixed;
    left:35px;
    top:35px;
    z-index:101111;
    text-indent: -9999em;
    animation: mulShdSpin 1.3s infinite linear;
    transform: translateZ(0);
}
span.edit{
    cursor: pointer;
    /*position: absolute;
  top: 16px;
  right: 29px;*/
    display: inline-block;
    width: 30px;
    height: 30px;
    border: solid 1px #CDD4D9;
    border-radius: 4px;
    padding: 5px;
}
.leads-main-row.current span.edit svg{
    transform: rotateZ(180deg);
}
.row-inner-tabs{

}
.row-inner-tabs-nav{
    border-bottom: solid 1px #CDD4D9;
}
.row-inner-tabs-nav ul{
    list-style: none;
    margin: 0;
    margin-bottom: -1px;
    padding: 0;
}
.row-inner-tabs-nav ul li{
    display: inline-block;
    border-bottom: solid 2px rgba(0,0,0,0);
    color: #FC6B40;
    cursor: pointer;
    margin-right: 24px;
    padding-bottom: 10px;
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}
.row-inner-tabs-nav ul li.active,
.row-inner-tabs-nav ul li:hover{
    display: inline-block;
    border-bottom: solid 2px #FC6B40;
    color: #3D445C;
}
.row-inner-tabs .tabs-content .tabs-item{
    display: none;
}
.row-inner-tabs .tabs-content .tabs-item.active{
    display: block;
}
.row-inner-tabs .tabs-content .tabs-item.message-tab{
    padding:20px;
    background: #fff;
}
.row-inner-tabs .tabs-content .tabs-item.message-tab .info-table{

}
.row-inner-tabs .tabs-content .tabs-item.message-tab .info-table .info-tr{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
    padding-bottom: 15px;
}
.row-inner-tabs .tabs-content .tabs-item.message-tab .info-table .info-tr .info-td{
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #8B8F9D;
}
.row-inner-tabs .tabs-content .tabs-item.message-tab .info-table .info-tr .info-td:nth-child(1){
    flex: 0.5;
}
.row-inner-tabs .tabs-content .tabs-item.message-tab .info-table .info-tr .info-td:nth-child(2){
    flex: 1.5;
    color: #3D445C;
}
.row-inner-tabs .tabs-content .tabs-item.message-tab .info-table .info-tr .info-td a{
    color: #FC6B40;
}
.bills-search-form .field-container .input-block.small-input-block,
.mw1460 .field-container .input-block.small-input-block,
.input-block.small-input-block input[type=text]{
    width: 150px;
}
.bookkeeper-bills-page .data-table .data-tr.bills-item.hide{
    display:none;
}
.short_select{
    width: 150px !important;
}
.bills-search-form .field-container .input-block.small-input-block .short_select + span{
    width: 150px !important;
}
.contract-client-details{
    position: absolute;
    right: 250px;
    top: 110px;
}
.posts-block .input-block input.setting-input{
    width: 450px;
}
.data-table .contract-info{
    flex-flow: column;
}
.ib-1-5{
    width: 468px;
}
.posts-block .input-block.ib-1-5 input{
    width: 468px;
}
.comment-value.editable{
    min-height: 20px;
    border: solid 1px rgba(0,0,0,0.1);
    padding:5px;
    outline: none;
}
.payment-info-table{

}
.payment-info-table td{
    border: solid 1px #CDD4D9;
    padding: 12px;
}
.payment-info-table-header td{
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-transform: lowercase;
}

span.fs15{
    display: block;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
}

.cancel-border{
    margin-right: 15px;
    border: solid 1px #CDD4D9;
}
.suppliers-thead{
    border-top: solid 1px #CDD4D9;
    border-bottom: solid 1px #CDD4D9;
}
.delete-operation{
    display: flex;
    align-items: center;
    background: #fff;
    padding: 5px 4px;
    border-radius: 4px;
    border: 1px solid #CDD4D9;
    margin-left: 8px;
}
.content-details .right-block{
    padding: 0;
}
.new-cancel-button{
    border: 1px solid #CDD4D9;
    margin-right: 8px;
}
.up-down-new{
    display: inline-block;
    width: 30px;
    height: 30px;
    border: solid 1px #CDD4D9;
    border-radius: 4px;
    padding: 5px;
}
.up-down-new2{
    display: inline-block;
    width: 30px;
    height: 30px;
    border: solid 1px #CDD4D9;
    border-radius: 4px;
    padding: 5px;
}
.supplier-block.current .up-down-new svg{
    transform: rotateZ(180deg);
}
.select-in-title-block .select2{
    margin-top: -5px;
    margin-left: 10px;
}
#supplier-clients-placement-period{
    width: 250px;
}

/** calls **/
.messages-tab{
    height: 33px;
    margin-bottom: 15px;
}
.messages-tab .tab-selector{
    margin-right: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    color: #3D445C;
}
.messages-tab .tab-selector.active,
.messages-tab .tab-selector:hover{
    color: #FC6B40;
    background: #FFF0EC;
    border-radius: 16px;
}
.client-messages-data .tab-item{
    display:none;
}
.client-messages-data .tab-item.active{
    display: block;
}
.call-item{
    display: flex;
    /*align-items: center;*/
    justify-content: flex-start;
    padding: 20px;
    border-top: solid 1px #E8EBF1;
}
.call-item .call-ico{
    margin-right: 16px;
    /*display: flex;*/
}
.call-item .user-info {
    width: 235px;
    margin-right: 15px;
}
.call-item .user-info .manager-name{
    font-size: 13px;
    color:#3D445C;
}
.call-item .user-info .call-date{
    font-size: 13px;
    color:#8B8F9D;
}
.call-item .user-post{
    width: 235px;
    margin-right: 15px;
    font-size: 13px;
    color:#3D445C;
}
.call-item .phone{
    width: 235px;
    margin-right: 15px;
    font-size: 13px;
    color: #FC6B40;
}
.call-item .billsec{
    width: 235px;
    margin-right: 15px;
    font-size: 13px;
    color:#8B8F9D;
}
.call-item .link2file{
    font-size: 13px;
}
.call-item .link2file a{
    font-size: 13px;
    color: #FC6B40;
}
.external-call,
.external-call-form{
    width: 140px;
    height: 42px;
    color:#fff !important;
    background: #4FB14B;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
    padding: 0 12px;
}
.binotel-get-call{
    cursor: pointer;
}
.link2file audio{
    width: 250px;
}
/** Calls in client  **/
.message-item .slide-up-down span{
    display: inline-block;
    width: 14px;
    height: 14px;
    cursor: pointer;
}
.message-item.open .slide-up-down span{
    transform: rotate(180deg);
}
.messages-block{
    display:block;
    padding: 0 20px 20px;
}
.messages-block.hide{
    display:none;
}
.messages-block div{
    width: 460px;
    background: #F9F9FA;
    border-radius: 8px 8px 8px 0px;
    padding:10px;
}
.messages-block div.right-side{
    margin-left: 460px;
    text-align:right;
    background: #F2F5FB;
    border-radius: 8px 8px 0px 8px;
}
.messages-block div strong{
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
}
.messages-block div sapn.date{
    color: #AAADB1;
    font-size: 13px;
    line-height: 18px;
}
.posts-block .input-block.binotel-manager-options{
    margin:0;
}
.binotel-manager-options label{
    width:320px;
}
.binotel-manager-options input[type=radio]{
    position:relative;
    opacity: 1;
    width: 13px;
    height:13px;
}
.binotel-manager-options select.manager-list{
    height: 40px;
    border: 1px solid #CDD4D9;
    border-radius:4px;
    margin-left: 15px;
    padding: 0 5px;
}
select.manager-list2{
    height: 100px;
    border: 1px solid #CDD4D9;
    border-radius:4px;
    margin-left: 15px;
    padding: 0 5px;
    width:320px;
}
/** END CALLS **/
.informer.editable{
    cursor: pointer;
}
.informer2.editable{
    cursor: pointer;
}
.payment-status{
    width: 263px;
}
.payments-group-header{
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.tab-btn{
    margin-right: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    color: #3D445C;
    cursor:pointer;
}
.tab-btn:hover,
.tab-btn.active{
    color: #FC6B40;
    background: #FFF0EC;
    border-radius: 16px;
}
.payments-tabs .tab{
    display:none;
}
.payments-tabs .tab.active{
    display:block;
}
.client-company-title{
    padding:10px;
    font-weight: 600;
}
.spc-fc .input-block{
    margin-right: 10px;
}
.spc-fc .input-block [type=text]{
    background:#fff;
}
.spc-fc .btn-style{
    height: 42px;
    padding: 0 15px;
}
#supplier-payment-form select{
    display: none;
}

.with-filter{
    position: relative;
}
.row-filter{
    position: absolute;
    left: 0;
    top: 40px;
    background: #fff;
    z-index: 10;
    padding: 15px;
    border: solid 1px #ccc;
}
.row-filter.hide{
    display: none;
}
.filter-ico{
    margin-left:10px;
}
.row-filter label{
    display: flex;
    align-items: center;
    font-size: 14px;
    white-space: nowrap;
    margin-bottom:10px;
}
.row-filter label input[type=checkbox]{
    margin-right: 10px;
}
.leads-apply-filter{
    padding: 0 20px;
}
.client-contact-select{
    width:360px;
}
.select2-dropdown--below.w350{
    width:350px !important;
}
.supplier-row input.owner-price,
.supplier-row input.supplier-price{
    width: 50px;
}
.bank-details-block{
    position: relative;
    padding-bottom: 35px;
}
.bank-details-line{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
}
.bank-details-add{
    position: absolute;
    right: 0px;
    bottom: 10px;
    /*width: 30px;*/
    width: 113px;
    height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: 'Helvetica Neue', Helvetica, 'helvetica', Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    cursor:pointer;
    background: #FC6B40;
    border: none;
    padding: 0 14px;
    color:#fff;
}
.bank-details-del{
    position: absolute;
    right: -35px;
    top: 7px;
    width: 30px;
    height: 30px;
    border: 1px solid #CDD4D9;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 3px;
    background: #fff;
    cursor:pointer;
}
.addition-contact-del{
    position: absolute;
    right: -35px;
    top: 7px;
    width: 30px;
    height: 30px;
    border: 1px solid #CDD4D9;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 3px;
    background: #fff;
    cursor:pointer;
}
.bank-details-line:first-child .bank-details-del{
    top:27px;
}
.bank-details-add.hide{
    display:none;
}
#export-supplier{
    background: #fff;
    margin-right: 10px;
    border: 1px solid #CDD4D9;
    padding-top:0px;
    padding-bottom:0px;
    line-height: 42px;
}

.manager-calls-header{
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.manager-calls-header .call-tab-selector{
    margin-right: 8px;
    padding: 8px 16px;
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    color: #3D445C;
    margin-bottom:10px;
}
.manager-calls-header .call-tab-selector.active,
.manager-calls-header .call-tab-selector:hover{
    color: #FC6B40;
    background: #FFF0EC;
    border-radius: 16px;
}
.manager-calls.hide{
    display: none;
}

/*KANBAN*/
.kanban{
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    background: #e7ebee;
    border-left: solid 5px #e7ebee;
    border-right: solid 5px #e7ebee;
    border-top: solid 5px #e7ebee;
}
.kanban-body{
    height: 649px;
    width: 2850px;
    cursor: move;
    /*background: #e7ebee;*/
    /*display: flex;
    flex-direction: row;
    justify-content: space-between;*/

}
#kanban_col-7{
    margin-right: 0;
}
.kanban-item{
    width: 360px;
    background: #f6f7f9;
    padding: 13px;
    border-radius: 3px;
    float: left;
    margin-right: 16px;
    cursor: default;
    /*position: absolute;*/
}
#kanban_col-1.colored{
    background: rgba(255,255,0,0.25);
}
#kanban_col-2.colored{
    background: rgba(0,255,0,0.25);
}
#kanban_col-3.colored{
    background: rgba(0,255,255,0.25);
}
#kanban_col-4.colored{
    background: rgba(74,134,232,0.25);
}
#kanban_col-5.colored{
    background: rgba(0,0,255,0.25);
}
#kanban_col-6.colored{
    background: rgba(153,0,255,0.25);
}
#kanban_col-7.colored{
    background: rgba(255,0,0,0.25);
}
#kanban_col-8.colored{
    background: rgba(0,0,255,0.25);
}
#kanban_col-9.colored{
    background: rgba(0,255,0,0.25);
}
#kanban_col-10.colored{
    background: rgba(0,255,0,0.25);
}
#kanban_col-11.colored{
    background: rgba(255,0,0,0.25);
}
#kanban_col-12.colored{
    background: rgba(0,255,0,0.25);
}
#kanban_col-13.colored{
    background: rgba(0,255,0,0.25);
}
#kanban_col-14.colored{
    background: rgba(0,255,0,0.25);
}
#kanban_col-1.colored.opacity-05,
#kanban_col-2.colored.opacity-05,
#kanban_col-3.colored.opacity-05,
#kanban_col-4.colored.opacity-05,
#kanban_col-5.colored.opacity-05,
#kanban_col-6.colored.opacity-05,
#kanban_col-7.colored.opacity-05,
#kanban_col-8.colored.opacity-05
{
    background: #f6f7f9;
}
.kanban-item-header{
    border: solid 1px #e8ebf1;
    background:#fff;
    padding: 8px 16px;
    color: #0A274D;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    font-family: "helvetica-neue", sans-serif;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.kanban-item-header .opener{
    margin-right: 13px;
    cursor:pointer;
}
.kanban-item-header .opener.closed svg{
    transform: rotateZ(180deg);
}
.kanban-item-header .item-name{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.kanban-item-header .item-name .count{
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    background: #F2F5FB;
    color: #8B8F9D;
    padding: 2px 5px;
    border-radius: 4px;
    margin-left: 8px;
}
.kanban-item-header .item-add{
    margin-left: 13px;
}
.kanban-item-leads{
    margin-top:8px;
    max-height: 574px;
    overflow-y: auto;
    /*scrollbar-width: thin;*/
}
.kanban-item-leads::-webkit-scrollbar {
    width: 4px;
    background-color: #e8ebf1;
}
.kanban-item-leads::-webkit-scrollbar-thumb {
    background-color: #cdd4d9;
    border-radius: 20px;
}
.lead-item{
    padding: 15px;
    margin-bottom: 10px;
    border: solid 1px #e8ebf1;
    background: #fff;
    width:332px;
    position: relative;
}
.lead-item .lead-title{
    height: 30px;
    width: 288px;
    overflow: hidden;
    padding: 5px 5px 5px 0;
    color: #3D445C;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;

    margin-bottom: 5px;
}
.lead-item .lead-title .lead-opener{
    margin-right: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.lead-item .lead-title .lead-opener.closed svg{
    transform: rotateX(180deg) rotateY(180deg);
}
.lead-item .lead-title .lead-name{
    width:231px;
    display: flex;
    align-items: center;
}
.lead-item .lead-title .lead-name .lead-favorite{
    width: 18px;
    height: 18px;
    cursor:pointer;
    margin-right: 5px;
}
.client-favorite{
    width: 18px;
    height: 18px;
    cursor:pointer;
    margin-right: 5px;
}
.lead-item .lead-data span{
    display:block;
    width: 286px;
    min-height: 18px;
    margin-bottom: 8px;
    color: #3D445C;
    font-size: 13px;
    line-height: 18px;
    padding-left: 28px;
}
.lead-item .lead-data .lead-info-phone{
    background: url("/assets/img/kanban/phone-2.png") left top no-repeat;
}
.lead-item .lead-data .lead-info-email{
    background: url("/assets/img/kanban/mail.png") left top no-repeat;
}
.lead-item .lead-data .lead-info-city{
    background: url("/assets/img/kanban/location.png") left top no-repeat;
}
.lead-item .lead-data .lead-info-created_at{
    background: url("/assets/img/kanban/clock.png") left top no-repeat;
}
.lead-item .lead-data .lead-info-source{
    background: url("/assets/img/kanban/source.png") left top no-repeat;
}
.lead-item .lead-data .lead-info-manager{
    background: url("/assets/img/kanban/user.png") left top no-repeat;
}
.lead-item .lead-data .lead-info-telegram{
    background: url("/assets/img/kanban/telegram.svg") left top no-repeat;
}
.lead-item .lead-data .lead-info-avg-check {
    background: url("/assets/img/kanban/money.svg") left top no-repeat;
}

.lead-item .lead-data .lead-info-call-me {
    background: url("/assets/img/kanban/alarm.svg") left top no-repeat;
    padding-left: 24px;
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 4px;
    font-weight: 500;
    min-height: 20px;
    line-height: 20px;
}

.lead-item .lead-data .lead-info-call-me-overdue {
    color: #DC2626;
    font-weight: 600;
}

/* Import by ID Modal Styles */
.fancybox__container {
    z-index: 99999 !important;
}

.import-by-id-modal {
    position: fixed;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 16px;
    padding: 30px;
    width: 1200px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
    z-index: 10001;
}

.import-by-id-modal h2 {
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
    color: #333;
}

.entry-header_add_by_id {
    display: flex;
    gap: 10px;
    font-weight: bold;
    padding: 0 5px 10px;
    color: #666;
}

.entry-header_add_by_id span {
    width: 10%;
    text-align: left;
}

.id-entry-group_add_by_id .entry_add_by_id {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.entry_add_by_id input {
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 10%;
}

.board-code_add_by_id,
.board-city_add_by_id,
.board-side_add_by_id,
.board-type_add_by_id,
.board-address_add_by_id {
    width: 10%;
    font-size: 14px;
    color: #333;
}

.board-photo_add_by_id {
    width: 10%;
}

.board-photo_add_by_id img {
    max-width: 100px;
    border-radius: 6px;
}

.remove-board-entry_add_by_id {
    background: transparent;
    border: none;
    color: red;
    font-size: 18px;
    cursor: pointer;
    width: 40px;
}

.remove-board-entry_add_by_id:hover {
    color: darkred;
}

.btn-style_add_by_id {
    background: #3b82f6;
    color: white;
    padding: 10px 20px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-weight: bold;
}

.btn-style_add_by_id:disabled {
    background: #9ca3af;
    cursor: not-allowed;
}

.btn-secondary_add_by_id {
    background: #f3f4f6;
    color: #333;
    border: 1px solid #ccc;
}

.board-not-found_add_by_id {
    color: red;
    font-style: italic;
}

.close-outdoor {
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
}

.close-outdoor svg {
    width: 18px;
    height: 18px;
}

.kanban-item.item-collapse{
    width: 78px;
    height: 355px;
}
.kanban-item.item-collapse .kanban-item-header{
    height: 316px;
    display: block;
    padding: 8px 11px;
}
.kanban-item.item-collapse .kanban-item-header .opener{
    margin-bottom: 8px;
}
.kanban-item.item-collapse .kanban-item-header .item-name{
    display: block;
    height: 225px;
    writing-mode: vertical-lr;
    padding-left: 5px;
}
.kanban-item.item-collapse .kanban-item-header .item-name .count{
    padding: 5px 2px;
    margin-top: 8px;
    margin-left: 0;
    display: inline-block;
}
.kanban-item.item-collapse .kanban-item-header .item-add{
    margin-left: 0;
}

.dots{
    width: 30px;
    height: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: solid 1px #CDD4D9;
    border-radius: 3px;
    margin-left: 5px;
    cursor: pointer;
}
.dots.active{
    background: #F6F7F9;
}
.lead-action-menu-items{
    display: none;
    position: absolute;
    top: 58px;
    right: 11px;
    width:205px;
    background:#fff;
    border-radius: 2px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(61,68,92,0.4);
    -moz-box-shadow: 0px 5px 20px 0px rgba(61,68,92,0.4);
    box-shadow: 0px 5px 20px 0px rgba(61,68,92,0.4);
    padding:5px;
    z-index: 1;
}
.lead-action-menu-items.active{
    display: block;
}
.lead-action-menu-items .item{
    height:36px;
    display: flex;
    align-items: center;
    justify-content: flex-start;;
}
.lead-action-menu-items .item a{
    margin-left: 13px;
    font-size: 13px;
    color: #3D445C;
}
.zi10100{
    z-index: 10100;
}
.zi10000{
    z-index: 10000 !important;
}
.default-popup.view-lead-popup{
    z-index: 10002;
}
.leads-view-type{
    position: absolute;
    width: 83px;
    height:42px;
    right:20px;
    top:0;
}
.view-item{
    height: 42px;
    width: 42px;
    border: solid 1px #CDD4D9;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}
.view-item.active,
.view-item:hover{
    border: solid 1px #FC6B40;
    background: #FFF0EC;
    z-index: 2;
}
.view-item:hover{
    z-index:3
}
.view-item.active svg path,
.view-item:hover svg path{
    stroke: #FC6B40;
}
.line-view{
    left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.box-view{
    right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.row-inner-tabs .tabs-content .tabs-item.status-tab.active,
.status-tab{
    display: flex;
    justify-content: space-between;
}
.status-tab .status-div{
    width: 540px
}
#lead-status-form button[disabled],
.lead-change-status-form button[disabled]{
    opacity: 0.4;
}
.lead-change-status-form{
    width: 540px;
}
.mw1460 .field-container.call-me-block,
.call-me-block{
    display: block;
}
.call-me-block label.radio-label,
.lead-off-reason label.radio-label{
    padding-left: 28px;
    height: 20px;
    line-height: 20px;
    background: url(/assets/img/kanban/radio.png) left -20px no-repeat;
    font-size: 14px;
    color: #3D445C;
    cursor: pointer;
}
.call-me-block label.radio-label input,
.lead-off-reason label.radio-label input{
    display:none;
}
.call-me-block label.radio-label.checked,
.lead-off-reason label.radio-label.checked{
    background: url(/assets/img/kanban/radio.png) left top no-repeat;
}
.lead-name a:hover{
    color: #FC6B40;
}
.field-container.fd-column{
    flex-direction: column;
}
.new-created-at{
    color: #8B8F9D;
    font-size: 13px;
    font-family: "helvetica-neue", sans-serif;
}
.new-lead-email{
    color: #FC6B40;
    font-size: 13px;
    font-family: "helvetica-neue", sans-serif;
}
.leads-new-name-col,
.leads-contacts-col{
    flex: 1.75;
}
.leads-status-col{
    flex: 1.5;
}
.new-name-items{
    display: flex;
    flex-direction: row;
}
.lead-block .input-block label.services-label{
    display: flex;
}
.lead-block .input-block label.services-label > input{
    margin-right: 5px;
}

@keyframes mulShdSpin {
    0%,
    100% {
        box-shadow: 0 -3em 0 0.2em,
        2em -2em 0 0em, 3em 0 0 -1em,
        2em 2em 0 -1em, 0 3em 0 -1em,
        -2em 2em 0 -1em, -3em 0 0 -1em,
        -2em -2em 0 0;
    }
    12.5% {
        box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em,
        3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em,
        -2em 2em 0 -1em, -3em 0 0 -1em,
        -2em -2em 0 -1em;
    }
    25% {
        box-shadow: 0 -3em 0 -0.5em,
        2em -2em 0 0, 3em 0 0 0.2em,
        2em 2em 0 0, 0 3em 0 -1em,
        -2em 2em 0 -1em, -3em 0 0 -1em,
        -2em -2em 0 -1em;
    }
    37.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
        3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em,
        -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    50% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
        3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em,
        -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
    }
    62.5% {
        box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em,
        3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0,
        -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
    }
    75% {
        box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em,
        3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
        -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
    }
    87.5% {
        box-shadow: 0em -3em 0 0, 2em -2em 0 -1em,
        3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em,
        -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
    }
}
/* JQUERY POWERTIP */
/**
 * PowerTip
 * https://stevenbenner.github.io/jquery-powertip/
 *
 * Stylesheet for the monochrome (default) theme.
 */

#powerTip {
    cursor: default;
    background-color: #333;
    background-color: rgba(0, 0, 0, 0.8);
    border-color: #333;
    border-color: rgba(0, 0, 0, 0.8);
    border-radius: 6px;
    color: #fff;
    display: none;
    padding: 10px;
    position: absolute;
    white-space: nowrap;
    z-index: 2147483647;
}
#powerTip:before {
    content: attr(class) " ";
    position: absolute;
    height: 0;
    width: 0;
    text-indent: 100%;
    overflow: hidden;
}
#powerTip.n:before, #powerTip.s:before {
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    left: 50%;
    margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    margin-top: -5px;
    top: 50%;
}
#powerTip.n:before,
#powerTip.ne:before, #powerTip.nw:before {
    bottom: -10px;
}
#powerTip.n:before,
#powerTip.ne:before, #powerTip.nw:before ,
#powerTip.nw-alt:before, #powerTip.ne-alt:before {
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 10px;
}
#powerTip.e:before {
    border-right-color: inherit;
    border-right-style: solid;
    border-right-width: 10px;
    left: -10px;
}
#powerTip.s:before,
#powerTip.se:before, #powerTip.sw:before {
    top: -10px;
}
#powerTip.s:before,
#powerTip.se:before, #powerTip.sw:before ,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
    border-bottom-color: inherit;
    border-bottom-style: solid;
    border-bottom-width: 10px;
}
#powerTip.w:before {
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 10px;
    right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
    border-right: 10px solid transparent;
    border-left: 0;
    left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
    border-left: 10px solid transparent;
    border-right: 0;
    right: 10px;
}
#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
    bottom: -10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 10px;
}
#powerTip.ne-alt:before {
    left: auto;
    right: 10px;
}
#powerTip.sw-alt:before, #powerTip.se-alt:before {
    border-top: none;
    bottom: auto;
    top: -10px;
}
#powerTip.se-alt:before {
    left: auto;
    right: 10px;
}
/* Litvinenko */
.occupancy-div-percent {
    display: inline-block;
    position: relative;
}

.occupancy-span-percent {
    display: inline-block;
    background: #ccc;
    color: #000;
    text-align: center;
    border-radius: 50%;
    padding: 50% 0;
    width: 100%;
    position: absolute;
    transform: translateY(-50%);
}

.occupancy-text-percent {
    position: relative;
    top: -.5em;
    padding: 0em 0.65em;
}
.occupancy-td{
    height: 50px;
    text-align: center;
}
.occupancy-td-header-text{
    padding-bottom: 20px;
    font-size: medium;
}
.all-occupancy-table,.all-occupancy-td,.all-occupancy-tr{
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
    height: 50px;
    padding: 5px;
    text-align: center;
}
.occupancy-table{
    width: 100%;
}
.mfp-close-outdoor {
    color: #333;
}
button.mfp-close-outdoor {
    z-index: 1003;
}
button.mfp-close-outdoor, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

.mfp-close-outdoor {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close-outdoor {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.add-to-contract-from-exist{
    color: white !important;
    cursor: pointer;
}
.input-block-exist{
    padding-top: 0px;
}
.excel-file-ads{
    padding: 10px;
    text-align: left;
    width: 99%;
    display: inline-block;
}
.forloadads{
    width: 300px;
}
.supplier-type-item{
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}
.supplier-type-item input{
    margin-right: 10px;
}
.services-supplier .supplier-type-item input{
    height: auto;
}
.addition-agreements .data-tr{
    padding-left: 30px;
    background: left center url("/assets/img/dots.png") no-repeat;
}

.class-icon {
    padding: 5px 5px;
    border-radius: 3px;
    font-size: 12px;
}

.call-transcription {
    margin-left: 10px;
    padding: 10px;
}
.call-transcription p {
    margin: 5px 0; /* Отступы между абзацами */
    font-weight: normal; /* Обычный вес шрифта */
    font-family: Arial, sans-serif; /* Шрифт */
    line-height: 1.5; /* Межстрочный интервал */
    color: #333; /* Цвет текста */
}

#application_month {
    width: 100%;
    min-height: 38px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
}

.multiple-control-layout-popup .control-layout-header,
.control-layout-popup .control-layout-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e0e0;
}

.multiple-control-layout-popup .control-layout-title
.control-layout-popup .control-layout-title {
    font-size: 18px;
    font-weight: bold;
    color: #3d445c;
}

.multiple-control-layout-popup .control-layout-body,
.control-layout-popup .control-layout-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
}

.multiple-control-layout-popup .field-container,
.control-layout-popup .field-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.multiple-control-layout-popup .input-block label,
.control-layout-popup .input-block label {
    font-size: 14px;
    font-weight: 500;
    color: #3d445c;
}

.multiple-control-layout-popup .input-block input,
.multiple-control-layout-popup .input-block select,
.control-layout-popup .input-block input,
.control-layout-popup .input-block select {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.multiple-control-layout-popup .input-block select[multiple],
.control-layout-popup .input-block select[multiple] {
    height: auto;
}

.control-layout-image-popup {
    position: fixed;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 15px;
    z-index: 99999; /* popup выше overlay */
    border-radius: 10px;
    display: none;
}

.popup-content, .custom-popup-content {
    position: relative;
    text-align: center;
}

.popup-content img {
    max-width: 100%;
    max-height: 80vh;
}

.custom-popup-content img {
    min-width: 1000px;
    max-width: 100%;
    max-height: 80vh;
}

.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    font-size: 20px;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.3s;
}

#layout-prev-image {
    left: 10px;
}

#layout-next-image {
    right: 10px;
}

.nav-btn:hover {
    background-color: rgba(0, 0, 0, 0.8);
}
/* Thumbnails Container at the Bottom */
.image-thumbnails-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Dark background for better visibility */
    padding: 10px 0;
    z-index: 100000;
    overflow-x: hidden; /* Hide horizontal scroll */
    display: flex;
    flex-wrap: wrap; /* Allow thumbnails to wrap */
    justify-content: center;
}
.image-thumbnails-container.hide{
    display: none;
}

/* Thumbnails List Styling */
.thumbnails-list {
    display: flex;
    gap: 8px;
    padding: 0;
    list-style: none;
    flex-wrap: wrap; /* Allow wrapping of thumbnails */
    justify-content: flex-start; /* Align thumbnails to the left */
}

.thumbnails-list li {
    width: 80px;
    height: 80px;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s;
}

.thumbnails-list li.active {
    opacity: 1;
    border: 2px solid #ffa500; /* Orange border for active thumbnail */
}

.thumbnails-list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumbnails-list li:hover {
    opacity: 1;
}





.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 24px;
}


.multiple-control-layout-popup .bg-white {
    border-radius: 1rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    max-width: 100%;
}

.multiple-control-layout-popup .multiple-control-layout-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e5e7eb;
    padding: 1rem;
}

.multiple-control-layout-popup .multiple-control-layout-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2d3748;
}

.multiple-control-layout-popup .close {
    cursor: pointer;
    color: #4b5563;
    transition: color 0.3s ease;
}

.multiple-control-layout-popup .close:hover {
    color: #e11d48;
}

.multiple-control-layout-popup .multiple-control-layout-body {
    padding: 1rem;
    background-color: #ffffff;
}

.multiple-control-layout-popup .applications-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.multiple-control-layout-popup .applications-list p {
    color: #9ca3af;
    font-size: 0.875rem;
}

.multiple-control-layout-popup .application-form-action {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1rem;
    background-color: white;
    border-top: 1px solid #e5e7eb;
}

.layout-applications-table {
    width: 100%;
    border-collapse: collapse;
}

.layout-applications-table th, .layout-applications-table td {
    border: 1px solid #e5e7eb;
    padding: 0.75rem;
}

.layout-applications-table th {
    background-color: #f3f4f6;
    font-weight: 600;
    text-align: left;
}

.layout-applications-table td {
    text-align: left;
}

.layout-applications-table tbody tr:hover {
    background-color: #f9fafb;
}

.custom-bubble-image-container {
    position: absolute;
    display: inline-block;
}

.custom-bubble-image-container img {
    transition: opacity 0.3s ease;
}

.custom-bubble-image-container .hover-image {
    display: none;
    position: absolute;
    top: -250%; /* To center the image relative to the cursor */
    right: +250%; /* Make sure the image appears to the left of the cursor */
    z-index: 10;
    width: 400px; /* Increased width */
    height: auto; /* Proportional height */
    max-height: 600px; /* Max height to keep it within reasonable bounds */
    transition: left 0.1s ease, top 0.1s ease;
}

.custom-bubble-image-container:hover .hover-image {
    display: block;
}

.transcription-col a{
    cursor:pointer;
    color: #f76a47 !important;
}
.transcription-col{
    padding-left: 40px;
}
.transcription-block{
    padding: 0 20px 20px;
    display:none;
}
.show-transcription-text{
    cursor: pointer;
    color: #f76a47 !important;
    margin: 25px 0 0;
    display: inline-block;
}
.transcription-text{
    display:none;
}
.service-detailing{
    background: #FC6B40;
    padding: 10px;
    color: #fff !important;
    border-radius: 3px;
}

#file_list {
    list-style-type: none;
    padding: 0;
}

#file_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.al-selected-filter {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.al-selected-filter .selected-filter-item {
    padding: 5px 10px;
    border-radius: 5px;
    background: #FFF0EC;
    margin-right: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.al-selected-filter .selected-filter-item img {
    margin-left: 10px;
    cursor: pointer;
}



.app-without-detailed-services{
    background: rgba(255, 255, 0, 0.5);
}

.photo-report-checkbox-col {
    width: 40px;
    text-align: center;
}

.photo-report-checkbox-col input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    appearance: none;
    background-color: white;
    border: 2px solid #FC6B40;
    border-radius: 4px;
    position: relative;
}

.photo-report-checkbox-col input[type="checkbox"]:checked {
    background-color: #FC6B40;
    border-color: #FC6B40;
}

.photo-report-checkbox-col input[type="checkbox"]::before {
    content: "✔";
    font-size: 14px;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.photo-report-checkbox-col input[type="checkbox"]:checked::before {
    display: block;
}
.modified-alert{
    flex-basis: 100%;
    display: flex;
    color: #FC6B40;
    font-size: 18px;
    justify-content: center;
}

.offer-link-container{
    width: 500px;
}
.new-refund{
    width: 1000px;
    height: auto;
    transform: translate(calc(-50% + 161px), calc(-50% + 122px));
}
.new-refund table td{
    padding: 10px;
}
.new-refund table td .refund-input{
    width: 110px;
}
.kanban-tabs .tab-item {
    padding: 8px 16px;
    background: #f3f4f6;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 500;
    color: #3D445C;
    transition: background 0.3s;
}

.kanban-tabs .tab-item:hover {
    background: #e0e0e0;
}

.kanban-tabs .tab-item.active {
    background: #FC6B40;
    color: white;
}
.confirm-documents {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 420px; /* немного уже */
    max-width: 90%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    z-index: 10002;
    display: none;
    padding: 18px 22px; /* уменьшенные отступы */
}
.confirm-documents .popup-body p {
    font-size: 15px;
    margin: 0;
    padding: 6px 0 10px;
    color: #333;
    text-align: center;
    line-height: 1.4;
}
.confirm-documents .buttons {
    display: flex;
    gap: 10px;
    justify-content: center; /* кнопки по центру */
    margin-top: 16px;
}
/* Communications*/
.lead-block .four-items .input-block,
.lead-block .four-items .input-block input{
    width: 251px;
}

/* Financial indicators */
.fi-row {
    background: #f8f9fa;
    border-top: 1px dashed #dee2e6;
    padding: 6px 15px;
    font-size: 11px;
}
.fi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 4px 12px;
}
.fi-cell {
    padding: 3px 6px;
}
.fi-cell--debug {
    background: #fff3cd;
    padding: 3px 6px;
    border-radius: 3px;
}
.fi-label {
    color: #6c757d;
    font-size: 10px;
}
.fi-label--debug {
    color: #856404;
    font-size: 10px;
}
.fi-value {
    font-weight: 600;
    color: #3d445c;
}
.fi-value--debug {
    font-weight: 600;
    color: #533f03;
}
/* Client card - financial debug row */
.fi-debug-row {
    background: #fff3cd;
}
/* Inline financial columns in contracts table */
.clients-contracts-data .data-table.has-fi-cols .data-thead .data-td.td-name,
.clients-contracts-data .data-table.has-fi-cols .data-tbody .data-td.td-name {
    flex: 4;
    min-width: 0;
}
.clients-contracts-data .data-table.has-fi-cols .data-tbody .data-td.td-name .contract_title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    line-height: 1.4;
}
.data-table .data-td.fi-col-td {
    font-weight: 600;
    font-size: 12px;
    color: #3d445c;
    padding: 24px 6px;
}
.data-table .data-thead .data-td.fi-col-td {
    font-weight: 500;
    font-size: 10px;
    white-space: nowrap;
    padding: 12px 6px;
}
/* Fix alignment of financial columns in contracts table */
.clients-contracts-data .data-table.has-fi-cols .data-td.fi-col-td {
    flex: 0 0 100px;
    text-align: center;
    justify-content: center;
}
.clients-contracts-data > .data-table.has-fi-cols > .data-thead .data-td.action-col,
.clients-contracts-data .data-table.has-fi-cols .data-tr.tr-action > .data-td.action-col {
    flex: 0 0 240px;
    flex-wrap: wrap;
}
.clients-contracts-data .data-table.has-fi-cols .data-td.f2 {
    flex: 1 !important;
}
.clients-contracts-data .data-table.has-fi-cols .data-tr.tr-action > .data-td.action-col > .data-td.action-col {
    flex: 0 0 auto;
}
/* Markup toggle (actual / planned) */
.fi-markup-planned { display: none; }
.fi-markup-header { user-select: none; }
.fi-markup-header:hover .fi-markup-toggle-icon { opacity: 1 !important; }
/* Analytics 3-column grid on client view */
.analytics-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.analytics-col {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.analytics-col--debug {
    background: #fff3cd;
    border-radius: 6px;
    padding: 0 10px;
}
.analytics-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 4px 0;
}
.analytics-row .analytics-label {
    color: #6c757d;
    font-size: 12px;
}
.analytics-row .analytics-value {
    font-weight: 600;
    font-size: 13px;
    color: #3d445c;
}
.analytics-row .analytics-value--debug {
    font-weight: 600;
    font-size: 13px;
    color: #533f03;
}
.fi-value--profitability {
    color: #b8860b !important;
}
.fi-value--bonus {
    color: #2563eb !important;
}
/* Planned analytics section on client view */
.analytics-planned-section {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px dashed #dee2e6;
}
.analytics-planned-title {
    font-size: 14px;
    font-weight: 600;
    color: #2563eb;
    margin: 0 0 2px 0;
}
.analytics-planned-hint {
    font-size: 11px;
    color: #6c757d;
    margin-bottom: 8px;
}
.analytics-col--planned-debug {
    background: #dbeafe;
    border-radius: 6px;
    padding: 0 10px;
}
/* Popup financial tab */
.act-popup-sub-title .custom-popup-fi {
    margin-left: 20px;
    font-weight: bold;
    cursor: pointer;
}
.act-popup-sub-title .custom-popup-fi::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: transparent transparent transparent transparent;
    transition: border-color 0.3s ease, border-width 0.3s ease;
    z-index: -1;
}
.act-popup-sub-title .custom-popup-fi.active::after {
    border-bottom-color: orange;
}
.act-popup-sub-title .custom-popup-fi.active {
    color: orange;
}
.custom-fi-popup .fi-popup-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 16px;
    padding: 12px 5px;
}
.custom-fi-popup .fi-popup-cell {
    padding: 6px 8px;
}
.custom-fi-popup .fi-popup-cell--debug {
    background: #fff3cd;
    padding: 6px 8px;
    border-radius: 4px;
}
.custom-fi-popup .fi-popup-label {
    color: #6c757d;
    font-size: 10px;
    margin-bottom: 2px;
}
.custom-fi-popup .fi-popup-value {
    font-weight: 600;
    font-size: 13px;
    color: #3d445c;
}
.custom-fi-popup .fi-popup-section-title {
    font-weight: 700;
    font-size: 12px;
    color: #3d445c;
    padding: 0 5px;
    margin-top: 4px;
}
.custom-fi-popup .fi-popup-section-hint {
    font-size: 10px;
    color: #9ca3af;
    padding: 0 5px 4px;
    font-style: italic;
}
.custom-fi-popup .fi-popup-grid--planned {
    background: #eff6ff;
    border-radius: 6px;
    border: 1px solid #bfdbfe;
}
.custom-fi-popup .fi-popup-cell--planned {
    padding: 6px 8px;
}
.custom-fi-popup .fi-breakdown-board {
    margin: 6px 5px 0;
}
.custom-fi-popup .fi-breakdown-board-title {
    font-weight: 600;
    font-size: 11px;
    color: #3d445c;
    padding: 2px 0;
}
.custom-fi-popup .fi-breakdown-prices {
    font-weight: 400;
    color: #9ca3af;
    font-size: 10px;
}
.custom-fi-popup .fi-breakdown-table {
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    font-size: 11px;
    margin-bottom: 2px;
}
.custom-fi-popup .fi-breakdown-row {
    display: flex;
    border-top: 1px solid #e5e7eb;
}
.custom-fi-popup .fi-breakdown-row:first-child {
    border-top: none;
}
.custom-fi-popup .fi-breakdown-row--paid {
    background: #f0fdf4;
}
.custom-fi-popup .fi-breakdown-row--unpaid {
    background: #fef2f2;
}
.custom-fi-popup .fi-breakdown-cell {
    padding: 3px 8px;
    color: #3d445c;
    flex: 1;
}
.application-deactivate-popup .input-block,
#deactivate_note{
    /*width: 263px;*/
    width: 100%;
}
.aac{
    display: block;
    padding: 7px;
    border: solid 1px #cdd4d9;
    cursor: pointer;
    background: #fff;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.aac:hover{
    background: #FC6B40;
    border-color:#FC6B40;
    color: #fff;
}

/* Task modals - общие стили для модалок задач */
.task-popup-create,
.task-popup-edit,
.task-postpone-popup,
.task-complete-popup {
    width: 800px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
}

.task-popup-create .default-popup-body,
.task-popup-edit .default-popup-body,
.task-postpone-popup .default-popup-body,
.task-complete-popup .default-popup-body {
    overflow-y: auto;
    flex: 1;
    max-height: calc(90vh - 60px);
}

.task-popup-edit .default-popup-body.task-modal-tab-content {
    display: none;
}

.task-popup-edit .default-popup-body.task-modal-tab-content.active {
    display: block;
}

/* Task modal tabs */
.task-modal-tabs {
    display: flex;
    border-bottom: 2px solid #E5E5E5;
    padding: 0 30px;
    background: #fff;
    flex-shrink: 0;
}

.task-modal-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    margin-bottom: -2px;
    border-bottom: 2px solid transparent;
    color: #8B8F9D;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.15s;
    user-select: none;
}

.task-modal-tab:hover {
    color: #3D445C;
}

.task-modal-tab.active {
    color: #3D445C;
    border-bottom-color: #FC6B40;
    font-weight: 600;
}

.task-modal-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: #E5E5E5;
    color: #8B8F9D;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.task-modal-tab.active .task-modal-tab-count {
    background: #FFF0EC;
    color: #FC6B40;
}

/* Max height adjustment for edit modal with tabs */
.task-popup-edit .task-modal-tab-content {
    max-height: calc(90vh - 110px);
}

/* Modal notes styles */
.task-modal-tab-content[data-modal-tab-content="notes"] {
    overflow: hidden !important;
}

.task-modal-tab-content[data-modal-tab-content="notes"].active {
    display: flex !important;
    flex-direction: column;
}

.modal-notes-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.modal-notes-list {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    margin-bottom: 12px;
}

.modal-note-form {
    border-top: 1px solid #ECEDF0;
    padding-top: 12px;
    flex-shrink: 0;
}

.modal-note-textarea {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #CDD4D9;
    border-radius: 6px;
    font-size: 13px;
    color: #3D445C;
    resize: vertical;
    min-height: 50px;
    max-height: 150px;
    font-family: inherit;
    box-sizing: border-box;
}

.modal-note-textarea:focus {
    outline: none;
    border-color: #FC6B40;
}

.modal-note-form-actions {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

/* =============================================
   Task notes — shared styles (row + modal)
   ============================================= */

/* Task info + notes two-column layout (task-row inline) */
.task-info-notes-wrapper {
    display: flex;
    gap: 0;
    margin-top: 15px;
    min-height: 0;
}

.task-info-section {
    flex: 1;
    min-width: 0;
    padding-right: 20px;
    border-right: 1px solid #E5E5E5;
}

.task-info-section .task-info-table {
    margin-top: 0;
}

.task-description-text {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    max-width: 100%;
}

.task-notes-section {
    flex: 1;
    min-width: 0;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
}

.task-notes-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.task-notes-title {
    font-size: 13px;
    font-weight: 600;
    color: #3D445C;
}

.task-notes-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 10px;
    background: #E5E5E5;
    color: #8B8F9D;
    font-size: 11px;
    font-weight: 600;
}

.task-notes-list {
    flex: 1;
    overflow-y: auto;
    max-height: 300px;
    margin-bottom: 10px;
}

.task-notes-empty {
    color: #8B8F9D;
    font-size: 13px;
    font-style: italic;
    padding: 10px 0;
}

.task-note-item {
    padding: 8px 10px;
    margin-bottom: 6px;
    background: #F9F9FA;
    border-radius: 6px;
    border: 1px solid #ECEDF0;
    position: relative;
}

.task-note-item:hover {
    border-color: #CDD4D9;
}

.task-note-item:hover .task-note-actions {
    opacity: 1;
}

.task-note-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.task-note-author {
    font-size: 12px;
    font-weight: 600;
    color: #3D445C;
}

.task-note-date {
    font-size: 11px;
    color: #8B8F9D;
}

.task-note-edited {
    font-size: 11px;
    color: #B0B5BF;
    font-style: italic;
}

.task-note-content {
    font-size: 13px;
    color: #3D445C;
    line-height: 1.5;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap;
}

.task-note-actions {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    gap: 6px;
    opacity: 0;
    transition: opacity 0.15s;
}

.task-note-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    transition: background 0.15s;
}

.task-note-actions a:hover {
    background: #E5E5E5;
}

.task-note-actions a:hover svg path {
    stroke: #FC6B40;
    fill: #FC6B40;
}

.task-note-add-wrapper {
    padding-top: 6px;
    border-top: 1px solid #ECEDF0;
}

.task-note-add-wrapper a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #FC6B40;
    font-size: 13px;
    text-decoration: none;
    padding: 4px 0;
    transition: opacity 0.15s;
}

.task-note-add-wrapper a:hover {
    opacity: 0.8;
}

.task-note-form {
    padding-top: 8px;
}

.task-note-textarea {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #CDD4D9;
    border-radius: 6px;
    font-size: 13px;
    color: #3D445C;
    resize: vertical;
    min-height: 60px;
    max-height: 200px;
    font-family: inherit;
    box-sizing: border-box;
}

.task-note-textarea:focus {
    outline: none;
    border-color: #FC6B40;
}

.task-note-form-actions {
    display: flex;
    gap: 8px;
    margin-top: 6px;
}

.task-note-save-btn {
    padding: 5px 16px;
    font-size: 12px;
    background: #FC6B40;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: opacity 0.15s;
}

.task-note-save-btn:hover {
    opacity: 0.9;
}

.task-note-cancel-btn {
    padding: 5px 16px;
    font-size: 12px;
    background: #fff;
    color: #8B8F9D;
    border: 1px solid #CDD4D9;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s;
}

.task-note-cancel-btn:hover {
    border-color: #8B8F9D;
    color: #3D445C;
}

.task-note-item.editing .task-note-content {
    display: none;
}

.task-note-edit-textarea {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #CDD4D9;
    border-radius: 4px;
    font-size: 13px;
    color: #3D445C;
    resize: vertical;
    min-height: 50px;
    max-height: 200px;
    font-family: inherit;
    box-sizing: border-box;
    margin-top: 4px;
}

.task-note-edit-textarea:focus {
    outline: none;
    border-color: #FC6B40;
}

.task-note-edit-actions {
    display: flex;
    gap: 6px;
    margin-top: 4px;
}

@media (max-width: 1200px) {
    .task-info-notes-wrapper {
        flex-direction: column;
    }
    .task-info-section {
        padding-right: 0;
        border-right: none;
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .task-notes-section {
        padding-left: 0;
    }
}

/* Модалка списка задач на день */
#tasks-day-modal {
    width: 500px;
    max-height: 80vh;
}

.tasks-day-modal-task {
    padding: 12px;
    border-bottom: 1px solid #E5E5E5;
    cursor: pointer;
    transition: background 0.2s;
}

.tasks-day-modal-task:hover {
    background: #F9F9FA;
}

.tasks-day-modal-task:last-child {
    border-bottom: none;
}

.tasks-day-modal-task-title {
    font-size: 14px;
    font-weight: 600;
    color: #3D445C;
    margin-bottom: 4px;
}

.tasks-day-modal-task-meta {
    font-size: 12px;
    color: #8B8F9D;
}

/* Стили для задач в табах лидов/клиентов */
.tasks-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.task-item {
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    padding: 16px;
    transition: box-shadow 0.2s;
}

.task-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.task-item-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 12px;
}

.task-item-title {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1;
}

.task-title-text {
    font-weight: 600;
    font-size: 14px;
    color: #3D445C;
}

.task-type-badge,
.task-priority-badge,
.task-status-badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}

.task-priority-badge.priority-low {
    background: #E8F5E9;
    color: #4CAF50;
}

.task-priority-badge.priority-normal {
    background: #E3F2FD;
    color: #2196F3;
}

.task-priority-badge.priority-high {
    background: #FFF3E0;
    color: #FF9800;
}

.task-priority-badge.priority-critical {
    background: #FFEBEE;
    color: #F44336;
}

.task-item-actions {
    display: flex;
    gap: 8px;
}

.task-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.2s;
}

.task-action-btn:hover {
    background: #F5F5F5;
}

.task-item-body {
    margin-bottom: 12px;
}

.task-description {
    font-size: 13px;
    color: #8B8F9D;
    margin-bottom: 12px;
    line-height: 1.5;
}

.task-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 12px;
}

.task-meta-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.task-meta-label {
    color: #8B8F9D;
    font-weight: 500;
}

.task-overdue {
    color: #F44336;
    font-weight: 600;
}

.task-item-footer {
    display: flex;
    gap: 16px;
    padding-top: 12px;
    border-top: 1px solid #F5F5F5;
}

.task-action-link {
    display: inline-flex;
    align-items: center;
    color: #FC6B40;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: opacity 0.2s;
}

.task-action-link:hover {
    opacity: 0.8;
}

.task-complete-link {
    background: #FC6B40;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
}

.task-complete-link:hover {
    background: #E55A2E;
    color: #fff;
    opacity: 1;
}

.no-tasks {
    text-align: center;
    padding: 40px 20px;
}

/* Стили для быстрого выбора времени в модалках задач */
.task-time-quick-select {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
    margin-top: -4px;
    margin-bottom: 4px;
}

.time-quick-btn {
    padding: 0;
    border: none;
    background: transparent;
    font-size: 14px;
    color: #FC6B40;
    cursor: pointer;
    transition: opacity 0.2s;
    white-space: nowrap;
    text-decoration: none;
    font-weight: 400;
}

.time-quick-btn:hover {
    opacity: 0.7;
    text-decoration: underline;
}

/* Стили для полей дат/времени с иконками */
.task-input-with-icon {
    position: relative;
    width: 100%;
}

.task-input-with-icon input {
    padding-right: 35px !important;
}

.task-input-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.task-input-icon svg {
    width: 16px;
    height: 16px;
}
.bill-deleted{
    background:#ffb4b4;
}
.clients-contracts-boards-duplicate-alert{
    position: fixed;
    left: 10px;
    bottom: 10px;
    border-radius: 5px;
    z-index: 999999;
    pointer-events: none;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important;
    background-color: #f89406;
}
.deactivation-table{
    width: 700px;
}
.deactivation-table td{
    padding: 5px;
}

/* Tasks tab badges in leads/clients */
.tasks-main-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    margin-left: 4px;
    background: #FFF5F2;
    color: #FC6B40;
    vertical-align: middle;
}
.tasks-main-tab-overdue {
    display: inline-flex;
    align-items: center;
    margin-left: 3px;
    vertical-align: middle;
    animation: tasks-overdue-pulse 2s ease-in-out infinite;
}
@keyframes tasks-overdue-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}