.form-group{
margin-bottom:5px;
}


#app{
    max-height: initial;
    overflow: visible;
}

/* custom js modals */
.modal_wrapper {
display:block;
width:100%;
height:100%;
position:absolute;
z-index:666;
text-align:center;
background:rgba(0,0,0,0.5);
top:0;
}
.modal_wrapper .window {
	display:inline-block;
	width:600px;
	/*margin-top:10vh;*/
	max-height:80vh;
	background:white;
	position:relative;
	text-align:left;
	padding:15px;
}
.modal_wrapper .window .info {
border:1px dashed gray;
max-height:100%;
/*overflow:scroll;*/
}
.modal_wrapper .window .info .userpic{
background-size:cover;

display:inline-block;
background-position:center center; 
background-repeat:no-repeat;
height:150px;
width:150px;
}
.modal_wrapper .window .info .choice_div {
margin:5px;
padding:7px;
border:1px solid black;
cursor:pointer;
background:white;
}
.modal_wrapper .window .info .choice_div:hover {
background:gray;

}
.modal_wrapper .b_close {
	border:2px solid black;
	position:absolute;
	color:black;
	background:white;
	width:36px;
	text-align:center;
	line-height:36px;
	border-radius:50%;
	font-size:18px;
	right:-18px;
	top:-18px;
	cursor:pointer;
}
/* /custom js modals */

/* b24 controls*/
.B24_pseudoinput.user, .B24_pseudoinput, .file_add_button {
    position: relative;
    background-color: white;
    min-height: 33px;
    border: 1px solid #c6cdd3;
    padding: 5px 5px 0 5px;
    width: initial;
    max-width: 786px;
    display: inline-block;
    margin-bottom: 10px;

}

.file_add_button {
    font-weight: 600;
    color: #2067b0;
    padding: 10px;
}

.B24_pseudoinput.user .user_span, .B24_pseudoinput .crm_span {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    height: 30px;
    position: relative;
    line-height: 30px;
    margin: 0 5px 5px 0;
    background: #bcedfc;
    padding: 0 6px;
}

.B24_pseudoinput.user .add_users, .B24_pseudoinput .add_crm {
    border-bottom: 1px solid transparent;
    color: #2067b0;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    margin: 7px 7px 7px 7px;
    line-height: 17px;
    _vertical-align: top;
    position: relative;
    -webkit-transition: border-bottom-color .2s linear;
    transition: border-bottom-color .2s linear;
}

.B24_pseudoinput.user .user_span .remove_button,
.B24_pseudoinput .crm_span .remove_button
 {
    display: inline-block;
    padding: 0 0 0 10px;
    cursor: pointer;

}

.B24_info {
    position: static;
    border-radius: 10px;
    display: inline-block;
    min-width: 15px;
    height: 15px;
    font: 11px/17px "OpenSans-Bold", "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 0 6px 0 6px;
    margin-left: 3px;
    margin-right: 3px;
    color: white;
    background: #4ba5c3;
    cursor: pointer;
}

.file.row ,.contragent.row{
position:relative;
}

.contragent.row.new{
    _background-color: #bcedfc;
}
.contragent.row.new [class*="col-"]{
    padding:0px 30px;
}

.B24_autofill_button, .contragent_add_button,.remove_file{
    display: inline-block;
    position: absolute;
    z-index: 3;
    background: #12b1e3;
    right: 10px;
    top: 10px;
    color: white;
    padding: 5px 10px;
}

.requisites .B24_autofill_button{
    position: initial;
}

.contragent_add_button{
    position: initial;
    margin: 10px;
}


.remove_contragent {
    margin-left: 3px;
}
.remove_file {
color:red;
}

/* table documents */
.doctable {
    font-size: 14px;
}

.file_type_column{
margin-bottom: 20px;
}
.file.row {
//border:1px dashed rgba(0,0,0,0.2);
    padding: 5px 0px;
}

