/* 1.     Basic  */
/* 1.1.  Basic. Template.  */
/* 1.1.1  Basic. Template. Header  */
/* 1.1.2  Basic. Template. Menu  */
/* 1.1.5  Basic. Template. Sidebar  */
/* 1.3.   Basic. Modal  */
/* 1.4.   Basic. Modal_info  */
/* 1.5.   Basic. icons  */
/* 1.5.1. Basic. icons. sidebar, upbar  */
/* 1.5.2. Basic. icons. st-table-content__cell_head  */



/*2.   ST. */
/*2.0. basic */
/*2.1. ST formulars 1 */


/*2.9. ST formulars 9 */


/*2.12. ST12 */


/*2.3. ST formulars list */


/*3. User functon. 3.1 width and order cols-----*/
/*3. User. */
/*3. User. 3.1 Edit profil*/




/* 4.   Log  */
/* 4.1. Log modal  */
/* 4.4. Log Control Panel  */

/* 5.1.1 mp_dashboard_main  */
/* 5.1.2 mp_dashboard_sidebar  */


/* 9. Messenger */

/*10. Other-----*/
/* 10.1 Informer */
/*10.2 Print*/
/*10.2.1 Print.Basic*/
/*10.2.2 Print.ST7*/
/*10.3 Notification.*/
/*10.3.5. Notification. Rzn search*/



/* 1.   Basic  */
html,
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    font-size: 12px;
    margin: 0;
}

a:link,
a:visited {
	text-decoration:none; color:#1265BA;
}

a:hover, 
a:active {
	text-decoration:underline; color:#1265BA;
}


input,
textarea,
select {
    outline: none !important;
    font-size: 12px;
}

input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active {
    background: #e5e5e5;

}

::-webkit-calendar-picker-indicator {
    opacity: 0.3;
    cursor: pointer;
}

b   {
    font-weight: 500;
}

.st-textarea-ah {
    white-space: pre-wrap !important;
    word-wrap: break-word;
}

.st-hr {
    border-bottom: 4px double #ccc;
}

.pr {
    position: relative;
}


.dn {
    display:none!important;
}

.rv {
    resize: vertical!important;
}


.row-reverse {
    flex-direction: row-reverse !important;
}


.fl {
        float:left;
}

.fr {
        float:right;
}

.m0 {
    margin: 0px;
}

.mb0 {
    margin-bottom: 0px;
}




/* 1.1.1   Basic. Template.  */


.site_footer {
    background: #000;
    padding: 24px 0px;
}


.site_footer_group {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 24px;
    margin: 0px auto;
    max-width: 1315px;
}

.site_footer_block {
    padding: 24px;
    color: #aaa;
}

.site_footer_group .site_footer_block:nth-child(1) {
    width: 66.66%;
}

.site_footer_group .site_footer_block:nth-child(2) {
    width: 33.33%;
    border-right: 1px solid #dc4300;
}



/* 1.1.1  Basic. Template. Header  */


.head_block {
    display: flex;
    height: 46px;
    background: #000;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 4;
    line-height: 1.4;
}
.head_block a {
    text-decoration: none !important;
}

.head_logo {
    float: left;
    color: #fff !important;
    transition: 0.5s;
    opacity: 0.8;
    font-weight: bold;
    background: url(../omt/img/template/header_logo.png) no-repeat 0% 50%;
    width: 90px;
    height: 40px;
    display: block;
    background-size: 28%;
    padding-left: 41px;
    line-height: 17px;
}
.head_logo:hover {
    opacity: 1;
}
.head_logo_name {
    display: block;
    font-size: 18px;
}
.head_logo_desc {
    display: block;
    font-size: 9px;
    text-decoration-thickness: 6px;
    text-underline-offset: 5px;
    text-decoration-line: underline;
    margin-top: -2px;
    transition: 0.3s;
    white-space: nowrap;
}
.head_logo:hover .head_logo_desc {
    text-decoration-color: #dc4300;
}


.scrollUp {
    display:none;
    position: absolute;
    left: -43px;
    top: 0px;
    cursor: pointer;
    color: #ddd;
    font-size: 16px;
    opacity: 0.7;
    padding: 13px;
    z-index: 3;
}

.scrollUp:hover {
    opacity: 1;
}


/* 1.1.2  Basic. Template. Menu  */


.head_menu {
    margin: 0px auto;
    max-width: 1315px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position:relative;
}

.head_menu_st {
    padding: 0px 5px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position:relative;
}

.head_menu_list {
    margin: 0px auto;
    width: calc(100% - 350px);
    box-sizing: border-box;
}

.head_menu_list a {
    color: #ddd;
    padding: 13px 12px;
}

.head_menu_list a:hover {
    color: #fff;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

nav ul:after {
  content: "";
  display: table;
  clear: both;
}

nav a {
  text-decoration: none;
  display: block;
}

nav .active {
    text-shadow: 0px 0px 0px #fff;
    color: #fff;
    text-decoration: underline 2px !important;
    text-underline-offset: 6px;
}

.topmenu > li {
    float: left;
    position: relative;
}

.submenu {
    position: absolute;
    z-index: 6;
    visibility: hidden;
    background: #222;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.submenu li {
    position: relative;
}

.submenu .li_submenu:hover {
    background: #444;
}

.submenu .li_submenu:hover a {
    color: #fff;
}

.submenu .li_submenu .submenu a {
    color: #ddd;
}

.submenu .li_submenu .submenu a:hover {
    color: #fff;
}

.submenu li .submenu {
    left: 214px;
    top: 0px;
    background: #444;
}

.submenu li a {
    min-width: 190px; 
    padding: 8px 12px;
    display: flex;
    justify-content: space-between;
}

nav li:hover > .submenu {
    visibility: visible;
}  

.submenu_triangle {
    font-family: Helvetica;
    color: #666;
    font-size: 12px;
}



@media screen and (max-width: 950px) {
    .head_menu_st {
        margin: 0px auto;
        max-width: 1315px;
        width: 100%;
        padding: 0px 5px;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .head_menu_list {
        display: none;
        width: 100%;
        background: #000;
        position: absolute;
        top: 0px;
        left: 0px;
        text-align: left;
    }
    .head_menu_list li {
        float: none;
    }
    .head_menu_list li a {
        padding-left: 46px;
        border-bottom: 1px solid #aaa;
    }

    .head_menu_list_active {
        display: block !important;
    }

    nav li:hover > .submenu {
        position: relative;
        background: #333;
        box-shadow: none;
    }

    .submenu li {
        position: relative;
    }
    
    .submenu li a {
        display: inherit;
        padding: 12px 0px 12px 92px;
    }
    
    .submenu li .submenu {
        left: 0px;
    }
    
    .submenu  > li  > .submenu > li a {
        padding: 12px 0px 12px 138px;
        left: 0px;
        background: #444;
    }
    
    .submenu_triangle {
        display: none;
    }
    
    
}



/* 1.1.5   Basic. Template. Sidebar  */

.st_sidebar {
    width: 46px;
    background: linear-gradient(90deg, #bec4cb, #eef2f6);
    position: fixed;
    left: 0px;
    top: 46px;
    height: calc(100% - 46px);
    z-index: 4;
    overflow:hidden;
    box-sizing: border-box;
    border-right: 1px solid #000;
}


.sb_control_panel {
    position: absolute;
    top: 66px;
}

.sb_block {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
}

.sb_block_colum {
    background: #f5f5f575;
    border-top: 1px solid #000;
    box-shadow: 0px 3px 4px 0px #999;
    height: 46px;
    width: 46px;
    margin: 0px 0px 8px;
    box-sizing: border-box;
}


.sb_st1_marks {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 0 1rem 0;
    display: grid;
    gap: 8px;
}

.sb_st1_marks .sb_st1_marks_icon {
    opacity: 0.5;
    width: 24px;
    margin: 0px auto;
    border-radius: 25px;
    outline: 2px solid #ffffff00
}

.sb_st1_marks_icon.active,
.sb_st1_marks .active {
    opacity: 1 !important;
    outline: 2px solid #000;
}


.st-filters-icon-line {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 12px 24px;
    width: 100%;
    gap: 10px;
}

.st-filters-icon-line label {
    width: 24px;
    margin: 0px auto;
    border-radius: 25px;
}


.sb_st1_marks_icon {
    display: inline-block;
    box-sizing: border-box;
    user-select: none;
    opacity: 0.65;
    transition: 0.25s;
    height: 24px;
    width: 24px;
    cursor: pointer;
    caret-color: transparent;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.sb_st1_marks_icon:hover {
    opacity: 1!important;
}

.sb_st1_marks_icon:active {
    transform: scale(0.95);
}

.st-filters-icon-color:checked {
    opacity: 1!important;
}

.st-filters-icon {
    
}

.st-filters-icon:checked {
    opacity: 1!important;
}



.sb_st1_marks_icon_0 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='1 -1 14 18'%3E%3Cpath fill='%23000' d='M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16m.252-12.932a.476.476 0 0 0-.682.195l-1.2 2.432l-2.684.39a.477.477 0 0 0-.266.816l1.944 1.892l-.46 2.674a.479.479 0 0 0 .694.504L8 10.709l2.4 1.261a.478.478 0 0 0 .694-.504l-.458-2.673L12.578 6.9a.479.479 0 0 0-.265-.815l-2.685-.39l-1.2-2.432a.47.47 0 0 0-.176-.195'/%3E%3C/svg%3E");
}

.sb_st1_marks_icon_1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.05 22q-1.425 0-2.525-.9T8.15 18.8q-1.325.425-2.675-.05T3.4 17.1q-.75-1.2-.55-2.662T4.15 12q-1.05-.95-1.263-2.35t.463-2.6t2.038-1.737T8.1 5.2q.275-1.4 1.375-2.3T12 2t2.525.9T15.9 5.2q1.4-.425 2.713.075T20.65 7.05q.675 1.25.488 2.613T19.85 12q1.1.975 1.313 2.413T20.7 17.1q-.725 1.275-2.037 1.7t-2.713 0q-.275 1.4-1.375 2.3t-2.525.9m0-2q1.175 0 1.763-1.012T13.8 17l-.7-1.15q-.275.075-.525.113T12.05 16q-.25 0-.513-.038T11 15.85L10.3 17q-.6.975-.012 1.988T12.05 20m-7-4q.6 1.025 1.763 1.025T8.55 16l.65-1.15q-.2-.2-.375-.425t-.3-.475q-.125-.225-.225-.463T8.125 13H6.8q-1.175 0-1.75.987t0 2.013m10.4 0q.575 1.025 1.738 1.025T18.95 16q.575-1.025 0-2.013T17.2 13h-1.325q-.05.25-.162.488t-.238.462q-.125.25-.3.475t-.375.425zm-7.325-5q.075-.275.188-.537t.237-.488t.288-.425t.362-.4L8.55 8q-.575-1.025-1.737-1.025T5.05 8q-.575 1.025 0 2.013T6.8 11zm9.075 0q1.175 0 1.75-.987t0-2.013q-.6-1.025-1.762-1.025T15.45 8l-.65 1.15q.2.2.363.4t.287.425t.238.488t.187.537zm-6.275-2.85q.275-.075.538-.112T12 8t.538.038t.537.112L13.75 7q.575-.975 0-1.987T12 4t-1.75 1t0 2zm0 0q.275-.075.538-.112T12 8t.538.038t.537.112q-.275-.075-.537-.112T12 8t-.537.038t-.538.112m-2.4 5.8q-.125-.225-.225-.462T8.125 13q.075.25.175.488t.225.462q.125.25.3.475t.375.425q-.2-.2-.375-.425t-.3-.475m-.4-2.95q.075-.275.188-.537t.237-.488t.288-.425t.362-.4q-.2.2-.362.4t-.288.425t-.238.488t-.187.537m3.925 5q-.25 0-.513-.038T11 15.85q.275.075.538.113t.512.037q.275 0 .525-.038t.525-.112q-.275.075-.525.113T12.05 16m2.75-1.15q.2-.2.375-.425t.3-.475q.125-.225.238-.462t.162-.488q-.05.25-.162.488t-.238.462q-.125.25-.3.475t-.375.425M15.875 11q-.075-.275-.187-.537t-.238-.488t-.287-.425t-.363-.4q.2.2.363.4t.287.425t.238.488t.187.537M12 14q.825 0 1.413-.587T14 12t-.587-1.412T12 10t-1.412.588T10 12t.588 1.413T12 14'/%3E%3C/svg%3E");
}

.sb_st1_marks_icon_2 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2 9.137C2 14 6.02 16.591 8.962 18.911C10 19.729 11 20.5 12 20.5s2-.77 3.038-1.59C17.981 16.592 22 14 22 9.138S16.5.825 12 5.501C7.5.825 2 4.274 2 9.137'/%3E%3C/svg%3E");
}

.sb_st1_marks_icon_3 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.832 21.801c3.126-.626 7.168-2.875 7.168-8.69c0-5.291-3.873-8.815-6.658-10.434c-.619-.36-1.342.113-1.342.828v1.828c0 1.442-.606 4.074-2.29 5.169c-.86.559-1.79-.278-1.894-1.298l-.086-.838c-.1-.974-1.092-1.565-1.87-.971C4.461 8.46 3 10.33 3 13.11C3 20.221 8.289 22 10.933 22q.232 0 .484-.015C10.111 21.874 8 21.064 8 18.444c0-2.05 1.495-3.435 2.631-4.11c.306-.18.663.055.663.41v.59c0 .45.175 1.155.59 1.637c.47.546 1.159-.026 1.214-.744c.018-.226.246-.37.442-.256c.641.375 1.46 1.175 1.46 2.473c0 2.048-1.129 2.99-2.168 3.357'/%3E%3C/svg%3E")
}

.sb_st1_marks_icon_4 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17.002 6.998a25 25 0 0 0-3.54-2.952c1.377-.7 2.682-1.122 3.813-1.253c1.427-.165 2.482.139 3.137.794c.656.656.96 1.71.794 3.137c-.13 1.132-.552 2.436-1.253 3.814a25 25 0 0 0-2.951-3.54'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M15.941 8.059a23 23 0 0 1 3.179 3.94a23 23 0 0 1-3.179 3.941a23 23 0 0 1-3.94 3.179a23 23 0 0 1-3.942-3.179A23 23 0 0 1 4.881 12A23 23 0 0 1 8.06 8.057A23 23 0 0 1 12 4.88a23 23 0 0 1 3.941 3.179M12 14.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M13.462 19.953A25 25 0 0 0 17.002 17a25 25 0 0 0 2.951-3.54c.701 1.378 1.123 2.682 1.253 3.813c.165 1.427-.138 2.482-.794 3.137c-.655.656-1.71.96-3.137.794c-1.131-.13-2.436-.551-3.813-1.252M6.999 17a25 25 0 0 0 3.54 2.953c-1.378.7-2.682 1.122-3.814 1.252c-1.427.165-2.48-.138-3.136-.794c-.656-.655-.96-1.71-.795-3.137c.13-1.131.552-2.435 1.253-3.813A25 25 0 0 0 7 17.001m-2.953-6.463A25 25 0 0 1 7 6.998a25 25 0 0 1 3.54-2.952c-1.378-.7-2.682-1.122-3.814-1.253c-1.427-.164-2.481.139-3.137.794c-.655.656-.959 1.71-.794 3.138c.13 1.131.552 2.435 1.253 3.813'/%3E%3C/svg%3E");
}
    
.sb_st1_marks_icon_5 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M18.296 3.045a1 1 0 0 1 .687.77l1.341 7.155c.13.687.171 1.367.136 2.03H21a1 1 0 1 1 0 2h-.894a8.6 8.6 0 0 1-.551 1.363l1.07.856a1 1 0 1 1-1.25 1.562l-.936-.749A8.43 8.43 0 0 1 12 21a8.43 8.43 0 0 1-6.44-2.968l-.935.749a1 1 0 1 1-1.25-1.562l1.07-.856A8.4 8.4 0 0 1 3.895 15H3a1 1 0 1 1 0-2h.54a8.5 8.5 0 0 1 .136-2.03l1.341-7.154a1 1 0 0 1 1.69-.523l2.414 2.414A1 1 0 0 0 9.828 6h4.344a1 1 0 0 0 .707-.293l2.414-2.414a1 1 0 0 1 1.003-.248m-5.743 11.56l-.553.277l-.553-.276a1 1 0 1 0-.894 1.788l.553.277a2 2 0 0 0 1.788 0l.553-.277a1 1 0 1 0-.894-1.788ZM9.5 10a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3m5 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3'/%3E%3C/g%3E%3C/svg%3E");
}

.sb_st1_marks_icon_6 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M9.25 4a2.75 2.75 0 1 1 5.5 0a2.75 2.75 0 0 1-5.5 0' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='m8.223 11.574l-2.175-.725a1.532 1.532 0 0 1 .805-2.952l1.898.407l.21.044a15 15 0 0 0 6.288-.044l1.897-.407a1.532 1.532 0 0 1 .806 2.952l-2.175.725c-.263.088-.394.132-.493.193a1 1 0 0 0-.466.986c.016.115.066.244.165.503l1.247 3.242a1.473 1.473 0 0 1-2.654 1.26L12 15l-1.576 2.757a1.473 1.473 0 0 1-2.654-1.26l1.247-3.241c.1-.259.149-.388.165-.503a1 1 0 0 0-.466-.986c-.099-.061-.23-.105-.493-.193'/%3E%3Cpath fill='%23000' d='M12 22c5.523 0 10-2.015 10-4.5c0-1.722-2.15-3.218-5.306-3.975l.936 2.434c.749 1.948-.688 4.04-2.775 4.04a2.97 2.97 0 0 1-2.581-1.497l-.274-.48l-.274.48A2.97 2.97 0 0 1 9.147 20c-2.087 0-3.525-2.093-2.776-4.041l.936-2.434C4.149 14.282 2 15.778 2 17.5C2 19.985 6.477 22 12 22'/%3E%3C/svg%3E");
}

.sb_st1_marks_icon_7 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10m-6.25 0a.75.75 0 0 1-.75.75H9a.75.75 0 0 1 0-1.5h6a.75.75 0 0 1 .75.75' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.sb_st1_marks_icon_8 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m.75-13a.75.75 0 0 0-1.5 0v2.25H9a.75.75 0 0 0 0 1.5h2.25V15a.75.75 0 0 0 1.5 0v-2.25H15a.75.75 0 0 0 0-1.5h-2.25z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
    
.sb_st1_marks_icon_9 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10M8.97 8.97a.75.75 0 0 1 1.06 0L12 10.94l1.97-1.97a.75.75 0 0 1 1.06 1.06L13.06 12l1.97 1.97a.75.75 0 0 1-1.06 1.06L12 13.06l-1.97 1.97a.75.75 0 0 1-1.06-1.06L10.94 12l-1.97-1.97a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.sb_st1_marks_icon_10 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10 10s10-4.477 10-10M12 6.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75M12 17a1 1 0 1 0 0-2a1 1 0 0 0 0 2' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.sb_st1_marks_icon_11 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m-.773 6.569l-2.015 1.605c-.845.673-1.268 1.01-1.185 1.385l.004.019c.094.373.63.517 1.702.804c.595.16.893.24 1.033.465l.007.012c.135.229.058.515-.095 1.087l-.04.15c-.426 1.586-.638 2.379-.229 2.635s1.06-.262 2.363-1.3l2.015-1.604c.846-.674 1.268-1.01 1.186-1.386l-.004-.019c-.095-.373-.63-.517-1.702-.804c-.595-.16-.893-.24-1.033-.465l-.007-.012c-.135-.228-.058-.514.095-1.086l.04-.15c.425-1.586.638-2.38.229-2.636s-1.061.263-2.364 1.3' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.sb_st1_marks_icon_12 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cmask id='solarClockCircleBold0'%3E%3Cg fill='none'%3E%3Cpath fill='%23fff' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 7.25a.75.75 0 0 1 .75.75v3.69l2.28 2.28a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1-.22-.53V8a.75.75 0 0 1 .75-.75' clip-rule='evenodd'/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cpath fill='%23000' d='M0 0h24v24H0z' mask='url(%23solarClockCircleBold0)'/%3E%3C/svg%3E");
}

.sb_st1_marks_icon_13 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10m-7-3a3 3 0 1 1-6 0a3 3 0 0 1 6 0m-3 11.5a8.46 8.46 0 0 0 4.807-1.489c.604-.415.862-1.205.51-1.848C16.59 15.83 15.09 15 12 15s-4.59.83-5.318 2.163c-.351.643-.093 1.433.511 1.848A8.46 8.46 0 0 0 12 20.5' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.sb_st1_marks_icon_14 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m-3.815-6.25a.75.75 0 0 1 .91-.544c1.13.283 2.428.286 3.746-.067s2.44-1.005 3.277-1.815a.75.75 0 0 1 1.044 1.077a8.4 8.4 0 0 1-1.15.93l.159.321a1.5 1.5 0 0 1-2.693 1.322l-.196-.4l-.053.014c-1.555.417-3.112.42-4.499.073a.75.75 0 0 1-.545-.91m7.29-6.234c.215.8-.044 1.565-.577 1.707c-.534.143-1.14-.39-1.354-1.19s.044-1.564.577-1.707c.534-.143 1.14.39 1.354 1.19m-6.373 3.26c.534-.143.792-.907.578-1.707s-.82-1.333-1.354-1.19s-.792.907-.578 1.707s.82 1.333 1.354 1.19' clip-rule='evenodd'/%3E%3C/svg%3E");
    }

