.access-title-bar{
    color: #eee;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.popup-body-wrapper{
    overflow: auto;
}

.popup-body-wrapper .left-column {
    float: left;
    width: 10%;
    height: 98%;
    background-color: #eee;
}

.popup-body-wrapper .right-column {
    float: left;
    width: 88%;
    height: 98%;
    margin-left: 2px;
    background-color: #eee;
}


.popup-window-close-icon.popup-window-titlebar-close-icon {
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
}

.popup-body-wrapper {
    background-color: rgba(255, 255, 255, 0.99);
    padding: 10px;
    border-radius: 10px;
}

.menu-popup-no-icon.selector{
    height: 0px;
    border-bottom: 1px dotted silver;
    margin: 0px 10px;
}
/*RECLAMATION FORM*/
.reclamation{
    color:#333
}
.reclamation .p_name{
    color:#333;
}
span.required{
    color:#f00;
}
.error{
    box-shadow: 0 0 3px red;
}

/*zeroing popup*/
.data-table.data-type-pererabotki,
.data-table.data-type-otprosy,
.data-table.data-type-bolnichnie,
.data-table.data-type-vyvod-detail,
.data-table.data-type-zeoing-detail
{
    border-collapse: collapse;
    width:100%;
    margin-bottom: 20px;
}

.data-table.data-type-pererabotki td,
.data-table.data-type-pererabotki th,
.data-table.data-type-otprosy td,
.data-table.data-type-otprosy th,
.data-table.data-type-bolnichnie td,
.data-table.data-type-bolnichnie th

.data-table.data-type-vyvod-detail td,
.data-table.data-type-vyvod-detail th,
.data-table.data-type-zeoing-detail td,
.data-table.data-type-zeoing-detail th

{
    border:1px solid #bbb;
}

.data-table th.title-cell
{
    font-size:1rem;
    text-align: center;
    background-color: #bbb;
}

.data-table.data-type-pererabotki th span.summary
{
    color: green;
    font-size: 0.9rem;
}

.data-table.data-type-otprosy th span.summary,
.data-table.data-type-bolnichnie th span.summary
{
    color: red;
    font-size: 0.9rem;
}

table.data-table tr.backdating td
{
    background-color: rgba(255,0,0,0.2);
}

.backdating .wt::after {

    content: " задним числом";
    color: red;
    vertical-align: super;
    font-size: 0.6rem;

}

span.super
{
    vertical-align: super;
    font-size: 0.6rem;
}

.small-text::before {
    content: "(";
}
.small-text {
    color: #777;
    font-size: 10px;
}
.small-text::after {
    content: ")";
}

.popup-error-block {
    border: 1px dashed red;
    margin-bottom: 10px;
    padding: 5px;
    background-color: antiquewhite;
}

.popup-error-block:empty
{
    display:none;
}

.sick_leave.bx-im-chat-title__icon
{
    /*background-image: url("/bitrix/js/custom/img/sick_leave.svg");*/
    background-color: red;
    background: 
        linear-gradient(90deg, transparent 40%, red 40%, red 60%, transparent 60%),
        linear-gradient(0deg, transparent 40%, red 40%, red 60%, transparent 60%);

}

.vidpros.bx-im-chat-title__icon
{
    background-image: url("/bitrix/js/custom/img/vidpros.svg");
    background-size: 20px;
}

/* Custom left menu items removed from the Bitrix bundle during updates. */
.menu-hr-group.menu-item-group .menu-item-icon
{
    --menu-item-icon-default: url("/bitrix/templates/bitrix24/components/bitrix/menu/left_vertical/src/images/icons/clock.svg");
    --menu-item-icon-active: url("/bitrix/templates/bitrix24/components/bitrix/menu/left_vertical/src/images/icons/clock.svg");
}

.hr-absence .menu-item-icon
{
    --menu-item-icon-default: url("/bitrix/templates/bitrix24/components/bitrix/menu/left_vertical/src/images/icons/menu-items/outline/calendar.svg");
    --menu-item-icon-active: url("/bitrix/templates/bitrix24/components/bitrix/menu/left_vertical/src/images/icons/menu-items/solid/calendar.svg");
}

.hr-change .menu-item-icon
{
    --menu-item-icon-default: url("/bitrix/templates/bitrix24/components/bitrix/menu/left_vertical/src/images/icons/calendar-gear.svg");
    --menu-item-icon-active: url("/bitrix/templates/bitrix24/components/bitrix/menu/left_vertical/src/images/icons/calendar-gear.svg");
}

/* Base table styles used by legacy custom components. */
table.data-table,
.data-table
{
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
}

.data-table th,
.data-table td
{
    border: 1px solid #bbb;
    padding: 6px 8px;
    vertical-align: top;
}

.data-table th
{
    background-color: #f5f7f8;
    font-weight: 600;
    text-align: left;
}

.bx-im-chat-header__container.suab-has-custom-meta
{
    height: auto !important;
    min-height: 64px;
    max-height: none !important;
    align-items: flex-start;
}

.bx-im-chat-header__container.suab-has-custom-meta .bx-im-chat-header__left
{
    flex: 1 1 0;
    min-width: 0;
    height: auto !important;
    overflow: hidden;
}

.bx-im-chat-header__info.suab-has-custom-meta
{
    flex: 1 1 auto;
    width: auto;
    height: auto !important;
    min-width: 0;
    max-width: 100%;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box;
}

.bx-im-chat-header__info.suab-has-custom-meta .bx-im-chat-header__title,
.bx-im-chat-header__info.suab-has-custom-meta .bx-im-chat-header__title_container,
.bx-im-chat-header__info.suab-has-custom-meta .bx-im-chat-header__subtitle_container
{
    min-width: 0;
    max-width: 100%;
}

.bx-im-chat-header__info.suab-has-custom-meta .bx-im-chat-header__title_container
{
    flex-shrink: 1;
}

.suab-chat-user-meta
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    min-width: 0;
    max-width: 100%;
    margin-top: 4px;
    padding-bottom: 4px;
    box-sizing: border-box;
}

.suab-chat-user-meta__row
{
    min-width: 0;
    max-width: 100%;
    color: #525c69;
    font-size: 11px;
    line-height: 14px;
    white-space: normal;
    overflow-wrap: anywhere;
}

.suab-chat-user-meta__row--online
{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    padding: 1px 6px;
    border-radius: 4px;
    background: #eaf8f0;
    color: #2f8f5b;
    font-weight: 600;
}

.suab-chat-user-meta__status-dot
{
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
    background: #2f8f5b;
}

.suab-chat-user-meta__row--replacement
{
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 6px;
    width: 100%;
}

.suab-chat-user-meta__label
{
    color: #8d959c;
}

.suab-chat-user-meta__value
{
    min-width: 0;
}

.suab-chat-user-meta__value a
{
    color: #2067b0;
    text-decoration: none;
}

.suab-chat-user-meta__value a:hover
{
    text-decoration: underline;
}