.file.row.new{
    background-color: #bcedfc;
    margin-bottom: 20px;
}
.file.row.old {
    background-color: #bcedfc;
    margin-bottom: 20px;
}
.file.row.old.deleted{
background-color:rgba(255,0,0,0.5);
}
.file.row.old.deleted>[class^="col-"]{
display:none;
}
.file.row.old.deleted>[class^="col-"]:first-child{
display:block;
}

.file.row.sample, .task_col.sample {
display:none;
}

.tasks_form .form-group{
    display: inline-block;
}

.tasks_form .task_col{
    padding: 10px;
    margin-bottom: 20px;
    background: #bcedfc;
}

.file .uploadfile input{
    width:100%;
    margin: 10px 0px;
}

.file_list_header.row,.file_upload_header.row {
font-size:18px;
font-weight:bold;
}

.main-grid-cell-head, th.main-grid-cell-head {
    position: relative;
    box-sizing: border-box;
    padding: 0;
    min-width: 70px;
    height: 48px;
    border-bottom: 3px #eef2f4 solid;
    background-color: #fff;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color .3s cubic-bezier(.000, .465, .750, .750);
    white-space: nowrap;
}

.main-grid-control-sort {
    position: relative;
    top: 0;
    left: -18px;
    display: inline-block;
    visibility: hidden;
    width: 14px;
    height: 14px;
    background: url(/erkcdoc/images/sprite-interface.min.svg) 3px -290px no-repeat;
}

.main-grid-resize-button {
    position: absolute;
    top: 0;
    right: -4px;
    bottom: 0;
    z-index: 10;
    display: block;
    width: 11px;
    opacity: 0;
    cursor: col-resize;
    transition: opacity 200ms;
}

html:not(.bx-firefox) .main-grid-resize-button::after {
    position: absolute;
    top: 100%;
    right: 5px;
    z-index: 1;
    display: inline-block;
    width: 1px;
    background: #eef2f4;
    content: '';
    opacity: 0;
    transition: opacity 200ms;
}

.main-grid-resize-button::before {
    position: absolute;
    top: 50%;
    right: 4px;
    display: inline-block;
    margin-top: -13px;
    width: 1px;
    height: 26px;
    background: rgba(0, 0, 0, .1);
    content: '';
    font-size: 13px;
}

.main-grid-head-title {
    z-index: 7;
    display: inline-block;
    overflow: hidden;
    padding-right: 21px;
    max-width: 100%;
    color: #535c69;
    text-align: left;
    text-transform: uppercase;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: .5px;
    font-weight: normal;
    font-size: 11px;
    font-family: 'OpenSans-Semibold', "Helvetica Neue", Arial, Helvetica, sans-serif;
    line-height: 12px;
}

.main-grid-cell-head-container {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 15px 16px 11px;
    min-width: 100%;
    max-width: 100%;
}

.main-grid-cell-head:hover .main-grid-resize-button {
    opacity: 1;
}

.main-grid-control-sort-desc, .main-grid-cell-head:hover .main-grid-control-sort-hover-desc, .main-grid-cell-head:active .main-grid-control-sort-hover-desc {
    visibility: visible;
}

/*BUTTON*/