.sb_st1_marks_icon_15 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m-3.603-6.447a.75.75 0 0 1 1.05-.155c.728.54 1.607.852 2.553.852s1.825-.313 2.553-.852a.75.75 0 1 1 .894 1.204A5.77 5.77 0 0 1 12 17.75a5.77 5.77 0 0 1-3.447-1.148a.75.75 0 0 1-.156-1.049M16 10.5c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5s.448-1.5 1-1.5s1 .672 1 1.5M9 12c.552 0 1-.672 1-1.5S9.552 9 9 9s-1 .672-1 1.5s.448 1.5 1 1.5' clip-rule='evenodd'/%3E%3C/svg%3E");
    }

.sb_st1_marks_icon_16 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m-3.75-6a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75M10 10.5c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S8.448 9 9 9s1 .672 1 1.5m5 1.5c.552 0 1-.672 1-1.5S15.552 9 15 9s-1 .672-1 1.5s.448 1.5 1 1.5' clip-rule='evenodd'/%3E%3C/svg%3E");
    }

.sb_st1_marks_icon_17 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m3-10c.552 0 1-.672 1-1.5S15.552 9 15 9s-1 .672-1 1.5s.448 1.5 1 1.5m-5-1.5c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S8.448 9 9 9s1 .672 1 1.5m-1.603 6.947a.75.75 0 0 0 1.05.155A4.27 4.27 0 0 1 12 16.75a4.27 4.27 0 0 1 2.553.852a.75.75 0 1 0 .894-1.204A5.77 5.77 0 0 0 12 15.25a5.77 5.77 0 0 0-3.447 1.148a.75.75 0 0 0-.156 1.049' clip-rule='evenodd'/%3E%3C/svg%3E");
    }

.sb_st1_marks_icon_18 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10M7.55 9.6a.75.75 0 0 1 .9-1.2l2 1.5a.75.75 0 0 1 0 1.2l-2 1.5a.75.75 0 1 1-.9-1.2l1.2-.9zm9.05-1.05a.75.75 0 0 1-.15 1.05l-1.2.9l1.2.9a.75.75 0 1 1-.9 1.2l-2-1.5a.75.75 0 0 1 0-1.2l2-1.5a.75.75 0 0 1 1.05.15m-1.07 7.98a.75.75 0 0 1-1.06 0l-.47-.47c-.561.53-1.44.53-2 0c-.56.53-1.439.53-2 0l-.47.47a.75.75 0 1 1-1.06-1.06l.5-.5a1.457 1.457 0 0 1 2.03-.03c.56-.53 1.44-.53 2 0a1.457 1.457 0 0 1 2.03.03l.5.5a.75.75 0 0 1 0 1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
    }

.sb_st1_marks_icon_19 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10M10.004 5.251a.75.75 0 0 1 .743.756c-.007.851-.033 1.577-.151 2.18c-.122.623-.352 1.166-.798 1.612s-.99.676-1.613.798c-.602.118-1.328.144-2.179.151a.75.75 0 1 1-.012-1.5c.856-.007 1.453-.035 1.903-.123c.429-.084.666-.212.84-.387c.175-.174.303-.411.387-.84c.088-.45.116-1.048.123-1.903a.75.75 0 0 1 .757-.744m3.99 0a.75.75 0 0 1 .756.744c.007.855.035 1.453.123 1.903c.084.429.213.666.387.84c.174.175.411.303.84.387c.45.088 1.048.116 1.904.123a.75.75 0 0 1-.013 1.5c-.85-.007-1.577-.033-2.18-.151c-.623-.122-1.166-.352-1.612-.798s-.675-.99-.798-1.613c-.118-.602-.144-1.328-.151-2.179a.75.75 0 0 1 .743-.756m-7.988 8a.75.75 0 0 0-.012 1.5c.856.007 1.453.035 1.903.123c.429.084.666.212.84.386c.175.175.303.412.387.84c.088.45.116 1.048.123 1.904a.75.75 0 0 0 1.5-.013c-.007-.85-.033-1.576-.151-2.179c-.122-.623-.352-1.166-.798-1.612s-.99-.676-1.613-.798c-.602-.118-1.328-.144-2.179-.152m12.741.743a.75.75 0 0 1-.743.756c-.856.008-1.454.036-1.904.124c-.429.084-.666.212-.84.386c-.175.175-.303.412-.387.84c-.088.45-.116 1.048-.123 1.904a.75.75 0 1 1-1.5-.013c.007-.85.033-1.576.151-2.179c.123-.623.352-1.166.798-1.612s.99-.676 1.613-.798c.602-.118 1.328-.144 2.179-.152a.75.75 0 0 1 .756.744' clip-rule='evenodd'/%3E%3C/svg%3E");
    }

.sb_st1_marks_icon_20 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2m-.394 5.67C12.72 6.557 13.276 6 13.968 6s1.249.557 2.362 1.67S18 9.34 18 10.032s-.557 1.248-1.67 2.362l-2.619 2.618l-4.723-4.723zm-3.679 3.68l4.724 4.723l-.257.257C11.28 17.443 10.724 18 10.032 18s-1.249-.557-2.362-1.67S6 14.66 6 13.968s.557-1.248 1.67-2.362z' clip-rule='evenodd'/%3E%3C/svg%3E");
    }
    

.sb_st1_marks_icon_21 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m8 10h-4c0-1.5-.8-2.8-2-3.4l2-3.5c2.4 1.4 4 3.9 4 6.9m-8-2c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2M8 5.1c.6 1 1.3 2.3 2 3.5c-1.2.7-2 2-2 3.4H4c0-3 1.6-5.5 4-6.9m0 13.8c.6-1 1.3-2.3 2-3.5c.6.3 1.3.6 2 .6s1.4-.2 2-.6l2 3.5c-1.2.7-2.5 1.1-4 1.1s-2.8-.4-4-1.1'/%3E%3C/svg%3E");
}


.sb_st1_marks_icon_22 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg fill='none'%3E%3Cdefs%3E%3Cmask id='SVGwRNJQbSa'%3E%3Cpath fill='%23fff' d='M0 0h26v26H0z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4.25 18.392a2 2 0 0 1 0-2.828L15.564 4.25a2 2 0 0 1 2.828 0l3.536 3.536a2 2 0 0 1 0 2.828L10.614 21.928a2 2 0 0 1-2.828 0zm2.121-2.121l-.707.707L9.2 20.513L20.514 9.2l-3.536-3.536l-.707.707l1.355 1.356a1 1 0 0 1-1.414 1.414l-1.355-1.355l-.707.707l.53.53a1 1 0 0 1-1.414 1.414l-.53-.53l-.708.707l1.355 1.355a1 1 0 1 1-1.414 1.414l-1.355-1.355l-.707.707l.53.53a1 1 0 1 1-1.414 1.415l-.53-.53l-.707.707l1.355 1.355a1 1 0 1 1-1.414 1.414z' clip-rule='evenodd'/%3E%3C/mask%3E%3C/defs%3E%3Ccircle cx='13' cy='13' r='11' fill='%23000' mask='url(%23SVGwRNJQbSa)'/%3E%3C/g%3E%3C/svg%3E");
}


    

.st-filters-icon-color {
    display: inline-block;
    box-sizing: border-box;
    width: auto;
    transform: scale(1);
    opacity: 0.65;
    transition: 0.3s;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.st-filters-icon-color:hover {
    opacity: 1;
}

.sb_st1_marks_color.active {
    outline: 2px solid #ffffff;
}


.sb_st1_marks_color input {
    width: 24px !important;
    height: 18px !important;
    padding: 0px !important;
    margin: 2px 0px 1px !important;
    transform: scale(1.0) !important;
}





.sb_st1_marks_color_0 {
    filter: brightness(0) saturate(100%) invert(14%) sepia(5%) saturate(11%) hue-rotate(320deg) brightness(104%) contrast(86%);
}

.sb_st1_marks_color_1 {
    filter: brightness(0) saturate(100%) invert(36%) sepia(59%) saturate(1271%) hue-rotate(327deg) brightness(77%) contrast(87%);
}

.sb_st1_marks_color_2 {
    filter: brightness(0) saturate(100%) invert(36%) sepia(42%) saturate(1040%) hue-rotate(262deg) brightness(92%) contrast(102%);
}

.sb_st1_marks_color_3 {
    filter: brightness(0) saturate(100%) invert(32%) sepia(93%) saturate(668%) hue-rotate(198deg) brightness(82%) contrast(95%);
}

.sb_st1_marks_color_4 {
    filter: brightness(0) saturate(100%) invert(56%) sepia(75%) saturate(332%) hue-rotate(124deg) brightness(93%) contrast(91%);
}

.sb_st1_marks_color_5 {
    filter: brightness(0) saturate(100%) invert(48%) sepia(80%) saturate(253%) hue-rotate(83deg) brightness(95%) contrast(92%);
}

.sb_st1_marks_color_6 {
    filter: brightness(0) saturate(100%) invert(58%) sepia(4%) saturate(5579%) hue-rotate(355deg) brightness(92%) contrast(84%);
}



.st_sidebar_db_menu {
    width: 246px;
    background: linear-gradient(90deg, #bec4cb, #eef2f6);
    position: fixed;
    left: 0px;
    top: 46px;
    height: calc(100% - 46px);
    z-index: 3;
    overflow: auto;
    display: flex;
    gap: 5px;
    padding: 24px 0px;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: #ccc #ffffff00;
    box-sizing: border-box;
    border-right: 1px solid #000;
}




/* 1.1.6. Basic. Animation  */





.hover {
    opacity: 0.7;
    cursor: pointer;
}

.hover:hover {
    opacity: 1;
}

.link_click {
    user-select: none;
}

.link_click:active {
    transform: scale(0.95);
    transition: transform .1s ease-out, color .005s linear;
    color: #dc4300;
}




/* 1.3. Basic. Modal  */

.st-table__modal-content {
    position: absolute;
    max-width: 1225px;
    width: 100%;
    height: auto;
    max-height: calc(100% - 40px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 5px;
    overflow-x: hidden;
}

.st-table__modal-content-3 {
    width: 500px !important;
}

.st-table__modal-content-4 {
	width: 795px;
}

.st-table__modal-content-7 {
        max-width: 850px;
}

.st-table__modal-content-9 {
    width: 500px !important;
}

[data-modal='text-choice'] .st-table__modal-content {
    height: 500px;
}


[data-modal='filters_create'] .st-table__modal-content {
    width: 500px;
    height: 270px;
}


[data-modal='filter'] .st-table__modal-content {
    height: calc(100% - 4rem);
}

[data-modal='log'] .st-table__modal-content {
    height: calc(100% - 4rem);
}

[data-modal='reporting_form'] .st-table__modal-content {
    height: auto;
    max-height: calc(100% - 4rem);
}



[data-modal='filters'] .st-table__modal-content {
}


[data-modal="replace_classic"] .st-table__modal-content {
	width: 500px;
	height: 272px;
}


[data-modal='info_columns_setting'] .st-table__modal-content {
    height: calc(100% - 95px);
    width: 100%;
    max-width: 400px;
}








/* 1.4. Basic. Modal_info  */

.modal_info_st7_icon {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    top: 0px;
    right: 0px;
}

.st7F_block:hover .modal_info_st7_icon {
        opacity: 0.75;
        transition: 0.3s;
}

.st7F_block_6:hover .modal_info_st7_icon {
        opacity: 0;
}

.st7F_block_6 div:hover .modal_info_st7_icon {
        opacity: 0.75;
        transition: 0.3s;
}


.modal_info_st7f_1,
.modal_info_st7f_3,
.modal_info_st7f_4 {
        padding: 24px;
        width: 400px!important;
}

.modal_info_st7f_2 {
        padding: 24px;
        width: 600px!important;
}


.st12_documentation {
        width: 800px!important;
}

.modal_info_content {
        padding: 24px;
        overflow: auto;
        
}

.modal_info_base {
        padding: 24px;
        width: 400px!important;
}




/* 1.4.1. Basic. Modal_info_up_panel  */
.modal_info_st_up_menu {
        width: 250px !important;
        padding: 24px;
}

.modal_info_st_up_menu_content {
        display: flex;
        gap: 10px;
        flex-direction: column;
}

.modal_info_st_up_item_menu_group_1 {
        display:block;
    border-radius: 5px;
    background: #eef2f6;
}

.modal_info_st_up_item_menu_group_2 {
    display:block;
    border-radius: 5px;
    background: #eef6f5;
}


.modal_info_st_up_item_menu_item {
        display:block;
        padding: 5px 10px;
        cursor: pointer;
}

.modal_info_st_up_item_menu_item:hover {
        background: #0000001a;
        transition: 0.15s;
        
}














/* 1.5. Basic. icons  */

/* 1.5. Basic. icons. sidebar, upbar  */

.sb_add,
.sb_edit,
.sb_log,
.ub_colums,
.ub_filter,
.ub_filter_clear,
.ub_export,
.ub_block_sb_bottom,
.st-icon-act-mass,
.st-icon-info,
.st-icon-accept-all {
    display: inline-block;
    box-sizing: border-box;
    user-select: none;
    margin: 5px;
    opacity: 0.65;
    transition: 0.3s;
    height: 24px;
    width: 24px;
    cursor: pointer;
    caret-color: transparent;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scale(1);
    transition: transform .1s ease-out, color .15s linear;
}

.sb_add:hover,
.sb_edit:hover,
.sb_log:hover,
.ub_colums:hover,
.ub_filter:hover,
.ub_filter_clear:hover,
.ub_export:hover,
.ub_block_sb_bottom:hover,
.st-icon-act-mass:hover,
.st-icon-info:hover,
.st-icon-accept-all:hover {
    opacity: 1!important;
}

.sb_add:active,
.sb_edit:active,
.sb_log:active,
.ub_colums:active,
.ub_filter:active,
.ub_filter_clear:active,
.ub_export:active,
.ub_block_sb_bottom:active,
.st-icon-act-mass:active,
.st-icon-info:active,
.st-icon-accept-all:active {
    transform: scale(0.85);
}


.ub_colums {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2M9 18H7v-6h2zm4 0h-2V7h2zm4 0h-2v-8h2z'/%3E%3C/svg%3E");
    transform: rotate(180deg)!important;
}

.sb_add {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 17h2v-4h4v-2h-4V7h-2v4H7v2h4zm-6 4q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21z'/%3E%3C/svg%3E");
}

.sb_edit {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-2.3 6.35c.22-.21.22-.56 0-.77L15.42 7.3a.532.532 0 0 0-.77 0l-1 1l2.05 2.05zM7 14.94V17h2.06l6.06-6.06l-2.06-2.06z'/%3E%3C/svg%3E");
}

.sb_log {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 17q.425 0 .713-.288T9 16q0-.425-.288-.712T8 15q-.425 0-.712.288T7 16q0 .425.288.713T8 17m0-4q.425 0 .713-.288T9 12q0-.425-.288-.712T8 11q-.425 0-.712.288T7 12q0 .425.288.713T8 13m0-4q.425 0 .713-.288T9 8q0-.425-.288-.712T8 7q-.425 0-.712.288T7 8q0 .425.288.713T8 9m4 8h4q.425 0 .713-.288T17 16q0-.425-.288-.712T16 15h-4q-.425 0-.712.288T11 16q0 .425.288.713T12 17m0-4h4q.425 0 .713-.288T17 12q0-.425-.288-.712T16 11h-4q-.425 0-.712.288T11 12q0 .425.288.713T12 13m0-4h4q.425 0 .713-.288T17 8q0-.425-.288-.712T16 7h-4q-.425 0-.712.288T11 8q0 .425.288.713T12 9M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21z'/%3E%3C/svg%3E");
}

.ub_filter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 48 48'%3E%3Cpath fill='%23000' d='M11.25 6A5.25 5.25 0 0 0 6 11.25V23h21V6zM27 25.5H6v11.25C6 39.65 8.35 42 11.25 42H27zM36.75 42H29.5V31.5H42v5.25c0 2.9-2.35 5.25-5.25 5.25M42 19.5V29H29.5v-9.5zm0-2.5H29.5V6h7.25C39.65 6 42 8.35 42 11.25z'/%3E%3C/svg%3E");
 }
 
.ub_filter_clear {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-3.4 14L12 13.4L8.4 17L7 15.6l3.6-3.6L7 8.4L8.4 7l3.6 3.6L15.6 7L17 8.4L13.4 12l3.6 3.6z'/%3E%3C/svg%3E");
}

.ub_export {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M2.25 3.6c0-.746.604-1.35 1.35-1.35h16.8c.746 0 1.35.604 1.35 1.35v16.8a1.35 1.35 0 0 1-1.35 1.35H3.6a1.35 1.35 0 0 1-1.35-1.35zm3 14.4a.75.75 0 0 1 .75-.75h12a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75m10.78-6.97l-3.5 3.5a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 1 1 1.06-1.06l2.22 2.22V6a.75.75 0 0 1 1.5 0v6.19l2.22-2.22a.75.75 0 1 1 1.06 1.06' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.st-icon-act-mass {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath fill='black' d='m2.5 8.9l9 5.2c.2.1.3.1.5.1s.3 0 .5-.1l9-5.2c.2-.1.3-.2.4-.4c.2-.5.1-1.1-.4-1.4l-9-5.2c-.3-.2-.7-.2-1 0l-9 5.2c-.2.1-.3.2-.4.4c-.2.5-.1 1.1.4 1.4m19 2.2l-.2-.1l-8.8 5.1c-.3.2-.7.2-1 0L2.7 11l-.2.1c-.5.3-.6.9-.4 1.4c.1.2.2.3.4.4l9 5.2c.3.2.7.2 1 0l9-5.2c.5-.3.6-.9.4-1.4c-.1-.2-.2-.3-.4-.4m0 4l-.2-.1l-8.8 5.1c-.3.2-.7.2-1 0L2.7 15l-.2.1c-.5.3-.6.9-.4 1.4c.1.2.2.3.4.4l9 5.2c.3.2.7.2 1 0l9-5.2c.5-.3.6-.9.4-1.4c-.1-.2-.2-.3-.4-.4'/%3E%3C/svg%3E");
}

.st-icon-info {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 3h14a2 2 0 0 1 2 2v14c0 .53-.21 1.04-.59 1.41c-.37.38-.88.59-1.41.59H5c-.53 0-1.04-.21-1.41-.59C3.21 20.04 3 19.53 3 19V5c0-1.11.89-2 2-2m8 6V7h-2v2zm0 8v-6h-2v6z'/%3E%3C/svg%3E");
}

.st-icon-accept-all {
    opacity: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cmask id='lineMdSquareFilledToConfirmSquareFilledTransition0'%3E%3Cg fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath fill='%23fff' d='M4 12v-7c0 -0.55 0.45 -1 1 -1h14c0.55 0 1 0.45 1 1v14c0 0.55 -0.45 1 -1 1h-14c-0.55 0 -1 -0.45 -1 -1Z'/%3E%3Cpath stroke='%23000' stroke-dasharray='14' stroke-dashoffset='14' d='M8 12l3 3l5 -5'%3E%3Canimate fill='freeze' attributeName='stroke-dashoffset' dur='0.2s' values='14;0'/%3E%3C/path%3E%3C/g%3E%3C/mask%3E%3Crect width='24' height='24' fill='%23000' mask='url(%23lineMdSquareFilledToConfirmSquareFilledTransition0)'/%3E%3C/svg%3E");
}


.ub_setting {   
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    user-select: none;
    margin: 5px;
    /* transition: 0.3s; */
    height: 24px;
    width: 24px;
    cursor: pointer;
    caret-color: transparent;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M9 5a1 1 0 1 0 0 2a1 1 0 0 0 0-2M6.17 5a3.001 3.001 0 0 1 5.66 0H19a1 1 0 1 1 0 2h-7.17a3.001 3.001 0 0 1-5.66 0H5a1 1 0 0 1 0-2zM15 11a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-2.83 0a3.001 3.001 0 0 1 5.66 0H19a1 1 0 1 1 0 2h-1.17a3.001 3.001 0 0 1-5.66 0H5a1 1 0 1 1 0-2zM9 17a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-2.83 0a3.001 3.001 0 0 1 5.66 0H19a1 1 0 1 1 0 2h-7.17a3.001 3.001 0 0 1-5.66 0H5a1 1 0 1 1 0-2z'/%3E%3C/svg%3E");
 }
 
.ub_setting:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 5a1 1 0 1 0 0 2a1 1 0 0 0 0-2M6.17 5a3.001 3.001 0 0 1 5.66 0H19a1 1 0 1 1 0 2h-7.17a3.001 3.001 0 0 1-5.66 0H5a1 1 0 0 1 0-2zM15 11a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-2.83 0a3.001 3.001 0 0 1 5.66 0H19a1 1 0 1 1 0 2h-1.17a3.001 3.001 0 0 1-5.66 0H5a1 1 0 1 1 0-2zM9 17a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-2.83 0a3.001 3.001 0 0 1 5.66 0H19a1 1 0 1 1 0 2h-7.17a3.001 3.001 0 0 1-5.66 0H5a1 1 0 1 1 0-2z'/%3E%3C/svg%3E");
 }


/* 1.5.2. Basic. icons. st-table-content__cell_head  */

.st-table-content__filter {
    display: inline-block;
    width: 14px;
    min-width:14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    user-select: none;
    opacity: 0.25;
    transition: 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='black' d='M224 120v16a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-16a8 8 0 0 1 8-8h176a8 8 0 0 1 8 8m-8 56H40a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h176a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8m0-128H40a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h176a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8'/%3E%3C/svg%3E");
    transform: scale(1);
    transition: transform .1s ease-out, color .15s linear;
}

.st-table-content__filter:hover {
    opacity: 1;
}



.st-table-content__filter.active {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23DC4300' d='M224 120v16a8 8 0 0 1-8 8H40a8 8 0 0 1-8-8v-16a8 8 0 0 1 8-8h176a8 8 0 0 1 8 8m-8 56H40a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h176a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8m0-128H40a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h176a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8'/%3E%3C/svg%3E");
}

.st-table-content__sort {
    display: inline-block;
    width: 14px;
    min-width:14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    user-select: none;
    opacity: 0.25;
    transition: 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='m12.927 2.573l3 3A.25.25 0 0 1 15.75 6H13.5v6.75a.75.75 0 0 1-1.5 0V6H9.75a.25.25 0 0 1-.177-.427l3-3a.25.25 0 0 1 .354 0M0 12.25a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75m0-4a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 8.25m0-4a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 4.25'/%3E%3C/svg%3E");
    transform: scale(1);
    transition: transform .1s ease-out, color .15s linear;
}

.st-table-content__sort:hover {
    opacity: 1;
}
.st-table-content__sort.active {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23DC4300' d='m12.927 2.573l3 3A.25.25 0 0 1 15.75 6H13.5v6.75a.75.75 0 0 1-1.5 0V6H9.75a.25.25 0 0 1-.177-.427l3-3a.25.25 0 0 1 .354 0M0 12.25a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5H.75a.75.75 0 0 1-.75-.75m0-4a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 8.25m0-4a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 4.25'/%3E%3C/svg%3E");
}

.st-table-content__sort.revers {
    transform: rotate(180deg);
}

.st-table-content__filter:active,
.st-table-content__sort:active {
    transform: scale(0.85);
}


/* 1.5.2. Basic. icons. other, mini  */

.st-icon-copy {
    display: inline-block;
    width: 14px;
    min-width:14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    user-select: none;
    opacity: 0.25;
    transition: 0.3s;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 9.667A2.667 2.667 0 0 1 9.667 7h8.666A2.667 2.667 0 0 1 21 9.667v8.666A2.667 2.667 0 0 1 18.333 21H9.667A2.667 2.667 0 0 1 7 18.333z'/%3E%3Cpath d='M4.012 16.737A2 2 0 0 1 3 15V5c0-1.1.9-2 2-2h10c.75 0 1.158.385 1.5 1'/%3E%3C/g%3E%3C/svg%3E");
}

.st-icon-copy:hover {
    opacity: 1;
}








/* upbar_user panel */
.up_control_panel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 46px);
    height: 66px;
    position: fixed;
    /* position: sticky;
    top: 46px; */
    background: #eef2f6;
    column-gap: 50px;
    border-bottom: 1px solid #000;
    z-index: 3;
}

