h4{font-weight:bold;margin-top:1.5rem;color: var(--darkblue);}
h1:first-child,h2:first-child,h3:first-child,h4:first-child{margin-top:0;}
h1:only-of-type,h2:only-of-type,h3:only-of-type,h4:only-of-type{margin-bottom:0.5rem;}
h1>sub,h2>sub,h3>sub,h4>sub{display:block;font-size:60%;font-weight:400;}

h4>sub{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

  input[type=text]
, input[type=password]
, select
, option
, optgroup
, textarea
, .input_editable {
    font-family: var(--custom-font);
    font-size: 1.3rem;
    width: 100%;
    min-width: 20px;
    border: none;
    border: .5pt solid var(--lightblue);
    border-bottom: 1px solid var(--blue);
    background-color: #fff;
    padding: 0;
    border-radius: 0;
    box-sizing: border-box;
    box-shadow: inset 0 0.125rem 0.25rem rgb(0 0 0 / 3%)!important;
    outline: none!important;
}

textarea {
    background-color:rgb(255 255 255 / 60%);
}

/* :not(input[type=checkbox])._success {
    border-bottom-color: var(--green)!important;
}
:not(input[type=checkbox])._warning {
    border-bottom-color: var(--orange)!important;
}
:not(input[type=checkbox])._error {
    border-bottom-color: var(--red)!important;
}

input[type=checkbox]._success {
    box-shadow: 0 0 2px 1px var(--green)!important;
}
input[type=checkbox]._warning {
    box-shadow: 0 0 2px 1px var(--orange)!important;
}
input[type=checkbox]._error {
    box-shadow: 0 0 2px 1px var(--red)!important;
} */

  input[type=text]:focus:not(:read-only)
, input[type=password]:focus:not(:read-only)
, select:focus/* :not(:read-only) */
/* , option:focus:not(:read-only)
, optgroup:focus:not(:read-only) */
, textarea:focus:not(:read-only)
, .area:focus:not(:read-only)
, .input_editable:focus:not(:read-only) {
    background-color:white;
    border-color:var(--orange);
}

  input[type=text]:placeholder-shown
, input[type=password]:placeholder-shown
, select:placeholder-shown
, option:placeholder-shown
, optgroup:placeholder-shown
, textarea:placeholder-shown
, .area:placeholder-shown
, .input_editable:placeholder-shown {
    border-bottom:2px solid var(--red);
}

[readonly]{
    background-image: url(/assets/icons/lock.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 14px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid var(--light)!important;
    color: var(--light)!important;
}

::placeholder {
  content: "введите значение";
  color: #999;
  font-style: italic;
}
:focus::placeholder {display:none;}
.__invisible {
    color:var(--lightblue);transition:color .3s ease-out;
}
.__invisible:hover {
    color:var(--brown);
}

.parent > a {color:var(--darkblue);}
.parent{font-weight:bold;}li:not(.parent){font-weight:normal;}.parent>a:before{display:none;}.clientmenu li,.clientmenu li a {font-size:1.15rem!important;}
.top-gutter{top:var(--bs-gutter-y)!important;}

.icon-zzz{display:inline-block;width:16px;height:16px;background-size:cover;background-repeat:no-repeat;background-position:center center;margin:0 0 -4px 5px;transition:all .3s ease-out;}
.icon-zzz:hover{transition:all .3s ease-out;}
.__access{background-image:url(/assets/icons/access-gray.svg)}
.__access:hover{background-image:url(/assets/icons/access-blue.svg)}
.__edu{background-image:url(/assets/icons/edu-gray.svg)}
.__edu:hover{background-image:url(/assets/icons/edu-blue.svg)}
.__orgtype{background-image:url(/assets/icons/orgtype-gray.svg)}
.__orgtype:hover{background-image:url(/assets/icons/orgtype-blue.svg)}

.__territory{background-image:url(/assets/icons/territory-gray.svg)}
.__territory:hover{background-image:url(/assets/icons/territory-blue.svg)}
.__criteria{background-image:url(/assets/icons/criteria-gray.svg)}
.__criteria:hover{background-image:url(/assets/icons/criteria-blue.svg)}
.__bindedWithCriteria{background-image:url(/assets/icons/criteria-brown.svg)}

#territory:hover{fill:red;}


#uploadform {
    margin: 0px!important;
    width: 100%;
}
#uploadform input[type="file"] {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    width: calc(100% - 140px);
    padding: 18px;
    border-right: .5pt solid
    var(--border-color);
    font-family: var(--default-font);
    font-size: 1.1rem;
    color: var(--muted);
}
#uploadform input[type="file"]:not(:empty) {
    background:var(--lightyellow);
}
#uploadform .adminbutton,
#uploadform .ab {
    width:120px;
    justify-content:center;
    margin:16px 7px;
}
#cnuploader_progressbar {
    display: flex;
    width: 100%;
    margin: 10px 0;
    height: 58px;
    font-size: 12px;
    padding: 0;
    color: black;
    border: none;
    background: var(--lightblue);
    overflow: hidden;
    align-content: center;
    justify-content: space-between;
    border-radius:3px;
    box-shadow: inset 0 0 5px 0 rgb(0 0 0 / 10%);
}
#cnuploader_progresscomplete {
    display: flex;
    height: 100%;
    font-family: sans-serif;
    font-size: 1rem;
    padding: 0;
    width: 0;
    text-align: center;
    background: linear-gradient(to bottom, var(--blue), var(--grayblue));
    color: white;
    border: transparent;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    align-content: center;
    box-shadow: 3px 0 10px 0 rgb(0 0 0 / 30%);
    transition: width .7s ease-in-out;
}