.erkc_style {
    --ui-btn-size-xs: 26px;
    --ui-btn-size-sm: 31px;
    --ui-btn-size-md: 39px;
    --ui-btn-size-lg: 47px;
    --ui-btn-padding: 0 20px;
    --ui-btn-padding-right: 20px;
    --ui-btn-min-width: 80px;
    --ui-btn-height: var(--ui-btn-size-md);
    --ui-btn-font-size: 12px;
    --ui-btn-background: #868d95;
    --ui-btn-background-hover: #5b6573;
    --ui-btn-background-active: #3b506e;
    --ui-btn-border-color: #868d95;
    --ui-btn-border-color-hover: #5b6573;
    --ui-btn-border-color-active: #3b506e;
    --ui-btn-border: 1px solid var(--ui-btn-border-color);
    --ui-btn-opacity-after: .8;
    --ui-btn-colors-after-bg: #fff;
    --ui-btn-colors-before-bg: #fff;
    --ui-btn-color: #fff;
    --ui-btn-color-hover: #fff;
    --ui-btn-color-active: #fff;
    --ui-btn-box-shadow: none;
    --ui-btn-box-shadow-hover: none;
    --ui-btn-box-shadow-active: none;
    --ui-btn-text-shadow: none;
    --ui-btn-text-shadow-hover: none;
    --ui-btn-text-shadow-active: none;
    --ui-btn-clock-white: url(/erkcdoc/images/ui-loader-clock-white.min.svg?v=1.1);
    --ui-btn-clock-black: url(/erkcdoc/images/ui-loader-clock-black.min.svg?v=1.1);
    --ui-btn-wait-white: url(/erkcdoc/images/ui-loader-wait-white.min.svg?v=1.1);
    --ui-btn-wait-black: url(/erkcdoc/images/ui-loader-wait-black.min.svg?v=1.1);
    font-size: .8rem;
}

.erkc_style  {
    --ui-btn-background: #3bc8f5;
    --ui-btn-background-hover: #3eddff;
    --ui-btn-background-active: #12b1e3;
    --ui-btn-border-color: #3bc8f5;
    --ui-btn-border-color-hover: #3eddff;
    --ui-btn-border-color-active: #12b1e3;
    --ui-btn-color: #fff;
    --ui-btn-color-hover: #fff;
    --ui-btn-color-active: #fff;

    --ui-btn-gray-background: rgba(102, 102, 102, 0.2);
    --ui-btn-gray-background-hover: rgba(102, 102, 102, 0.7);
    --ui-btn-gray-background-active: rgba(102, 102, 102, 1);
    --ui-btn-gray-border-color: rgba(102, 102, 102, 0.3);
    --ui-btn-gray-border-color-hover: rgba(102, 102, 102, 0.7);
    --ui-btn-gray-border-color-active: rgba(102, 102, 102, 1);
    --ui-btn-gray-color: #666666;
    --ui-btn-gray-color-hover: #fff;
    --ui-btn-gray-color-active: #fff;

}

.btn-b24 {
    outline: 0;
    border-color: var(--ui-btn-border-color-active);
    background-color: var(--ui-btn-background-active);
    box-shadow: var(--ui-btn-box-shadow-active);
    color: var(--ui-btn-color-active);
    text-shadow: var(--ui-btn-text-shadow-active);
    border-radius: inherit;
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 12px;

}

.btn-b24:hover {
    background-color: var(--ui-btn-background-hover);
    color: var(--ui-btn-color-hover);
}

.btn-b24.gray {
    outline: 0;
    border-color: var(--ui-btn-gray-border-color);
    background-color: var(--ui-btn-gray-background);
    box-shadow: var(--ui-btn-gray-box-shadow);
    color: var(--ui-btn-gray-color);
    text-shadow: var(--ui-btn-gray-text-shadow);
    border-radius: inherit;
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 12px;
}

.btn-b24.gray:hover {
    background-color: var(--ui-btn-gray-background-hover);
    border-color: var(--ui-btn-gray-border-color-hover);
    color: var(--ui-btn-gray-color-hover);
}



.btn-b24.document-actions {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 14px;
    height: 12px;
    background: url(/erkcdoc/images/sprite-interface.min.svg) 0 -201px no-repeat;
    opacity: .3;
    cursor: pointer;
    transition: opacity 200ms ease;
    border: 0px;
    box-shadow: none;
}

.btn-b24.document-actions:hover {
    opacity: .7;
}
.btn-b24.document-actions::before {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    display: block;
    content: '';
}


.dropdown-menu.show {
    display: block;
    border-radius: inherit;
    border: 1px solid rgba(128, 128, 128, 0.25);
    background-color: #fff;
    box-shadow: 0 7px 21px rgba(83, 92, 105, .12), 0 -1px 6px 0 rgba(83, 92, 105, .06);
    padding: 0px;
    font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}