.ub_block_sb_bottom,
.head_menu_icon {
    display: none;
}

.ub_block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0px 8px;
}

.ub_block_filter {
    display: flex;
    position: relative;
    font-weight: 500;
    padding: 0px 10px;
}


.st-filters_name-active {
    position:relative;
    display: flex;
    align-items: center;
}


.st-colors_control_panel{
    position: absolute;
    background: #fff;
    border-radius: 5px;
    left: -20px;
    bottom: 0px;
    transform: translate(-100%, 0%);
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.175);
    user-select: none;
    -webkit-user-select: none;
    white-space: nowrap;
    font-weight: 500;
    font-size: 11px;
}


.st-filter_control_panel {
    position: absolute;
    width: 175px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    left: 10px;
    top: 25px;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.175);
    user-select: none;
    -webkit-user-select: none;
    white-space: nowrap;
    font-weight: 500;
    font-size: 11px;
}



.st-filter_control_panel_item {
    display: block;
    position: relative;
    cursor: pointer;
    color: #333;
    padding: 10px 5px;
    transition: 0.3s;
    opacity: 0.8;
}

.st-filter_control_panel_item:hover {
    background: #f1f1f1;  
    color: #000;
    opacity: 1;
}

.st-filter_control_panel_item:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.st-filter_control_panel_hr {
    border-bottom: 3px solid #ccc;
    display: block;
}



.st-filter_edit_icon,
.st-filter_reset_icon,
.st-filter_rollback_icon,
.st-filter_create_icon,
.st-filter_save_icon,
.st-filter_setting_icon {
    display: inline-block;
    box-sizing: border-box;
    user-select: none;
    height: 100%;
    width: 16px;
    cursor: pointer;
    caret-color: transparent;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 5px;
    top: 0px;
}


.st-filter_edit_icon:hover,
.st-filter_save_icon:hover,
.st-filter_reset_icon:hover,
.st-filter_rollback_icon:hover,
.st-filter_create_icon:hover,
.st-filter_setting_icon:hover {
    opacity: 1;
}


.st-filter_edit_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16.475 5.408l2.117 2.117m-.756-3.982L12.109 9.27a2.1 2.1 0 0 0-.58 1.082L11 13l2.648-.53c.41-.082.786-.283 1.082-.579l5.727-5.727a1.853 1.853 0 1 0-2.621-2.621'/%3E%3Cpath d='M19 15v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3'/%3E%3C/g%3E%3C/svg%3E");
}

.st-filter_save_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V7zm2 16H5V5h11.17L19 7.83zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3M6 6h9v4H6z'/%3E%3C/svg%3E");
}

.st-filter_reset_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23bb5858' stroke-linecap='round' stroke-width='2' d='M6 18L18 6m0 12L6 6'/%3E%3C/svg%3E");
}

.st-filter_rollback_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 26 26'%3E%3Cpath fill='%23666' d='M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2v2a8 8 0 1 1-5.135 1.865L9 8V2H3l2.446 2.447A9.98 9.98 0 0 0 2 12'/%3E%3C/svg%3E");
}

.st-filter_create_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%234a8de1' stroke-linecap='round' stroke-width='2' d='M12 19V5m7 7H5'/%3E%3C/svg%3E");
}

.st-filter_setting_icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M19.9 12.66a1 1 0 0 1 0-1.32l1.28-1.44a1 1 0 0 0 .12-1.17l-2-3.46a1 1 0 0 0-1.07-.48l-1.88.38a1 1 0 0 1-1.15-.66l-.61-1.83a1 1 0 0 0-.95-.68h-4a1 1 0 0 0-1 .68l-.56 1.83a1 1 0 0 1-1.15.66L5 4.79a1 1 0 0 0-1 .48L2 8.73a1 1 0 0 0 .1 1.17l1.27 1.44a1 1 0 0 1 0 1.32L2.1 14.1a1 1 0 0 0-.1 1.17l2 3.46a1 1 0 0 0 1.07.48l1.88-.38a1 1 0 0 1 1.15.66l.61 1.83a1 1 0 0 0 1 .68h4a1 1 0 0 0 .95-.68l.61-1.83a1 1 0 0 1 1.15-.66l1.88.38a1 1 0 0 0 1.07-.48l2-3.46a1 1 0 0 0-.12-1.17ZM18.41 14l.8.9l-1.28 2.22l-1.18-.24a3 3 0 0 0-3.45 2L12.92 20h-2.56L10 18.86a3 3 0 0 0-3.45-2l-1.18.24l-1.3-2.21l.8-.9a3 3 0 0 0 0-4l-.8-.9l1.28-2.2l1.18.24a3 3 0 0 0 3.45-2L10.36 4h2.56l.38 1.14a3 3 0 0 0 3.45 2l1.18-.24l1.28 2.22l-.8.9a3 3 0 0 0 0 3.98m-6.77-6a4 4 0 1 0 4 4a4 4 0 0 0-4-4m0 6a2 2 0 1 1 2-2a2 2 0 0 1-2 2'/%3E%3C/svg%3E");
}






.st-search-replace__input {
    border: 0px solid #000;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    background: #fff !important;
    border-radius: 3px;
    line-height: normal;
    padding: 0px 15px;
    margin: 0px 8px 0px 12px;
    height: 30px;
    box-sizing: border-box;
    color: #000;
}
.st-search-replace__input:hover,
.st-search-replace__input:focus,
.st-search-replace__input:active {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    background: #fff !important;
}
.st-search-button {
    display: none;
}

.ub_total_item {
    line-height: 45px;
    font-weight: 500;
    cursor: pointer;
    color: #333;
    position: relative;
}

.ub_total_item:hover {
       text-decoration: underline;
       color: #000;
}

.ub_total_item_menu {
        position:absolute; 
        top: 30px;
        right: 30px;
        background: #fff;
        height:100px;
        width:100px;
        display: block !important;
}





.st-log-total-item {
    line-height: 45px;
    font-weight: bold;
}


/* main_block*/
.main_block {
    width: 100%;
    max-width: 1315px;
    height: calc(100vh - 46px);
    overflow: hidden;
    box-sizing: border-box;
    margin: 46px auto 0px;
    background: #fff;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
}

.main_block_base {
    width: 100%;
    max-width: 1315px;
    box-sizing: border-box;
    margin: 46px auto 0px;
    background: #fff;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
}


.content_block {
    padding: 0px 24px;
}

/* faq*/
.faq {
    margin: 0 auto;
}
.faq summary {
    font-weight: 500;
    cursor: pointer;
    padding: 5px;
}
.faq summary::-webkit-details-marker {
    display: none;
}
.faq details {
    border: 1px solid #fff;
    border: 1px solid #fff;
    padding: 0 1em;
    margin: 2px 0px;
    transition: 0.5s;
}
.faq details[open] {
    background-color: #f5f5f5;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.faq details p:last-child {
    color: #999;
}
.faq details p {
    margin: 5px 5px 5px 19px;
}

.faq ul li {
	padding: 5px 0px;
    margin-left: -5px;
}



/* st-modals*/
.st-hide {
    visibility: hidden;
    opacity: 0;
}

.st-table__modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100000;
    transition: visibility ease 0.3s, opacity ease 0.3s;
}

.st-table__modal-back {
    position: absolute;
    left: -1px;
    width: calc(100% + 2px);
    height: 100%;
    background: #111111aa;
    cursor: pointer;
}

.st-table__modal-back-first {
    background: #111!important;
}

.st_mini_modal_back {
    position: absolute;
    width: 100%;
    background-color: #0000004f;
    cursor: pointer;
    z-index: 9;
}







.st-table__modal-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader {
    width: 64px;
    height: 64px;
    display: inline-block;
    position: relative;
    will-change: transform, opacity;
  }
  
  .loader::after,
  .loader::before {
    content: '';  
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #dc4300;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    animation: animloader 2s ease-in-out infinite;
    background-image: url(../omt/img/template/cat_white.png);
    background-size: cover;
  }
  .loader::after {
    animation-delay: 1s;
  }


@keyframes animloader {
    0%, 100% {
      transform: scale(0);
      opacity: 1;
}
    50% {
      transform: scale(1);
      opacity: 0;
}
  }
  
  
  
  
  
  
  
/*modal head */


.modal_header {
    position: sticky;
    top: 0;
    background: linear-gradient(270deg, #c1cdd4, #eef2f6);
    padding: 24px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    z-index: 2;
    align-items: center;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 5px 5px 0px 0px;
}
.modal_title {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
}

.modal_title:first-letter {
    color: #dc4300;
}

.modal_button_bar {
    display: flex;    
    gap: 24px;
}

.modal_close{
    cursor: pointer;
}

.modal_close:before {
    content: '\2716';
    color: #8593a5;
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
    z-index: 5;
    transition: 0.2s;
}

.modal_close_scroll:before {
    position:relative;
    float: right;
    top: -23px;
    right: -18px;
    height: 0px;
}


.modal_close:hover:before {
    color: #000;
}





/* modal    y |      -         y     r { p  y modal  r   q      x ~ p   u ~ y  */
.st-table__list.st-filter-settings{
    overflow-y: unset;
}
.st-filter-settings{
    border-bottom: 1px solid #ddd;
}
.st-filter-list,
.st-text-choice-list {
    padding: 8px 5px;
}
.st-filter-list label,
.st-text-choice-list label,
.st-cols-list label {
    cursor: pointer;
    border-top: 1px solid #ddd;
    position: relative;
}

.st-filter-list label:last-child,
.st-text-choice-list label:last-child,
.st-cols-list div:last-child {
    border-bottom: 1px solid #ddd;
}

.st-filter-list label:hover,
.st-text-choice-list label:hover,
.st-cols-list label:hover {
    background: #f1f1f1;
}




.st-filter-list-flex {
        display: flex;
}

.st-text-choice-count {
}

.st-text-choice-count-all {
        background: #e4e3f4;
        display: inline-block;
        padding: 0px 2px;
        margin: 0px 2px;
        border-radius: 5px;
        width: 32px;
        height: 18px;
        text-align: center;
        color: #666;
}

.st-text-choice-count-old {
        background: #d7eded;
        display: inline-block;
        padding: 0px 2px;
        margin: 0px 2px;
        border-radius: 5px;
        width: 32px;
        height: 18px;
        text-align: center;
        color: #666;
}

.st-text-choice-count-replace {
        background: #edd7d7;
        display: inline-block;
        padding: 0px 2px;
        margin: 0px 2px;
        border-radius: 5px;
        width: 32px;
        height: 18px;
        text-align: center;
        color: #666;
}




.st-text-choice-value {
    width: 65%;
}

/* modal    y |        */



.st-create-filters_name,
.st-create-filters_desc {
    white-space: break-spaces;
    margin: 0px 0px 25px;
}

.st-create-filters_desc {
    white-space: break-spaces;
    margin: 0px;
    height: 30px;
}

.st-filters-list_desc {
    position: absolute;
    z-index: 120;
    width: 50% !important;
    height: 80px;
    top: 0px;
    right: 0px;
    text-align: center;
    font-weight: normal !important;
    margin: 0px 24px;
    box-sizing: border-box;
    transition: 0.3s;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


.st-filters_group .st-table__list-item:hover .st-filters-list_desc {
    opacity: 1;
}

.st-table__list-item.st-table__list-subitem{
    padding-left: 1rem;
}

.st-filters_edit_icon {
    margin-left: 5px;
    display: inline-block;
    box-sizing: border-box;
    user-select: none;
    opacity: 0;
    transition: 0.3s;
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16.475 5.408l2.117 2.117m-.756-3.982L12.109 9.27a2.1 2.1 0 0 0-.58 1.082L11 13l2.648-.53c.41-.082.786-.283 1.082-.579l5.727-5.727a1.853 1.853 0 1 0-2.621-2.621'/%3E%3Cpath d='M19 15v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h3'/%3E%3C/g%3E%3C/svg%3E");
}


.st-filters_groups {
    display: flex;
    overflow: auto;
    gap: 24px;
    padding: 24px;
}

.st-filters_groups > div:nth-child(1) {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 24px;
    width: 50%;
}

.st-filters_groups > div:nth-child(2) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;
    width: 50%;
}

.st-filters_group {
    padding: 10px;
    flex-grow: 1;
    width: calc(50% - 20px);
    box-sizing: border-box;
    overflow: hidden;
}

.st-filters_group .active {
    text-shadow: 0px 0px 1px black;
}

.st-filters_groups > div .st-filters_group:nth-child(1) {
	background: #eef2f6;
}
.st-filters_groups > div .st-filters_group:nth-child(2) {
	background: #eef6f5;
}
.st-filters_groups > div .st-filters_group:nth-child(3) {
	background: #f6eeee;
}
.st-filters_groups > div .st-filters_group:nth-child(4) {
	background: #f3eef6;
}
.st-filters_groups > div .st-filters_group:nth-child(5) {
	background: #f6f3ee;
}
.st-filters_groups > div .st-filters_group:nth-child(6) {
	background: #e4e3f4;
}


.st-filters_group_title {
    padding: 6px 14px;
    font-weight: bold;
    margin: -10px -10px 5px;
    background: #00000014;
}

.st-filters_group_title_other {
    padding: 0px 3px;
    font-weight: bold;
}

.st-filters-apply {
    display: block;
    width: 100%;
    cursor: pointer;
    user-select: none;
}

.st-filters-apply:hover {
    text-shadow: 0px 0px 1px black;
}


.st-filters-list-group .st-table__list-item .st-filters_edit_icon,
.st-filters-list .st-table__list-item .st-filters_edit_icon {
    opacity: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cg fill='%23333' %3E%3Cpath d='M16.607 3.005a2.57 2.57 0 0 1 3.64-.001l.75.751a2.57 2.57 0 0 1 0 3.637l-7.6 7.604a2.57 2.57 0 0 1-1.819.754H9a.75.75 0 0 1-.75-.75v-2.562c0-.682.27-1.336.752-1.818z'/%3E%3Cpath d='M11.943 2.25H12a.75.75 0 0 1 0 1.5c-2.143 0-3.674.002-4.838.158c-1.142.154-1.817.444-2.314.94c-.496.497-.786 1.172-.94 2.314C3.752 8.326 3.75 9.857 3.75 12s.002 3.674.158 4.838c.154 1.142.444 1.817.94 2.314c.497.496 1.172.786 2.314.94c1.164.156 2.695.158 4.838.158s3.674-.002 4.838-.158c1.142-.154 1.817-.444 2.314-.94c.496-.497.786-1.172.94-2.314c.156-1.164.158-2.696.158-4.838a.75.75 0 0 1 1.5 0v.057c0 2.073 0 3.705-.171 4.98c-.176 1.31-.545 2.354-1.367 3.175c-.821.822-1.866 1.19-3.174 1.367c-1.276.171-2.908.171-4.981.171h-.114c-2.073 0-3.705 0-4.98-.171c-1.31-.176-2.354-.545-3.175-1.367c-.822-.821-1.19-1.866-1.367-3.174c-.171-1.276-.171-2.908-.171-4.981v-.114c0-2.073 0-3.705.171-4.98c.176-1.31.545-2.354 1.367-3.175c.821-.822 1.866-1.19 3.174-1.367c1.276-.171 2.908-.171 4.981-.171'/%3E%3C/g%3E%3C/svg%3E");
}

.st-filters-list-group .st-table__list-item:hover .st-filters_edit_icon,
.st-filters-list .st-table__list-item:hover .st-filters_edit_icon {
    opacity: 0.2;
}

.st-filters-list-group .st-table__list-item:hover .st-filters_edit_icon:hover,
.st-filters-list .st-table__list-item:hover .st-filters_edit_icon:hover {
    opacity: 1;
}























/* modal cols*/






.st-cols-list {
    
}

.st-cols-list-item {
    display: flex!important;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    align-items: center;
    font-size: 12px!important;
    padding: 3px!important;
    line-height: normal!important;;
    border-top: 1px solid #ddd;
}

.st-cols-list-item:hover {
    background: #f1f1f1;
}

.st-cols-list .st-cols-list-item:last-child {
    border-bottom: 1px solid #ddd;
}




.st-cols-order {
    font-size: 12px;
    cursor: pointer;
    background: none;
    transition: 0.15s;
    color: #666;
    border: 0px;
}

.st-cols-order:hover {
    background: #ccc;
    color: #000;
}


.st-cols-delete {
    opacity: 0;
    text-decoration: none !important;
    position: absolute;
    right: -18px;
}

.st-cols-delete:before {
    content: '\2716';
    color: #bbb;
    cursor: pointer;
}





/* modal setting*/


.st-color-count {
    float: right;
    color: #aaa;
    padding: 0px 10px;
}

.st-table__list-item:hover .st-cols-delete {
    opacity: 1;
}




.st-settings-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    box-sizing: border-box;
    padding: 24px;
    gap: 24px;
    width: 100%;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #ccc #ffffff00;
}
    
    
    
.st-setting_group {
	border-radius: 10px;
	padding: 10px;
	flex-grow: 1;
	width: 50%;
    scrollbar-width: thin;
    scrollbar-color: #ccc #ffffff00;
}

.st-setting_group__cols{
    overflow: auto;
}

.st-setting_group:nth-child(1) {
	background: #eef2f6;
}
.st-setting_group:nth-child(2) {
	background: #eef6f5;
}
.st-setting_group:nth-child(3) {
	background: #f6eeee;
}
.st-setting_group:nth-child(4) {
	background: #f3eef6;
}
.st-setting_group:nth-child(5) {
	background: #f6f3ee;
}
.st-setting_group:nth-child(6) {
	background: #e4e3f4;
}


.st-setting_group_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 3px;
    font-weight: bold;
}


.st-setting_group_title_link {
    font-size: 12px;
    color: #999!important;
    text-decoration: none !important;
    cursor: pointer;
    padding-left: 10px;
    transition: 0.3s; 
    font-weight: 400;
}

.st-setting_group_list-item {
    display: flex;
    justify-content: space-between;
    padding: 3px;
    box-sizing: border-box;
    width: 100%;
    align-items: flex-start;
}