/* CKE restyling */
.cke_chrome {border: .5pt solid var(--border-color)!important;}
.cke_bottom {border-top: .5pt solid var(--border-color)!important;}
.cke_top {border-bottom: .5pt solid var(--border-color)!important;padding:0 5px 0!important;}
.cke_toolgroup a.cke_button:last-child:after, .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after{height:30px!important;border-right: .5pt solid var(--border-color)!important;margin-top:-1px!important;}
.cke_combo:after{height:43px!important;border-right: .5pt solid var(--border-color)!important;margin-top:-8px!important;}

.cke_toolgroup {
    margin: 1px 2px 3px 0!important;
}
.cke_combo {
    margin-bottom: 0!important;
}
.cke_toolbar_separator {
    background-color: transparent!important;
    margin: -1px 2px -3px 2px!important;
    height: 30px!important;
    border-left: .5pt solid var(--border-color)!important;
    width: 0!important;
}



/* Sortable elements */
.handler {
    cursor: move;
    background-image: url(/assets/icons/drag.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center 3px;
    width: 20px;
    min-height: 20px;
    height: auto;
    padding-top: 20px;
    overflow: hidden;
    opacity: .2;
    transition: opacity .2s ease;
}

.expander {
    cursor: pointer;
    background-image: url(/assets/icons/expand.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    min-height: 20px;
    height: auto;
    padding-top: 20px;
    overflow: hidden;
    opacity: .2;
    transition: opacity .2s ease;
}

.expander.active {
    background-image: url(/assets/icons/collapse.svg);
}

.handler:hover,
.expander:hover {
    opacity: 1;
}

.handler:active,
.expander:active {
    background-color: #eee;
    box-shadow: inset -1px 0 3px 0 rgb(0 0 0 / 8%);
}

.draggable:active,
.sortable li:active {
    background: #fff;
    opacity: .9 !important;
}

.droppable-over {
    background-color: #17a2b8;
    /* margin-top: 22px; */
}

.droppable-over a {
    color: #fff;
}

.ui-sortable-helper {
    background: #fff;
    opacity: .8;
}

.sortable-empty-space {
    height: 22px;
    background: rgb(156 196 255);
    margin: 0 calc(var(--bs-gutter-x) * -.5);
}

;

.sortable-empty-space:before {
    content: '' !important;
}