.dropdown-item {
    padding: 10px;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #e6e6e6;
}

.document table input[type=checkbox]{
top: 10px;
position: relative;
}

.actions_for_select{
    opacity: 0.3;
    pointer-events: none;
}
.actions_for_select.active{
    opacity: 1;
    pointer-events: auto;
}
.table_container{
    _overflow-x: scroll;
}


/* FORM */
form .date {
    width: min-content;
}

form .requisites input, form .header input{
    width: min-content;
    display: inline-block;
}

form .requisites label{
    text-align: initial;
}
form .requisites input {
    width: 100%;
    display: block !important;
}


form .h1 {
    font-size: 1.25rem;
    background: #ccc;
    padding: 10px;
    margin: 10px 0 10px 0;
}

.contragents{
}
.contragents .contragent.sample{
display:none;
}
.contragents .contragent{
    _margin-top: 10px;
    border-top: 1px solid #e6e9ec;
    padding-top: 20px;
    width: 100%;
    min-height: 100px;
}

.contragents .contragent .company_name{

}

.contragents .contragent .card {
    padding: 10px;
    background: #bcedfc;
    margin-bottom: 10px;
}

.contragent.row.new .contacts, .contragent.row.new .requisites{
 display: none;
}
.contragent.row.new.viewContacts .contacts, .contragent.row.new.viewRequisites .requisites{
    display: block;
}

.requisites .subject{
    display: inline-block;
}
.requisites .btn_container{
    display: inline-block;
    padding-left: 10px;
}

form  label {
    display: inline-block;
    margin-bottom: .5rem;
    margin: .5rem;
    min-width: 150px;
    _text-align: right;
}

.document_page.edit  label{
    min-width: 100px;
    text-align: left;
}
.document_page.edit form  input {
    width: auto;
    display: inline-block;
}


form input.form-control {
    border-radius: 0px;
    width: auto;
    display: inline-block;
}

.filters {

    //border: 1px solid #e58927;
    margin-bottom: 10px;
}

.filters .custom_int, .filters .custom_float{
        width:min-content;
}
.filters .clear{
    margin: 0 15px 0 5px;
}

.filters_block{
    position: absolute;
    background-color: lightgrey;
    z-index: 2;
    box-shadow: 0px 4px 4px 4px rgba(0,0,0,0.2);
}


.filters select.form-control[multiple], select.form-control[size], textarea.form-control {
    height: auto;
    width: 100%;
    min-width: 50%;
}


.items_on_page, .items_on_page select{
    width: fit-content;
    display: inline-block;
}


.pagetitle {
    font: 26px/26px Nunito,Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 21px 0 21px 5px;
    display: block;
    word-wrap: break-word;
}

.page_block{
    background-color: white;
    padding: 1.5rem;
    margin-bottom: 20px;

}




.block_element .element_header{
    font-weight: bold;
    display: inline-block;
	width:150px;
}

#nav-tabContent .block_element .element_header{
    display: none;
}


#nav-tabContent .block_element .element_value{
    display: block;
}

.block_element .element_value{
    display: inline-block;
}

.block_element.header{
    display: inline-block;

}

.block_element.header .element_header{
    font-weight: normal;
}



.block_element.header_right {
    border-bottom: 1px solid #eef2f4;
}

.block_element {
    padding: 5px 0 5px;
    overflow: hidden;
}

.block_element.header_right .element_header, .block_element.employers .element_header {
    color: #858c96;
}

.block_element.header {
    padding: unset;
    overflow: inherit;
}

.block_element.employers .element_header {
    display: block;
}

.block_element.employers .documentEmployrRole{
    margin-top: 10px;
    color: #9E9E9E;
}


.document_page{
    background-color: rgba(0,0,0,.05);
    padding: 10px;
}


.badge{
    padding: .25em .25em .15em .4em;
    font-size: inherit;
    font-weight: inherit;
}


.cart_block.document_company{
    margin-top: 10px;
}