.st-setting_group_list-value {
    display: flex;
    justify-content: space-between;
    padding: 3px 0px;
    box-sizing: border-box;
    width: 100%;
    align-items: center;
}

.st-cols-group-wrapper {
    background: #dde4eb;
    padding: 12px !important;
    margin: 12px !important;
    border-radius: 10px;
}


.st-setting_group_title_link:hover {
    color: #000!important;
}

#total_in_use_years {
    width: 50px;
    padding: 1px 0px 1px 5px;
    border: 1px solid #999;
    border-radius: 5px;
    overflow: hidden;
}


.st-colors_item {
        width: 100%;
        padding-left: 4px;
}



.st-cid-style_94 {
    font-weight: 300;
    color: #999;
}


.st-cols-control_panel{
    position: absolute;
    width: 175px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    left: 10px;
    top: 25px;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.175);
    user-select: none;
    -webkit-user-select: none;
    white-space: nowrap;
    font-weight: 500;
    font-size: 11px;
}




/*3. User. */
/*3. User. 3.1 Edit profil*/




/* 4.   Log  */
/* 4.1. Log modal  */



.st-log-date-group {
        color: #000000;
        font-weight: 500;
        padding: 10px 14px 2px !important;
        margin: 10px 0px 0px;
        position: sticky;
        top: -24px;
        background: #fff;
        box-shadow: 0px 0px 10px 0px #fff;
}

.st-log {
    display: block!important;
    margin: 8px 0px;
}


.st-log b {
    font-weight: 500;
}

.st-log-table {
    display: table;
}


.st-log-TR {
    display: table-row;
} 

.st-log-TR_title {
    display: table-cell;
    padding: 10px 0px 1px;
}

.st-log-TC {
        display: table-cell;
        padding: 1px 15px 1px 0px;
}

.st-log-TC-b0 {
        display: table-cell;
        padding: 24px 12px 0px 0px;
        font-weight: 500;
}

.st-log-TR_b0 {
        background: none!important;
        
}


.st-log-table .st-log-TR:nth-child(2n) {
        background: #9595951f;
}

.log_details_old_data {
    background: #dfdfdf70;
    padding: 0px 24px 24px;
    margin: 0px -24px -24px;
    border-radius: 0px 0px 10px 10px;
}


.st_log_block_ST1 {
    background: #eef2f6;
    border-radius: 10px;
    padding: 24px; 
}


.st_log_block_ST2 {
        background: #edecde;
        border-radius: 10px;
        padding: 24px; 
}


.st_log_block_ST3 {
        background: #f3eef6;
        border-radius: 10px;
        padding: 24px;
}

.st_log_block_ST4 {
        background: #eef6f5;
        border-radius: 10px;
        padding: 24px; 
}

.st_log_block_ST7 {
        background: #eeeef6;
        border-radius: 10px;
        padding: 24px; 
}



.st_log_time {
        float:right;
        text-align:right;
}

.st_log_time span {
        border: 0px;
        margin: 0px;
}



.log_details_button {
    margin: 24px 0px 0px;
    cursor: pointer;
}


.st-log-load,
.st-load-more {
    margin: 0px auto;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}




/* 4.4. Log Control Panel  */

.st_log_control_panel_icon:before {
    content: '☰';
    color: #8593a5;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 20px;
    cursor: pointer;
    z-index: 10;
}

.st_log_control_panel_icon:hover:before {
    color: #000 !important;
}

.st_log_control_panel_close:before {
    content: '\2716';
    color: #8593a5;
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
    z-index: 10;
}


.st_log_control_panel_back {
    display:none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 2;
    background: linear-gradient(210deg, #ffffff, #8593a5d4);
}

.st_log_control_panel {
    position: absolute;
    height:  100%;
    width: 300px;
    background: #fff;
    display: none;
    border-left: 1px solid #666;
    padding: 24px;
    right: 0px;
    z-index: 10;
    border-radius: 0px 5px 5px 0px;
    box-sizing: border-box;
    user-select: none;
}

.st_log_select {
    border: 0px solid #000;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
    background: #fff !important;
    border-radius: 3px;
    line-height: normal;
    padding: 0px 5px;
    margin: 0px 0px 15px;
    height: 30px;
    box-sizing: border-box;
    color: #000;
    width:100%;
}

.st_log_select:hover,
.st_log_select:focus,
.st_log_select:active {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    background: #fff !important;
}

.st-log-filter-title {
    border-bottom: 3px solid #000;
    padding: 0px 0px 5px;
    margin: 0px 0px 5px;
    font-weight: 500;
    text-align: center;
}

.st-log-filter-label {
    display: flex;
    justify-content: space-between;
    margin:5px 0px;
}

/* 5.1.1 mp_dashboard_main  */

.mp_dashboard__wrapper {
    position: relative;
    top: 46px;
    left: 246px;
    width: calc(100% - 246px);
    height: calc(100vh - 46px);
    overflow: auto;
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.mp_dashboard__wrapper_home {
    top: 46px;
    left: 246px;
    width: calc(100% - 294px);
    height: calc(100vh - 94px);
    padding: 24px;
}

.mp_dashboard_group {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.mp_dashboard_group>* {
    flex: 1 1 32%;
}

.mp_dashboard_block_small {
    position: relative;
    overflow: hidden;
    padding: 24px;
    border-radius: 10px;
    box-sizing: border-box;
    text-decoration: none !important;
    color: #000 !important;
}

.mp_dashboard_block {
    position: relative;
    padding: 24px;
    box-sizing: border-box;
    text-decoration: none !important;
    color: #000 !important;
    border-top: 1px solid #ddd;
}

.mp_dashboard_block .mp_dashboard_title {
    background: linear-gradient(90deg, #dbdfe5, #fcfcfc);
    position: sticky;
    top: 0px;
    z-index: 1;
    box-shadow: 0px 5px 20px 0px #eee;
    padding: 12px 24px;
}


.mp_dashboard_group .mp_dashboard_block_small:nth-child(1) {
    background: linear-gradient(270deg, #f3f3f3, #eef2f6);
}

.mp_dashboard_group .mp_dashboard_block_small:nth-child(2) {
    background: #eef6f5;
}

.mp_dashboard_group .mp_dashboard_block_small:nth-child(3) {
    background: #f6eeee;
}

.mp_dashboard_group .mp_dashboard_block_small:nth-child(4) {
    background: #f3eef6;
}

.mp_dashboard_group .mp_dashboard_block_small:nth-child(5) {
    background: #eef2f6;
}


.mp_dashboard_log_block {
}

.mp_dashboard_block_list-item {
    display: block;
    padding: 5px 0px;
    color: #000;
    font-weight: 500;
}

.mp_dashboard_block_list-item span {
    float: right;
}


.mp_dashboard_title {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin: -26px -24px 24px;
    background: linear-gradient(90deg, #6b6b6b2b, #ffffff00);
    padding: 8px 24px;
    border-bottom: 1px solid #000;
}

.mp_dashboard_title .tabs {
    display: inline-block;
    font-size: 12px;
    color: #999;
    margin-left: 15px;
}

.mp_dashboard_title .tab {
    cursor: pointer;
    user-select: none;
    padding-left: 10px;
    transition: 0.3s; 
    font-weight: 400;
}

.mp_dashboard_title .active,
.mp_dashboard_title .tab:hover,
.mp_dashboard_link:hover {
    color: #000!important;
}

.mp_dashboard_link {
    font-size: 12px;
    color: #999!important;
    text-decoration: none !important;
    cursor: pointer;
    padding-left: 10px;
    transition: 0.3s; 
    font-weight: 400;
}




.mp_dashboard_title_link {
    font-size: 12px;
    color: #333 !important;
    text-decoration: none !important;
    padding-left: 24px;
    margin-left: 10px;
    transition: 0.3s;
    font-weight: 400;
    opacity: 0.65;
    display: inline-block;
    user-select: none;
    cursor: pointer;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform .1s ease-out, color .15s linear;
}

.mp_dashboard_title_link:hover {
    opacity: 1!important;
}

.mp_dashboard_title_link:active {
    transform: scale(0.95);
}

.mp_dashboard_title_link_rp {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 20 24'%3E%3Cpath fill='none' stroke='%23666' d='m17.3 10.453l1.927.315a.326.326 0 0 1 .273.322v1.793a.326.326 0 0 1-.27.321l-1.93.339q-.167.582-.459 1.111l1.141 1.584a.326.326 0 0 1-.034.422l-1.268 1.268a.326.326 0 0 1-.418.037l-1.6-1.123a5.5 5.5 0 0 1-1.118.468l-.34 1.921a.326.326 0 0 1-.322.269H11.09a.325.325 0 0 1-.321-.272l-.319-1.911a5.5 5.5 0 0 1-1.123-.465l-1.588 1.113a.326.326 0 0 1-.418-.037L6.052 16.66a.33.33 0 0 1-.035-.42l1.123-1.57a5.5 5.5 0 0 1-.47-1.129l-1.901-.337a.326.326 0 0 1-.269-.321V11.09c0-.16.115-.296.273-.322l1.901-.317q.173-.59.47-1.128l-1.11-1.586a.326.326 0 0 1 .037-.417L7.34 6.053a.326.326 0 0 1 .42-.035l1.575 1.125q.533-.292 1.121-.46l.312-1.91a.326.326 0 0 1 .322-.273h1.793c.159 0 .294.114.322.27l.336 1.92q.585.169 1.12.465l1.578-1.135a.326.326 0 0 1 .422.033l1.268 1.268a.326.326 0 0 1 .036.418L16.84 9.342q.29.53.46 1.11ZM9.716 12a2.283 2.283 0 1 0 4.566 0a2.283 2.283 0 0 0-4.566 0Z' clip-rule='evenodd' stroke-width='1'/%3E%3C/svg%3E");
}

.mp_dashboard_title_link_rp_add {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 20 24'%3E%3Cpath fill='%23666' d='M18 12.998h-5v5a1 1 0 0 1-2 0v-5H6a1 1 0 0 1 0-2h5v-5a1 1 0 0 1 2 0v5h5a1 1 0 0 1 0 2'/%3E%3C/svg%3E");
}


.mp_dashboard_tasks_title {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    background: linear-gradient(90deg, #dbdfe5, #fcfcfc);
    position: sticky;
    top: 0px;
    z-index: 1;
    box-shadow: 0px 5px 20px 0px #eee;
    padding: 12px 24px;

}

.mp_dashboard_tasks_group {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.mp_dashboard_tasks_group>* {
    flex: 1 1 20%;
}


.mp_dashboard_tasks_block {

}

.mp_dashboard_tasks_block_title {

}


/* 5.1.2 mp_dashboard_sidebar  */


.st_sidebar_db_menu__group {
    margin: 0px 0px 24px;
    transition: 0.3s;
}

.st_sidebar_db_menu__group:hover {
    background:#ffffff48;
}

.st_sidebar_db_menu__group.active {
    background:#ffffff48;
}

.st_sidebar_db_menu__group.active2 {
    background:#fff;
}

.st_sidebar_db_menu__item{
    cursor: pointer;
    user-select: none;
    color: #333;
    transition: 0.3s;
    padding: 3px 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.st_sidebar_db_menu__item:hover {
    background:#ffffff78;
}

.st_sidebar_db_menu__item_group{
    font-weight: 600;
    color: #333;
}

.st_sidebar_db_menu__item_group:not(:first-of-type){
    border-top: 4px double #aaa;
}

.st_sidebar_db_menu__item_informer.active{
    color: #000;
    background: #fff;
}

.st_sidebar_db_menu__item_group.active2{
    background-color: #fff;
}

.st_sidebar_db_menu__item_edit {
    color: #999;
}

.st_informer_row_counter {
    background: #fff;
    display: none;
    margin: 0px 0px 0px 8px;
    border-radius: 5px;
    width: 36px;
    height: 16px;
    text-align: center;
    color: #666;
    position: relative;
}

.st_informer_row_counter_new {
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
    background: #dc4300;
    height: 13px;
    min-width: 9px;
    font-size: 9px;
    text-align: center;
    position: absolute;
    bottom: -3px;
    right: -2px;
    padding: 0px 2px 0px;
    display: none;
}

.mp_dashboard__wrapper_custom{
    display: none;
}





/* 5.2. дашборд  */

.mp_dashboard_block_count {
    background: #fff;
    display: none;
    margin: 0px 0px 0px 8px;
    border-radius: 5px;
    width: 40px;
    height: 18px;
    text-align: center;
    color: #666;
}

.mp_dashboard_block_count1 {
    background: #d2d5e9;
}

.mp_dashboard_block_count2 {
    background: #d6e9d2;
}

.mp_dashboard_block_count3 {
    background: #e9d2d2;
}

.mp_dashboard_block_count4 {
    background: #d2dfe9;
}

.mp_dashboard_block_count5 {
    color: #bbb;
    font-weight: 400;
}



/* P       y |  */
.not_logged_in_text {
    text-align: center;
    font-size: 20px;
    margin: 40px;
    margin-top: 80px;
}
.not_logged_in_text span {
    display: block;
    margin: 20px;
}
.not_logged_in_vhod {
    /* position: absolute; */
    right: 0px;
    border-radius: 3px;
    color: #fff!important;
    padding: 3px 12px;
    margin: 5px 0px;
    transition: 0.5s;
    background: #000;
    cursor: pointer;
}
.not_logged_in_vhod:hover {
    background: #dc4300;
}

.head_menu_right{
    display: flex;
    align-items: center;
}

.logged_in_cell {
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 100%;
    user-select: none;
}

.logged_in_name {
    width: 115px;
    color: #eee;
    margin: 8px 20px;
    transition: 0.3s;
}
.logged_in_ava {
    background: #fff;
    height: 28px;
    width: 28px;
    border-radius: 30px;
    border: 3px solid #eee;
    padding: 2px;
    transition: 0.3s;
}

.logged_in_cell:hover .logged_in_name {
    color: #fff;
}
.logged_in_cell:hover .logged_in_ava {
    border: 3px solid #dc4300;
    background: #fff;
    transform: scale(1.15);
}

.logged_in_cell .logged_user_menu {
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}
.logged_in_cell:hover .logged_user_menu {
    opacity: 1;
    visibility: visible;
}

.logged_user_menu {
    width: 190px;
    position: absolute;
    right: 0px;
    top: 46px;
    z-index: 4;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.logged_user_menu_item {
    cursor: pointer;
    display: block;
    position: relative;
    padding: 5px 20px;
    color: #333!important;
}
.logged_user_menu_item:hover {
    color: #000;
    background: #eee;
}

/* .st-admin,
.st-admin_colum_num {
        display: none!important;
} */

.st-admin-set {
    position: absolute;
    right: 5px;
    top:6px;
    filter: grayscale(1);
}



/*----------------------*/

/* U     } p  r     t p*/

#loginform label {
    display: none;
}
.login-username input,
.login-password input,
.login-submit input {
    height: 45px;
    border: 1px solid #666;
    font-size: 16px;
    padding: 7px 15px;
    border-radius: 5px;
    color: #000;
    font-weight: bold;
    width: 100%;
    box-sizing: border-box;
}

.eye_icon svg{
    height: 12px;
    cursor: pointer;
    user-select: none;
}

.login-submit input {
    color: #fff !important;
    background: #000;
    transition: 0.3s;
    cursor: pointer;
}
.login-submit input:hover {
    background: #dc4300;
    border-color: #dc4300 !important;
}

.login-submit input:active {
    background: #000;
    border-color: #000 !important;
}

 .login-password,
 .login-remember {
    position: relative;
 }

.login-username label,
.login-password label,
.login-remember label {
    display: block;
    font-size: 16px;
    margin: 4px 0px;
 }

 .eye_icon {
    position: absolute;
    right: 12px;
    top: 37px;
    opacity: 0;
    transition: 0.3s;
 }


.eye_icon:hover {
    opacity: 1;
}

.eye_icon:active {
    transform: scale(0.85);

}

 .eye_icon svg {
    height: 24px;
    cursor: pointer;
    user-select: none;
}

.login-password:hover .eye_icon {
    opacity: 0.75;
}


.login-remember input {
    position: absolute;
    top: 5px;
    right: 0px;
}




/*3. User function. 3.1 width and order cols-----*/
.st-table-content__info {
    text-align: center;
    font-size: 12px;
    margin: 20px auto;
    max-width: 400px;
}

.columns_setting_info {
        position: relative;
        border-radius: 10px;
        border: 2px solid #ddd;
        background: #f5f5f5;
        padding: 10px;
}

.columns_setting_close {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        transition: 0.3s;
        font-weight: 500;
        font-size: 18px;
        cursor: pointer;
        background: #ddd;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        color: #555;
}

.columns_setting_info:hover .columns_setting_close {
        opacity: 1;
}

.columns_setting_info p {
        margin: 0px;
        padding: 0px;
}



.st-cell-width_a span:first-letter {
    color: #dc4300;
    transition: 0.5s;
}


/*ST 1 */
.st-table__row_highlight {
    animation: st-table__row_highlight 5s;
    transition: 5s;
}

@keyframes st-table__row_highlight {
    0% {
        text-shadow: #468924 0 0 10px;
        color: #000;
    }
    100% {
        text-shadow: none;
        color: #666;
    }
}


/* U     }   |    */
.st-table__list {
    display: flex;
    flex-direction: column;
    padding: 24px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #ccc #ffffff00;
}

.st-table__list-item {
    display: flex;
    justify-content: space-between;
    padding: 3px;
    box-sizing: border-box;
    width: 100%;
    align-items: center;
}
.st-table__list-item input[type="checkbox"],
.st-table__list-item input[type="radio"],
input[type="checkbox" i],
input[type="radio" i] {
    filter: grayscale(50%);
    transform: scale(1.1);
    cursor: pointer;
    margin: 0px 2px 0px 6px;
}

.st-create-list,
.st-edit-list,
.st-act_mass-list,
.st-replace_mass-list {
    margin: 0px 0px 54px;
    padding: 24px;
    
}

.st-create-list span,
.st-edit-list span {
    font-weight: 500;
}


.st-table__row {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    width: calc(100% - 46px);
    position: fixed;
    background: #f5f5f5;
    border-bottom: 1px solid #000;
    padding: 20px;
    box-sizing: border-box;
}

.stF_action_bar {
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 24px;
}

.stF_button_panel {
    clear: both;
    box-sizing: border-box;
    padding: 15px 24px;
    position: absolute;
    bottom: 0px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(270deg, #c1cdd4, #eef2f6);
    z-index: 5;
    border-radius: 0px 0px 5px 5px;
}

.stF_button_panel_create {
    justify-content: flex-end;
}

.st-button {
    cursor: pointer;
    background: #fff;
    border-radius: 3px;
    padding: 0px 12px;
    height: 26px;
    transition: 0.15s;
    color: #000;
    border: 0px;
    box-shadow: 0px 0px 3px 0px #666;
    box-sizing: border-box;
    transform: scale(1);
    transition: transform .1s ease-out, color .15s linear, background .15s linear;
}

.st-button:hover {
    background: #000000;
    color: #fff;
}

.st-button:active {
    transform: scale(0.96);
    background: #dc4300;
    color: #fff;
}

.st-delete-row {
    color: #dc4300;
}


.st-table__modal-head {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

/* R   u   y p |   ~ p      p q | y   p*/

.st-table__wrapper {
    position: relative;
    top: 46px;
    left: 46px;
    width: calc(100% - 46px);
}
.st-table__main,
.st-table__modal-content {
    display: flex;
    flex-direction: column;
}
.st-table__main_disabled {
    z-index: -1;
}

.st-table-content__wrapper {
    margin-top: 66px;
    height: calc(100vh - 112px);
    overflow-y: scroll;
}

.st-table-content {
    display: table;
    background: #fff;
    font-size: 11px;
    font-weight: 500;
    border-spacing: 0px;
}
.st-table-content__head {
    height: 46px;
    font-weight: 500;
    background: #eef2f6;
    position: sticky;
    top: 0px;
    box-shadow: 0px 2px 5px 0px #999;
    z-index:2;
    white-space: nowrap;
}
.st-table-content__head span {
    white-space: nowrap;
    user-select: none;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: center;
}
.st-table-content__head .st-table-content__cell {
    vertical-align: middle;
    height: 22px;
}

.st-table-content__cell_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    color: #000;
}


/*  D |    t p ~ ~    ,  q u x    p   { y! */

.st-table-content__head{
    display: table-header-group !important;
}

.R{
    page-break-inside: avoid;
    break-inside: avoid;
    background: white;
}

.R:nth-child(odd) {
    background: #f8f8f9;
}

.st-table-content__row,
.R {
    display: table-row;
    cursor: pointer;
    color: #555;

}

.R:hover {
    color: #000;
    background: #e3e6e9;
    transition: 0.3s;
}

.R:focus {
    background: #333;
}

.C {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    background: inherit;
}

.C_F {
    color: #666;
    text-decoration: underline;
    text-decoration-color: #ccc;
    text-decoration-style: double;
}

.C_F:hover {
    color: #000;
    text-decoration: underline;
    text-decoration-color: #000;
    text-decoration-style: double;
}



.C_act,
.C_st1F,
.st7F_st1F_link,
.st7F-part-icon {
    display: inline-block;
    box-sizing: border-box;
    user-select: none;
    opacity: 0.4;
    transition: 0.3s;
    height: 16px;
    width: 16px;
    cursor: pointer;
    caret-color: transparent;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scale(1);
    transition: transform .1s ease-out, color .15s linear;
}

.C_act:hover,
.C_st1F:hover,
.st7F_st1F_link:hover,
.st7F-part-icon:hover {
    opacity: 1!important;
}

.C_act:active,
.C_st1F:active,
.st7F_st1F_link:active,
.st7F-part-icon:active {
    transform: scale(0.85);
}

.C_act {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M3 10c0-3.771 0-5.657 1.172-6.828S7.229 2 11 2h2c3.771 0 5.657 0 6.828 1.172S21 6.229 21 10v4c0 3.771 0 5.657-1.172 6.828S16.771 22 13 22h-2c-3.771 0-5.657 0-6.828-1.172S3 17.771 3 14z'/%3E%3Cpath stroke-linecap='round' d='M8 10h8m-8 4h5'/%3E%3C/g%3E%3C/svg%3E");
}


.C[data-c='303'] .C_act,
.C[data-c='304'] .C_act {
    right: 4px;
    top: -1px;
    position: absolute;
    height: 100%;
}



.C_comp {
    color: #888!important;
    font-weight: 400;
}


.C[data-c='85'],
.C[data-c='117'] {
    padding-right: 30px;
}

.C[data-c='92'] {
    min-width: 110px;
}

.C_st1F {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 1 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M3 10c0-3.771 0-5.657 1.172-6.828S7.229 2 11 2h2c3.771 0 5.657 0 6.828 1.172S21 6.229 21 10v4c0 3.771 0 5.657-1.172 6.828S16.771 22 13 22h-2c-3.771 0-5.657 0-6.828-1.172S3 17.771 3 14z'/%3E%3Cpath d='M6 12c0-1.414 0-2.121.44-2.56C6.878 9 7.585 9 9 9h6c1.414 0 2.121 0 2.56.44c.44.439.44 1.146.44 2.56v4c0 1.414 0 2.121-.44 2.56c-.439.44-1.146.44-2.56.44H9c-1.414 0-2.121 0-2.56-.44C6 18.122 6 17.415 6 16z'/%3E%3Cpath stroke-linecap='round' d='M7 6h5'/%3E%3C/g%3E%3C/svg%3E");
    height: 100%;
    position: absolute;
    right: 5px;
    top: 0px;
}


.C_edit{
    position: absolute;
    left: 0;
    top: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    padding: 2px 6px 2px;
    margin: -1px 0px 0px -1px;
    width: 120%;
    /* height: 110%; */
    min-height: 110%;
    line-height: 1.15;
    resize: none;
    hyphens: auto;
    border: 1px solid #009688;
    align-content: center;
    background: #d4e2e5;
    z-index: 1;
}

.C_edit[type='date']{
    width: 130%;
}

.C:last-child .C_edit {
        right: 0px;
        left: unset;
}





/* 1.9. Messenger */

.chat-icon {
    display: inline-block;
    box-sizing: border-box;
    user-select: none;
    margin: 5px;
    opacity: 0.85;
    transition: 0.3s;
    height: 24px;
    width: 24px;
    cursor: pointer;
    caret-color: transparent;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: scale(1);
    transition: transform .1s ease-out, color .15s linear;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 3C6.5 3 2 6.58 2 11a7.22 7.22 0 0 0 2.75 5.5c0 .6-.42 2.17-2.75 4.5c2.37-.11 4.64-1 6.47-2.5c1.14.33 2.34.5 3.53.5c5.5 0 10-3.58 10-8s-4.5-8-10-8m0 14c-4.42 0-8-2.69-8-6s3.58-6 8-6s8 2.69 8 6s-3.58 6-8 6'/%3E%3C/svg%3E");
}

.chat-icon:hover {
    opacity: 1!important;
}

.chat-icon:active {
    transform: scale(0.85);
}

#external-unread-count {
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    background: #dc4300;
    height: 14px;
    min-width: 15px;
    font-size: 10px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 12px;
}

#external-unread-count:empty{
    display: none;
}



[data-modal='chat'] .st-table__modal-content {
    height: calc(100% - 40px);
}

[data-modal='chat'] .st-table__list, [data-modal='chat'] #chat-root {
    height: 100%;
}


.chat-container {
    /* position: fixed; */
    bottom: 20px;
    right: 20px;
    width: 100%;
    height: 100%;
    max-width: 100vw;
    z-index: 100002;
    border-radius: 5px;
    overflow: hidden;
}

.open-chat{
    color: white;
    display: flex;
    gap: 4px;
}

.chat-header {
    background: #0073aa;
    color: white;
    padding: 10px;
    cursor: pointer;
    text-align: center;
    /* border-radius: 5px 5px 0 0; */
    display: flex;
    gap: 1rem;
}

.chat-box {
    position: relative;
    display: none;
    flex-direction: row;
    overflow: hidden;
    height: calc(100%);
}

.chat-list{
    width: 350px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    border-right: 1px solid #ddd;
    scrollbar-width: thin;
    scrollbar-color: #ccc #ffffff00;
}

.chat-list-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 12px 24px;
    border-bottom: 1px solid #ddd;
    transition: background .3s ease-out;
    user-select: none;
}

.chat-list-item:hover{
    background: #e4e4e4;
}
.chat-list-item.active{
    background: #000;
    color: white;
}

.chat-list-avatar {
    position: relative;
}

.chat-list-avatar img {
    background: #fff;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    border: 3px solid #eee;
    padding: 2px;
    transition: 0.3s;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}

/* Индикатор онлайн статуса */
.chat-list-avatar::after {
    content: '';
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ccc;
    border: 2px solid #fff;
    transition: background-color 0.3s ease;
}

.chat-list-avatar.online::after {
    background: #4CAF50;
}

.chat-list-avatar.offline::after {
    background: #ccc;
}

.chat-list-item:hover .chat-list-avatar img,
.chat-list-item.active .chat-list-avatar img {
    border: 3px solid #dc4300;
    background: #fff;
    transform: scale(1.15);
}

.chat-list-content-cell {
    width: 100%;
    display: flex;
    flex-direction: column;
}


.chat-list-content {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.chat-last-message {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.last-message-text {
    color: #999;
    font-weight: 400;
    word-break: break-all;
}

.last-message-time {
    color: #999;
    font-weight: 400;
}

.chat-unread-count {
    border-radius: 15px;
    background: #dc4300;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 5px;
    min-width: 6px;
    text-align: center;
}

.chat-unread-count:empty {
    display:none;
}


.chat-box.open {
    display: flex;
}

.chat-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 24px;
    border-bottom: 1px solid #ccc;
}

.chat-header-content {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
}

.chat-header-avatar {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.chat-header-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Индикатор онлайн статуса в хедере */
.chat-header-avatar::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ccc;
    border: 1px solid #fff;
    transition: background-color 0.3s ease;
}

.chat-header-avatar.online::after {
    background: #4CAF50;
}

.chat-header-avatar.offline::after {
    background: #ccc;
}

.chat-messages {
    flex-direction: column;
    display: flex;
    flex: 1;
}

.messages_not-selected {
    text-align: center;
    margin: auto;
    color: #999;
}


.message-header{
    display: flex;
    justify-content: space-between;
    gap: 36px;
}

.message-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    color: #777;
}

.message-time {
    white-space: nowrap;
}

.message-status {
    white-space: nowrap;
}

.message-status-read {
    color: #269e17;
}

.message-status-sent {
    color: #999;
}

.chat-input {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    border-top: 1px solid #ddd;
}

.chat-input input {
    flex: 1;
    padding: 5px;
}

.chat-input textarea {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    padding: 6px 24px;
    border: 0px;
    background: #fff!important;
    min-height: 40px;
    max-height: 120px;
    resize: none;
    overflow-y: hidden;
    scrollbar-width: thin;
    scrollbar-color: #0b57d0 #ffffff00;
    transition: height 0.1s ease-out;
    box-sizing: border-box;
    line-height: 1.4;
}

.chat-input button {
    background: #0073aa;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.create-chat-inline {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: auto;
}

.create-chat-inline select {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.create-chat-inline button {
    background: #0073aa;
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 3px;
}


.messages {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 auto;
    min-height: 0;
    padding: 24px;
    overflow-y: auto;
    background: linear-gradient(300deg, #e1eaf7d6, #fef5f6b6);
    scrollbar-width: thin;
    scrollbar-color: #ccc #ffffff00;
}


.message{
    display: flex;
    flex-direction: row;
    gap: 5px;
    white-space: pre-wrap;
    background-color: #f1f1f1;
    padding: 5px 10px;
    height: min-content;
}

.message-image {
    border-radius: 10px;
    overflow: hidden;
    max-width: 100%;
    margin-top: 24px;
    border: 2px solid #00000000;
    transition: 0.3s;
    opacity: 0.9;
}

.message-image:hover {
    border: 2px solid #bee196;
    opacity: 1;
}

.messages_member_i {
    width: auto;
    max-width: 70%;
    margin-left: auto;
    background: #ddf1c6;
    border-radius: 10px;
}

.messages_member_other {
    width: auto;
    max-width: 70%;
    margin-right: auto;
    background: #fff;
    border-radius: 10px;
}


.message-avatar{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: white;
    user-select: none;

}

.message-data{
    flex: 1;
}

.chat-block{
}




.scroll-down-button {
    position: absolute;
    bottom: 60px;
    right: 40px;
    width: 36px;
    height: 36px;
    border-radius: 36px;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.175);
    transition: background .3s ease-out, box-shadow .3s ease-out, border .3s ease-out;
}

.scroll-down-button:hover {
    background: #eee;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.5);
}





 

















/*1.10. ST10 repear parts */

.C[data-c='120'] {
    min-width: 150px;
    padding-right: 20px;
    user-select: none;
}

[data-c='237'] .st-table-content__cell_head {
    gap: 0px;
    min-width: 18px;
}

[data-c='237'] .st-table-content__cell_head span {
    display: none;
}

[data-c='237'] .st-table-content__cell_head div {
    margin: 0px auto;
}

.cid120_control_panel {
    position: absolute;
    width: 162px;
    background: #fff;
    overflow: hidden;
    left: 0px;
    top: 0px;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: 4px 4px 10px rgb(0 0 0 / 25%);
}

.cid120_control_panel_item {
    display: block;
    position: relative;
    cursor: pointer;
    color: #444;
    padding: 10px 5px;
    transition: 0.3s;
    opacity: 0.8;
}

.cid120_control_panel_item:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.cid120_control_panel_item:hover {
    background: #f1f1f1;  
    color: #000;
    opacity: 1;
}

.cid120_control_panel_item[data-val='В работе'] {
    color: #4a8de1;
}

.cid120_control_panel_item[data-val='Заказано'] {
    color: #ad27c0;
}

.cid120_control_panel_item[data-val='Выполнено'] {
    color: #269e17;
}

.cid120_control_panel_item[data-val='Отказано'] {
    color: #bb5858;
}

.C_cid120_not_work,
.C_cid120_work,
.C_cid120_order,
.C_cid120_done,
.C_cid120_refuse,
.C_cid120_buy_zakaz,
.C_cid120_buy_lite {
    display: inline-block;
    box-sizing: border-box;
    user-select: none;
    height: 100%;
    width: 16px;
    cursor: pointer;
    caret-color: transparent;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 5px;
    top: 0px;
}

.C_cid120_not_work {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='red' stroke='%23333' stroke-linecap='round' stroke-width='2' d='M18 12H6'/%3E%3C/svg%3E");
}

.C_cid120_work {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%234a8de1' stroke-linecap='round' stroke-width='2' d='M12 19V5m7 7H5'/%3E%3C/svg%3E");
}

.C_cid120_order {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ad27c0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6.5V12l3.5 2m5.5-2a9 9 0 1 1-18 0a9 9 0 0 1 18 0'/%3E%3C/svg%3E");
}

.C_cid120_done {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23269e17' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 14l4 4L19 8'/%3E%3C/svg%3E");
}

.C_cid120_refuse {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23bb5858' stroke-linecap='round' stroke-width='2' d='M6 18L18 6m0 12L6 6'/%3E%3C/svg%3E");
}

.C_cid120_buy_zakaz {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='m18.18 8.04l.463-.464a1.966 1.966 0 1 1 2.781 2.78l-.463.464M18.18 8.04s.058.984.927 1.853s1.854.927 1.854.927M18.18 8.04l-4.26 4.26c-.29.288-.434.433-.558.592q-.22.282-.374.606c-.087.182-.151.375-.28.762l-.413 1.24l-.134.401m8.8-5.081l-4.26 4.26c-.29.29-.434.434-.593.558q-.282.22-.606.374c-.182.087-.375.151-.762.28l-1.24.413l-.401.134m0 0l-.401.134a.53.53 0 0 1-.67-.67l.133-.402m.938.938l-.938-.938'/%3E%3Cpath stroke-linecap='round' d='M8 13h2.5M8 9h6.5M8 17h1.5M19.828 3.172C18.657 2 16.771 2 13 2h-2C7.229 2 5.343 2 4.172 3.172S3 6.229 3 10v4c0 3.771 0 5.657 1.172 6.828S7.229 22 11 22h2c3.771 0 5.657 0 6.828-1.172c.944-.943 1.127-2.348 1.163-4.828'/%3E%3C/g%3E%3C/svg%3E");
}

.C_cid120_buy_lite {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 21h2v-3h6v-2h-6v-2h4.5c2.757 0 5-2.243 5-5s-2.243-5-5-5H9a1 1 0 0 0-1 1v7H5v2h3v2H5v2h3zm2-15h4.5c1.654 0 3 1.346 3 3s-1.346 3-3 3H10z'/%3E%3C/svg%3E");
}


.C_cid120_not_work_c {
}

.C_cid120_work_c {
    color: #4a8de1;
}

.C_cid120_order_c {
    color: #ad27c0;
}

.C_cid120_done_c {
    color: #269e17; 
}

.C_cid120_refuse_c {
    color: #bb5858;
}

.C_cid237 {
    opacity: 0.4;
}











.C::selection,
.C_F::selection {
    background: #000;
    color: #fff;
}


.st-table-content__cell,
.C {
    display: table-cell;
    padding: 2px 4px;
    vertical-align: middle;
    line-height: 1.15;
    height: 3em;
    user-select: all;
    box-sizing: border-box;
    hyphens: auto;
    position: relative;
}

.st-table-content__cell,
.C {
    border-right: 1px solid #dae1ea;
}

/*
.st-table-content__cell:not(:last-child),
.C:not(:last-child) {
    border-right: 1px solid #dae1ea;
}*/


.st-table__line-breaks {
    white-space: break-spaces;
}


.entry-title {
    text-align: center;
    padding: 24px 0px;
    margin: 0px;
	line-height: 30px;
}




.st-table-content__cell[data-c='1'] {
    min-width: 58px;
}

.st-table-content__cell[data-c='2'] {
    min-width: 155px;
}
.st-table-content__cell[data-c='3'] {
    min-width: 190px;
}
.st-table-content__cell[data-c='4'] {
    width:100%;
}
.st-table-content__cell[data-c='9'] {
    min-width: 140px;
}
.st-table-content__cell[data-c='10'] {
    min-width: 110px;
}
.st-table-content__cell[data-c='11'] {
    min-width: 135px;
}
.st-table-content__cell[data-c='12'] {
    min-width: 95px;
}
.st-table-content__cell[data-c='14'] {
    min-width: 300px;
}
.st-table-content__cell[data-c='16'] {
    min-width: 300px;
}



.C[data-c='10'] {
    padding-right: 8px;
}
.C[data-c='5'] {
        word-break: break-all;
}




/*2.   ST Formulars. */

/*2.0. basic */

.stF_block-1_1 {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 0px 0px 10px;
    margin: 0px 0px 10px;
}

.stF_block-1_2 {
    display: flex;
    gap: 24px;
    padding: 0px 0px 10px;
    margin: 0px 0px 10px;
}

.stF_block-1_2 div,
.stF_block-1_2 label {
    flex: 1 1 50%;
}


.stF_block-1_3 {
    display: flex;
    gap: 24px;
    padding: 0px 0px 10px;
    margin: 0px 0px 10px;
}

.stF_block-1_4-3_4 {
    display: flex;
    gap: 24px;
    padding: 0px 0px 10px;
    margin: 0px 0px 10px;
}



.stF_block-1_1 label,
.stF_block-1_2 label, 
.stF_block-1_3 label {
    align-items: flex-start;
}


.stF_block-1_4-3_4 label:nth-child(1) {
    align-items: flex-start;
    flex-shrink: 1;
}

.stF_block-1_4-3_4 label:nth-child(2) {
    align-items: flex-start;
    flex-shrink: 3;
}

.stF_block-1_1 textarea,
.stF_block-1_2 textarea,
.stF_block-1_3 textarea,
.stF_block-4_5 textarea,
.stF_block-1_5 textarea,
.stF_block-1_4-3_4 textarea,
.stF_block-1_1 input,
.stF_block-1_2 input,
.stF_block-1_3 input,
.stF_block-1_4-3_4 input {
    width: calc(100% - 150px) !important;
}


.st-cell-bool_active {
    background-color: #0000003d;
    text-align: center;
}

.st-table__list-item textarea {
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    resize: none;
    padding: 0px 10px;
    box-sizing: border-box;
    height: 20px;
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    font: 12px/18px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    scrollbar-width: thin;
    scrollbar-color: #ccc #ffffff00;
}

.st-table__list-item textarea:hover {
    border-color: #e5e5e5;
    background: #e5e5e5;
}


.stF_input_date {
    width: calc(100% - 150px) !important;
    text-align: center;
    padding: 0px 5px 0px 20px;
    box-sizing: border-box;
    height: 20px;
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    font: 12px/20px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    cursor: text;
    opacity: 1 !important;
    transform: scale(1) !important;
}

.stF_input_cost {
    width: calc(100% - 150px) !important;
    text-align: center;
    padding: 0px 10px;
    box-sizing: border-box;
    height: 22px;
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    font: 12px/20px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    cursor: text;
    opacity: 1 !important;
    transform: scale(1) !important;
}

.stF_input_date:hover,
.stF_input_cost:hover {
    border-color: #e5e5e5;
    background: #e5e5e5;
}



/*2.1. ST formulars 1 */

/*2.1.1 Basic*/

.st-copy-date-block {
    position: relative;
}

.st-copy-date-block:hover .st-copy-date {
    opacity: 0.25!important;
}

.st-copy-date {
    position: absolute;
    right: 30px;
    z-index: 5;
    opacity: 0!important;
}



.st-F-1-textarea {
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    resize: none;
    padding: 0px 10px;
    box-sizing: border-box;
    height: 20px;
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    font: 12px/18px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

.st-F-1-textarea textarea:hover {
    border-color: #e5e5e5;
    background: #e5e5e5;
}



.st1F_inv_numb {
    position: relative;
}

.st1F_loan {
    position: absolute;
    left: 110px;
    opacity: 0;
    transition: 0.3s;
}

.st1F_inv_numb:hover .st1F_loan {
    opacity: 1;
    user-select: none;
    color: #999;
    cursor: pointer;
}

.st1F_inv_numb:hover .st1F_loan:hover {
    color: #333;
}


.st1F_loan input {
    display: none;
}



/*2.1.2 Block 1 (main info)*/
.stF_block_1 {
    padding: 0px 0px 10px;
    margin: 0px 0px 10px;
    border-bottom: 4px double #ccc;
}
.stF_block_1 div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.stF_block_1 textarea {
    width: calc(100% - 150px);
}


.stF_block_1_label_1 {
  width: 80px;
  font-weight: bold;
}

.stF_block_1_label_1 textarea {
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.stF_block_1_label_4 textarea {
    font-weight: bold;
}


.st_button_icon_block {
    cursor: pointer;
    margin: 0px 3px 0px 5px;
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    width: 80px;
    height: 20px;
}
.st_button_icon_block:hover {
    border-color: #e5e5e5;
    background: #e5e5e5;
}
.st_button_icon_block span {
    font-weight: normal;
}


/*2.1.3 Block 2 (second info)*/
.stF_block_2 {
    display: flex;
    gap: 24px;
    padding: 0px 0px 10px;
    margin: 0px 0px 10px;
    border-bottom: 4px double #ccc;
}
.stF_block_2 div {
    width: 100%;
}
.stF_block_2 textarea {
    width: calc(100% - 150px);
    text-align: center;
}


.stF_block_2 > div:nth-child(2) > label:nth-child(3) {
    align-items: flex-start;
}

.stF_block_2 > div:nth-child(2) > label:nth-child(3) textarea {
    height: 76px;
    text-align:left;
    white-space: normal;
    overflow-y: auto;
    white-space: pre-line;
}

.stF_block_2 > div:nth-child(2) > div {
    display:flex;
}

.stF_block_2 > div:nth-child(2) > div > label:nth-child(1) {
    flex-shrink: 0.7;
}
.stF_block_2 > div:nth-child(2) > div > label:nth-child(2) {
    flex-shrink: 1.5;
}
.stF_block_2 > div:nth-child(2) > div > label:nth-child(2) textarea {
    width: calc(100% - 70px);
}


.stF_block_2 > div:nth-child(3) label {
    display: flex;
    align-items: flex-start;
}

.stF_block_2 > div:nth-child(3) textarea {
    min-height: 128px;
    text-align: left;
    white-space: normal;
    overflow-y: auto;
}



/*2.1.4 Block 4 (Technical maintenance)*/

#stF_si_date,
#stF_hepa_date,
#stF_srd_date,
#stF_iii_date,
#stF_date .stF_input_date {
    display: none;
}

.st-last-to-list, .st-last-reports-list {
    padding: 0px;
    box-sizing: border-box;
    cursor: pointer;

}

.st-last-to-list .st-table__list-item {
    background: #f1f1f1;
    margin: 3px 0px 3px;
    padding: 1px 5px 1px;
    height: 20px;
}

.st-table__list-item_report span:last-child {
    color: #dc4300 !important;
    font-weight: 500;
}

.st-last-to-list .st-table__list-item:hover {
        background: #e5e5e5;
}

.st-last-to-list span {
        font-weight: normal;
}
    
.st-create-to {
        float:right;
        cursor: pointer;
        text-decoration: underline;
}   
    
.st-create-to:hover {
        color:#dc4300;
}
    
.stF_ST7_journal {
        cursor: pointer;
        text-decoration: underline;
}


.stF_ST7_journal:hover {
        color:#dc4300;
}



.stF_block_4 {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}
.stF_block_4 div {
    width: 100%;
}
.stF_block_4 label {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.stF_block_4 > div:nth-child(1) textarea {
        white-space: break-spaces;
    overflow-y: auto;
    min-height: 60px;
}
.stF_block_4 > div:nth-child(2) label {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.stF_block_4 > div:nth-child(2)  > label:nth-child(2)  > span:nth-child(2)  {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 150px);
}


.stF_block_4 > div:nth-child(2) span {
    font-weight: normal;
    color: #000;
}
.stF_block_4 > div:nth-child(2) {
    padding: 18px 0px 0px;
}
.stF_block_4 > div:nth-child(2) textarea {
    width: calc(100% - 150px);
    text-align: center;
}



.st_button_name {
    width: auto !important;
    height: 20px;
    cursor: pointer;
    background: #f1f1f1;
    padding: 1px 2px 1px 5px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    line-height: 15px;
}
.st1F_techstat {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
    padding: 2px 3px 3px;
    gap: 6px;
    box-sizing: border-box;
}
.st1F_techstat label {
    flex-direction: row !important;

}


/*2.1.5 Block 5 (System SI)*/

.stF_block_5 {
    padding: 10px 0px 0px;
    margin: 10px 0px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 4px double #ccc;
    gap: 24px;
    display: none;
}
.stF_block_5 > div:nth-child(1),
.stF_block_5 > div:nth-child(2),
.stF_block_5 > div:nth-child(3) {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.stF_block_5 textarea {
    width: calc(100% - 150px);
    text-align: center;
}

.stF_block_5 > div:nth-child(1) > label:nth-child(3) textarea,
.stF_block_5 > div:nth-child(2) > label:nth-child(3) textarea,
.stF_block_5 > div:nth-child(3) > label:nth-child(3) textarea {
    height: 80px;
    overflow: auto;
    white-space: break-spaces;
}

.stF_block_5 > div:nth-child(1) > label:nth-child(3),
.stF_block_5 > div:nth-child(2) > label:nth-child(3),
.stF_block_5 > div:nth-child(3) > label:nth-child(3) {
    align-items: flex-start;
}

.stF_block_5 > div:nth-child(1) > label:nth-child(3) span,
.stF_block_5 > div:nth-child(2) > label:nth-child(3) span,
.stF_block_5 > div:nth-child(3) > label:nth-child(3) span {
    margin-top: 2px;
}



/*2.1.7 control panel*/


.st1F_control_panel_button:focus {
    background: #000;
    color:#fff;
}


.st1F_control_panel_back {
    display:none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 10;
    background: linear-gradient(300deg, #e1eaf7d6, #fef5f6b6);
    border-radius: 5px;
    backdrop-filter: blur(3px);
}

.st1F_control_panel {
    position: absolute;
    width: 300px;
    background: #fff;
    display: none;
    border-radius: 10px;
    overflow: hidden;
    left: 24px;
    bottom: 80px;
    z-index: 10;
    box-sizing: border-box;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.175);
    user-select: none;
}


.st1F_control_panel_item {
    cursor: pointer;
    padding: 10px 10px 10px 21px;
    color: #333;
}


.st1F_control_panel_item:hover {
    background-color: #eee;  
    transition: 0.15s;
    color: #000!important;
}



.st1F_control_panel_icon_log,
.st1F_control_panel_icon_copy,
.st1F_control_panel_icon_add_c,
.st1F_control_panel_icon_view_c,
.st1F_control_panel_icon_mi_r,
.st1F_control_panel_icon_tm,
.st1F_control_panel_icon_del {
    display: block;
    padding: 10px 10px 10px 21px;
    cursor: pointer;
    color: #333 !important;
    text-decoration: none !important;
    font-weight: 500;
    text-indent: 25px;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 16px 100%;
    background-position: 0% 50%;
}

.st1F_control_panel_icon_log,
.st1F_control_panel_icon_copy,
.st1F_control_panel_icon_add_c,
.st1F_control_panel_icon_view_c,
.st1F_control_panel_icon_mi_r,
.st1F_control_panel_icon_tm,
.st1F_control_panel_icon_del:hover {
    opacity: 1!important;
}

.st1F_control_panel_icon_log {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 20 20'%3E%3Cpath fill='%23666' d='M14.4 9H8.6c-.552 0-.6.447-.6 1s.048 1 .6 1h5.8c.552 0 .6-.447.6-1s-.048-1-.6-1m2 5H8.6c-.552 0-.6.447-.6 1s.048 1 .6 1h7.8c.552 0 .6-.447.6-1s-.048-1-.6-1M8.6 6h7.8c.552 0 .6-.447.6-1s-.048-1-.6-1H8.6c-.552 0-.6.447-.6 1s.048 1 .6 1M5.4 9H3.6c-.552 0-.6.447-.6 1s.048 1 .6 1h1.8c.552 0 .6-.447.6-1s-.048-1-.6-1m0 5H3.6c-.552 0-.6.447-.6 1s.048 1 .6 1h1.8c.552 0 .6-.447.6-1s-.048-1-.6-1m0-10H3.6c-.552 0-.6.447-.6 1s.048 1 .6 1h1.8c.552 0 .6-.447.6-1s-.048-1-.6-1'/%3E%3C/svg%3E");
}

.st1F_control_panel_icon_copy {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23666' stroke-width='1.5'%3E%3Cpath d='M6 11c0-2.828 0-4.243.879-5.121C7.757 5 9.172 5 12 5h3c2.828 0 4.243 0 5.121.879C21 6.757 21 8.172 21 11v5c0 2.828 0 4.243-.879 5.121C19.243 22 17.828 22 15 22h-3c-2.828 0-4.243 0-5.121-.879C6 20.243 6 18.828 6 16z'/%3E%3Cpath d='M6 19a3 3 0 0 1-3-3v-6c0-3.771 0-5.657 1.172-6.828S7.229 2 11 2h4a3 3 0 0 1 3 3'/%3E%3C/g%3E%3C/svg%3E");
}

.st1F_control_panel_icon_add_c {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M13 11h-2q-.425 0-.712-.288T10 10t.288-.712T11 9h2V7q0-.425.288-.712T14 6t.713.288T15 7v2h2q.425 0 .713.288T18 10t-.288.713T17 11h-2v2q0 .425-.288.713T14 14t-.712-.288T13 13zM4 22q-.825 0-1.412-.587T2 20V8q0-.825.588-1.412T4 6h2V4q0-.825.588-1.412T8 2h12q.825 0 1.413.588T22 4v12q0 .825-.587 1.413T20 18h-2v2q0 .825-.587 1.413T16 22zm4-6h12V4H8z'/%3E%3C/svg%3E");
}

.st1F_control_panel_icon_view_c {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 32 32'%3E%3Cpath fill='%23666' d='M3 7.5A4.5 4.5 0 0 1 7.5 3h17A4.5 4.5 0 0 1 29 7.5v8.792a9 9 0 0 0-2-1.357V7.5A2.5 2.5 0 0 0 24.5 5h-17A2.5 2.5 0 0 0 5 7.5v17A2.5 2.5 0 0 0 7.5 27h7.435c.362.728.82 1.4 1.357 2H7.5A4.5 4.5 0 0 1 3 24.5zm20 23a7.5 7.5 0 1 0 0-15a7.5 7.5 0 0 0 0 15m1-12.25V22h3.75a.75.75 0 0 1 0 1.5H24v3.75a.75.75 0 0 1-1.5 0V23.5h-3.75a.75.75 0 0 1 0-1.5h3.75v-3.75a.75.75 0 0 1 1.5 0'/%3E%3C/svg%3E");
}

.st1F_control_panel_icon_mi_r {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M6.248 16.002c.966 0 1.75.784 1.75 1.75v2.498A1.75 1.75 0 0 1 6.248 22H3.75A1.75 1.75 0 0 1 2 20.25v-2.498c0-.966.784-1.75 1.75-1.75zm0 1.5H3.75a.25.25 0 0 0-.25.25v2.498c0 .138.112.25.25.25h2.498a.25.25 0 0 0 .25-.25v-2.498a.25.25 0 0 0-.25-.25m3.5.498h11.505a.75.75 0 0 1 .102 1.493l-.102.007H9.748a.75.75 0 0 1-.102-1.493zh11.505zm-3.5-8.999c.966 0 1.75.784 1.75 1.75v2.498a1.75 1.75 0 0 1-1.75 1.75H3.75A1.75 1.75 0 0 1 2 13.249V10.75C2 9.784 2.784 9 3.75 9zm0 1.5H3.75a.25.25 0 0 0-.25.25v2.498c0 .138.112.25.25.25h2.498a.25.25 0 0 0 .25-.25V10.75a.25.25 0 0 0-.25-.25m3.5.499h11.505a.75.75 0 0 1 .102 1.493l-.102.007H9.748a.75.75 0 0 1-.102-1.493zh11.505zm-3.5-9c.966 0 1.75.784 1.75 1.75v2.498a1.75 1.75 0 0 1-1.75 1.75H3.75A1.75 1.75 0 0 1 2 6.248V3.75C2 2.784 2.784 2 3.75 2zm0 1.5H3.75a.25.25 0 0 0-.25.25v2.498c0 .138.112.25.25.25h2.498a.25.25 0 0 0 .25-.25V3.75a.25.25 0 0 0-.25-.25m3.5.5h11.505a.75.75 0 0 1 .102 1.493l-.102.007H9.748a.75.75 0 0 1-.102-1.493zh11.505z'/%3E%3C/svg%3E");
}

.st1F_control_panel_icon_tm {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 16 16'%3E%3Cg fill='%23666'%3E%3Cpath d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z'/%3E%3C/g%3E%3C/svg%3E");
}

.st1F_control_panel_icon_del {
    color: #dc4300!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 -3 14 20'%3E%3Cpath fill='%23dc4300' fill-rule='evenodd' d='M1.707.293A1 1 0 0 0 .293 1.707L5.586 7L.293 12.293a1 1 0 1 0 1.414 1.414L7 8.414l5.293 5.293a1 1 0 0 0 1.414-1.414L8.414 7l5.293-5.293A1 1 0 0 0 12.293.293L7 5.586z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.st1F_control_panel_icon_del:hover {
    color: #dc4300!important;
    text-shadow: #dc4300 0px 0 1px;
}

/*2.6. ST formulars 6 */
.st-table__modal-content-6 {
    max-width: 800px;
}

/*2.9. ST formulars 9 */


.st9F_hide {
        display: none;
}




/*2.10. ST formulars 10 */

.st-table__modal-content-10 {
    max-width: 950px;
}

#edit_list_134 {
    text-align: center;
}



/*2.3. ST formulars list */


.st-F-list-table {
        display: flex;
        flex-direction: column;
}

.st-F-list-TR {
        gap: 24px;

} 

.st-F-list_title {
        padding: 10px 0px 1px;
}

.st-F-list-TC {
        width: 100%;
}

.st-F-list-TC-b0 {
        padding: 10px 15px 1px 0px;
        font-weight: 500;
}

.st-F-list-data {
    overflow-y: hidden;
    width: 100%;
    height: 22px;
    resize: vertical;
    padding: 0px 10px;
    box-sizing: border-box;
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    font: 12px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}






/*st1 mod work_check/.  C   p   y {      u t           y      p q    */

.st-check-date_row {
    background: #f4e8e8;
    font-weight: 500;
    color:#000;
    text-decoration: none !important;
}

.st-check-date_row .C:not(:last-child) {
    border-right: 0px!important;
}


.st-check-date_color {
    background: #bed7e3 !important;
    color: #000;
}



.st-table__row_not-functioning{
    background: linear-gradient(90deg, #f2d8d8, #fafafa);
}




/*st-other*/
.st-other-table__wrapper {

}

.st-other-table__wrapper .up_control_panel {
    width: 100%;
    top: 46px;
    position: sticky;
}

.st-table-content-2 .st-table-content__head,
.st-table-content-3 .st-table-content__head,
.st-table-content-4 .st-table-content__head {
    background: #fff;
}

.st-table-content-2 .C,
.st-table-content-3 .C {
    padding: 6px 10px;
}

.st-other-table__wrapper .st-table-content {
    margin: 0px auto;
}

.st-other-table__wrapper .st-table-content__wrapper {
    height: calc(100vh - 192px);
    margin: 0px;
}

.st-table__list-item_type_1 textarea {
	    width: calc(100% - 150px);
}


/*st-other    p q | y   p      t   p x t u | u ~ y   (id2)*/
.stF_division_block_1 {
    padding: 0px 0px 10px;
    margin: 0px 0px 10px;
    border-bottom: 4px double #ccc;
}

.stF_division_block_1 textarea {
    width: calc(100% - 110px);
}

.stF_division_block_2 {
    display: flex;
    gap: 24px;
    padding: 0px 0px 10px;
    margin: 0px 0px 10px;
}

.stF_division_block_2 div {
    width: 100%;
}

.stF_division_block_2 label {
    align-items: flex-start;
}


.stF_division_block_2 textarea {
    height: 60px;
    width: calc(100% - 110px);
    white-space: normal;
}



/*st-other    p q | y   p       }     (id3)*/



.st-table-content-3 {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.st-table-content-3 .st-table-content__head span {
    margin: 0px auto;
}


.stF3_title {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
	background: #eef2f6;
}

.stF3_block_1 {
	padding: 0px 0px 10px;
    margin: 0px 0px 10px;
    border-bottom: 4px double #ccc;
	display: flex;
    flex-direction: row;
}

.stF3_block_1 .st-table__list-item {
	flex-direction: column;
}

.stF3_block_1 .st-table__list-item textarea {
font-size: 20px;
    text-align: center;
    height: 24px;
    margin-top: 5px;
}




/*st-other    p q | y   p       t y p | y x   (id4)*/
.st-table-content-4 .st-table-content__cell .st-table-content__cell_head span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 5px 0px;
}

.st-table-content-4 .st-table-content__cell[data-c='48'] .st-table-content__cell_head span,
.st-table-content-4 .st-table-content__cell[data-c='79'] .st-table-content__cell_head span,
.st-table-content-4 .st-table-content__cell[data-c='127'] .st-table-content__cell_head span {
    transform: none;
    writing-mode: horizontal-tb;
}

.st-table-content-4 .st-table-content__head span {
    margin: 0px auto;
}

.C[data-c='48'],
.C[data-c='79'] {
    width:25%;
}
.C[data-c='127'] {
    width:50%;
}

.C[data-c='303'],
.C[data-c='304'] {
    min-width: 105px;
}

.C[data-c='49'],
.C[data-c='50'], 
.C[data-c='55'], 
.C[data-c='56'],
.C[data-c='57']  {
    background: #eef2f6aa;
}

.C[data-c='58'],
.C[data-c='59'], 
.C[data-c='60'], 
.C[data-c='61'],
.C[data-c='62']  {
    background: #f6f3eeaa;
}

.C[data-c='63'],
.C[data-c='64'], 
.C[data-c='65'], 
.C[data-c='66'],
.C[data-c='67'],
.C[data-c='68'] {
    background: #f3eef6aa;
}

.C[data-c='69'], 
.C[data-c='70'], 
.C[data-c='71'],
.C[data-c='72'],
.C[data-c='73'],
.C[data-c='74'], 
.C[data-c='75'], 
.C[data-c='76'],
.C[data-c='77']  {
    background: #eef6f5aa;
}



th[data-c='49'][colspan='5'] {
    background: #eef2f6;
    border-right: 1px solid #dae1ea;
    border-bottom: 1px solid #dae1ea;
    padding: 10px 0px;
}

th[data-c='58'][colspan='5'] {
    background: #f6f3ee;
    border-right: 1px solid #dae1ea;
    border-bottom: 1px solid #dae1ea;
    padding: 10px 0px;
}

th[data-c='63'][colspan='6'] {
    background: #f3eef6;
    border-right: 1px solid #dae1ea;
    border-bottom: 1px solid #dae1ea;
    padding: 10px 0px;
}

th[data-c='69'][colspan='9'] {
    background: #eef6f5;
    border-right: 1px solid #dae1ea;
    border-bottom: 1px solid #dae1ea;
    padding: 10px 0px;
}


.stF4_title {
    padding: 5px;
    margin: 0px 3px 5px;
    border-radius: 5px;
    text-align: center;
    font-weight: 500;
    background: #eef2f6;
}

.stF4_block_1 {
        padding: 0px 0px 10px;
        margin: 0px 0px 10px;
        border-bottom: 4px double #ccc;
        display: flex;
        flex-direction: row;
}

.stF4_block_1 .st-table__list-item {
	flex-direction: column;
}

.stF4_block_1 textarea {
	text-align: center;
}

.stF4_block_1 textarea[data-id="127"] {
        text-align: left;
        min-height: 60px;
        white-space: normal;
        overflow-y: auto;
}

@media screen and (max-width: 950px) {
    .stF4_block_1 {
        flex-direction: column;
    }
	.stF4_block_1 .st-table__list-item {
        flex-direction: row;
        font-size: 16px;
	}
    .stF4_block_1 .st-table__list-item textarea {
		width: calc(100% - 200px);
	}
}



/*2.7. ST formulars 7 */


.st7F_title {
    padding: 5px 24px;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    background: linear-gradient(270deg, #c1cdd4, #eef2f6);
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.st7F_title_act_type {
    text-align: left;
}

.st7F_title_act_requisites {
    text-align: center;
}

.st7F-act-type {
    opacity: 1;
    background: none;
    border: none;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.st7F_title_number {
    text-align:center;
    background:none;
    font: 12px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    resize: none;
    border: 0px;
    width: 35px;
}

.st7F_title_date {
    text-align:center;
    background:none;
    font: 12px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    resize: none;
    border: 0px;
    width: 90px;
}

.st7F_address {
    display: block;
    text-align: right;
    font-size: 9px;
    line-height: 10px;
    color: #000;
    padding-right: 25px;
    opacity: 0.75;
    background: url(../omt/img/formular/sokb1_logo.png) no-repeat 100% 0%;
    background-size: 20px;
    font-weight: 400;
}

.st7F_address span {
    display:block;
}

.st7F_hr {
    border-bottom: 4px double #ccc;
}

.st7F_block_1 {
    position: relative;
}

.st7F_st1F_link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 1 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M3 10c0-3.771 0-5.657 1.172-6.828S7.229 2 11 2h2c3.771 0 5.657 0 6.828 1.172S21 6.229 21 10v4c0 3.771 0 5.657-1.172 6.828S16.771 22 13 22h-2c-3.771 0-5.657 0-6.828-1.172S3 17.771 3 14z'/%3E%3Cpath d='M6 12c0-1.414 0-2.121.44-2.56C6.878 9 7.585 9 9 9h6c1.414 0 2.121 0 2.56.44c.44.439.44 1.146.44 2.56v4c0 1.414 0 2.121-.44 2.56c-.439.44-1.146.44-2.56.44H9c-1.414 0-2.121 0-2.56-.44C6 18.122 6 17.415 6 16z'/%3E%3Cpath stroke-linecap='round' d='M7 6h5'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0;
    transition: 0.3s;
}


.st7F_block_1:hover .st7F_st1F_link {
    opacity: 0.4;
}

.st7F_st1F_link:hover {
    opacity: 0.75;
}


.st7F_block_1 div,
.st7F_block_7 label,
.st7F_block_9 label {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
    
.st7F_block_1 span,
.st7F_block_7 span,
.st7F_block_9 span {
        font-weight: 500;
        color: #333;
}

.st7F_block_7 textarea,
.st7F_block_9 textarea {
    width: calc(100% - 125px);
    /* height: 18px; */
    font: 12px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    padding: 0px 5px;
    resize: none;
    border: 0px;
}

.st7F_inventory-card-name textarea {
    background: #f1f1f1;
}


.st7F_block {
    padding: 3px 0px;
    margin: 3px 0px;
}

.st7F_block span {
    font-weight: normal;
}

.st7F_block label {
    display: flex;
}

.st7F_block_1_st1F_info {
    text-align: left;
    width: calc(100% - 125px);
}


.st7F_block_5 .st-table__list-item,
.st7F_block_10 .st-table__list-item {
    padding: 3px 0px;
}

.st7F_block_7 .st-table__list-item {
    padding: 3px 0px;
}


.st7F_block_10_desc {
    font-weight: 500;
}

.st7F_block_11 {
    background: #f5f5f5;
    border-radius: 5px;
    padding: 10px;
}

.st7F_block_12 {
    margin: -3px 0px 3px;
}

.st7F_block_13 {
    background: #f5f5f5;
    border-radius: 5px;
    padding: 10px;
}

    


.st7F_block input[type="checkbox"], .st7F_block input[type="radio"], .st7F_block input[type="checkbox" i], .st7F_block input[type="radio" i] {
    margin: 0px 10px 0px 1px;
}

.st7F_sub_title {
    position: relative;
    width: 100% !important;
    text-align: left;
    font-weight: bold;
    margin: 0px 0px 2px;
}

.st7F_block_textarea {
    min-height: 6em;
    width: 100%;
    padding: 4px 10px;
    resize: none;
    border: 0px;
    background: #f1f1f1;
    font: 12px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    box-sizing: border-box;
    overflow: hidden;
}


.st-create-spare-part, 
.st-doc-load,
.st-create-members {
    float: right;
    cursor: pointer;
    text-decoration: underline;
    opacity: 0.7;
}

.st-create-spare-part:hover,
.st-doc-load:hover,
.st-create-members:hover {
    opacity: 1;
}


.st-docs-list span:not(:last-child) {
    width: 100%;
}

.st-docs-list-id {
    text-align:right;
    color: #aaa;
}



.st-docs-list .st-table__list-item,
.st-spare-parts-list .st-table__list-item {
    border-top: 1px solid #ddd;
}

.st-docs-list .st-table__list-item:last-child,
.st-spare-parts-list .st-table__list-item:last-child {
    border-bottom: 1px solid #ddd;
}


.st-spare-parts-list .st-spare-parts_name {
    position: relative;
    width:53%;
    padding-right: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
}
.st-spare-parts-list .st-spare-parts_desc {
    width:42%; 
    text-overflow: ellipsis;
    overflow: hidden;
}
.st-spare-parts-list .st-spare-parts_count {
    width:9%;  
    text-align: right;
}

.st7F-part-icon {
    position: absolute;
    right: 12px;
    top: 0px;
    height: 100%;
    display: block;
    opacity: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M7.752.066a.5.5 0 0 1 .496 0l3.75 2.143a.5.5 0 0 1 .252.434v3.995l3.498 2A.5.5 0 0 1 16 9.07v4.286a.5.5 0 0 1-.252.434l-3.75 2.143a.5.5 0 0 1-.496 0l-3.502-2l-3.502 2.001a.5.5 0 0 1-.496 0l-3.75-2.143A.5.5 0 0 1 0 13.357V9.071a.5.5 0 0 1 .252-.434L3.75 6.638V2.643a.5.5 0 0 1 .252-.434zM4.25 7.504L1.508 9.071l2.742 1.567l2.742-1.567zM7.5 9.933l-2.75 1.571v3.134l2.75-1.571zm1 3.134l2.75 1.571v-3.134L8.5 9.933zm.508-3.996l2.742 1.567l2.742-1.567l-2.742-1.567zm2.242-2.433V3.504L8.5 5.076V8.21zM7.5 8.21V5.076L4.75 3.504v3.134zM5.258 2.643L8 4.21l2.742-1.567L8 1.076zM15 9.933l-2.75 1.571v3.134L15 13.067zM3.75 14.638v-3.134L1 9.933v3.134z'/%3E%3C/svg%3E");
    transition: 0.3s;
}

.st-spare-parts_name:hover .st7F-part-icon {
    opacity: 0.4;
}



.st7F_block_5_rep_del:before {
    opacity: 0;
    transition: 0.3s;
    margin-right: -18px;
    padding: 0px 0px 0px 6px;
}

.st-docs-list .st-table__list-item:hover .st7F_block_5_rep_del:before,
.st-spare-parts-list .st-table__list-item:hover .st7F_block_5_rep_del:before {
    opacity: 1;
}

.st7F_block_5_rep_del:before {
    content: '\2716';
    color: #bbb;
    cursor: pointer;
}

.st7F_block_5_rep_del:hover {
    color: #000;
}


.st7F_block_6 {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    border: 0px !important;
}

.st7F_block_6_subblock {
    width: 50%;
    background: #f5f5f5;
    border-radius: 5px;
    padding: 0px 10px 5px;
}




.C[data-c='85'],
.st-table-content__cell[data-c='85'] {
    min-width: 200px;
}

.C[data-c='90'],
.st-table-content__cell[data-c='90'] {
    min-width: 205px;
}


.C[data-c='91'],
.st-table-content__cell[data-c='91'] {
    min-width: 200px;
}

.st-C93 {
    color: #aaa;
}


/*ST8 */

.C[data-c='152'],
.st-table-content__cell[data-c='152'] {
    width: 33%;
}

.C[data-c='153'],
.st-table-content__cell[data-c='153'] {
    width: 33%;
}
.C[data-c='155'],
.st-table-content__cell[data-c='155'] {
    width: 33%;
}



/*2.12. ST12 */


.st-table-content-12 .st-table-content__cell .st-table-content__cell_head span {
    white-space: normal;
}


.C[data-c='139'],
.st-table-content__cell[data-c='139'] {
    min-width: 200px;
}

.C[data-c='138'],
.st-table-content__cell[data-c='138'] {
    min-width: 200px;
}


th[data-c='141'][colspan='9'] {
    background: #5f47d90d;
    border-right: 1px solid #dae1ea;
    border-bottom: 1px solid #dae1ea;
    padding: 10px 0px;
}

.C[data-c='141'],
.C[data-c='197'], 
.C[data-c='142'], 
.C[data-c='144'],
.C[data-c='143'],
.C[data-c='146'],
.C[data-c='296'],
.C[data-c='145'],
.C[data-c='231']  {
    background: #5f47d90d;
}

th[data-c='151'][colspan='3'] {
    background: #d947470d;
    border-right: 1px solid #dae1ea;
    border-bottom: 1px solid #dae1ea;
    padding: 10px 0px;
}

.C[data-c='151'],
.C[data-c='140'], 
.C[data-c='182'] {
    background: #d947470d;
}


th[data-c='147'][colspan='2'] {
    background: #d947470d;
    border-right: 1px solid #dae1ea;
    border-bottom: 1px solid #dae1ea;
    padding: 10px 0px;
}

.C[data-c='147'],
.C[data-c='148'] {
    background: #d947470d;
}












/*ST17 */
.C[data-c='244'],
.st-table-content__cell[data-c='244'] {
    min-width: 300px;
}




/* H p } u ~ p*/



.st-replace-classic-to-find,
.st-replace-classic-to-replace {
    white-space: break-spaces;
    margin: 0px 0px 25px;
}


/* } p       r p    x p } u ~ p*/
[data-modal="replace_mass"] .st-table__modal-back {
        background: #6d34349c;
}

[data-modal="replace_mass"] .stF_button_panel strong {
        color: #ff0000;
        
}





/* 10.1 Informer */

.st-informer .st-table-content__wrapper {
    margin: 0px;
    overflow: unset;
    height: auto;
}

.st-informer .st-table-content__filter,
.st-informer .st-table-content__sort{
    display: none;
}


.st-informer .st-table-content__head {
    height: unset;
    font-weight: 500;
    background: #ddf1c6;
    position: unset;
    top: unset;
    box-shadow: none;
    z-index: unset;
}

.st-table-content__head_level2{
    background: inherit;
}

.st-informer_no_data {
    margin: 0px 0px -20px;
    color: #666;
}

/*
.st-informer .st-table-content__head .st-table-content__cell:first-child {
    border-top-left-radius: 10px;
}
.st-informer .st-table-content__head .st-table-content__cell:last-child {
    border-top-right-radius: 10px;
}
*/

.st-informer .st-table-content__cell,
.st-informer .C {
    border-right: unset;
}



.st-informer .st-table-content {
   width: 100%;
}

.st-informer .st15-org,
.st-informer .st15-org-sub {
    display: none;
} 


.st-informer_random_term_block {
    border-radius: 10px;
}

.st-informer_random_term_cell {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    font-weight: normal;
    font-size: 12px;
}

.st-informer_random_term_title {
    font-weight: 500;
}

.st-informer_random_term_desc {
    white-space: break-spaces;
}

.st-informer_random_term_proof {
    white-space: break-spaces;
    color: #999;
}

.dashboard_informers_edit_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.dashboard_informers_edit {
    display: flex;
    height: 100%;
}

.st-dashboard-groups-list {
    height: calc(100% - 2px);
    width: 300px;
    background: linear-gradient(90deg, #bec4cb, #eef2f6);
    border-right: 1px solid #000;
    user-select: none;
}

.st-dashboard-informers-edit__group {
    padding: 6px 12px; 
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s;
    margin: 2px 0px;
}

.st-dashboard-informers-edit__group:hover {
    background: #ffffff80;
}

.st-dashboard-informers-edit__group .active {
    background: #ffffffb5;
}

.st-dashboard-informers-list {
    width: 100%;
    gap: 24px;
}

.st-dashboard-informers-edit__item {
    display: block;
    background: #eef6f5;
    border-radius: 5px;
    padding: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100%;
    transition: 0.3s;
    cursor: pointer;
    border: 1px solid #00000000;
    min-height: 190px;
}

.st-dashboard-informers-edit__item:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.st-dashboard-informers-edit__item:active {
    border: 1px solid #aaa;
}


.st-dashboard-informers-edit__item input {
    float:right;
    transition: 0.2s;
}

.st-dashboard-informers-edit__item input:checked {
    transform: scale(1.25);
}



.st-dashboard-informers-list .st-dashboard-informers-edit__item:nth-child(1n) {
    background-color: #eef6f5;
}

.st-dashboard-informers-list .st-dashboard-informers-edit__item:nth-child(2n) {
    background-color: #eef6ef;
}

.st-dashboard-informers-list .st-dashboard-informers-edit__item:nth-child(3n) {
    background-color: #eef1f6;
}

.st-dashboard-informers-list .st-dashboard-informers-edit__item:nth-child(4n) {
    background-color: #f6eef5;
}

.st-dashboard-informers-list .st-dashboard-informers-edit__item:nth-child(5n) {
    background-color: #eef6f5;
}






.st-dashboard-informer-in_work {

}

.st-dashboard-informer-in_work_name {

}

.st-dashboard-informer-in_work_date {

}


.st-dashboard-informers-edit__name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.st-dashboard-informers-edit__desc {
    display: block;
    color: #666;
    padding: 12px 180px 12px 0px;
    white-space: break-spaces;
}

/*10.2 Print.*/
/*10.2.1 Print.Basic*/

@page {
    size: auto; 
    margin: 15px 5px;  
}


@media print {
    #page {
        size: auto; 
        margin: 15p 5px;     
        }

    .st-table-content__filter, .st-table-content__sort{
        display: none !important;
    }

    /* Костыль для верной печати строк */
    textarea{
        line-height: 1.15em !important;
    }
    
    .st-table-content__head{
        position: static;
        top: 0;
    }

    .hide-print{
        display: none !important;
    }
    
    .modal_close,
    .hide-print,
    .modal_info_st7_icon {
	 display: none;
    }
    
        	* {
		-webkit-print-color-adjust: exact !important;   
		color-adjust: exact !important;              
	}
	
    .no-print, 
    .no-print *{
        display: none !important;
    }
    
    .st7F_title {
    padding: 5px;
    border-radius: 0px;
    margin: 0px 24px;
    }

    .st7F_inventory-card-name:not(.display){
        display: none!important;
    }
	
}

@media not print {
    .st7F_inventory-card-name{
        display: none!important;
    }
}


/*10.2.2 Print.ST7*/

.st-print_page .st-table-content {
    padding: 24px;
    box-sizing: border-box;
}

.st-print-st7_title_page {
    height: 100vh;
    margin: 24px;
}

.st-print_page .C_st1F,
.st-print_page .st-table-content__filter,
.st-print_page .C[data-c='112']{
    display: none;
}

.st-print-st7_title_page h1 {
    font-size: 36px;
}

.st-print-st7_title_page_title {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    margin: 24px 0px;
}

.st-print-st7_title_page_cell {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.st-print-st7_title_page_division_list {

}

.st-print-st7_title_page_period {
    text-transform: lowercase;
    margin-top: 8px;
    font-size: 12px;
    display: block;
}

.st-print-st7_title_page_engineer_list {

}







/*10.3 Notification.*/








[data-modal='st-shield'] .st-table__modal-content {
    position: relative;
    width: 400px;
}


[data-id='confirm_delete'] .st-table__modal-content {
    width: 300px;
}


[data-id='mi_card'] .st-table__modal-content {
    width: 1200px;
}

[data-id='mi_registry'] .st-table__modal-content {
    width: 800px;
}

[data-name='mi_card'] {
    overflow-y: auto;
}

[data-id='dashboard_informers_edit'] .st-table__modal-content {
    max-width: 1225px;
    width: 100%;
    height: calc(100% - 4rem);
}



.st-shield-title_type2 {
    font-size: 18px;
    font-weight: 400;
}

.st-shield-title_h3 {
    font-size: 24px;
    font-weight: 400;
    padding: 24px 24px 0px;
    margin: 0px;
}

.table-type-3 thead th {
    text-align: left;
    background: #ddd;
}

.table-type-3 th,
.table-type-3 tr,
.table-type-3 td {
    padding: 5px;
    vertical-align: top;
}

.table-type-3 tr:nth-child(odd),
.item-data-table2 tr:nth-child(odd),
.item-data-table tr:nth-child(odd) {
    background: #fafafa;
}

.table-type-3 tr:nth-child(even),
.item-data-table2 tr:nth-child(even),
.item-data-table tr:nth-child(even) {
    background: #f5f5f5;
}

.table-type-3 td:first-child {
    width: 30%;
}

.table-type-3 td:first-child br {
    display: none;
}

.table-type-2 thead th,
.table-type-3 thead th {
    display: table-cell;
    padding: 5px;
    text-align: left;
    background: #ddd;
}


.item-data-table thead th,
.item-data-table tbody td {
    display: none;
}

.item-data-table thead th {
    background: #ddd;
}

.item-data-table thead th:nth-child(n+2):nth-child(-n+4),
.item-data-table tbody td:nth-child(n+2):nth-child(-n+4) {
    display: table-cell;
    text-align: left;
}

.item-data-table tbody tr {
    cursor: pointer;
    transition: 0.3s;
}
    
.item-data-table tbody tr:hover {
    background: #ddd;
}

.st-shield {
    overflow: auto;
    height: 100%;
    border-radius: 5px;
    scrollbar-width: thin;
    scrollbar-color: #ccc #ffffff00;
}

.st-shield-avatar {
    max-width: 200px;
    max-height: 200px;
}


.st-shield-close,
.st-toasts-close {
    cursor: pointer;
}

.st-shield-close:before,
.st-toasts-close:before {
    content: '\2716';
    color: #8593a5;
    position: absolute;
    top: 0px;
    right: 5px;
    cursor: pointer;
    z-index: 5;
    transition: 0.2s;
}

.st-shield-close:hover:before,
.st-toasts-close:hover:before {
    color: #000;
}

.st-shield-close:active:before,
.st-toasts-close:active:before {
    color: #dc4300;
}


.st-shield-close_scroll:before{
    right: 14px;
}





[data-modal='st-shield'] .st-table__modal-content input[type=button] {
    border: 0px;
    box-shadow: none;
    font-weight: bold;
}

.st-shield_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 24px;
}



.st-shield_button_panel {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
}

.st-shield-delete {
    color: #dc4300;
}

.st-shield-save {
    color: #45a6db;    
}


.st-shield-user-block {}

.st-shield-user_hr {
    margin: 15px 0px;
    border-bottom: 4px double #ccc;
}

.st-shield-title,
.st-shield-user-title {
    border-bottom: 3px solid #000;
    margin: 10px 24px 0px;
    padding: 0px 0px 5px;
    font-weight: 500;
    text-align: center;
}

.st-shield-title2 {
    border-bottom: 3px solid #000;
    margin: 0px 3px 8px;
    padding: 0px 0px 4px;
    font-weight: 500;
    text-align: center;
}

.st-shield-user_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 3px;
}

.st-shield-user_item span {
    font-weight: 500;
}



.st-shield-user_item input,
.st-shield-user_item textarea,
.st-shield-user_item select,
.st-shield-user_item_right {
    width: calc(100% - 120px);
}

.st-shield-user_item_right span {
    display: flex;
    align-items: center;
}

.st-shield-user_item_right label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.st-shield-user_item_right input {
    width: 13px;
    margin: 0px 10px 0px 0px !important;
}

.st-shield-user_item select {
    margin: 4px 0px;
    padding: 4px 0px 2px;
    border-radius: 5px;
    border: 1px solid #999;
    width: auto;
}

.st-shield-user_item textarea,
.st-shield-user_item input {
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    resize: none;
    padding: 0px 10px;
    box-sizing: border-box;
    height: 20px;
    border: 1px solid #f1f1f1;
    background: #f1f1f1;
    font: 12px / 18px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

.st-shield-user_input_readonly, .st-shield-user_input_readonly:focus {
    background: none;
    border: none;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0px!important;
    box-sizing: border-box;
    height: 20px;
    border: 1px solid #fff!important;
    background: #fff!important;
    font: 12px / 18px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

.st-shield-user_item input::file-selector-button {
    display: none;
}

.st-shield-file {
    cursor: pointer;
}

.st-shield-user-ava {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: calc(100% - 120px);
}

.st-shield-avatar {
    width: 50px;
}

.st-shield-load-avatar {
    cursor: pointer;
    text-decoration: underline;
    opacity: 0.7;
}

.st-shield-load-avatar:hover {
    opacity: 1;  
}


.st-shield-checkbox-line {
    align-items: center;
    cursor: pointer;
}

.st-shield-checkbox-line span {
    width: calc(100% - 32px);
}

.st-shield-checkbox-line div {
    display: flex;
    align-items: center;
}

.st-shield-checkbox-line input {
    width: auto;
    cursor: pointer;
    margin: 0px 0px 0px 10px!important;
}

.st-filters-icon-edit {
    width: 18px;
    height: 18px;
    position: absolute;
    z-index:10;
    right: 30px;
    top:  11px;
}


/*10.3.2. Notification. Toasts*/

.st-toasts {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    display: grid;
    gap: 1rem;
    z-index: 100001;
}

.st-toast {
    position: relative;
    width: 250px;
    max-width: 100vw;
    background: #fff;
    padding: 1rem;
    border-radius: 5px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.175);
    transition: 0.5s;
    font-weight: 500;
    color: #333;
}


.st-toast_good {
    background: linear-gradient(90deg, #cce3c6, #fff);
}

.st-toast_error {
    background: linear-gradient(90deg, #e3c6c6, #fff);
}

.st-toast_caution {
    background: linear-gradient(90deg, #efe9ba, #f7f0dd);
}

.st-toast_blue {
    background: linear-gradient(90deg, #e7f4ff, #e9f2f7);
    cursor: pointer;
    transition: 0.3s;
}

.st-toast_blue:hover {
    transform: scale(1.03);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25);
}

.st-toast_blue:active {
    transform: scale(0.98);
}


.st-toast_colors {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.st-toast_colors-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2px 6px;
    position: relative;
    cursor: pointer;
    transition: 0.3s;
}


.st-toast_colors-list:hover {
    box-shadow: inset 0 0 3rem 3px rgb(0 0 0 / 20%);
}


.st-toast_color-hide {
    opacity: 0.5;
}



.CR1 {
    background: #e4e3f4!important;
}

.CR2 {
    background: #d7eded!important;
}

.CR3 {
    background: #dbedd7!important;
}

.CR4 {
    background: #edead7!important;
}

.CR5 {
    background: #edd7d7!important;
}

.CR6 {
    background: #e5d6eb!important;
}

.CR7 {
    background: #dbe7ff!important;
}

.CR8 {
    background: #c5cde5!important;
}
.CR9 {
    background: #e3e3e3!important;
}

.R:nth-child(even) + .CR1 {
    background: #deddee!important;
}

.R:nth-child(even) + .CR2 {
    background: #d2e7e7!important;
}

.R:nth-child(even) + .CR3 {
    background: #d5e7d2!important;
}

.R:nth-child(even) + .CR4 {
    background: #e7e4d2!important;
}

.R:nth-child(even) + .CR5 {
    background: #e7d2d2!important;
}

.R:nth-child(even) + .CR6 {
    background: #dfd1e5!important;
}

.R:nth-child(even) + .CR7 {
    background: #d5e1f9!important;
}

.R:nth-child(even) + .CR8 {
    background: #c0c8df!important;
}

.R:nth-child(even) + .CR9 {
    background: #ddd!important;
}



.CR1:hover,
.R:nth-child(even) + .CR1:hover {
    background: #cecdde!important;
}
.CR2:hover,
.R:nth-child(even) + .CR2:hover {
    background: #c7dddd!important;
}
.CR3:hover,
.R:nth-child(even) + .CR3:hover {
    background: #cbddc7!important;
}
.CR4:hover,
.R:nth-child(even) + .CR4:hover {
    background: #dddac7!important;
}
.CR5:hover,
.R:nth-child(even) + .CR5:hover {
    background: #ddc7c7!important;
}
.CR6:hover,
.R:nth-child(even) + .CR6:hover {
    background: #d5c6db!important;
}
.CR7:hover,
.R:nth-child(even) + .CR7:hover {
    background: #cbd7ef!important;
}
.CR8:hover,
.R:nth-child(even) + .CR8:hover {
    background: #b5bdd5!important;
}
.CR9:hover,
.R:nth-child(even) + .CR9:hover {
    background: #d3d3d3!important;
}



.CR10 {
    background: linear-gradient(180deg, #000 0%, #bec4cb 1%, #bec4cb 98%, #000 100%) !important;
    color: #000;
}

.R:nth-child(even) + .CR10 {
    background: linear-gradient(180deg, #000 0%, #bec4cb 1%, #bec4cb 98%, #000 100%) !important;
}

.CR10:hover,
.R:nth-child(even) + .CR10:hover {
    background: linear-gradient(180deg, #000 0%, #a1a5ad 1%, #9ea4ab 98%, #000 100%) !important;
}

.CR10 .C {
    border-right: 1px solid #909499;
}


/*10.3.5. Notification. Rzn search*/



.st-shield-rzn_links {
    display: flex;
    flex-direction: column;
    margin: 0px -24px;
}

.st-shield-rzn_link {
    display: block;
    padding: 10px 10px 10px 21px;
    cursor: pointer;
    color: #333!important;
    text-decoration: none!important;
    font-weight: 500;
    text-indent: 25px;
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 16px 100%;
    background-position: 0% 50%;
}

.st-shield-rzn_link:hover {
    transition: 0.15s;
    background-color: #eee;
    color: #000!important;
}


.st-shield-rzn_mi_card {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 20 20'%3E%3Cpath fill='%23666' d='M14.4 9H8.6c-.552 0-.6.447-.6 1s.048 1 .6 1h5.8c.552 0 .6-.447.6-1s-.048-1-.6-1m2 5H8.6c-.552 0-.6.447-.6 1s.048 1 .6 1h7.8c.552 0 .6-.447.6-1s-.048-1-.6-1M8.6 6h7.8c.552 0 .6-.447.6-1s-.048-1-.6-1H8.6c-.552 0-.6.447-.6 1s.048 1 .6 1M5.4 9H3.6c-.552 0-.6.447-.6 1s.048 1 .6 1h1.8c.552 0 .6-.447.6-1s-.048-1-.6-1m0 5H3.6c-.552 0-.6.447-.6 1s.048 1 .6 1h1.8c.552 0 .6-.447.6-1s-.048-1-.6-1m0-10H3.6c-.552 0-.6.447-.6 1s.048 1 .6 1h1.8c.552 0 .6-.447.6-1s-.048-1-.6-1'/%3E%3C/svg%3E");
}

.st-shield-rzn_extract {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23666' stroke-width='1.5'%3E%3Cpath d='M3 10c0-3.771 0-5.657 1.172-6.828S7.229 2 11 2h2c3.771 0 5.657 0 6.828 1.172S21 6.229 21 10v4c0 3.771 0 5.657-1.172 6.828S16.771 22 13 22h-2c-3.771 0-5.657 0-6.828-1.172S3 17.771 3 14z'/%3E%3Cpath stroke-linecap='round' d='M8 12h8M8 8h8m-8 8h5'/%3E%3C/g%3E%3C/svg%3E");
}

.st-shield-rzn_ru {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' fill-rule='evenodd' d='M11.943 1.25h.114c2.309 0 4.118 0 5.53.19c1.444.194 2.584.6 3.479 1.494c.895.895 1.3 2.035 1.494 3.48c.19 1.411.19 3.22.19 5.529v.114c0 2.309 0 4.118-.19 5.53c-.194 1.444-.6 2.584-1.494 3.479c-.895.895-2.035 1.3-3.48 1.494c-1.411.19-3.22.19-5.529.19h-.114c-2.309 0-4.118 0-5.53-.19c-1.444-.194-2.584-.6-3.479-1.494c-.895-.895-1.3-2.035-1.494-3.48c-.19-1.411-.19-3.22-.19-5.529v-.114c0-2.309 0-4.118.19-5.53c.194-1.444.6-2.584 1.494-3.479c.895-.895 2.035-1.3 3.48-1.494c1.411-.19 3.22-.19 5.529-.19m-5.33 1.676c-1.278.172-2.049.5-2.618 1.069c-.57.57-.897 1.34-1.069 2.619c-.174 1.3-.176 3.008-.176 5.386s.002 4.086.176 5.386c.172 1.279.5 2.05 1.069 2.62c.57.569 1.34.896 2.619 1.068c1.3.174 3.008.176 5.386.176s4.086-.002 5.386-.176c1.279-.172 2.05-.5 2.62-1.069c.569-.57.896-1.34 1.068-2.619c.174-1.3.176-3.008.176-5.386s-.002-4.086-.176-5.386c-.172-1.279-.5-2.05-1.069-2.62c-.57-.569-1.34-.896-2.619-1.068c-1.3-.174-3.008-.176-5.386-.176s-4.086.002-5.386.176m4.335 2.324h2.104c.899 0 1.648 0 2.242.08c.628.084 1.195.27 1.65.725c.456.456.642 1.023.726 1.65c.08.595.08 1.345.08 2.243v.302H19a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1 0-1.5h1.25v-.302c0-.898 0-1.648.08-2.242c.084-.628.27-1.195.725-1.65c.456-.456 1.023-.642 1.65-.726c.595-.08 1.345-.08 2.243-.08m-3.198 5h8.5V10c0-.964-.002-1.612-.067-2.095c-.062-.461-.169-.659-.3-.789s-.327-.237-.788-.3c-.483-.064-1.131-.066-2.095-.066h-2c-.964 0-1.612.002-2.095.067c-.461.062-.659.169-.789.3s-.237.327-.3.788C7.753 8.388 7.75 9.036 7.75 10zM7.25 16a.75.75 0 0 1 .75-.75h8a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.st-shield-rzn_photo {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M12 17.5q1.875 0 3.188-1.312T16.5 13t-1.312-3.187T12 8.5T8.813 9.813T7.5 13t1.313 3.188T12 17.5m0-2q-1.05 0-1.775-.725T9.5 13t.725-1.775T12 10.5t1.775.725T14.5 13t-.725 1.775T12 15.5M4 21q-.825 0-1.412-.587T2 19V7q0-.825.588-1.412T4 5h3.15L8.4 3.65q.275-.3.663-.475T9.875 3h4.25q.425 0 .813.175t.662.475L16.85 5H20q.825 0 1.413.588T22 7v12q0 .825-.587 1.413T20 21zm0-2h16V7h-4.05l-1.825-2h-4.25L8.05 7H4zm8-6'/%3E%3C/svg%3E");
}

.st-shield-rzn_doc {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' fill-rule='evenodd' d='M10.945 1.25h2.11c1.367 0 2.47 0 3.337.117c.9.12 1.658.38 2.26.981c.298.299.512.636.667 1.01c.932.116 1.715.372 2.333.99c.602.602.86 1.36.982 2.26c.116.867.116 1.97.116 3.337v4.11c0 1.367 0 2.47-.116 3.337c-.122.9-.38 1.658-.982 2.26c-.618.618-1.4.874-2.333.991c-.155.373-.369.71-.667 1.009c-.602.602-1.36.86-2.26.982c-.867.116-1.97.116-3.337.116h-2.11c-1.367 0-2.47 0-3.337-.116c-.9-.122-1.658-.38-2.26-.982a3.1 3.1 0 0 1-.667-1.009c-.932-.117-1.715-.373-2.333-.991c-.602-.602-.86-1.36-.981-2.26c-.117-.867-.117-1.97-.117-3.337v-4.11c0-1.367 0-2.47.117-3.337c.12-.9.38-1.658.981-2.26c.618-.618 1.4-.874 2.333-.99a3.1 3.1 0 0 1 .667-1.01c.602-.602 1.36-.86 2.26-.981c.867-.117 1.97-.117 3.337-.117M4.328 4.94c-.437.106-.71.26-.919.47c-.277.276-.457.664-.556 1.398c-.101.756-.103 1.757-.103 3.192v4c0 1.435.002 2.437.103 3.192c.099.734.28 1.122.556 1.399c.209.209.482.363.92.469c-.079-.812-.079-1.806-.079-3.005v-8.11c0-1.198 0-2.193.078-3.005m15.344 14.12c.437-.106.71-.26.919-.469c.277-.277.457-.665.556-1.4c.101-.754.103-1.755.103-3.19v-4c0-1.436-.002-2.437-.103-3.193c-.099-.734-.28-1.122-.556-1.399c-.209-.209-.482-.363-.92-.469c.079.812.079 1.807.079 3.005v8.11c0 1.198 0 2.193-.078 3.005M7.808 2.853c-.734.099-1.122.28-1.399.556c-.277.277-.457.665-.556 1.4C5.752 5.562 5.75 6.564 5.75 8v8c0 1.435.002 2.436.103 3.192c.099.734.28 1.122.556 1.399c.277.277.665.457 1.4.556c.754.101 1.756.103 3.191.103h2c1.435 0 2.437-.002 3.192-.103c.734-.099 1.122-.28 1.399-.556c.277-.277.457-.665.556-1.4c.101-.755.103-1.756.103-3.191V8c0-1.435-.002-2.437-.103-3.192c-.099-.734-.28-1.122-.556-1.399c-.277-.277-.665-.457-1.4-.556c-.754-.101-1.756-.103-3.191-.103h-2c-1.435 0-2.437.002-3.192.103M8.25 9A.75.75 0 0 1 9 8.25h6a.75.75 0 0 1 0 1.5H9A.75.75 0 0 1 8.25 9m0 4a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75m0 4a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75' clip-rule='evenodd'/%3E%3C/svg%3E");
}






/*xxxxx Mobile adaptation.*/

@media screen and (max-width: 950px) {
    .head_block {
        width: 100%;
        left: 0px;
    }
    
    .scrollUp {
        left:50px;
    }
    
    .head_logo {
        margin: 0px auto;
        user-select: none;
    }

    .not_logged_in_vhod {
        right: 10px;
    }

    .logged_in_cell {
        position: absolute !important;
        right: 5px;
    }
    .logged_in_name {
        display: none;
    }
    .ub_block_filter span,
    .ub_export {
        display: none;
    }
    
    
    .st_sidebar {
        display: none;
    }

    .up_control_panel {
        width: 100%;
        justify-content: flex-end;
    }
    

    .ub_block_mobile {
        display: none;
        position: absolute;
        left: 40px;
        background: #f5f5f5;
        width: calc(100% - 15px);
        justify-content: flex-start;
        z-index: 1;
    }
    .ub_block_mobile_active {
        display: flex !important;
    }

    .ub_block_sb_bottom {
        background-image: url('data:image/svg+xml,\ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>');
        display: block;
        background-position: center center;
        background-repeat: no-repeat;
        height: 46px;
        width: 46px;
        position: absolute;
        left: 0px;
        top: 10px;
        transform: rotate(270deg);
    }

    .head_menu_icon {
        background-image: url('data:image/svg+xml,\ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="white" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>');
        background-color: #000;
        display: block;
        background-position: center center;
        background-repeat: no-repeat;
        height: 46px;
        width: 46px;
        
    }
    
    
    .st-table__wrapper {
            left: 0px;
            width: 100%;
    }

    .st-table__modal-content {
		width: 100%!important;
		height: 100%!important;
        max-height: 100%;
        border-radius: 0px;
        box-sizing: border-box;
    }

    .modal_close:before {
        font-size:24px;
		right: -20px;
		top: -20px;
    }

}

[data-name="display_colors"]{
    order: 9999;
}







/* Стили для модального окна */
.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 400px;
    max-width: 90%;
    z-index: 100002;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100001;
}

.modal h2 {
    margin-top: 0;
    font-size: 1.5em;
    text-align: center;
}

.modal .user-list {
    margin: 20px 0;
    max-height: 200px;
    overflow-y: auto;
}

.modal .user-list label {
    display: block;
    margin-bottom: 10px;
}

.modal button {
    display: inline-block;
    margin: 10px 5px;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    background-color: #007bff;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
}

.modal button:hover {
    background-color: #0056b3;
}

.modal button:last-child {
    background-color: #dc3545;
}

.modal button:last-child:hover {
    background-color: #a71d2a;
}



.modal-chat-members__title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 16px 0;
    color: #212529;
}

.modal-chat-members__subtitle {
    font-size: 14px;
    color: #666;
    font-weight: normal;
}

.modal-chat-members__search {
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 14px;
}

.modal-chat-members__search:focus {
    outline: none;
    border-color: #0073aa;
}

.modal-chat-members__list-container {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: #f8f9fa;
}

.modal-chat-members__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.modal-chat-members__item {
    padding: 8px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    transition: background-color 0.2s;
}

.modal-chat-members__item:hover {
    background: #e9ecef;
}

.modal-chat-members__item:last-child {
    border-bottom: none;
}

.modal-chat-members__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}

.modal-chat-members__name {
    flex: 1;
    font-size: 14px;
    color: #212529;
}

.modal-chat-members__empty {
    text-align: center;
    color: #666;
    padding: 20px;
    font-size: 14px;
}

.modal-chat-members__loading {
    text-align: center;
    color: #666;
    padding: 20px;
    font-size: 14px;
}

.modal-chat-members__error {
    text-align: center;
    color: #666;
    padding: 20px;
    font-size: 14px;
}




.chat-list-item.sub-chat {
    padding: 4px 24px 4px 72px;
    background: #f1f3f4;
    position: relative;
}

.chat-list-item.sub-chat:hover {
    background: #e8eaed;
}


.chat-list-item.sub-chat.active {
    background: linear-gradient(93deg, #000000, #f1f3f4);
}

.chat-list-item.sub-chat.active::before {
    background: #fff;
}

.chat-list-item.sub-chat .chat-list-content strong {
    font-size: 13px;
    font-weight: 400;
    color: #495057;
    overflow: hidden;
    text-overflow: ellipsis; 
    white-space: nowrap;
}

.chat-list-item.sub-chat.active .chat-list-content strong {
    color: #fff;
}


.chat-header-title {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chat-header-title h3{
    margin: 0;
}

.chat-header-subtitle {
    font-size: 12px;
    color: #666;
    font-weight: normal;
    opacity: 0.8;
}

.chat-header-status {
    font-size: 12px;
    margin-top: 2px;
    font-weight: 500;
}

.chat-header-status.online {
    color: #4CAF50;
}

.chat-header-status.offline {
    color: #999;
}

.chat-info .chat-header-content {
    flex-direction: row;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    margin: 7px 0;
}


.messages-date-block {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px auto 10px;
  color: #666;
  background: #2f2f2f0f;
  border-radius: 16px;
  padding: 4px 16px;
  letter-spacing: 0.02em;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  width: fit-content;
  min-width: 120px;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
}

.messages-date-block:first-child {
    margin: 0px auto 10px;
}


.modal-chat-members__rename-group {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 16px 0 8px 0;
}

.modal-chat-members__rename-input {
  flex: 1 1 200px;
  padding: 6px 10px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  font-size: 15px;
  transition: border 0.2s;
}

.modal-chat-members__rename-input:disabled {
  background: #f5f5f5;
  color: #aaa;
  border-color: #eee;
}

.modal-chat-members__rename-btn {
  padding: 6px 16px;
  background: #2d8cff;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.2s;
}

.modal-chat-members__rename-btn:disabled {
  background: #b3d1ff;
  cursor: not-allowed;
}

.modal-chat-members__rename-error {
  color: #d32f2f;
  font-size: 13px;
  margin-left: 8px;
}

.modal-chat-members__rename-edit-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 0 0 4px;
  vertical-align: middle;
  line-height: 1;
  transition: opacity 0.2s;
}
.modal-chat-members__rename-edit-btn:hover svg {
  opacity: 0.7;
}

.modal-chat-members__rename-cancel-btn {
  padding: 6px 12px;
  background: #f5f5f5;
  color: #333;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.2s;
}
.modal-chat-members__rename-cancel-btn:disabled {
  background: #eee;
  color: #aaa;
  cursor: not-allowed;
}


.user-multiselect {
  position: relative;
  min-width: 260px;
  pointer-events: auto;
}

.user-multiselect__input-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 38px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 4px 8px;
  background: #fff;
  cursor: text;
  transition: border 0.2s;
  pointer-events: auto;
}
.user-multiselect__input-wrap.focused {
  border: 1.5px solid #2d8cff;
}

.user-multiselect__chip {
  display: flex;
  align-items: center;
  background: #f0f4fa;
  border-radius: 16px;
  padding: 2px 8px 2px 2px;
  margin: 2px 4px 2px 0;
  font-size: 14px;
}

.user-multiselect__chip-remove {
  margin-left: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.user-multiselect__input {
  border: none;
  outline: none;
  flex: 1;
  min-width: 60px;
  font-size: 15px;
  padding: 2px;
  background: transparent;
}

.user-multiselect__dropdown {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 9999;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-top: 2px;
  max-height: 220px;
  overflow-y: auto;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  pointer-events: auto;
}

.user-multiselect__option {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  cursor: pointer;
  background: #fff;
  transition: background 0.15s;
  pointer-events: auto;
}
.user-multiselect__option.selected {
  background: #e6f0ff;
  cursor: not-allowed;
}
.user-multiselect__option:hover:not(.selected) {
  background: #f5faff;
}

.modal-chat-members__creator-mark{
    color: #333;
    font-size: 13px;
}

.chat-list-search {
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin: 12px 24px;
  border-radius: 24px!important;
  width: calc(100% - 48px)!important;
  padding: 8px 12px 6px!important;
}

.chat-list-search-loading {
position: absolute;
  right: 32px;
  top: -2px;
    z-index: 11;
  width: 12px;
  height: 12px;
  border: 3px solid #ddd;     
  border-top: 3px solid #999;  
  border-radius: 50%;
  animation: css-animation-spin 1s linear infinite; 
  margin: 20px auto;  
  transition: 0.3s;
}

@keyframes css-animation-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}




.chat-list-search-result {
  padding: 8px 10px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  transition: background 0.15s;
}
.chat-list-search-result:hover {
  background: #f5f7fa;
}

.chat-list-search-dropdown > div:last-child {
  padding: 8px;
  font-size: 13px;
  color: #888;
  text-align: center;
}

.chat-list-search-dropdown-cell {
    
}

.chat-list-search-dropdown-cell-content {
    
}

.chat-list-search-dropdown-cell-message {
    
}

.chat-list-search-result mark {
  background: #ffe066;
  color: inherit;
  padding: 0;
  border-radius: 2px;
}

.modal-close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
  z-index: 10;
  color: #000;
  margin: 0;
  padding: 0;
}


.chat-list-tabs {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  min-height: 54px;
  position: relative;
}

.chat-list-tabs button {
  background: none;
  border: none;
  outline: none;
  padding: 8px 24px;
  font-weight: 500;
  color: #888;
  cursor: pointer;
  border-radius: 8px 8px 0 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.chat-list-tabs button::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: #1976d2;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-50%);
}

.chat-list-tabs button.active {
  color: #222;
  background: #fff;

  z-index: 1;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.chat-list-tabs button.active::before {
  width: 100%;
}

.chat-list-tabs button:not(.active):hover {
  background: #f5f5f5;
  color: #1976d2;
  transform: translateY(-1px);
}

.chat-list-tabs button:not(.active):hover::before {
  width: 60%;
}

.chat-list-content {
  animation: fadeInUp 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.chat-list-search-wrap {
  position: relative;
  animation: fadeIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.chat-list-search-dropdown {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  z-index: 10;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  max-height: 900px;
  overflow-y: auto;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.chat-list-item.sub-chat {
  animation: slideInRight 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  animation-fill-mode: both;
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.chat-list-empty {
  text-align: center;
  padding: 40px 20px;
  color: #888;
  animation: fadeIn 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.chat-list-loading {
  text-align: center;
  padding: 20px;
  animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}


.st7F-side-block{
    position: absolute;
    right: 0px;
    background-color: white;
    transform: translate(calc(100% + 10px), 0);
    border-radius: 5px;
    width: 240px;
    padding: 10px;
}

.st7F-tech-condition-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.st7F-tech-condition-info textarea{
    min-height: 36px!important;
}


.st7F-side-block_modal_close:before {
    content: '\2716';
    color: #8593a5;
    position: absolute;
    top: -10px;
    right: -5px;
    cursor: pointer;
    z-index: 5;
    transition: 0.2s;
}


.st7F-side-block_modal_close:hover:before {
    color: #000;
}





.st-table__modal-content{
    overflow-x: visible;
}


.st-table-content-12 .st-table-content__cell_head{
    min-width: 80px;
}


.st-toast_colors-list-main-info{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.st-toast_colors-list-controller{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.st-toast_colors-list-controller-nd{
    display: flex;
    align-items: center;
    justify-content: space-between;
    user-select: none;
}

.C.st-cell-bool_diff{
    background-color: red;
}

.dd ol, .dd li{
    list-style: none;
}

.dd .dd-handle{
    display: inline-block;
}

.dd .dd-list{
    padding: 5px 0;
}

.dd .dd-item{
    padding: 5px 0;
}