.document_page .document_company .company_name{
    font-size: 20px;
    font-weight: 600;
}

.float_block_info {
    width: fit-content;
    float: right;
    position: fixed;
    right: 0;
    z-index: 2;
}


.histories .event{
    margin: 15px 0px;
    background: rgba(0, 0, 0, 0.15);
    padding: 10px;
    border-radius: 5px;
}

.dataTables_scrollHeadInner .dataTable{
    margin-bottom: 0px;
}

#dtScopeTypeField .form-group div{
    display: none;
}


#documentslink .form-control{
    width: 200px;
    display: inline-block;
}

.custom-select.is-invalid, .form-control.is-invalid, .custom-select:invalid,  .form-control:invalid {
    border-color: #dc3545;
}


.block_element.comments .event{
    margin:10px 0;
}
.block_element.comments .event .B24_entity{
    font-weight: bold;
    color: #2067b0;
}
.block_element.comments .event .comment_date{
    color: #666666;
    font-size: 0.7rem;
}

textarea#comment_text{
    margin:10px 0px;
}

.filter_links .form-group{
    display: inline-block;
}

.filter_links form label{
    width: auto;
    min-width: auto;
}

.filter_links select
{
    min-width: 150px;
}
.filter_links .form-control {
    width: auto;
}

.filter_links .contragent_filter{
    margin: 0px;
    display: inline-block;
}

.filter_links .contragent_filter label{
    margin: 0px;
    display: inline-block;
}


.status_created{
    color:white;
    background-color: #e59d16;
}
.status_podpis{
    color:white;
    background-color: #0092ff;
}
.status_working{
    color:white;
    background-color: greenyellow;
}
.status_working{
    color:white;
    background-color: green;
}
.status_clouse{
    color:white;
    background-color: silver;
}
.status_cheking{
    color:white;
    background-color: #ba0001;
}

.dedaline_timeline{
    width: 100%;
    white-space: nowrap;
    color:white;
}
.dedaline_timeline div{
    width:25%;
    height:5px;
    display: inline-block;
    border:1px solid gray;
}

.badge-dedaline-day{
    font-size: 80%;
    margin:0px 0 1px 0 ;
    padding-bottom:2px;
}

[user-data-ordername] .fas::after{
    content: "\f0dc";
    color:silver;
}
[user-data-ordername] .asc::after{
    content: "\f0de";
    color:#3490dc;
}
[user-data-ordername] .desc::after{

    content: "\f0dd";
    color:#3490dc;
}

.document_status{
    width: 100px;
    white-space:normal;
}

.add_btn    {
    margin-top: -6px;
    margin-left: 15px;
}

#nav-tabContent #nav-customFields .block_element .element_header {
    display: inline-block;
}

#nav-tabContent .block_element.customFields{
    display: block;
    max-width: 30%;
}

#nav-tabContent .block_element.customFields .element_header{
    display: inline-block;
}
#nav-tabContent .block_element.customFields .element_value{
    display: inline-block;
}

.form-group.system_info, .form-group.system_info .element_value {
    width: 100%;
    display: block;
}
.form-group.system_info textarea{
    width: 100%;
}

.page_block_header .form-group{
    display: inline-block;
}

.page_block_header .element_header {
    width: auto;
}
.page_block_header .block_element.header{
    padding: 0px 10px;
    border-right: 1px solid grey;
}

.table_container .document_info{
overflow:hidden;
height:30px;
background-color:white;
border:1px solid grey;
border-radius:5px;
padding:5px;

}
.table_container .document_info:hover{
position:absolute;
height:auto;
min-heigh:30px;
}


.clear.btn.btn-b24.gray{
    margin-left: 5px;
    margin-top: 7px;
    /* height: 36px; */
    font-size: 14.5;
    background-color: #ffadad;
    color: white;
}
.form-control:disabled.date, .form-control[readonly].date{
width:140px;
}



.nav.nav-tabs .badge {
    padding: .20em .35em .15em .4em;
    font-size: 12px;
    font-weight: inherit;
}