:root {
    --sidebar-left-width: 330px;
    --sidebar-right-width: 400px;
    /*--sidebar-top-height: 50px;*/
    --main-bg-color: #f0f0f0;
    --banner-height: 10px;
}

body.default,
html {
    width: 100%;
    height: 100vh;
    /* Use vh as a fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100);
    margin: 0;
    padding: 0;
    position: relative;
    /* background: var(--main-bg-color); */
    float: left;
    overflow-y : hidden;
}

body.noscroll {
    height: 100%;
    overflow: hidden;
}

body .preloader {
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    z-index: 100000;
}

* {
    font-family: "SF Pro Display", sans-serif;
    font-weight: 500;
    box-sizing: border-box;
    outline: none;
}

strong {
    font-weight: bold;
}

/* h2.title {
    font-size: 24px;
    font-weight: 600;
    padding: 10px 0;
    color: #8f7ccd ;
} */

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

.no-select,
.doc-preview__comment {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

.frmEdit H2 {
    margin: 0 0 15px 0;
}

.tab-content {
    margin-bottom: 15px;
}

*.no-display,
.tab-content {
    display: none;
}

/* .dir-pagination {
    width: 100%;
    float: left;
    padding: 25px 0;
}

.dir-pagination:after {
    content: "";
    display: block;
    clear: both;
} */

/* .progressbar {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #f3f3f3;
    background: #fff;
    font-size: 12px;
    color: #fff;
    background: #ccc;
}

.progressbar .progress {
    width: 0;
    height: 12px;
    background: green;
    line-height: 100%;
    text-align: right;
}

.profile-avatar {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.profile-avatar-wrapper {
    margin: 0 auto;
    overflow: hidden;
}

.profile-avatar__edit.show {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #727272;
    background: #ffffff;
    box-shadow: 1px 2px 11px rgba(0, 0, 0, 0.41);
    border-radius: 8px;
    opacity: 1;
    cursor: pointer;
    position: absolute;
    z-index: 500;
    bottom: -50%;
    transition: 0.4s ease;
}

.profile-avatar__edit {
    display: none;
    opacity: 0;
}

.avatar__main-settings,
.avatar__img-settings {
    display: flex;
}


.avatar__img-settings{
  display: none;
}

.profile-avatar__edit .avatar__img-settings>div,
.profile-avatar__edit .avatar__main-settings>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: max-content;
    padding: 10px;
}

.mail-search {
    float: left;
}

.profile-avatar__edit .avatar__main-settings>div img,
.profile-avatar__edit .avatar__img-settings>div img {
    height: 25px;
    margin-bottom: 5px;
}

.profile-avatar__edit .avatar__main-settings>div>label span,
.profile-avatar__edit .avatar__img-settings>div>label span {
    font-size: 14px;
    display: block;
    line-height: 17px;
    text-align: center;
    color: #727272;
    margin: 0;
}

.profile-avatar__edit .upload-block>.upload-btn {
    display: inline-block;
}

.upload-btn input {
    display: none;
}

.avatar-upload-block {
    display: none;
} */
/* 
.frmEdit .profile__main {
    margin-bottom: 10px;
}

.frmEdit .profile__main .profile__wrapper {
    padding: 45px 0 0 30px;
    display: flex;
    flex-direction: column;
}

.frmEdit .profile__main .profile__wrapper .profile__row {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #727272;
}

.profile__wrapper .profile__position {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #a7a9a8;
}

.profile-form .tab-buttons .tab {
    margin-right: 0;
    width: 100%;
    max-width: 100px;
    border-radius: 8px;
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
} */

/* .tab-buttons .tab:hover, .tab-buttons .tab.active {
    background: #826FC0;
    color: #fff;
} */

.profile-form .tab-buttons .tab.active,
.profile-form .tab-buttons .tab:hover {
    border-bottom: none;
}
/* 
.profile-form {
    width: 1000px;
    max-width: 100%;
} */

/* .profile-form .tab-buttons .tab span {
    color: #a7a9a8;
} */

.profile-form .profile__main {
    position: relative;
}

/* .profile__main .user-status {
    position: absolute;
    top: 5px;
    right: 5px;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 0.05em;
    color: #fff;
} */



.frmEdit label.profile__label>span {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #727272;
}

.frmEdit label.profile__label .profile__checkbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.frmEdit label.profile__label .profile__checkbox .custom-checkbox+label {
    margin-bottom: 0;
    display: flex;
    font-size: 11px;
    line-height: 23px;
    color: #727272;
}

.frmEdit label.profile__label .profile__checkbox .custom-checkbox+label::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #727272;
    border-radius: 50%;
    margin-right: 0.5em;
    margin-top: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.frmEdit label.profile__label .profile__checkbox .custom-checkbox:checked+label::before {
    background: radial-gradient(circle, rgba(143, 124, 205, 1) 0%, rgba(143, 124, 205, 1) 76%, rgba(255, 255, 255, 1) 77%, rgba(255, 255, 255, 1) 100%);
}

.frmEdit label.profile__label .profile__checkbox .custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.frmEdit label.profile__label input,
.frmEdit label.profile__label textarea {
    background: #e7e7e7;
    border: 1px solid #b1b3b2;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 14px;
    line-height: 23px;
    color: #727272;
}

.frmEdit label.profile__label .profile__checkbox>input[type="date"] {
    width: 50%;
    user-select: none;
}

/* .frmEdit .profile__main input[type="text"] {
    width: max-content;
    border: none;
    height: auto;
    background-color: transparent;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #727272;
    padding: 5px 0;
} */

.select {
    position: relative;
}

.selectLabel {
    display: block;
    font-weight: bold;
    margin-bottom: 0.4rem;
}

/* .selectWrapper {
    position: relative;
}

.selectCustom {
    position: relative;
    width: 100%;
    margin: 10px 0;
}

.selectCustom-trigger {
    font-size: 14px;
    line-height: 23px;
    color: #727272;
    cursor: pointer;
    border-radius: 8px;
    background: #e7e7e7;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
    position: relative;
    width: 100%;
    height: 100%;
    padding: 5px 11px;
    z-index: 2;
} */

.selectCustom-trigger::after {
    content: "▾";
    position: absolute;
    top: 3px;
    line-height: initial;
    font-size: 23px;
    right: 10px;
}

/* .selectCustom-trigger:hover {
    background: #d9d9d9;
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.27);
}

.selectCustom.isActive .selectCustom-trigger {
    background: #d9d9d9;
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.27);
}

.selectCustom-options {
    position: absolute;
    top: calc(0.8rem + 0.8rem);
    left: 0;
    width: 100%;
    border: 1px solid #d3d3d3;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 4px #e9e1f8;
    z-index: 3;
    padding: 0.8rem 0 0;
    display: none;
    overflow: hidden;
}

.selectCustom.isActive .selectCustom-options {
    display: block;
}

.selectCustom-option {
    position: relative;
    padding: 5px;
    font-size: 14px;
    line-height: 23px;
    color: #727272;
}

.selectCustom-option:hover {
    background-color: #f7ecff;
}

.selectCustom-option:not(:last-of-type)::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
} */

/* .profile__info {
    padding: 25px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
} */

.profile__info-blc {
    display: flex;
    width: 100%;
    max-width: 500px;
}

.profile__info-blc .profile__info-btn {
    background: #e7e7e7;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #727272;
    text-align: left;
    padding: 8px 11px;
    border: none;
    width: 100%;
    cursor: pointer;
}

.profile__info-blc .profile__info-btn:active {
    background: #d9d9d9;
    box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.27);
}

.profile__info-blc .profile__info-data {
    display: flex;
    align-items: center;
    text-align: center;
    color: #9d9f9e;
    margin-left: 17px;
}

.profile__info-data .data-value {
    font-weight: 600;
    font-size: 24px;
    line-height: 23px;
}

.profile__info-blc .profile__info-data .unit {
    margin-left: 5px;
    font-size: 15px;
}

/*.profile__info-blc .indicator__wrapper {
    background: var(--item-bg);
    box-sizing: border-box;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 22%;
    padding: 7px 5px;
    margin-right: 10px;
    margin-top: 10px;
}


.profile__info-blc .indicator__wrapper .indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}*/

.indicator.checked {
    background-color: #6fc998;
}

.indicator.unchecked {
    background-color: #de7f8b;
}

/* .tab-content.active {
    display: block;
}

.tab-buttons {
    display: flex;
    gap: 5px;
}

.tab-buttons__wrapper {
    width: 100%;
    overflow-x: auto;
    min-width: 1px;
    padding-bottom: 5px;
} */

/* .tab-buttons .tab {
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #8678b1;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:5px;
    justify-content: space-between;
} */

/* .profile-form .tab-buttons .tab.active span,
.profile-form .tab-buttons .tab:hover span {
    color: #fff;
}
.profile-form .tab-buttons .tab.active svg path,
.profile-form .tab-buttons .tab:hover svg path  {
    fill: #fff;
}

.profile-form .tab-buttons .tab span {
    color: #a7a9a8;
} */

.tab-buttons .tab img {
    margin-bottom: 10px;
}

/* .tab-buttons .tab:hover,
.tab-buttons .tab.active {
    border-bottom: 1px solid #fff;
} */

/*.tab-buttons .tab.active {
    color: #826fc0;
}*/

/* .tab-buttons:after {
    display: block;
    content: "";
    clear: both;
    margin-bottom: -1px;
} */

.popup-menu {
    position: absolute;
    background: #fff;
    box-shadow: 1px 0 4px #666;
    padding: 0;
    width: 150px;
    top: 55px;
    right: 15px;
    z-index: 100;
}

/* .profile__main {
    display: flex;
    border-top: 1px solid #c5c6c6;
    border-bottom: 1px solid #c5c6c6;
} */

.user-avatar-menu .popup-menu.closed {
    display: none;
}

.user-short .popup-menu a,
.user-short .popup-menu span {
    display: block;
    padding: 10px;
    line-height: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    text-decoration: none;
    color: #777;
    width: 100%;
}

.user-short .popup-menu span {
    border-bottom: 1px solid #f3f3f3;
}

.popup-menu a:hover {
    background: #777;
    color: #fff;
}

.user-avatar-menu {
    float: left;
    cursor: pointer;
}

.user-short .popup-menu a i {
    display: inline-block;
    margin: 0;
    margin-right: 5px;
    float: none;
    font-size: 14px;
    color: inherit;
}

.frmEdit fieldset .list {
    margin-top: 15px;
}

.clr::after,
.clear::after {
    content: "";
    display: block;
    clear: both;
}

.new-btn {
    display: block;
    width: max-content;
    font-family: "SF Pro Display";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.05em;
    color: #f3f3f3;
    text-decoration: none;
    padding: 10px 19px;
    /* box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.38); */
    border-radius: 20px;
    border: none;
    cursor: pointer;
}

.new-btn.purple {
    /* background: linear-gradient(320.05deg, #8f7ccd -9.05%, #beb5f2 75.62%); */
    background-color: #8f7ccd;
}

.new-btn.red {
    background: linear-gradient(320.05deg, #de7f8b -9.05%, #f3a8ac 75.62%);
}

.new-btn.green {
    background: linear-gradient(320.05deg, #7ccd93 -9.05%, #6fc998 75.62%);
    color: #fff;
}

.btn:disabled,
.btn:disabled:hover {
    color: #888;
}

.btn-add {
    margin-bottom: 15px;
}

.btn.right {
    float: right;
}

.frmSearch fieldset {
    float: left;
    /*border: 1px solid #e5e5e5;
    background: #f3f3f3;*/
    position: relative;
    margin-top: 14px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block-start: 10px;
    padding-block-end: 10px;
    padding-inline-start: 5px;
    padding-inline-end: 5px;
    margin-right: 15px;
}

.frmSearch fieldset legend {
    position: absolute;
    top: -15px;
    left: -3px;
}

.frmSearch fieldset label {
    font-size: 13px;
    margin: 0;
    margin-right: 15px;
}

.frmSearch fieldset label:last-child {
    margin-right: 0px;
}

.frmSearch fieldset label input[type="radio"] {
    float: left;
    margin: 0;
    width: 12px;
    margin-top: 2px;
    margin-right: 2px;
}

.frmSearch,
.frmEdit {
    /* padding: 10px;
  background: #fff;
  box-shadow: 1px 0 4px #ccc;
    margin-bottom: 15px;
    display: block; */
    position: relative;
    /* padding-right: 105px; */
}

/* .frmEdit button[type="submit"] {
    float: right;
} */

/* .frmEdit fieldset {
    border: none;
    padding: 15px 0;
    margin-bottom: 15px;
    position: relative;
} */

.frmEdit {
    padding: 15px;
}

.frmSearch label {
    /* float:left; */
    width: auto;
    margin-right: 10px;
    /* margin-right:15px;
    margin-bottom:15px; */
}


/* .frmEdit__input-wrapper {
    margin-bottom: 10px;
} */

.frmEdit label,
.label {
    margin-bottom: 15px;
    position: relative;
    display: block;
}

.frmEdit fieldset label:last-child {
    margin-bottom: 0;
}

.frmSearch label span,
.label span,
.frmEdit fieldset legend,
.frmSearch fieldset legend,
legend,
.label span,
.inc_part_moderator_label span.span-label {
    display: block;
    font-size: 12px;
    color: #826fc0;
    margin: 5px 0;
}

.frmEdit fieldset legend {
    padding-inline-start: 0px;
}

.frmEdit fieldset label {
    font-size: 12px;
}

.frmSearch input,
.frmSearch select,
.frmEdit input,
.frmEdit select,
.frmEdit textarea {
    /* padding: 10px;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 100%;
    background: #f3f3f3;
    width: 100%; */
}

.frmSearch select {
    padding: 9px 10px;
}

.frmSearch input[name="search"] {
    max-width: 500px;
    margin-left: auto;
    min-width: 100px;
}

/* .frmEdit select {
    padding: 9px;
} */

.frmEdit input[type="text"],
.frmEdit input[type="password"],
.frmEdit textarea {
    width: 100%;
}

.frmSearch input:focus,
.frmEdit input:focus,
.frmEdit textarea:focus {
    background: #fff;
}

.frmSearch button {
    /* position: absolute; */
    right: 15px;
    bottom: 15px;
}

/* table.list {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    box-shadow: 1px 0 4px #ccc;
}

table.list tr td {
    cursor: pointer;
}

table.list tr:hover td {
    color: dodgerblue;
} */

.tst-tests table.list tr:hover td {
    background: dodgerblue;
    color: #fff;
}

.tst-tests table.list td.min {
    vertical-align: middle;
}

.tst-old td {
    color: #b6b6b6 !important;
}

.tst-old i.fa-spin {
    display: none;
}

/* table.list td,
table.list th {
    font-size: 13px;
    padding: 13px;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
    background: #fff;
    color: #2a2a28;
} */

/* table.list th {
    border-bottom: 3px double #e5e5e5;
} */

td.incident-field-results {
    min-width: 300px;
}

td.min,
th.min {
    width: 1px;
    white-space: nowrap;
    vertical-align: top;
}

.nowrap {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.module {
    position: relative;
}

.position .preloader {
    position: absolute;
}

.position_maincontent {
    margin-top: Calc(var(--banner-height) + 50px);
    margin-left: var(--sidebar-left-width);
    padding: 15px;
}

.position_sidebarleft {
    position: fixed;
    left: 0;
    top: var(--sidebar-top-height);
    width: var(--sidebar-left-width);
    padding: 5px;
    padding-top: 0;
    bottom: 36px;
    overflow-y: auto;
    background: #f5f5f5;
}

/*.position .module:nth-child(odd):not(.main-user-menu) {
    margin-right: 10px;
}*/

.wrapper {
    max-width: 100vw;
    min-width: 100vw;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 100%;
    width: 100vw;
    height: 100vh;
    position: relative;
}

.btn {
    /*display: inline-block;*/
    cursor: pointer;
    /*font-family: arial,sans-serif;*/
    font-size: 13px;
    font-weight: bold;
    color: rgb(68, 68, 68);
    text-decoration: none;
    user-select: none;
    padding: 10px 12px;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    /*border-radius: 4px;*/
    background: rgb(245, 245, 245) linear-gradient(#f4f4f4, #f1f1f1);
    width: max-content;
    transition: all 0.218s ease 0s;
}

.btn:hover {
    color: rgb(24, 24, 24);
    border: 1px solid rgb(198, 198, 198);
    background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.btn:active {
    color: rgb(51, 51, 51);
    border: 1px solid rgb(204, 204, 204);
    background: rgb(238, 238, 238) linear-gradient(rgb(238, 238, 238), rgb(224, 224, 224));
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.btn-full-width {
    width: 100%;
    display: block;
}

.btn-small {
    font-size: 10px;
    padding: 8px;
}

.btn-green,
.btn-green:hover {
    color: green;
}

.btn-red,
.btn-red:hover {
    color: red;
}

.btn-black,
.btn-black:hover {
    color: #000;
}

.btn-orange,
.btn-orange:hover {
    color: orange;
}

.btn-blue,
.btn-blue:hover {
    color: #826fc0;
}

.btn-blue.new {
    color: #fff;
    width: 100%;
    border-radius: 16px;
    background: #4cae50;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    /*border: 1px solid rgb(120, 62, 253);*/
    font-weight: 500;
}

.btn-blue.new.btn-small {
    padding: 4px;
}

.btn-blue.new:hover {
    background: rgba(119, 62, 253, 0.74);
    border: 1px solid rgba(119, 62, 253, 0.74);
}

.btn-clear-form {
    height: 37px;
}

/* .preloader {
    width: 100%;
    height: 100%;
    min-height: 375px;
    min-width: 375px;
    background: url(/assets/img/duck-nutcracker.gif) center center no-repeat rgba(0, 0, 0, 0.3);
    background-size: auto 200px;
    z-index: 10001;
} */

.preloader>h3 {
    color: #663399;
    margin-bottom: 60%;
    font-size: 6vmax;
}

.loadingerror {
    position: absolute;
    top: 20%;
    width: 300px;
    left: Calc(50% - 150px);
    text-align: center;
}

.notifications {
    position: fixed;
    width: 400px;
    z-index: 9999;
    max-width: 100%;
    bottom: 25px;
    max-height: 100%;
    overflow-y: auto;
    right: 0;
    z-index: 20001;
}

.notifications .notification {
    color: #fff;
    padding: 15px;
    box-shadow: 1px 0 9px #755454;
    border-radius: 3px;
    position: relative;
    margin: 15px 50px;
    background: dodgerblue;
    cursor: pointer;
}

.notifications .notification.error {
    background: red;
}

.notifications .notification.success {
    background: green;
}

.notifications .notification.hidden {
    display: none;
}



 input {
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
}

.custom-chkbx {
    display: flex;
    align-items: center;
    gap: 5px;
}

.custom-chkbx input[type="checkbox"] {
    display: none;
}

.custom-chkbx input[type="checkbox"]:checked~.custom-chkbx__checked {
    display: block;
}

.custom-chkbx input[type="checkbox"]:checked~.custom-chkbx__unchecked {
    display: none;
}

.custom-chkbx input[type="checkbox"]:not(:checked)~.custom-chkbx__checked {
    display: none;
}

.custom-chkbx input[type="checkbox"]:not(:checked)~.custom-chkbx__unchecked {
    display: block;
}

#main-menu {
    position: absolute;
    top: 30px;
    right: 20px;
    /*width: 100%;*/
    /*background: linear-gradient(89.9deg, #8f7ccd 0.17%, #beb5f2 99.04%);*/
    z-index: 10002;
    /*box-shadow: 1px 0 4px #231940;*/
    /*display: none;*/
    max-width: 375px;
}

.menu.hidden {
    left: -200px;
}

.menu {
    list-style: none;
    margin: 0;
    display: block;
    padding: 0px;
}

/* .menu li {
    border-bottom: 2px solid #ccc;
    margin-left: 0;
    padding: 0;
} */

.ajax.logo {
    display: none;
}

.icon,
.logo {
    float: left;
    margin: 10px 0px 10px 10px;
}

.icon i {
    background: #826fc0;
    color: #fff;
    border-radius: 5px;
    padding: 5px 6px;
}

.logo {
    color: #fefefe;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
}

.menu li a {
    display: block;
    padding: 15px;
    font-size: 14px;
    text-decoration: none;
    color: #2a2a28;
}

.menu li a i {
    color: #7f7c81;
    margin-right: 10px;
}

.menu li.active a {
    background: #fff;
}

.user-short {
    float: right;
    padding: 5px;
    line-height: 100%;
    position: relative;
}

.user-short span {
    color: coral;
    float: left;
    margin-top: 2px;
}

.user-short i {
    cursor: pointer;
    float: left;
    font-size: 26px;
    color: #fff;
    margin-top: 6px;
    margin-right: 20px;
}

.user-avatar-menu .fa-angle-down {
    font-size: 20px;
    color: #826fc0;
    margin-right: 10px;
    margin-top: 10px;
    margin-left: 10px;
}

.user-short i.exit {
    color: red;
}

.user-short .user-avatar,
.chat__message-avatar .user-avatar {
    top: 0px;
    width: 40px;
    height: 40px;
    float: left;
}

.chat__message-author .user-avatar {
    border: 1px solid #f3f3f3;
}

.user-avatar {
    border-radius: 50%;
}

#content {
    /*margin-top: var(--sidebar-top-height);*/
    margin-left: var(--sidebar-left-width);
    width: Calc(100% - var(--sidebar-left-width) - 5px);
    height: Calc(100% - var(--sidebar-top-height));
    /* overflow-y: auto; */
    padding: 10px;
    max-width: calc(100vw - var(--sidebar-left-width) - var(--sidebar-right-width));
}

#content .modal {
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
    background-color: rgb(0 0 0 / 83%);
    position: absolute;
    /*top: var(--sidebar-top-height);
    left: var(--sidebar-left-width);*/
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 50;
}

.modal>.closeModalBtn {
    position: absolute;
    top: 78px;
    right: 10px;
    font-size: 50px;
    color: var(--title-color);
    cursor: pointer;
    right: var(--sidebar-right-width);
}

#bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    opacity: 0.6;
    background: #f7dddd;
}

#bottom:hover {
    opacity: 1;
}

.breaking-news a {
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    color: #000;
    position: relative;
    padding-left: 0px;
    font-size: 14px;
}

.breaking-news a:hover {
    color: orange;
}

.breaking-news a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f005";
    margin-right: 5px;
}

#blink {
    -webkit-animation: blink 2s linear infinite;
    animation: blink 2s linear infinite;
}

#main-menu .time {
    float: left;
    padding: 15px;
    font-size: 14px;
}

#main-menu .time i {
    margin-right: 5px;
    color: cornflowerblue;
}

#main-menu .time i:nth-child(2) {
    margin-left: 15px;
}

#short-search {
    float: left;
    margin: 10px;
    padding: 5px 10px;
    border: 1px solid #826fc0;
    border-radius: 4px;
    font: inherit;
    font-size: 14px;
    width: 200px;
    background: #826fc0;
    padding-left: 25px;
}

.short-search-wrapper {
    position: relative;
    float: left;
    margin-left: 25px;
}

.short-search-wrapper i {
    position: absolute;
    left: 15px;
    top: 16px;
    color: #d6c9ff;
}

#short-search::-webkit-input-placeholder {
    color: #d6c9ff;
    opacity: 1;
}

#short-search::-moz-placeholder {
    color: #d6c9ff;
    opacity: 1;
}

#short-search:-moz-placeholder {
    color: #d6c9ff;
    opacity: 1;
}

#short-search:-ms-input-placeholder {
    color: #d6c9ff;
    opacity: 1;
}

#short-search:focus {
    background: #fff;
}

.left-panel-btn {
    display: block;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    border: 1px solid #e5e5e5;
    height: Calc(var(--sidebar-left-width) - 10px);
    position: relative;
    cursor: pointer;
    margin-bottom: 5px;
}

.left-panel-btn.communication {
    background: #eda44b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #eda44b 1%, #f2c521 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eda44b 1%, #f2c521 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eda44b 1%, #f2c521 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eda44b', endColorstr='#f2c521', GradientType=0);
    /* IE6-9 */
    color: #fff;
}

.left-panel-btn.task {
    background: #299a0b;
    /* Old browsers */
    background: -moz-linear-gradient(top, #299a0b 0%, #299a0b 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #299a0b 0%, #299a0b 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #299a0b 0%, #299a0b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#299a0b', endColorstr='#299a0b', GradientType=0);
    /* IE6-9 */
    color: #fff;
}

.left-panel-btn.add_left_button {
    background: #606c88;
    /* Old browsers */
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#606c88', endColorstr='#3f4c6b', GradientType=0);
    /* IE6-9 */
    color: #fff;
}

.left-panel-btn .count {
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    text-align: center;
    background: red;
    color: #fff;
    font-size: 10px;
    padding-top: 2px;
}

.left-panel-btn i {
    font-size: 50px;
}

.left-panel-btn span {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px;
}

.top-banner {
    position: relative;
    height: var(--banner-height);
    padding: 110px;
}

.top-banner img {
    width: 100%;
}

.top-banner h2 {
    font-size: 28px;
    font-weight: normal;
    display: block;
    margin: 0;
    max-width: 365px;
    color: #d2c9ff;
}

.menu-opener {
    float: left;
    background: #826fc0;
    color: #fff;
    padding: 6px 8px;
    border-radius: 3px;
    font-size: 18px;
    margin-top: 9px;
    margin-left: 10px;
    cursor: pointer;
}

.menu-opener:active {
    background: #6743db;
}

.mobile {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    overflow-y: auto;
    background: #826fc0;
    transition: 0.2s;
    padding: 0;
    box-shadow: 1px 0 1px #000;
    z-index: 10;
}

.menu.mobile li {
    float: none;
    border-bottom: 1px solid #78729e;
    padding: 0;
}

.menu.mobile li a {
    display: block;
    padding: 10px;
    font-size: 14px;
    text-decoration: none;
    background: transparent;
    color: #a89cee;
    border-radius: 0px;
}

.menu.mobile li.active a,
.menu.mobile li:hover a {
    color: #fff;
}

.menu.mobile li:hover {
    background: #a89cee;
}

.btn-incident {
    margin-left: 25px;
    float: left;
    border-radius: 4px;
    background: #eec768;
    font-size: 14px;
    padding: 6px;
    color: #d47d25;
    margin-top: 10px;
    width: 200px;
    display: block;
    cursor: pointer;
    text-decoration: none;
}

#admin-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    width: var(--sidebar-left-width);
    top: Calc(var(--banner-height)); 
    z-index: 10001;
}

#left-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: unset;
    width: auto;
    width: var(--sidebar-left-width);
    top: Calc(var(--banner-height));
    z-index: 10001;
}


/**  ���������� ����  **/

.dialog-bg,
.dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 100000;
}

.dialog {
    top: Calc(50% - 100px);
    z-index: 100001;
    left: Calc(50% - 150px);
    background: #000;
}


/***********************/


/** ����� **/

#mail_folders,
#mail_letters {
    /* position: fixed;
    left: var(--sidebar-left-width);
    bottom: 0;
    top: Calc(var(--banner-height) + 50px);
    width: 200px;
    padding: 15px;
    overflow-y: auto; */
}

.mail-inbox span {
    float: right;
}

#mail_folders ul {
    padding: 0;
    margin: 0;
    display: block;
    list-style: none;
}

#mail_folders ul li a.active {
    color: #6853b8;
}

#mail_folders ul li a:hover {
    color: #000;
}

.mail-body {
    margin-top: 25px;
    width: 100%;
    background: #fff;
    min-height: Calc(100% - 200px);
    padding: 15px;
    overflow: auto;
}

.mail-body pre {
    white-space: normal;
}

.mail-body img {
    max-width: 100%;
}

#mail_folders ul li span.mail-add-folder {
    color: #826fc0;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-left: 10px;
    padding: 15px 10px;
    cursor: pointer;
}

#mail_folders ul li a {
    display: inline-block;
    cursor: pointer;
    width: auto;
    text-align: left;
    padding: 10px;
    text-decoration: none;
    color: #777;
    font-size: 13px;
    font-weight: bold;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#mail_folders ul li a.btn {
    background: var(--subblock-bg);
    color: green;
}

#mail_letters {
    right: 0;
    width: Calc(100% - var(--sidebar-left-width) - 200px);
    top: Calc(var(--sidebar-top-height) + var(--banner-height));
    bottom: 0;
    overflow-y: auto;
    left: auto;
    padding-bottom: 15px;
    overflow-x: hidden;
}

#mail_letters H2 {
    margin: 5px 0;
}

.mail-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
}

.mail-table tr td {
    border-bottom: 1px solid #fff;
}

.mail-table th {
    border-bottom: 3px double #a89cee;
}

.mail-table th,
.mail-table td {
    padding: 10px;
    font-size: 13px;
    text-align: left;
}

.mail-table tr.new td {
    background: #d7d1f9;
}

.mail-full {
    position: fixed;
    right: -100%;
    width: Calc(100% - var(--sidebar-left-width));
    top: Calc(var(--sidebar-top-height) + var(--banner-height));
    bottom: 0;
    background: #fff;
    overflow-y: auto;
    padding: 15px;
}

#mail_folders.db-list ul li ul {
    display: none;
}

#mail_folders.db-list {
    border-right: 1px solid #e5e5e5;
}

#mail_folders.db-list ul li.active ul {
    display: block;
    padding-left: 15px;
}

#mail_folders.db-list ul li span {
    display: block;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
}

#mail_folders.db-list ul li span:hover {
    color: #6750ab;
}

#mail_folders.db-list .buttons .btn {
    display: inline-block;
    width: 50%;
}

.one-field {
    padding: 15px;
    margin-bottom: 15px;
    background: var(--subblock-bg);
    display: inline-block;
    width: 200px;
}

.left {
    float: left;
}

.left * {
    width: auto;
}

.frmEdit .left {
    margin-right: 15px;
}

/* .one-field .remove-parent {
    float: right;
    color: red;
    opacity: 0.6;
    cursor: pointer;
    position: relative;
    z-index: 5000;
} */

.one-field input,
.one-field select {
    width: 100%;
    padding: 8px;
    font-size: 12px;
}

.one-field label {
    margin-bottom: 5px;
}

/* .one-field .remove-parent:hover {
    opacity: 1;
} */

.add-example {
    margin-bottom: 15px;
}

.for-copy {
    display: none;
}

.db-field-list {
    /*display:table-cell;*/
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
}

.mail-background-info p {
    font-size: 10px;
    padding: 8px;
    margin: 0;
    color: green;
}

.mail-dir-alias a i {
    color: #eec768;
}

.mail-unseen td {
    /*background:#cccccc;*/
    font-weight: bold;
}

.mail-letter-theme {
    position: relative;
}

.mail-letter-theme div {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mail-table tr td {
    cursor: pointer;
}

.mail-table tr:hover td {
    background: aliceblue;
}

#mail_folders ul li.mail-dir-active a {
    color: #000;
}

.mail-subject {
    font-size: 20px;
    margin: 0;
    margin-top: 25px;
}

.mail-info {
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: flex-start;
}

.mail-info .btn {
    margin: 5px 10px 5px 0;
}

/* .mail-info>div { */
    /* padding: 8px;
    background: #f7f7f7;
    border-radius: 4px;
    font-size: 12px;
    margin: 0 10px 0 0;
} */

.mail-date__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mail-info .mail-buttons {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
}

.mail-date__wrapper>div {
    margin-right: 10px;
}

.mail-info-from-to-span {
    line-height: 12px;
}

.mail-icon-wrapper {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    /* position: absolute;
    top: 5px; */
    position: relative;
    display: block;
    margin: 0 auto;
}

.mail-icon {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: 5px;
    right: 5px;
}

.mail-attach {
    float: left;
    margin: 0px 15px 15px 0px;
    font-size: 14px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #826fc0;
    padding: 10px;
    /*color: #fff;*/
}

.mail-attach a {
    text-decoration: none;
    color: inherit;
}

.mail-fast-answer {
    display: block;
}

.relative {
    position: relative;
}

.sync-mail-box,
.check-mail-connection {
    margin-top: 10px;
}

.sync-mail-box .btn,
.check-mail-connection .btn {
    text-align: left;
}

.pagination {
    display: flex;
    align-items: center;
    margin: 0;
    margin-left: auto;
    gap: 4px;
    padding: 0;
    list-style: none;
}


/* .pagination li:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.pagination li:last-child {
    border-radius: 0 8px 8px 0 ;
}

.pagination li {
    /* float: left; */
    /* border: 1px solid #a89cee;
    background-color: #fff;
}

.pagination li .btn {
    border: none;
    background: none;
    padding: 10px 5px;
    width: 40px;
    display: block;
    text-align: center;
}

.pagination li.current-page .btn {
    color: #826fc0;
    font-size: 15px;
    scale: 1.1;
} */ 

.popup-menu.closed {
    display: none;
}

.frmSearch.flex {
    padding-right: 0px;
    align-items: center;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column
}
.grid {
    display: grid;
}

.flex-wrap {
    flex-wrap: wrap;
}
.overflow-x {
    overflow-x: auto;
}

.overflow-auto {
    overflow: auto;
}

.w-35 {
    width: 35px;
}

.h-35 {
    height: 35px;
}

.text-larger {
    font-size: larger;
}

.text-center {
    text-align: center;
}

.gap-1 {
    gap: 4px;
}

.gap-2 {
    gap: 8px;
}

.gap-3 {
    gap: 12px;
}

.items-center {
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.mr-3 {
    margin-right: 12px;
}

.mb-3 {
    margin-bottom: 12px;
}

.flex-free-width,
.flex-max {
    flex: 1;
}

.frmSearch.flex button {
    height: 37px;
    position: relative;
    top: 0;
    right: 0;
    margin-left: 15px;
}

.mail-new-attach {
    padding: 5px 10px;
    font-size: 12px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border-radius: 4px;
    max-width: 200px;
}

.mail-new-attach i {
    cursor: pointer;
    color: red;
    margin-right: 5px;
}

.mail-buttons a {
    display: inline-block;
}

.recipient-wrapper {
    position: relative;
}

.recipient-list {
    max-height: 200px;
    right: 0;
    min-width: 200px;
    overflow: auto;
    position: absolute;
    background: #FFF;
    z-index: 100;
    box-shadow: 1px 0 4px #ccc;
}

.recipient-list.closed {
    display: none;
}

.recipient-list i {
    margin: 15px 0;
}

.recipient-list .data-on-click {
    padding: 10px;
    font-size: 12px;
    border: 1px solid #e5e5e5;
    margin-top: -1px;
    cursor: pointer;
}

.recipient-list .data-on-click:hover {
    background: #826fc0;
    color: #fff;
}

.recipient-item input,
.recipient-item input:focus {
    border: 1px solid;
    border-radius: 25px;
    padding: 6px 10px;
    background: #826fc0;
    color: #FFF;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .recipient-item {
    margin-right: 3px;
    position: relative;
    cursor: no-drop;
} */

.change-password__wrapper {
    /*padding: 15px;*/
    background: #FFF;
    box-shadow: 1px 0 4px #ccc;
    max-width: 800px;
    margin: 0 auto;
}

.change-password__content {
    padding: 15px;
    color: #666;
}

.change-password__content p {
    margin: 0;
    margin-bottom: 15px;
}

.change-password__content li {
    font-size: 12px;
}

.change-password__wrapper H1 {
    margin: 0;
    display: block;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: dodgerblue;
    color: #FFF;
    font-size: 16px;
}

.validate-info {
    color: red;
    font-size: 12px;
}

/* .for-change-pass {
    display: block;
    padding: 15px;
    margin: 15px 0;
    background: #FFF;
    box-shadow: 1px 0 4px #ccc;
    font-weight: bold;
} */

/* .for-change-pass span {
    color: #555;
} */

/* .for-change-pass a,
span.test_push,
span.show-push {
    color: dodgerblue;
    text-decoration: none;
    border-bottom: 1px dashed;
    cursor: pointer;
} */

.remind__wrapper {
    margin: 0 auto;
    width: 100%;
    padding: 15px;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    height: 100svh;
    justify-content: center;
}


.remind__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.remind__content {
    width: 100%;
}

/* .remind__wrapper input {
    flex: 1;
    padding: 8px;
    font: inherit;
    border: 1px solid #e5e5e5;
    background: lightgray !important;
} */

.recipient-item i {
    display: block;
    position: absolute;
    right: 5px;
    top: 9px;
    font-size: 12px;
    color: aqua;
    border-radius: 50%;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
    z-index: 100;
    width: 15px;
    text-align: center;
}

.contact__card {
    border-top: 1px dashed #ccc;
    padding: 15px;
    /*background:#e7e3fd;*/
}

.contact__card-name {
    padding: 10px 0;
    line-height: 1em;
    font-weight: bold;
    color: #312f35;
    font-size: 18px;
}

.contact__card-name p {
    margin: 0;
}

.contact__card-item {
    font-size: 13px;
    margin-top: 10px;
    letter-spacing: 0.03em;
}

.contact__card-items {
    border-top: 1px solid #8080802b;
}

.contact__card-more {
    margin-bottom: 10px;
}

.contact__card-more p {
    margin: 0;
    margin-top: 10px;
}

.contact__card-online {
    display: flex;
    align-items: center;
}

.contact__card-online button {
    margin-right: 10px;
}

.contact__card-online .offline,
.contact__card-online .online {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    float: left;
    box-shadow: 1px 0 4px #000;
    margin-right: 10px;
}

.contact__card-online span.offline {
    background: red;
}

.contact__card-online span.online {
    background: green;
}

.contact-group-popup:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f142";
}

.not-my .contact-group-popup {
    display: none;
}

.is-my .contact-group-popup {
    display: block;
    float: right;
}

.group-item.is-my {
    background: #efecff;
}

.short-block {
    width: Calc(25% - 30px);
    background: #fff;
    box-shadow: 1px 0 4px #ccc;
    border-radius: 5px;
    height: 300px;
    /*display: flex;
    flex-wrap: wrap;*/
}

.short-block h2 {
    display: block;
    margin: 0;
    font-weight: 300;
    width: 100%;
    padding: 15px;
    height: 60px;
    color: #fff;
    background: #826fc0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.short-block h2 i {
    margin-right: 15px;
}

.short-block-content {
    width: 100%;
    height: Calc(100% - 60px);
    overflow: auto;
}


/***********/

.dining-date,
.dining-part,
.dining-type,
.dining-dish {
    margin: 0;
    padding: 15px;
}

.dining-date {
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
}

.dining-type {
    font-size: 15px;
    border-bottom: 1px dashed #ccc;
}

.dining-dish {
    font-size: 12px;
    padding-left: 45px;
}

.dining-type-list {
    padding-left: 15px;
    font-size: 13px;
}

.dining-type-list-item {
    padding: 5px 10px;
    margin-bottom: -1px;
}

.module.dining {
    height: 100%;
}

.module.dining .tabs {
    width: 100%;
    height: 100%;
}

/* .module.dining .tab-content {
    background: #fff;
    /* height: Calc(100% - 35px);
    width:100%;
    overflow-y:auto;    */
/* } */

.module.short-block.dining {
    height: 300px;
}

.dining-part.closed .dining-content {
    display: none;
}

.dining-part-name i {
    float: right;
}

.dining-part .dining-part-name i.fa-arrow-alt-circle-down {
    display: none;
}

.dining-part .dining-part-name i.fa-arrow-alt-circle-up {
    display: block;
}

.dining-part.closed .dining-part-name i.fa-arrow-alt-circle-down {
    display: block;
}

.dining-part.closed .dining-part-name i.fa-arrow-alt-circle-up {
    display: none;
}

.short-block .dining-part {
    padding: 15px;
    margin: 0;
    border-bottom: 1px dashed #e5e5e5;
}

.short-block .dining-part:last-child {
    border: none;
}

.dining-part-name {
    margin-bottom: 15px;
    font-weight: bold;
    cursor: pointer;
}

.dining-content {
    background: #f3f3f3;
    padding: 15px;
    position: relative;
}

.dining-type-name:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f818";
    margin-right: 5px;
}

.dining-type-list-item:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    margin-right: 5px;
}

.dining-type-name {
    color: #826fc0;
}

.dining-text {
    padding: 10px;
    font: inherit;
    width: Calc(100% - 75px);
    border: none;
    border-bottom: 1px solid #f3f3f3;
    display: inline-block;
}

.dining-text:focus {
    border-bottom: 1px solid navy;
}

.dining-admin-buttons {
    display: inline-block;
}

.dining-type-list-item.hidden {
    display: none;
}

.dining-add-item {
    float: right;
}

.dining-admin-buttons .btn {
    font-size: 10px;
    text-align: center;
    padding: 4px;
    width: 20px;
}

.dining-admin-buttons .btn i {
    float: none;
}

.dining-admin-buttons .btn:first-child {
    margin-right: 5px;
}

.all-dining {
    display: block;
    width: auto;
    padding: 15px;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.for-clone {
    display: none;
}

#qrcode {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 20000;
    cursor: not-allowed;
}

#qrcode img {
    margin: 25px auto;
}

.user-short .fa-qrcode {
    padding: 6px 10px;
    border: 1px solid;
    margin-top: 0px;
    box-shadow: 1px 0 7px #826fc0;
    border-radius: 4px;
    background: #fff;
    color: #826fc0;
}

/* .bus-direction select {
    width: 100%;
    padding: 8px;
    font: inherit;
    margin-bottom: 15px;
} */

/* .bus-schedule h1 {
    display: block;
    margin: 0;
    margin-right: 15px;
    float: left;
} */

/* .bus-schedule span.info {
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #595959;
    display: block;
    margin-bottom: 10px;
} */

.bus-schedule-route ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.bus-schedule-route ul li {
    margin-bottom: 12px;
}

/* .bus-schedule-noregister {
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #826fc0;
} */

/* .bus-schedule-item {
    padding: 15px;
    display: flex;
    background: #fff;
    box-shadow: 1px 0 4px #ccc;
} */

/* .bus-schedule-item.bus-written {
    background: #bafdba;
}

.bus-schedule-item:last-child {
    border: none;
}

.bus-schedule-item:after {
    content: "";
    display: block;
    clear: both;
} */

/* .bus-schedule-start,
.bus-schedule-route,
.bus-schedule-capacity,
.bus-write,
.bus-cancel,
.bus-schedule-end,
.bus-button {
    padding-right: 15px;
    padding-top: 10px;
}

.bus-cancel,
.bus-write,
.bus-button {
    padding-top: 0;
}

.bus-schedule-end {
    padding-right: 0;
}

.bus-schedule-capacity {
    position: relative;
    min-width: 80px;
}

.bus-schedule-capacity span {
    font-size: 40px;
    line-height: 100%;
    position: absolute;
    top: 0px;
    left: 20px;
}

.bus-cancel {
    display: none;
}

.bus-cancel.bus-cancel-admin {
    display: block;
}

.bus-written .bus-cancel {
    display: block;
}

.bus-written .bus-write {
    display: none;
}

.bus-button a {
    display: inline-block;
} */

/* .bus-user-list {
    margin-top: 15px;
}

.bus-user-item {
    display: flex;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}

.bus-user-name {
    padding-top: 15px;
    font-weight: bold;
}

.datetime-picker input {
    display: inline-block;
    width: auto;
    text-align: center;
    margin-right: 15px;
    padding: 7px;
    margin-top: 3px;
}

.datetime-picker input:last-child {
    margin-right: 0;
}

.bus-route-stop,
.bus-except-date-row {
    display: flex;
    margin-top: 15px;
}

.bus-route-stop input[type="number"] {
    width: 80px;
}

.bus-stop-help {
    margin: 0;
    margin-bottom: 15px;
    font-size: 12px;
    color: #777;
}

.bus-days {
    margin-left: 25px;
}

.bus-days label span {
    display: inline-block;
}

.bus-days label:after {
    content: "";
    display: block;
    clear: both;
}

.bus-days label input {
    float: left;
    width: auto;
    margin-top: 0;
    margin-right: 10px;
}


.bus-schedule-item {
    width: 100%;
    margin-bottom: 2.5%; */
    /*background-color: var(--primary);*/
    /* border-radius: 20px;
    border-color: var(--primary);
  }
  
  .ol-attribution {
    display: none;
  }
  
  .routes_edit td input{
    border: 1px black solid;
    border-radius: 10px;
  }
  .routes_edit td button{
    background-color:lightcoral;
  } */
  
.user-info-device {
    display: flex;
    padding: 10px;
    width: 100%;
    border-bottom: 1px dashed #e5e5e5;
}

.user-info-device:last-child {
    border: none;
}

.user-info-device-agent {
    font-size: 14px;
    color: #888;
}

.one-new {
    display: block;
    padding: 25px 15px;
    border-bottom: 1px dashed #d7d7d7;
    position: relative;
    padding-left: 110px;
    font-size: 12px;
}

.one-new:last-child {
    border: none;
}

.one-new span {
    position: absolute;
    left: 0px;
    top: 25px;
    color: #000;
    font-weight: bold;
}

.one-new a {
    text-decoration: none;
    color: #826fc0;
    font-weight: bold;
    font-size: 16px;
    line-height: 100%;
}

.one-new p {
    margin: 0;
    padding-top: 15px;
    font-size: 14px;
    font-style: italic;
    color: #333;
}

.currency-rate {
    font-size: 12px;
    font-weight: bold;
    float: right;
    background: #fff;
    padding: 10px;
    border: 1px dashed #ccc;
}

.currency-rate span {
    margin-left: 15px;
    color: crimson;
}

.color-white {
    background: #fff;
}

.user-notifications h1,
.birthday-man H1 {
    margin: 0;
    margin-bottom: 15px;
}

.user-notifications-search__wrapper {
    position: fixed;
    right: 40px;
    top: Calc(var(--sidebar-top-height) + 25px);
    max-height: Calc(100% - var(--sidebar-top-height) - 25px);
    overflow-y: auto;
    width: 400px;
    background: #fff;
    padding: 25px;
    box-shadow: 1px 0 4px #ccc;
}

.user-notifications-search__wrapper .frmSearch {
    padding-right: 0;
    width: 100%;
}

.user-notifications-search__wrapper button[type="submit"] {
    float: left;
}

.user-notifications-search__wrapper .ajax.not-add {
    float: right;
    margin: 0;
}

.user-notifications-search__wrapper .frmSearch {
    margin: 0;
}

.user-notifications-search__wrapper .frmSearch input[name="search"] {
    max-width: unset;
}

.user-notifications-search__wrapper H4 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 30px;
}

.user-notifications-search__wrapper H4 i {
    float: right;
}

.ads-not-found {
    padding: 50px 0;
    text-align: center;
    font-size: 24px;
}

.mod-not-btn.btn-red {
    cursor: pointer;
    background: transparent;
    color: red;
    border: none;
    /* border-bottom: 1px solid; */
    padding: 0;
    text-decoration: underline;
    border: none;
    font-size: 16px;
}

.user-notifications.main-page-notifications {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* .user-notifications .not-add {
    margin-bottom: 15px;
} */

.user-notifications .one-not:not(.one-not.single-not) {
    height: 200px;
    flex-direction: row;
    /* background: #FEFEFE; */
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.23);
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
}

.user-notifications .one-not:not(.one-not.single-not) .one-not__body {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    padding: 15px;
}

.user-notifications .one-not:not(.one-not.single-not) .one-not__body span.not-author,
.user-notifications .one-not .one-not__body span.not-date {
    position: unset;
}

.user-notifications .one-not:not(.one-not.single-not) .one-not__body .not-info__top {
    margin-top: 0;
    justify-content: unset;
}


/*.user-notifications .one-not:not(.one-not.single-not) .one-not__body h4 {

}*/

.user-notifications .one-not:not(.one-not.single-not) .one-not__body .not-info__bottom {
    margin-top: 0;
    flex-wrap: wrap;
}

.user-notifications .one-not:not(.one-not.single-not) .one-not__body .not-info__bottom .not-date {
    width: unset;
    text-align: unset;
}

.user-notifications .one-not:not(.one-not.single-not) .one-not__body .not-info__top .mod-not-btn {
    font-size: 10px;
    border-radius: 8px;
    padding: 3px;
    border: 1px solid transparent;
    transition: 0.2s ease;
}

.user-notifications .one-not:not(.one-not.single-not) .one-not__body .not-info__top .mod-not-btn:hover {
    /* color: #fff; */
    border: 1px solid orange;
}

.user-notifications .one-not:not(.one-not.single-not) .not-img {
    display: flex;
    overflow: hidden;
    max-width: 30%;
    width: 100%;
    justify-content: center;
}

.main-page-notifications .one-not {
    box-shadow: none;
}

.user-notifications .one-not.single-not .img-wrapper {
    width: 100%;
    height: 100%;
    max-height: 300px;
    display: flex;
    justify-content: center;
}

.user-notifications .one-not.single-not .img-wrapper .not-img {
    display: flex;
    justify-content: center;
}

.user-notifications .one-not.single-not .like_btns>span> i {
    margin-right: 3px;
}

.user-notifications .one-not.single-not .img-wrapper .not-img img {
    /*margin: 0 auto;*/
    height: 100%;
}

.user-notifications .one-not.single-not .not-info__top {
    margin-top: 10px;
}

*.not-valid {
    border-color: red !important;
}

.create-not-wrapper {
    position: absolute;
    top: 10px;
    right: 5px;
}

.one-not {
    padding: 25px;
    /*background: #fff;*/
    /*box-shadow: 1px 0 4px #ccc;*/
    position: relative;
    /*padding-top: 20px;
  margin-bottom: 10px;*/
    /*display: flex;
  flex-direction: column;*/
}

.list-notifications {
    padding: 15px 5px;
}

.one-not-in-list {
    padding: 25px;
    border: 1px solid #e5e5e5;
    margin-bottom: 25px;
    background: #fff;
    position: relative;
    max-width: 800px;
    border-radius: 8px;
}

.one-not-in-list .not-info__top a,
.one-not-in-list .not-info__top button {
    margin-right: 15px;
}

.btn-rotate {
    background: orange;
    color: #fff;
}

.btn-rotate:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f2f9";
}

.one-not-in-list .not-info__top,
.one-not-in-list .not-info__bottom {
    margin-top: 0;
    position: absolute;
    bottom: 15px;
    left: 25px;
    width: Calc(100% - 50px);
    justify-content: unset;
    overflow: hidden;
    display: flex;
}

.one-not-in-list .not-info__bottom {
    top: 15px;
    bottom: unset;
    display: block;
}

.one-not-in-list .not-info__bottom span:last-child {
    float: right;
}

.one-not-in-list .not-info__bottom:after {
    content: "";
    display: block;
    clear: both;
}

.one-not-in-list .not-img {
    width: 300px;
    height: auto;
    margin-right: 25px;
    max-height: unset;
}

.one-not-in-list .one-not__body {
    position: relative;
    margin: 25px 0;
    display: flex;
    gap: 20px;
}

.one-not-in-list .one-not__body .header {
    display: block;
    text-decoration: none;
    font-size: 28px;
    letter-spacing: 0.03em;
    color: #000;
    font-weight: 400;
    line-height: 100%;
}

.one-not-in-list .one-not__body .header:visited {
    color: #666;
}

.one-not a {
    color: var(--active-checkpoint-rect-fill);
}

.one-not.hidden {
    display: none;
}

.one-not.hidden.not-owner {
    display: block;
    background: #eea9a945;
}

.like_btns {
    position: absolute;
    right: 25px;
    top: 50px;
    font-size: 12px;
    color: #9d9f9e;
}

.single-not .like_btns {
    position: absolute;
    right: 25px;
    left: 25px;
    top: 15px;
    display: flex;
    align-items: center;
}

.nots-slider .like_btns {
    top: 15px;
}


/* .nots-slider .like_btns {
  color: #f6eeff;
} */

/* .like_btns i {
    margin-left: 5px;
} */

.user-notifications .one-not.single-not .like_btns>span:not(:last-child) {
    margin-right: 10px;
}

.like_btns .fa-heart {
    cursor: pointer;
}

.one-not .not-body-wrapper {
    height: 0px;
    display: flex;
    flex-direction: column;
    transition: all 0.5s ease;
}

/* .dining-block {
    position: relative;
    background:url('/assets/img/design/dining_cover.png'); 
    background-size: cover; 
    border-radius: 10px; 
    padding: 20px; 
    cursor: default;
}

.dining-block.tab-content .dining-img {
    width: 100%;
    max-width: 400px;
    border-radius: 10px;
    margin: 20px 0;
} */

/* .dining-mark {
    font-size: 60px;
} */

/* .dining-mark__item .heart {
    float: right;
    font-size: 12px;
    cursor: pointer;
}

.dining_mark__select i {
    font-size: 30px;
    margin-right: 15px;
    cursor: pointer;
    opacity: 0.5;
    border-radius: 50%;
    border: 6px solid transparent;
} */

/* .dining_mark__date {
    display: block;
    margin: 0;
    padding: 15px;
    font-size: 26px;
}

.dining-mark__item {
    padding: 15px 0;
    display: block;
    border-top: 1px solid #e5e5e5;
}

.dining_mark__more {
    display: flex;
}

.dining_mark__comment {
    flex: 1;
    padding: 15px;
    color: #777;
    font-style: italic;
    background: #fff;
    font-size: 12px;
    margin: 10px 0;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

.dining-mark__author {
    text-decoration: none;
    border-bottom: 1px dashed;
    color: dodgerBlue;
    display: inline-block;
    padding-bottom: 3px;
}

.dining-mark__modified {
    color: #444;
    font-size: 12px;
    margin-right: 10px;
    float: right;
} */

.delimiter {
    margin: 0px;
}

.dining_mark__select i:hover {
    opacity: 1;
}

.dining_mark__select i.selected {
    opacity: 1;
    border: 6px solid #fff;
    box-shadow: 1px 0 4px #ccc;
}

.dining-mark .fa-meh-blank {
    color: #888;
}

.dining_mark__value i {
    font-size: 40px;
    margin: 15px 15px 15px 0px;
}

.dining-mark .fa-frown,
.dining_mark__select .fa-frown,
.dining_mark__select .fa-frown:hover,
.dining_mark__value .fa-frown {
    color: red;
}

.dining-mark .fa-meh,
.dining_mark__select .fa-meh,
.dining_mark__select .fa-meh:hover,
.dining_mark__value .fa-meh {
    color: #f9a63e;
}

.dining-mark .fa-smile,
.dining_mark__select .fa-smile,
.dining_mark__select .fa-smile:hover,
.dining_mark__value .fa-smile {
    color: #826fc0;
}

.dining-mark .fa-grin-hearts,
.dining_mark__select .fa-grin-hearts,
.dining_mark__select .fa-grin-hearts:hover,
.dining_mark__value .fa-grin-hearts {
    color: green;
}

.dining-mark span {
    font-size: 14px;
    color: dodgerBlue;
    text-align: center;
    border-bottom: 1px solid;
    display: block;
    width: auto;
    margin: 0 auto;
    cursor: pointer;
}

.one-not .not-body-wrapper.show {
    height: auto;
}

.checkbox-label {
    display: block;
    font-size: 12px;
    color: #826fc0;
}

.frmEdit label.checkbox-label span {
    display: inline-block;
}

.mail-search-fieldset {
    display: flex;
}

.mail-search-fieldset label {
    margin-right: 15px;
}

.checkbox-label input {
    width: auto;
    display: inline-block;
    cursor: pointer;
}

.one-not span.not-author {
    font-size: 12px;
    color: #666;
}
/* 
.one-not h4 {
    margin: 15px 0 25px;
    margin-bottom: 15px;
    line-height: 100%;
    font-size: 22px;
    font-weight: 400;
    color: #727272;
    background-color: #ffffffc2;
    padding: 3px;
} */

.one-not .item {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    min-height: 200px;
}

.not-info {
    padding-bottom: 15px;
    border-bottom: 1px solid #c5c6c6;
}

.not-info__bottom {
    display: flex;
    flex-direction: column;
    gap: 5px;
    /* margin-top: 25px; */
}

.one-not .not-info__bottom span.not-author,
.one-not .not-info__bottom span.not-date {
    position: relative;
}

.one-not .not-info__bottom span.not-author {
    left: 0;
}

.one-not .not-info__bottom span.not-date {
    right: 0;
}

.not-info__bottom span {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #a3a5a4;
}

.badge {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: /*#ffffff*/var(--base-text-color);
    border-radius: 3px;
    padding: 4px;
    width: max-content;
    margin-right: 5px;
}

.one-not .badge:last-child {
    margin-right: 0px;
}

.badge.badge-red {
    background-color: #e74c3c;
}

.one-not div.not-body {
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
}

.one-not div.not-attach {
    padding: 15px;
    /*border: 1px dashed #d0d0d0;*/
    box-shadow: var(--block-shadow-1);
    border-radius: 5px;
    margin: 15px 0;
}

.one-not div.not-attach a:not(.lightboxWrapper) {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid;
    margin-right: 15px;
}

.not-comments {
    margin-top: 15px;
    background: aliceblue;
    padding: 15px;
}

.not-comments.hidden {
    display: none;
}

.not-com {
    padding: 0 15px;
    font-size: 12px;
    border-left: 1px dashed #ccc;
    padding-left: 25px;
    margin-top: 25px;
}

.not-com-mark,
.not-com-date,
.not-com-author {
    font-weight: bold;
    margin-right: 15px;
}



.not-com-text {
    font-style: italic;
    margin: 15px 0;
}

.not-comments-add {
    font-weight: bold;
    color: #826fc0;
    cursor: pointer;
}

.not-com-add-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    z-index: 15000;
}


/*
.structure.closed>.structure-contact-list{
  display:none!important;  
}
*/

.not-com-add-frm {
    position: fixed;
    left: 10%;
    right: 10%;
    top: 10%;
    max-height: 80%;
    overflow-y: auto;
    background: #f0f0f0;
    padding: 15px;
    border-radius: 8px;
    z-index: 15001;
    box-shadow: 1px 0 4px #444;
}



.not-com-add-frm .btn {
    margin-top: 15px;
}

.not-com-add-frm .btn:last-child {
    float: right;
}

.not-com-add-wrapper {
    cursor: pointer;
}

.site-module-group {
    padding: 15px;
    border: 1px dashed #e5e5e5;
    margin-top: 15px;
    position: relative;
    /* min-height: 70px; */
    padding-left: 75px;
}

.site-module-group__buttons {
    float: right;
    margin-top: -15px;
}

.site-module-group__add,
.site-module-group__remove,
.site-module-group__edit {
    cursor: pointer;
    font-size: 12px;
    color: green;
    font-weight: normal;
    margin-left: 15px;
}

.site-module-group__remove {
    color: red;
}

.site-module-group__edit {
    color: #826fc0;
}

.site-module-group.closed .fa-minus-square,
.site-module-group .fa-plus-square {
    display: none;
}

.site-module-group.closed .fa-plus-square,
.site-module-group .fa-minus-square {
    display: inline-block;
    margin-right: 5px;
}

.site-module-group.closed .site-module-group__content {
    display: none;
}

.site-module-group__title {
    cursor: pointer;
    color: #826fc0;
    font-weight: bold;
    font-size: 13px;
}

.site-module-item {
    display: flex;
    font-size: 13px;
    padding: 0px 10px;
    /*background: #f9f8f8;*/
    align-items: center;
    margin-top: 15px;
}

.site-module-item__quantity {
    font-weight: bold;
    padding: 0 15px;
}

.site-module-item__quantity input,
.site-module-item__name input,
.site-module-item__syn input,
.site-module-item__quantity select {
    padding: 5px;
    margin: 5px 0px;
    border-left: none;
    border-top: none;
    border-right: none;
}

.site-module-item__quantity select {
    width: 80px;
}

.site-module-item__syn {
    margin-left: 10px;
}

.site-module-item__quantity input {
    text-align: center;
}

.site-module-item .fa-times-circle {
    margin-right: 5px;
    color: red;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
}

.site-module-item__name {
    font-weight: bold;
}

.site-module-item__input {
    padding: 10px;
    border: 1px solid #e5e5e5;
    width: 100%;
    font: inherit;
    font-size: 13px;
}

.site-module-item__list {
    margin-top: 15px;
    height: 200px;
    overflow-y: auto;
    box-shadow: 1px 0 4px #ccc inset;
    border: 1px solid #e5e5e5;
}

.site-module-item__list div {
    cursor: pointer;
    /*font-weight: bold;*/
    font-size: 13px;
    padding: 10px;
    border-bottom: 1px solid #f3f3f3;
    /*color: #826fc0;*/
}

.site-module-item__list div:hover {
    background: var(--btn-dark-green-bg);
    color: #fff;
}

.frmEdit .site-module-item-list__insert {
    margin: 0;
    margin-top: 15px;
}

.frmEdit .one-field input,
.frmEdit .one-field select {
    margin-top: 5px;
}

.nots-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.nots-slider.owl-carousel .owl-stage-outer {
    height: 100%;
}

.nots-slider.owl-carousel .owl-stage {
    height: 100%;
}

.nots-slider.owl-carousel .owl-item {
    height: 100%;
}

.nots-slider .one-not {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    align-items: flex-end;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 0;
}

.nots-slider .one-not a {
    border-bottom: none;
    color: inherit;
    width: 100%;
    height: 100%;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: #00000057;
}

.nots-slider .one-not h4 {
    color: #fafafaed;
}

.nots-slider .one-not span.not-author,
.nots-slider .one-not span.not-date {
    color: #fafafaed;
}

.nots-slider .like_btns {
    color: #fafafaed;
    display: flex;
    gap: 10px;
}

.nots-slider .like_btns i {
    margin-right: 5px;
}

.nots-slider.owl-theme .owl-dots,
.nots-slider.owl-theme .owl-nav {
    display: none;
}

.not-short-wrapper {
    /* background: #fff;
  box-shadow: 1px 0 4px #ccc; */
    position: relative;
    width: Calc(50% - 5px);
    float: left;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 30px;
}

#gallery-service.not-short-wrapper,
#tests-service.not-short-wrapper {
    width: 100%;
    height: auto;
}

#jci-service .jci-service__content {
    display: flex;
    gap: 30px;
    height: 100%;
    width: 100%;
}

#jci-service .jci-service__content>div {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
}

#jci-service .jci-service__content h2 {
    color: #333333;
    text-align: left;
}

#jci-service .jci-service__content .jci-link img {
    height: 100%;
    width: 100%;
    max-height: 250px;
}

.not-short-wrapper .service__body .jci-link {
    color: transparent;
    border-bottom: none;
    width: 60%;
    object-fit: contain;
}

.b-video {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.b-video video {
    width: 100%;
    height: auto;
}

.birthday-man__list {
    max-height: Calc(100% - 50px);
    overflow-y: auto;
    padding: 15px 25px;
    position: relative;
}

.one-not h4 a {
    text-decoration: none;
}

.birthday-man__one {
    float: left;
    padding: 6px 10px;
    padding-left: 45px;
    background: coral;
    border-radius: 5px;
    margin-bottom: 15px;
    margin-right: 10px;
    /* font-weight: bold; */
    text-decoration: none;
    border: 2px solid #fff;
    color: #fff;
    font-size: 13px;
    position: relative;
    box-shadow: 1px 0 24px #ccc;
}

.birthday-man__one .user-avatar {
    width: 35px;
    height: 35px;
    position: absolute;
    top: -15px;
    left: 5px;
}

.not-short-wrapper.birthday-man {
    margin-left: 10px;
    border: 1px solid #ccc;
    border-radius: 15px;
    box-shadow: 1px 0 15px deepskyblue;
}

a.header-not {
    text-decoration: none;
    display: block;
}

a.not-full,
.one-not a.more {
    text-decoration: none;
    float: right;
    color: #9400d3;
    font-size: 14px;
    border-bottom: 1px solid;
}

.not-back {
    text-decoration: none;
    color: blueviolet;
    font-size: 14px;
    float: right;
    margin: 15px 0;
    display: block;
}

.heart i {
    cursor: pointer;
}

.single-not .not-back {
    font-size: 18px;
    margin: 0;
    margin-right: auto;
    display: flex;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 1px rgb(202 202 202 / 32%);
    color: #9d9f9e;
    float: none;
}

.btn-back {
    background-color: var(--scrollbar-thumb-color);
    box-shadow: 0px 2px 6px 0px rgba(130, 169, 188, 0.08), 0px 5px 50px 0px rgba(0, 67, 101, 0.08);
    font-size: 18px;
    margin: 0;
    margin-right: auto;
    display: flex;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--title-color);
    float: left;
}

/* .album-wrapper .btn {
    position: absolute;
    bottom: 5px;
    right: 5px;
}

.gallery_list_item__wrapper {
    float: left;
    position: relative;
    background: #fff;
    margin: 5px;
    border-radius: 3px;
    box-shadow: 1px 0 10px #e5e5e5;
    border: 1px solid #c9c9c9;
}

.gallery-preview__likes {
    width: 50px;
    height: 50px;
    background: #fff;
    position: absolute;
    top: 10px; */
    /* width: 100%; */
    /* right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 10px 1px rgb(202 202 202 / 32%);
}

.gallery_list_item__wrapper .heart {
    display: flex;
    align-items: center;
    gap: 3px;
}

.gallery_list_item__wrapper .heart i {
    color:rgba(143, 124, 205, 1);
} */

.today-birth {
    position: fixed;
    top: 20px;
    right: 125px;
    width: 100px;
}

.not-short-wrapper h1 {
    font-size: 24px;
    /*background: #fff;*/
    font-weight: normal;
    display: block;
    color: #826fc0;
    padding: 10px 25px;
    /*border-bottom: 1px solid #e5e5e5;*/
}

.not-short-wrapper .news-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #838383;
    height: auto;
    padding: 20px 0 23px;
    background: transparent;
    border: none;
    margin-left: 15px;
    margin-bottom: 0;
}

.not-short-wrapper.birthday-man h1 {
    margin-bottom: 0;
}

.not-short-title {
    display: block;
    margin: 0;
    margin-bottom: 0px;
    font-size: 30px;
    font-weight: 300;
    line-height: 100%;
}

.not-short-body {
    max-height: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    color: #777;
    font-size: 14px;
}

.not-short-date {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: 300;
    color: blue;
}

.btn-container {
    display: flex;
    margin: 1rem 0;
    flex-wrap: wrap;
    justify-content: space-around;
}

.btn-container button {
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 13px;
}

.btn-container button:not(:last-child) {
    margin-right: 20px;
}

.not-short-author {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 12px;
    font-weight: 300;
    color: blue;
}

.not-short-comments {
    position: absolute;
    top: 18px;
    right: 15px;
    font-size: 12px;
    font-weight: 300;
    color: blue;
}

.not-short-header {
    display: block;
    margin: -15px;
    padding: 15px;
    margin-bottom: 15px;
    background: #a89cee;
    color: #826fc0;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 3px 3px 5px #b9aef7;
}

.up-down-btns {
    position: absolute;
    top: 10px;
    left: 10px;
}

.up-down-btns i {
    float: left;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 6px 6px 0px 6px;
    margin: 0;
    line-height: 100%;
    cursor: pointer;
}

.up-down-btns i:hover {
    background: #a89cee;
}

.up-down-btns i:last-child {
    margin-left: 2px;
    padding: 0px 6px 6px 6px;
}

.site-module-item {
    position: relative;
    padding-left: 70px;
}

.site-module-item-swap i {
    display: inline-block;
}

table.list tr.closed-duty td {
    color: #ccc;
}

.label-inline {
    border: 1px dashed #f3f3f3;
    padding: 10px;
}

.label-inline input,
.label-inline span {
    width: auto;
    display: inline-block;
}

.remind-password {
    display: inline-block;
    color: #666;
    font-size: 12px;
    width: auto;
    margin-top: 15px;
    border-bottom: 1px solid;
    text-decoration: none;
}

.remind-password:first-child {
    margin-right: 15px;
}

.how_to_get_password {
    display: block;
    text-align: center;
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    padding: 15px;
    font-size: 16px;
    line-height: 125%;
}

.how_to_get_password a {
    display: inline-block;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid;
    width: auto;
}

.dining-schedule {
    float: right;
    font-size: 12px;
    cursor: pointer;
    color: #826fc0;
    padding-top: 10px;
}

/* .accordion-item .accordion-content {
    display: none;
}

.accordion-item.open .accordion-content {
    display: block;
}

.accordion-item .accordion-title {
    cursor: pointer;
}

.accordion-item .accordion-title i {
    margin-right: 5px;
}

.accordion-item .accordion-title .fa-angle-up {
    display: none;
}

.accordion-item .accordion-title .fa-angle-down {
    display: inline-block;
}

.accordion-item.open .accordion-title .fa-angle-down {
    display: none;
}

.accordion-item.open .accordion-title .fa-angle-up {
    display: inline-block;
} */

.accordion-search {
    margin-bottom: 15px;
}

.master-check {
    font-weight: bold;
}

.gen_pass {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: purple;
    cursor: pointer;
}

.menu .delimiter-name {
    display: block;
    cursor: pointer;
    padding: 15px;
    font-weight: bold;
}

.menu .delimiter-name i {
    margin-right: 10px;
}

.menu .del {
    display: none;
}

.menu .del.opened {
    display: block;
}

.nomargin {
    margin: 0;
}

.structure-org,
.structure-depart,
.structure-duty {
    padding: 10px;
}

/* .structure-list {
    margin: 30px 0;
    position: relative;
    min-height: 110px;
    background: #f0f0f0;
    padding: 0;
    padding-top: 25px;
} */

/* .structure-tabs {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    background: #FFF;
} */

/* .structure-tabs__button:first-child {
    border-left: 1px solid #e5e5e5;
    margin-left: 10px;
}

.structure-tabs__button {
    padding: 10px;
    color: #7f7f7f;
    cursor: pointer;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 12px;
}

.structure-tabs__button.active {
    background: #f0f0f0;
    color: dodgerblue;
} */

.structure-list__tab {
    display: none;
    /*box-shadow: 1px 0 4px #ccc;*/
}

.structure-list__tab.active {
    display: block;
}

.worker-list-search-form {
    border-bottom: 1px solid #e5e5e5;
}

.structure-list-buttons {

    display: flex;

}

.structure-list-buttons button {
    margin-left: 15px;
    margin-top: 15px;
}
/* 
.structure-list>.structure {
    margin-top: 5px;
} */

.local-preloader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url("/assets/img/op.png");
}

b.highlight {
    background: yellow;
    color: #000;
}

.highlight {
    background: yellow;
    color: #000;
}

.nopad {
    padding: 0 !important;
}

.not-found {
    opacity: 0.4;
}

.local-preloader:before {
    content: "";
    display: block;
    margin: 15px auto;
    height: 50px;
    width: 50px;
    background: url("/assets/img/loader.gif");
    background-size: 100%;
}

.structure_group_list_item {
    display: flex;
    margin-top: 10px;
}

.structure_group_list_item .interface_search_list {
    flex: 1;
}

.structure_group_list_item .btn {
    height: 36px;
    margin-top: 3px;
    margin-left: 5px;
    width: 36px;
}

.structure i.fa-folder {
    display: none;
}

/* .structure i {
    margin-right: 5px;
    float: left;
    margin-top: 3px;
} */

/* .structure {
    border-left: 1px dotted #000;
    position: relative;
    min-height: 1em;
    display: flex;
    flex-direction: column;
} */


/*.structure.last .structure-final:last-child {
  
}*/

.structure.closed {
    border: none;
}

 /* .structure-name {
    cursor: pointer;
    display: flex;
    transform: translate(-10px, -10px);
    align-items: center;
}  */

.structure-contact-list__buttons i {
    margin: 0;
    cursor: pointer;
    color: #fff;
    height: 16px;
    background: #826fc0;
    width: 16px;
    font-size: 10px;
    padding: 2px;
    text-align: center;
    border-radius: 4px;
}

.structure-contact-list__buttons i:first-child {
    background: green;
    margin-right: 10px;
}

.structure-contact-list__buttons i:last-child {
    float: right;
    background: red;
}

.structure-name:not(.structure-final) {
    margin-bottom: 10px;
}

/* .structure-name:hover {
    color: dodgerblue;
} */

.structure-name i {
    /*background: var(--main-bg-color);*/
}

.structure i.fa-folder-open {
    display: inline-block;
}

.structure.closed i.fa-folder-open {
    display: none;
}

.structure.closed i.fa-folder {
    display: inline-block;
}

.structure.closed div {
    display: none;
}

.structure_edit,
.structure_remove,
.insert-to-structure,
.move-from-structure,
.insert-contact-to-structure {
    margin-left: 10px;
    cursor: pointer;
    font-weight: normal;
}

.structure_edit,
.insert-to-structure,
.insert-contact-to-structure {
    color: green;
}

.structure_remove,
.move-from-structure {
    color: red;
}

.mob {
    display: none;
}

.structure_workers_list {
    display: block;
    margin: 0;
    margin-left: 12px;
    margin-bottom: 20px;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #666;
    list-style: none;
}

.structure_workers_list li {
    padding: 5px 0;
}

.structure_workers_list.free {
    margin-left: 0px;
    font-size: 14px;
}

.structure_workers_list.free span {
    font-size: 12px;
    font-weight: normal;
    float: right;
}

.structure_workers_list.noright span {
    font-size: 12px;
    font-weight: normal;
    float: none;
}

.worker_in_structure_list {
    font-weight: bold;
}

.worker_in_structure_list.dismissed {
    color: #ccc;
}

.move-to-structure {
    margin-left: 10px;
    font-weight: normal;
    color: green;
    text-decoration: underline;
    cursor: pointer;
}

.structure.closed div.structure-contact,
.structure.closed div.structure-contact-more {
    display: block;
}

.structure-contact {
    padding-left: 30px;
    margin-top: 10px;
    font-weight: normal;
    color: purple;
}

.structure_service_list {
    font-size: 14px;
    padding: 0;
    margin: 0;
    padding-left: 15px;
}

.structure_service_list .structure-contact,
.structure_duty_list .structure-contact {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

.structure.closed .structure_service_list {
    display: none;
}

.structure_duty_list {
    padding: 0;
    padding-left: 10px;
}

.contact-to-structure,
.edit-contact,
.remove-contact {
    margin-right: 10px;
    font-size: 12px;
    cursor: pointer;
}

.contact-to-structure {
    color: #826fc0;
}

.edit-contact {
    color: green;
}

.remove-contact {
    color: red;
}

.contact-buttons:first-child {
    margin: 0px 0px 15px 0px;
}

.contact-buttons {
    margin: 25px 0px 15px 0px;
}

.structure.closed div.contact-buttons {
    display: block;
}

.is_online {
    margin-right: 5px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 1px 3px 3px 3px;
    line-height: 100%;
    /*float: left; */
    background: red;
    margin-top: 3px;
    height: max-content;
}

.is_online.online {
    background: green;
}

.is_online.afk {
    background: gray;
}

.is_online.afk:after {
    content: "отошел"
}

.is_online.offline:after {
    content: "не в сети";
}

.is_online.online:after {
    content: "в сети";
}

.img-container {
    max-width: 400px;
}

.not-comments-edit,
.not-comments-remove {
    margin-left: 10px;
    font-weight: normal;
    cursor: pointer;
}

.not-comments-edit {
    color: green;
}

.not-comments-remove {
    color: red;
}

.not-img {
    max-height: 300px;
    overflow: hidden;
}

.img-wrapper .not-img {
    max-height: none;
}

.free .one-contact-block {
    background: aliceblue;
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid navy;
}

.structure.closed.last div {
    display: block;
}

.chat-start-conversation {
    font-size: 12px;
    color: green;
    font-weight: bold;
    margin: 0 10px;
    cursor: pointer;
    float: right;
}

.chat-start-conversation i {
    margin-right: 5px;
}

.chat__body-wrapper .structure-list {
    max-height: Calc(100% - 70px);
    overflow-y: auto;
    /* padding-top: 0; */
    margin-top: 0;
}

.chat__body-wrapper .frmEdit {
    margin: 0;
}

.chat__body-wrapper .worker_in_structure_list:hover {
    color: indigo;
}

.add-to-chat-from-contact,
.add-to-conversation-from-contact {
    float: right;
    color: dodgerBlue;
    cursor: pointer;
}

.chat__append {
    color: green;
    margin-right: 15px;
    cursor: pointer;
}

.chat__message-actions {
    visibility: hidden;
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}

.message-own .chat__message-actions {
    visibility: visible;
}

.chat__message-text {
    word-wrap: break-word;
    word-break: keep-all;
}

.chat__message_actions-items.popup-menu {
    position: absolute;
    background: #fff;
    box-shadow: 1px 0 4px #666;
    padding: 0;
    width: 75px;
    top: 10px;
    right: 10px;
    z-index: 10000;
}

.chat__message_actions-items.popup-menu a {
    display: block;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
}

.message-edit {
    color: green;
}

.message-remove {
    color: red;
}

.dash-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dash-block {
    width: Calc(50% - 20px);
    padding: 15px;
    background: #fff;
    /* margin: 10px; */
    box-shadow: 1px 0 4px #ccc;
}

.dash-block H1 {
    margin-top: 0;
    font-size: 20px;
    color: #826fc0;
    padding-bottom: 15px;
    border-bottom: 3px double;
    line-height: 100%;
}


/* .enter-list {
    width: 100%;
    height: 400px;
    overflow-y: auto;
    margin: 15px 0;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    box-shadow: 1px 0 4px #ccc inset;
    position: relative;
} */

.enter-row {
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.user-winner {
    width: 100%;
    text-align: center;
    background: var(--block-bg);
    padding: 50px;
}

.user-winner H1, H2 {
    margin: 0;
}

.user-winner H1 {
    margin-bottom: 25px;
    font-size: xx-large;
}

.user-winner H2 {
    line-height: 100%;
    font-weight: 300;
    font-size: xx-large;
}



.enter-row-details:before {
    content: "";
    clear: both;
    display: block;
}

.enter-row-details-item {
    font-size: 12px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px;
    background: aliceblue;
    margin-top: 10px;
}

.chk_select_with_child {
    display: inline-block;
    width: auto !important;
}

.like-icon.remove-like {
    color: #826fc0;
}

.one-not span.not-author,
.one-not span.not-date {
    /* position: absolute;
    top: 15px; */
    font-size: 12px;
    color: #666;
}

.one-not span.not-author {
    left: 25px;
}

.one-not span.not-date {
    right: 25px;
}

.frmSearch .interface_search_item.tag_search_item {
    padding: 0 10px;
}

.interface_search_item.checked::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    margin-right: 5px;
}

.frmSearch .interface_search_selected {
    padding: 0 10px;
}

.tag_search_item.selected {
    display: none;
}

.interface_search_selected .tag_search_item {
    display: inline-block;
    margin-right: 10px;
    padding: 3px;
}

.interface_search_selected .tag_search_item span>i {
    margin-left: 5px;
    vertical-align: middle;
}

.interface_search_selected {
    min-height: 37px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 3px;
}

.frmEdit input.color {
    padding: 1px 2px;
}

/* .gallery-edit-item {
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    display: flex;
}

.gallery-edit-item textarea {
    min-height: 100%;
    border-radius: 15px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    font-size: 13px;
    line-height: 100%;
    background: #f3f3f3;
    width: 100%;
} */

.packet-upload-info .progress {
    width: 100%;
    padding: 3px;
    text-align: center;
    height: 18px;
}

/* .gallery-edit-item label {
    margin-bottom: 0;
} */

/* .gallery-edit-item img {
    max-width: 130px;
    max-height: 130px;
} */

.gallery-edit-item .remove-data {
    height: 36px;
}

/* .gallery-edit-item .gallery-edit-more {
    margin-right: 15px;
} */

/* .gallery-edit-item .img-wrapper {
    width: 200px;
    height: 200px;
    text-align: center;
    padding: 15px;
    border-radius: 15px;
    border: 2px dotted #299a0b;
    margin-right: 15px;
    position: relative;
} */

.gallery-edit-item .img-wrapper .upload-btn {
    position: absolute;
    left: 15px;
    bottom: 15px;
    right: 15px;
}

.gallery-edit-item .img-wrapper .upload-info {
    position: absolute;
    left: 15px;
    bottom: 0;
    right: 15px;
}

.gallery-edit-item .img-wrapper .upload-info .progressbar {
    margin: 0;
}

/* .gallery_list {
    /*display: flex;*/
    /* margin-top: 25px;
}

.album-wrapper {
    width: 300px;
    height: 300px;
    margin: 0;
    padding: 15px;
    float: left;
}

.album-cover {
    height: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
} */ 

/* .album-name {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    padding: 10px;
    background: #000000a8;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
} */

/* .album-more {
    max-height: 50%;
    position: absolute;
    left: 0px;
    bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: Calc(100% - 20px);
    font-size: 10px;
    background: #ffffffbf;
    padding: 10px;
    line-height: 100%;
} */
/* 
.gallery_list .gallery-preview {
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.album-more p {
    margin: 0;
} */

.gallery-admin a,
.gallery-admin span {
    color: dodgerBlue;
    text-decoration: none;
    font-size: 12px;
    cursor: pointer;
}

.gallery-admin span {
    float: right;
    color: red;
}

#preview-pdf {
    margin: auto;
}

.not-attach button {
    margin-right: 10px;
}

.not-attach-list {
    margin-top: 15px;
    /*border: 1px solid #e5e5e5;
    box-shadow: 1px 0 3px #ccc inset;
    background: var(--block-color);*/
    border-radius: 4px;
    margin-bottom: 15px;
}

.select-gallery {
    color: dodgerBlue;
    border-bottom: 1px dotted;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
}

.not-attachment-list-item {
    display: flex;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    color: dodgerblue;
    background: var(--block-color);
    box-shadow: var(--block-shadow-1);
    margin: 10px;
    border-radius: 4px;
}

.not-attachment-list-item:hover {
    border-color: red;
}

.not-attachment-list-item .remove-data {
    float: right;
    margin-left: 10px;
    cursor: pointer;
    min-width: 40px;
}

.not-attach-type {
    color: #000;
}

.not-upload-wrapper {
    width: 600px;
    max-width: 100%;
    margin: 25px auto;
    text-align: center;
}

.not-upload-wrapper img,
.not-upload-wrapper video,
.not-upload-wrapper a {
    display: block;
    margin-bottom: 25px;
    width: 100%;
    height: auto;
}

.not-attachment-list-item span {
    width: 100px;
}

.not-attachment-list-item input {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: dodgerblue;
}

.not-upload-wrapper label {
    margin-top: 15px;
}

.not-upload-wrapper>button {
    margin-bottom: 15px;
    float: none !important;
}

.not-attach-item {
    margin: 15px 0;
    background: var(--block-color);
    box-shadow: var(--block-shadow-1);
    padding: 15px;
    border-radius: 4px;
    color: black;
}

.not-attach-item img,
.not-attach-item video {
    max-width: 100%;
    width: auto;
}

.pricelist-group.closed .fa-angle-down {
    display: block;
}

.pricelist-group.closed .fa-angle-up {
    display: none;
}

.pricelist-group .fa-angle-up {
    display: block;
}



.pricelist-group .fa-angle-down {
    display: none;
}


/* 
.pricelist-group {
    margin: 15px 0;
    background: #ffffff;
    box-shadow: 1px 0 4px #ccc;
} */

/* .pricelist-group__name {
    background: #826fc0;
    padding: 15px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} */

/* .pricelist-item {
    font-size: 14px;
    display: flex;
    padding: 15px;
    border-bottom: 1px solid #f5f5f5;
    font-weight: normal;
    color: #826fc0;
} */

tr.sync-report-error td {
    color: red;
}

tr.sync-report-warn td {
    color: orange;
}

tr.sync-report-info td {
    color: #444;
}

.pricelist-content {
    position: relative;
    min-height: 100px;
}

.pricelist-item__name {
    flex: 1;
    margin-right: 10px;
}

.price-search {
    display: flex;
}

.price-search input {
    flex: 1;
    border: none;
    border-bottom: 1px solid #826fc0;
    padding: 10px;
    font: inherit;
    background: none;
    background: var(--birthday-block) !important;
}

/* .pricelist {
    padding: 15px;
} */

.dining-part__item {
    position: relative;
    padding: 10px 10px 10px 80px;
    border-bottom: 1px dashed #e5e5e5;
}

.dining-part-new {
    background: #fff;
    padding: 10px;
    margin-bottom: 15px;
    box-shadow: 1px 0 4px #ccc;
}

.dining-part-item__name {
    font-size: 16px;
    line-height: 24px;
    color: dodgerblue;
}

.dining-part__items .dining-part__item:first-child {
    border-top: 1px dashed #e5e5e5;
}

.dining-part__name {
    font-size: 24px;
    line-height: 24px;
    color: #826fc0;
    margin-bottom: 10px;
    padding: 0 10px;
}

.dining-part__name span,
.dining-part-item__name span {
    float: right;
    font-size: 12px;
    color: green;
    cursor: pointer;
}

.dining-part__name span.remove,
.dining-part-item__name span.remove,
.dining-part__name span.clone,
.dining-part-item__name span.clone {
    margin-left: 15px;
}

.dining-part__name span.remove,
.dining-part-item__name span.remove {
    color: red;
}

.dining-part__name span.edit,
.dining-part-item__name span.edit {
    color: #826fc0;
}

.dining-part__item:hover {
    background: aliceblue;
}

/* .dining-block {
    padding: 15px;
} */

.contact-user-self-edit {
    color: dodgerblue;
    padding-bottom: 1px;
    border-bottom: 1px dashed;
    margin: 0 10px;
    cursor: pointer;
}

.contact-user-self-edit i {
    margin-right: 0px;
}

.worker_sync_report {
    padding: 15px;
    margin-bottom: 25px;
    background: coral;
}

.worker_sync_report_settings {
    margin-bottom: 15px;
}

.worker_sync_report_settings input[type="text"] {
    flex: 1;
}

.worker_sync_report_settings {
    display: flex;
}

.worker_sync_report_settings input {
    margin-right: 10px;
}

.worker_sync_report_settings * {
    padding: 10px;
}

.mail-action-group {
    text-align: left;
    color: #888;
    font-weight: bold;
}

.mail-action-group span,
.mail-move-to {
    font-weight: normal;
    line-height: 100%;
    display: block;
    padding: 10px;
    font-size: 14px;
    text-align: left;
}

.project-update-full__one input,
.project-update-full__one textarea {
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    font: inherit;
}

.project-update-full__one button {
    margin-top: 15px;
}

.recipient-searcher {
    display: flex;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    align-items: center;
}

.recipient-searcher input {
    flex: 1px;
    border: none;
}

.mail-action-group span:hover,
.mail-move-to:hover {
    color: dodgerblue;
}

.mail-action-group span.mail-action-group__name {
    color: #000;
    border-bottom: 1px dashed #ddd4d4;
    font-weight: bold;
}

.mail-action-group__action {
    color: #888;
    border-bottom: 1px solid #ddd4d4;
    cursor: pointer;
}

.mail-action-group__action i {
    margin-right: 10px;
}

.mail-action-group__action:hover {
    color: dodgerBlue;
    background: #f3f3f3;
}

.box-check {
    display: block;
}

.box-check input {
    display: inline-block;
    width: auto;
}

.box-check img {
    height: 14px;
}

.structure.last {
    margin-bottom: 10px;
}

.structure-sub-name {
    padding-left: 5px;
    margin-top: 2px;
    display: inline;
    background-color: #f0f0f0;
}

.rule-list-item {
    display: flex;
    align-items: center;
}

.rule-list-item i {
    margin: 12px;
}

.rule-list-item__half {
    padding: 15px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    width: 50%;
    background: var(--item-bg);
}

.structure.notfound {
    opacity: 0.4;
    display: none!important;
}

.free-contact-item {
    padding: 15px;
    margin: 15px 0;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}

.btn-gray {
    color: #888;
}

.structure-select__all i,
.structure-select__visible i {
    margin-right: 5px;
}

.structure-select__all input,
.structure-select__visible input {
    margin-right: 10px;
}

.select-this,
.append-here,
.callback-a,
.select-moderator-from-tree,
.chat-from-tree {
    font-size: 12px;
    color: green;
    text-decoration: none;
    cursor: pointer;
    margin-left: 10px;
    border-bottom: 1px dashed transparent;
}

/* .chat-from-tree:hover,
.select-this:hover,
.append-here:hover,
.callback-a:hover,
.select-moderator-from-tree:hover {
    border-bottom: 1px dashed;
} */

.append-here {
    color: #826fc0;
}

.free-contact-item b {
    font-weight: bold;
}

.free-contact-item__actions {
    float: right;
}

.free-contact-item__actions a {
    font-size: 12px;
    margin-left: 10px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

.free-contact-item__actions a:hover {
    border-color: inherit;
}

.rule-in-tree {
    font-size: 10px;
    margin-left: 10px;
    display: inline-block !important;
    font-weight: bold;
    cursor: pointer;
}

.rule-in-tree {
    text-decoration: underline;
}

.add-rule-in-tree {
    color: green;
}

.edit-rule-in-tree {
    color: #826fc0;
}

.remove-rule-in-tree {
    color: red;
}

.rule-list button {
    margin-left: 15px;
}

.rule-list .fa-equals {
    padding: 0 15px;
}

.structure-name.dismiss {
    color: #777;
}

.structure-contact-row {
    padding-left: 40px;
    font-weight: bold;
    font-size: 12px;
}

.u-dismiss {
    text-decoration: none;
}

.u-dismiss.dismiss {
    color: red;
}

.structure-contact-list {
    margin-left: 25px;
    background: #fff;
    display: inline-block !important;
    padding: 0px 10px 10px 10px;
    font-size: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin-bottom: 20px;
    width: fit-content;
}

.structure-contact-list div,
.structure-contact-list a {
    margin-top: 10px;
}

.structure-contact-list a {
    display: block;
    color: #000;
    text-decoration: none;
}

.structure-contact-list__personal {
    color: #8b008b !important;
}

.structure-final {
    cursor: default;
}

.structure-contact-list i {
    float: none;
}

.structure-contact-list span {
    border-bottom: 1px dashed #ccc;
}

.anonym-quest {
    display: none;
}

.anonym-quest.current {
    display: block;
}

@-webkit-keyframes blink {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes blink {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

::-webkit-scrollbar-button {
    background-image: none;
    background-repeat: no-repeat;
    width: 5px;
    height: 0px;
}

::-webkit-scrollbar-track {
    background-color: #ecedee;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    /*background-color: dodgerblue;*/
    background-color: #4cae50;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #56999f;
}

::-webkit-resizer {
    background-image: none;
    background-repeat: no-repeat;
    width: 4px;
    height: 0px;
}

::-webkit-scrollbar {
    width: 4px;
}

.blinkable {
    -webkit-animation: blink-icon 1s linear infinite;
    animation: blink-icon 1s linear infinite;
}

.medical-tab,
.other-tab {
    padding: 15px;
    box-shadow: 1px 0 4px #ccc;
}

.medical-tab H4,
.other-tab H4 {
    display: block;
    margin: 0;
    margin-bottom: 15px;
    color: #826fc0;
    font-weight: bold;
}

.vacancy-block {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
    background: aliceblue;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.vacancy-name {
    font-weight: bold;
}

.vacancy-link {
    float: right;
}

.vacancy-link a {
    text-decoration: none;
    color: dodgerblue;
    border-bottom: 1px solid;
}

.birth-today {
    height: 100%;
    width: Calc(100% - 10px);
    padding: 15px;
    background: url(/assets/css/images/bb.png);
    background-size: cover;
    margin-left: 10px;
    border-radius: 10px;
}

.service__body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    margin-left: 10px;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
}

.project-update {
    margin-left: 10px;
    height: 100%;
    width: Calc(100% - 10px);
    padding: 25px;
    border-radius: 10px;
    background: url(/assets/css/images/bgg.jpg);
    background-size: cover;
}

.project-update__title {
    margin: 0;
    padding-bottom: 15px;
    color: #fff;
}

.project-update__date {
    float: right;
    color: #cdcdcd;
    /*margin-right:10px;*/
}

.project-update__more {
    color: #fff;
}

.project-update-full__one {
    background: #fff;
    padding: 25px;
    border-bottom: 1px dashed #e5e5e5;
}

.project-update-full__one:last-child {
    border: none;
}

.birth-today .user-avatar {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px;
}

.birth-today-one__name {
    color: blueviolet;
    display: flex;
    /*float: left;*/
    margin-right: 10px;
    margin-bottom: 10px;
}

.popular-photo {
    /* background: #00000057; */
    height: 100%;
    border-radius: 10px;
    display: flex;
}

.popular-photo__item {
    position: relative;
    position: relative;
    padding: 5px;
    overflow: hidden;
    background: #fff;
}

.popular-photo__item a {
    position: absolute;
    top: 10px;
    left: 10px;
    overflow: hidden;
    width: Calc(100% - 20px);
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    color: #000;
    background: #ffffffab;
    border-radius: 4px;
    padding: 10px;
}

.popular-photo__item span {
    color: blueviolet;
    margin-right: 10px;
    font-weight: bold;
}

.popular-photo img {
    height: 100%;
}

.create-not-wrapper .new-btn i {
    display: none;
}

.gallery-album__year {
    color: #826fc0;
    font-size: 26px;
    font-weight: bold;
    margin: 50px 15px 15px 15px;
    line-height: 100%;
}

.gallery-album__header {
    display: flex;
    align-content: flex-start;
}

.gallery-album__header h1 {
    flex: 1;
    margin: 0;
    padding-left: 10px;
    padding-top: 15px;
}

.gallery-album__header a {
    color: dodgerblue;
    text-decoration: none;
    border-bottom: 1px dashed;
    height: 20px;
    margin-top: 20px;
}

.gallery_list {
    margin-bottom: 50px;
}

.birth-full {
    background: #fff;
    padding: 15px;
    border: 1px solid #e5e5e5;
}

.birth-full-one {
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
    margin-left: 25px;
}

.birth-full .birth-date {
    display: block;
    margin: 0;
    margin-bottom: 15px;
    color: #826fc0;
    border-bottom: 1px solid;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 30px;
}


/*.birth-today-one__name:after{
  display:block;
  content:"";  
  clear:both;
}*/

.guide-wrapper {
    height: calc(100vh - var(--sidebar-top-height) - 20px);
    overflow-y: hidden;
}

.guide-wrapper H1 {
    margin: 0px 0px 15px 0px;
}

.guide-tree {
    padding: 0px 15px 15px 15px;
    background: #fff;
    border-right: 1px solid #e5e5e5;
    max-width: 300px;
    overflow-y: auto;
    padding-bottom: 200px;
}

.guide-node {
    margin-top: 15px;
}

.guide-padding {
    padding-left: 15px;
}

.guide-node__name {
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.guide-node__name i {
    margin-right: 5px;
    color: dodgerblue;
}

.guide-node__name span:hover {
    color: dodgerblue;
}

.guide-node i.fa-plus-square {
    display: none;
}

.guide-node i.fa-plus-square,
.guide-node i.fa-minus-square {
    color: coral;
}

.guide-node i.fa-minus-square {
    display: inline-block;
}

.guide-node.closed .guide-node {
    display: none;
}

.guide-node.closed i.fa-plus-square {
    display: inline-block;
}

.guide-node.closed i.fa-minus-square {
    display: none;
}

.guide-wrapper__content {
    display: flex;
    height: calc(100% - 70px);
}

.guide-content {
    flex: 1;
    padding: 15px;
    background: #fff;
    overflow-y: auto;
    height: auto;
}

.guide-count {
    color: #888;
    font-size: 12px;
}

.guide-node__name span.active {
    color: dodgerblue;
}

.guide-content H2 {
    margin: 0;
    margin-bottom: 15px;
    color: dodgerblue;
}

.guide-list-item {
    padding: 15px;
    border: 1px solid #e5e5e5;
    color: black;
    /* font-weight: bold; */
    background: snow;
    /* box-shadow: 1px 0 4px #d1d1d1; */
    margin-top: 15px;
    border-radius: 3px;
    cursor: pointer;
}

.guide-list-item:hover {
    box-shadow: 1px 0 4px #d1d1d1;
}

.guide-content__view {
    min-height: 500px;
}

/* .guide-content-view__header {
    margin: 0;
    font-size: 20px;
    top: 0;
    left: 0;
    padding: 15px;
    background: #a89cee;
    width: 100%;
    color: #fff;
    white-space: pre-line;
    text-overflow: ellipsis;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
} */

/* .guide-content-view__general {
    max-height: Calc(100% - 55px);
    overflow-y: auto;
    margin-top: 55px;
    padding: 0 25px;
}

.guide-content-view__header span {
    font-weight: normal;
    color: #333;
    font-size: 14px;
    line-height: 101%;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    position: absolute;
    top: 20px;
    right: 10px;
} */
/* 
.guide-content-view__header span i {
    float: left;
    margin-right: 5px;
} */

/* .guide-content-view__item img,
.guide-content-view__item video,
.guide-content-view__item audio {
    max-width: 100%;
    display: block;
    margin: 15px auto;
} */

/* .guide-content__hide {
    display: none;
} */

.guide-download {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding: 10px;
    background: dodgerblue;
    margin-bottom: 10px;
    border-radius: 3px;
    font-size: 14px;
}

.guide-download i {
    margin-right: 5px;
}

.guide-download:hover {
    color: cyan;
}

.guide-search {
    background: #fff;
    padding: 15px;
}

.guide-search__form {
    position: relative;
}

/* .guide-search__input {
    width: 100%;
    padding: 10px;
    font: inherit;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    color: #826fc0;
} */

.guide_tree_path {
    font-size: 10px;
    margin: 0;
    line-height: 100%;
    color: #888;
}

.guide-search button {
    border: none;
    position: absolute;
    right: 0px;
    top: 10px;
    cursor: pointer;
    color: #826fc0;
    background: none;
}

.guide-article-buttons {
    float: right;
    margin-top: -5px;
}

.guide-article-buttons button:first-child {
    margin-right: 10px;
}

.guide-article-content {
    padding: 15px;
    width: 1000px;
    max-width: 100%;
    min-height: 57px;
    margin: 25px auto;
    padding: 15px;
    border-radius: 5px;
    border: 1px dashed #666;
    /*position: relative;*/
    background: #fff;
}

.guide-article-content td,
.guide-content-view__item td {
    border: 1px solid #e5e5e5;
}

.guide-article-contents__add {
    background: #fff;
    padding: 10px;
    text-align: center;
}

.guide-article-contents__add * {
    display: inline-block;
}

.guide-article-contents__add .btn {
    margin: 0;
    margin-left: 10px;
}

.guide-article-contents__add .btn:last-child {
    float: none;
}

.tox .tox-dialog-wrap,
.tox-tinymce-aux {
    z-index: 130000 !important;
}

.guide-article-content__panel {
    position: absolute;
    top: -1px;
    right: -50px;
    background: #000;
    opacity: 0.6;
    border-radius: 4px;
    padding: 0 10px;
}

.guide-article-content__panel:hover {
    opacity: 1;
}

.guide-article-content__panel i {
    display: block;
    color: #fff;
    margin-top: 5px;
    line-height: 100%;
    text-align: center;
    cursor: pointer;
}

.guide-article-content__panel i:hover {
    color: cyan;
}

.guide-article-content__panel i:last-child {
    margin-top: 15px;
    margin-bottom: 5px;
}

.guide-article-content img {
    display: block;
    margin: 15px auto;
    width: 800px;
    max-width: 100%;
}

.guide-article-content.hidden .guide-article-content__item {
    max-height: 50px;
    overflow: hidden;
}

.guide-article-contents {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
}

.guide-article-content .fa-arrows-alt {
    position: absolute;
    top: -8px;
    left: -8px;
    cursor: pointer;
}

.guide-editable {
    position: relative;
    padding-top: 15x;
}

.guide-editable span {
    position: absolute;
    top: 0;
    right: 0;
    color: dodgerblue;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px dashed;
}

.guide-content-view__item {
    width: 1000px;
    max-width: 100%;
    margin: 15px auto;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 15px;
}

.guide-article-content.inc_container {
    width: 100%;
}

.inc-attach {
    /*background: aliceblue;*/
    box-shadow: 1px 0 4px #ccc;
    position: relative;
    padding: 4px 10px;
    /* border: 1px solid dodgerblue; */
    border-radius: 3px;
}

.inc-attach i {
    position: absolute;
    right: 10px;
    /*top: 8px;*/
    cursor: pointer;
    color: red;
}

.inc-attach span {
    max-width: Calc(100% - 20px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-y: auto;
}

fieldset.more-search-settings {
    display: block;
    width: 100%;
    border: none;
    border-top: 1px solid #e5e5e5;
    padding: 0;
    margin-bottom: 15px;
}

fieldset.more-search-settings legend {
    cursor: pointer;
    top: -13px;
    left: Calc(50% - 20px);
}

/* .more-search-settings.active .more-search-settings__content {
    display: flex;
    padding-top: 15px;
} */

/* .more-search-settings__content .label {
    min-width: 150px;
}

.more-search-settings__content .label .interface_search_selected {
    min-height: 36px;
}

.more-search-settings__content .label input {
    display: inline-block;
}

.more-search-settings__content {
   height: 0px;
} */

.inc-info-table {
    margin-top: 15px;
    width: 100%;
    border-collapse: collapse;
}

.inc-info-table th,
.inc-info-table td {
    padding: 50px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    vertical-align: top;
}

.inc-info-table td a {
    margin-right: 10px;
    color: navy;
    text-decoration: none;
    border-bottom: 1px solid;
}

.inc-info-table td span {
    display: inline-block;
    font-size: 14px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
    line-height: 100%;
    color: #826fc0;
}

.inc-info-table th,
.inc-info-table th.min {
    text-align: right;
    color: dodgerblue;
}

.inc-status {
    display: inline-block;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
}

.inc-history-table {
    margin-top: 15px;
    width: 100%;
    border-collapse: collapse;
}

.inc-history-table td,
.inc-history-table th {
    padding: 10px;
    text-align: left;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    font-size: 14px;
    max-width: 600px;
}

.inc-history-table th {
    font-weight: bold;
    background: beige;
}

table.list tr.inc-not-seen td {
    background: bisque;
}

.upload__wrapper {
    display: block;
    position: relative;
}

.inc-attach__one {
    position: relative;
    padding: 10px 25px 10px 10px;
    border-bottom: 1px dashed #e5e5e5;
    font-size: 12px;
}

.inc-attach__one:last-child {
    border: none;
}

.inc-attach__one a {
    text-decoration: none;
}

.inc-attach__one i {
    position: absolute;
    right: 10px;
    top: 10px;
    color: red;
    cursor: pointer;
}

.preloader-me {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #0000009e;
    color: aqua;
    text-align: center;
    padding-top: 10px;
}

.td-wrap {
    position: relative;
}

/* .inc-edit-wrapper .tab-buttons .tab {
    padding: 9px 33px;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #828280;
    background: #E0E0E0;
    border: 1.5px solid #C8C8C8;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: .3s ease;
} */

/* .inc-edit-wrapper .tab-buttons .tab:hover,
.inc-edit-wrapper .tab-buttons .tab.active {
    background: #826FC0;
    color: #fff;
} */

.inc-subtheme__wrapper {
    max-height: 100%;
    overflow-y: auto;
    padding: 15px;
    min-height: 50px;
    padding-top: 50px;
    width: 100%;
}

textarea.long-area{
    font:inherit;
    font-size:20px;
    padding:10px;
    border:1px solid #e5e5e5;
    resize: vertical;
    min-height:50px;
    width: 90%;
}

.inc-change__wrapper {
    max-height: 100%;
    overflow-y: auto;
    min-height: 300px;
}
/* 
.inc-change__wrapper input[type="text"],
.inc-change__wrapper input[type="number"],
.inc-change__wrapper input[type="date"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e5e5e5;
} */

/* .inc-change__wrapper label,
.inc_part_moderator_label {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    cursor: pointer;
    color: dodgerblue;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
} */

.inc_part_moderator_label {
    display: block;
    color: #000;
}

.inc-comment {
    margin-bottom: 15px;
    font-size: 12px;
}

.inc-comment__author,
.inc-comment__date {
    float: left;
    color: #a5a5a5;
    margin-top: 2px;
}

.inc-comment__date {
    float: right;
    /* margin-right: 10px; */
}

.inc-comment__date:after {
    content: "";
    display: block;
    clear: both;
}

.inc-comment__text {
    background: #f3f3f3;
    padding: 15px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.inc-comment__date i {
    margin-left: 5px;
    color: red;
    cursor: pointer;
}

.inc-history-table span {
    background: #ffa200;
    color: #ffffff;
    padding: 2px 5px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    font-size: 12px;
}
/* 
.inc-change__wrapper label.label,
.inc-change__wrapper label.inc_part_moderator_label {
    display: block;
} */

/* .inc-change__wrapper label.label select {
    display: block;
    padding: 8px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    width: 100%;
} */

.inc_part_moderator_select .new-contact-search {
    width: 100%;
    padding: 10px;
}

.inc_part_moderator_select .structure-list {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #b9b9b9;
    padding: 10px 0;
    margin-top: -1px;
    margin-bottom: 0;
}

.label textarea {
    width: 100%;
    min-height: 200px;
    resize: vertical;
}

 /* {
.inc-info-block    margin-top: 15px;
    background: floralwhite;
    border-radius: 5px;
}

.inc-info-block__label {
    display: block;
    font-size: 14px;
    padding: 15px;
    color: crimson;
    min-width: 160px;
    float: left;
}

.inc-info-block .inc_change {
    float: left;
    padding: 0;
    margin-right: 5px;
    padding: 2px 3px;
    font-size: 12px;
    border-radius: 3px;
    margin-top: -2px;
    background: dodgerblue;
    color: #fff;
}

.inc-tab .inc-info-block .inc_change {
    background: #D2C9FE;
    color: #3a3a3a;
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 5px;
} */

/* .inc_change__wrapper {
    padding: 10px;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #E5E5E5;
    display: flex;
    font-size: 12px;
}

.inc_change__wrapper .inc_change {
    position: absolute;
    right: 10px;
    top: 5px;
    border-radius: 8px;
    width: 25px;
    height: 25px;
    background: #D2C9FE;
    color: #000;
    border: none;
    outline: none;
    padding: 0;
} */

/* .inc-info-block__content {
    font-size: 14px;
    padding: 15px;
    display: block;
    float: right;
    width: Calc(100% - 190px);
} */

.inc-info-block__content img {
    max-width: 100%;
}

.inc-info-block__theme {
    margin-right: 15px;
    color: darkorchid;
}

.inc-info-block__content a {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: cornflowerblue;
}

.inc-info-block__content p:first-child {
    margin-top: 0;
}

.inc-info-block__content p:last-child {
    margin-bottom: 0;
}


/* .inc-part__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
} */
/* 
.inc-part__items .inc-part {
    margin: 20px;
} */

/* .inc-part {
    padding: 20px;
    background: #F7F7F7;
    border-radius: 12px;
    width: 100%;
    box-shadow: 1px 0 4px #ccc;
    position: relative;
} */

.inc-part .date-input__border {
    width: 100%;
    flex: 1 1 auto;
    /* border: 1px solid #E5E5E5; */
    border-radius: 12px;
    overflow: hidden;
    height: auto;
    display: flex;
}

/* .inc-part .date-input__border input[type="date"] {
    border: none;
    outline: none;
    padding: 5px 10px;
    height: 100%;
    width: 100%;
}

.inc-part .date-input__border ::-webkit-calendar-picker-indicator {
    background-color: #D2C9FE;
    padding: 5px;
    cursor: pointer;
    border-radius: 8px;
} */

.inc-part__selects-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
    row-gap: 10px;
}

.inc-part__number {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #ccc;
    font-size: 12px;
}

.inc-part button[type="submit"] {
    float: right;
}

.inc-part__items button[type="submit"] {
    float: right;
}

/* .inc-part__item {
    display: block;
    width: 100%;
}

.inc-part__wrapper {
    width: 100%;
    background: #e9e9e754;
    border-radius: 12px;
    padding: 15px;
    margin-top: 10px;
} */

.corrective-actions__wrapper {
    box-shadow: var(--block-shadow-1);
}
/*
.inc-part__add-action-btn {
    position: relative;
    padding-left: 50px;
    border-radius: 12px;
    margin: 10px 0 20px 10px;
}

.inc-part__add-action-btn .plusIcon {
    display: flex;
    width: 50px;
    height: 50px;
    z-index: 2;
    position: absolute;
    left: -10px;
    top: -9px;
    justify-content: center;
    line-height: 100%;
    align-items: center;
    background: #fff;
    font-size: x-large;
    border-radius: 50%;
    border: 1px solid rgb(198, 198, 198);
} */

/* .inc-part__item-flex {
    display: flex;
}

.inc-part__item label {
    display: block;
    font-size: 12px;
    color: #826fc0;
} */

/* .inc-part__item input,
.inc-part__item select,
.inc-part__item textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #e5e5e5;
    background: #FFFFFF;
   
    border-radius: 10px;
} */

.inc-part__item select {
    padding: 5px 8px;
}

.inc-part__item textarea {
    resize: vertical;
}

.inc-part__moder {
    display: flex;
    align-items: center;
}

.inc-part__moder span {
    flex: 1;
    background: #fff;
    padding: 6px 8px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
}


/**/
/* .inc-change__wrapper .new-contact-search {
    width: 100%;
    padding: 10px;
    border: 1px solid #e5e5e5;
} */

table.incident-list td,
table.incident-list th {
    padding: 15px 10px;
    font-size: 12px;
}

table.incident-list th {
    font-size: 14px;
}

table.incident-list td.center,
table.incident-list th.center {
    text-align: center;
}

table.incident-list .bg-red td,
table.incident-list .bg-red th {
    background: rgb(253 160 165 / 25%);
}

table.incident-list .bg-green td,
table.incident-list .bg-green th {
    background: rgb(161 249 172);
}

table.incident-list td,
table.incident-list th {
    background: transparent;
}

th.ordering:hover {
    cursor: pointer;
}

th.ordering i {
    opacity: 0.4;
    margin-right: 5px;
}

th.ordering.active i {
    opacity: 1;
}

.inc-total {
    padding: 15px;
    margin: 15px 0;
    background: #fff;
    font-size: 12px;
    box-shadow: 1px 0 4px #ccc;
}

.scale__wrapper {
    display: flex;
    align-items: flex-end;
    margin: 0 auto;
}

.scale__item {
    width: Calc(20% - 2px);
    background: #cfcfcf;
    margin: 0 1px;
}

.incident-list td input[type="checkbox"] {
    margin: 0;
}

.label .ui-slider-horizontal .ui-slider-handle {
    top: -8px;
}

.label .sliders {
    margin: 6px;
    margin-top: 18px;
}

.sliders-values {
    font-weight: bold;
    color: #000;
}

/*.inc-edit-wrapper {
    background: #fff;
    padding: 15px;
    margin: 15px 0;
    box-shadow: 1px 0 4px #ccc;
}

.inc-edit-wrapper.bg-green {
    background: rgb(161 249 172);
}

.inc-edit-wrapper.bg-red {
    background: rgb(253 160 165 / 25%);
}*/

/*.inc-edit-wrapper .tab.active {
    border-bottom: 1px solid;
}*/


/* .inc-edit-wrapper {
    padding: 10px;
    border-radius: 4px;
}

.inc-edit-wrapper .interface_search_list {
    background: #fff;
}

.inc-edit-wrapper .interface_search_list .interface_search_selected {
    background: #fff;
    border-radius: 12px;
}

.inc-edit-wrapper.bg-green {
    background: rgb(161 249 172);
}

.inc-edit-wrapper.bg-red {
    background: rgb(253 160 165 / 25%);
} */

.scale__edit .scale__item:hover {
    background: blue !important;
}

.set-incs-type .interface_search_list {
    margin: 0;
    margin-right: 5px;
    width: 200px;
}

.inc-fields.hidden {
    display: none;
}

#excel td {
    vertical-align: middle;
}

.inc-fields .label-inline {
    float: none;
    display: block;
    padding: 10px;
    font-size: 12px;
    line-height: 100%;
    cursor: pointer;
}

.inc-fields .label-inline input {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}

.scale__edit .scale__item:hover {
    background: blue !important;
}

.incs-settings {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 15px;
}

.set-incs-type .interface_search_list {
    margin: 0;
    width: 200px;
}

.set-incs-type .interface_search_list .interface_search_selected {
    border-radius: 8px 0 0 8px;
}

.set-incs-type button {
    border-radius: 0 8px 8px 0;
}

/* .inc-fields.hidden {
    display: none;
}

.inc-fields {
    position: fixed;
    width: 80%;
    left: 10%;
    max-height: 80%;
    overflow: auto;
    top: 10%;
    z-index: 100000;
    background: #fff;
    box-shadow: 1px 0 4px #ccc;
}

#excel td {
    vertical-align: middle;
}

.inc-fields .label-inline {
    float: none;
    display: block;
    padding: 10px;
    font-size: 12px;
    line-height: 100%;
    cursor: pointer;
}

.inc-fields .label-inline input {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
} */

/* .one-field label span {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: purple;
} */

.default-content H1 {
    margin: 0;
    margin-bottom: 15px;
}

.default-content .frmSearch input {
    width: 100%;
    max-width: 100%;
}

.default-content .frmSearch {
    padding-right: 0;
}

.main-search {
    display: flex;
    align-items: flex-end;
}

.main-search .btn {
    height: 37px;
    margin-bottom: 15px;
}

.default-content {
    padding: 0 10px;
}

.service-item__header {
    display: flex;
    align-items: center;
}

.service-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.service-item {
    /* width: Calc(20% - 20px); */
    /* margin: 10px; */
    width: 100%;
    max-width: 300px;
    background: #fff;
    position: relative;
    border-radius: 4px;
    box-shadow: 1px 0 4px #cccc;
    overflow: hidden;
}

.service-item:after {
    content: "";
    padding-top: 100%;
    display: block;
}

.service-item__content {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
}

.service-item__content img {
    width: Calc(50% - 30px);
    margin: 15px;
    float: left;
}

.service-item__content H2,
.service-item__more {
    padding: 0 15px;
}

.service-item__more {
    padding: 25px;
    color: #666;
    font-style: italic;
}

.service-item__content .btn {
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.service-item__content .btn:last-child {
    right: 15px;
    left: auto;
}

.ads-fast-search__wrapper {
    margin-bottom: 25px;
}

.ads-fast-search__wrapper>.btn {
    display: flex;
}

.ads-fast-search__wrapper .btn:not(:last-child) {
    margin-right: 15px;
}

.ads-fast-search__wrapper .btn {
    margin-right: 0;
}

.ads-fast-search__wrapper input[type="radio"] {
    display: none;
}

.ads-toggle {
    margin-bottom: 10px;
}

.ads-toggle label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ads-toggle label:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f204";
    margin-right: 10px;
    color: #666;
    font-size: 24px;
}

.ads-toggle input:checked+label:before {
    content: "\f205";
    color: green;
}

.green {
    color: green;
}

.red {
    color: red;
}

.blue {
    color: #826fc0;
}

.bonus-search-list {
    width: 100%;
    background: #fff;
    border: 1px solid #e5e5e5;
    margin-top: 1px;
    box-shadow: 1px 0 4px #b7b7b7;
    max-height: 300px;
    overflow-y: auto;
}

.bonus-search-list .preload,
.bonus-duty-list .preload {
    display: block;
    margin: 15px auto;
    text-align: center;
}

.bonus-search-item {
    padding: 10px;
    font-size: 12px;
    color: dodgerblue;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
}

.bonus-search-list.closed {
    display: none;
}

.bonus-search-item:hover {
    background: dodgerblue;
    color: #fff;
}

.bonus-search-item.closed:hover {
    color: grey;
}

.bonus-search-item.closed {
    color: grey;
}

.bonus-search-block {
    display: flex;
}

.bonus-search-block>* {
    margin-right: 10px;
}

.bonus-search-block>*:last-child {
    margin-right: 0px;
}

.bonus-search-block input[type="date"] {
    width: auto;
    padding: 8px;
}

.bonus-search-block .interface_search_list {
    margin-top: 0;
    width: 200px;
}

.bonus-search-block .interface_search_list.bonus-user {
    margin-top: 0;
    width: 300px;
}

.bonus-search-block .interface_search_item,
.bonus-search-block .interface_search_selected {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inc-change__wrapper .bonus-pricelist td input[type="number"] {
    padding: 6px;
    width: 50px;
}

.inc-change__wrapper .bonus-pricelist td input[type="date"] {
    padding: 4px;
    width: 130px;
}

/* .inc-change__wrapper label.label,
.inc-change__wrapper label.inc_part_moderator_label {
    display: block;
}

.inc-change__wrapper label.label select {
    display: block;
    padding: 8px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    width: 100%;
} */

/* .inc-change__wrapper {
    max-height: 100%;
    overflow-y: auto;
    padding: 15px;
    min-height: 300px;
    padding-top: 50px;
} */

/* .inc-change__wrapper input[type="text"],
.inc-change__wrapper input[type="number"],
.inc-change__wrapper input[type="date"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e5e5e5;
} */

/* .inc-change__wrapper label,
.inc_part_moderator_label {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    cursor: pointer;
    color: dodgerblue;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
} */

.bonus-pricelist__remove,
.bonus-pricelist__add {
    cursor: pointer;
    color: red;
    width: auto;
    margin: 0 auto;
    font-weight: bold;
    border-bottom: 1px dashed;
    margin-top: 8px;
}

.bonus-pricelist__add {
    float: right;
    color: green;
    margin-top: -20px;
    font-size: 12px;
}

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

.report-table th,
.report-table td {
    padding: 10px;
    font-size: 12px;
    border: 1px solid #e5e5e5;
    text-align: left;
}

.report-table th {
    color: #fff;
    background: #000;
}

.bonus-worker__count {
    background: #fff;
    color: #898989;
}

.bonus-worker__name {
    background: beige;
    color: #000;
}

.bonus-worker__name .bonus-corpus__count {
    background: #fff;
    color: #9b5400;
}

.bonus-corpus__name {
    background: bisque;
    color: #000;
}

.bonus-duty-rate {
    margin-top: 15px;
}

.bonus-duty-rate__name {
    color: #000;
}

.bonus-duty-rate__value {
    display: flex;
    align-items: center;
}

.bonus-duty-rate__value input {
    margin-right: 10px;
}

.bonus-duty-rate__current {
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin-top: -15px;
    color: crimson;
}

.notEdit {
    display: block;
    background: #fff;
    padding: 15px;
}

.alice-label,
fieldset.alice-label {
    padding: 15px;
    background: #f7fbff;
}

.img-container-wrapper {
    text-align: center;
    margin-bottom: 15px;
}

.img-container-wrapper label.btn {
    display: inline-block;
    width: auto;
    margin: 15px auto;
}

fieldset.grey-fieldset {
    margin: 0;
    padding: 0;
}

.not-body table {
    width: 100% !important;
    border-collapse: collapse !important;
}

.not-body table td,
.not-body table th {
    width: auto !important;
    border: 1px solid #e5e5e5 !important;
    padding: 10px !important;
    vertical-align: top !important;
}

.not-body table td p:first-child {
    margin-top: 0 !important;
}

.not-body table td p:last-child {
    margin-bottom: 0 !important;
}

.mobile-only {
    display: none;
}

.diner-menu__top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0;
}

.diner-menu__top h3 {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #a799e0;
    margin: 0;
    margin-left: 30px;
}

.diner-menu__top .back {
    position: absolute;
    left: 5px;
    top: calc(50% - 11px);
    cursor: pointer;
}

.diner-menu__top .back svg {
    height: 22px;
}

.diner-menu__month {
    display: flex;
    width: max-content;
    justify-content: center;
    background: #a799e0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
    border-radius: 8px;
    padding: 5px 20px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    text-transform: capitalize;
    margin: 10px 0 10px 10px;
}

.tabs.diner-menu .tab-buttons {
    margin-bottom: 10px;
    padding-bottom: 0;
}

.tabs.diner-menu .tab-buttons .tab {
    margin-right: 0;
}

.tabs.diner-menu .tab-buttons .tab.active {
    border-bottom: none;
    background: none;
}

.tabs.diner-menu .tab-buttons .tab.active .dining-date__tab {
    background: #a799e0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
}

.tabs.diner-menu .tab-buttons .tab.active .dining-date__tab>span {
    color: #fff;
}

.tab-buttons .tab .dining-date__tab {
    width: 46px;
    height: 46px;
    background: #e7e7e7;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 4px;
}

.tab-buttons .tab .dining-date__tab .date-num {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #595959;
}

.tab-buttons .tab .dining-date__tab .date-str {
    font-weight: 600;
    font-size: 9px;
    line-height: 9px;
    color: #a7a9a8;
}
/* 
.module.dining .tab-content {
    background: transparent;
    padding: 0 15px;
} */

/* .module.dining .tab-content h5 {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #595959;
} */

.dining_mark__select img {
    margin-right: 15px;
    cursor: pointer;
    opacity: 0.5;
    border-radius: 50%;
}

.dining_mark__select img:hover {
    opacity: 1;
}

.dining_mark__select img.selected {
    opacity: 1;
    border: 6px solid #fff;
    box-shadow: 1px 0 4px #ccc;
}

.dining-block.tab-content p strong {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #595959;
}

.dining-block.tab-content ol>li {
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #595959;
}

.tabs.white .tab-buttons {
    overflow: hidden;
}

.tabs.white .tab {
    border: none;
}

.tabs.white .tab.active {
    background: #FFF;
    box-shadow: 1px 0 4px #ccc;
}

.tabs.white .tab-content {
    padding: 15px;
    background: #FFF;
    min-height: 300px;
}

tr.vm td {
    vertical-align: middle;
}

.no-padx {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-pady {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.shadow {
    box-shadow: 1px 0 4px #ccc;
}

.ui-dialog {
    padding: 0;
}

.ui-corner-all {
    border-radius: 0;
}

.ui-widget-header {
    border: 1px solid #826fc0;
    background: #826fc0;
    color: #fff;
    font-weight: bold;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    box-shadow: 1px 0 4px #ccc;
}

.ui-dialog-content H6,
.ui-widget-content H6 {
    font-size: 14px;
    font-weight: 600;
    margin: 15px 0px;
}

.ui-dialog-buttonset button {
    position: relative;
}



.ui-dialog-buttonset button:last-child {
    background: red;
    color: red;
}

.ui-dialog-buttonset button:last-child:after {
    display: block;
    content: "Нет";
    color: #FFF;
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    text-align: center;
}

.mail-icon-small {
    float: left;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 5px;
}

.folders li {
    display: flex;
    align-items: center;
}

.folders li a {
    flex: 1;
}

.folders li .mail-counter {
    font-size: 12px;
}

.remove-mail-dir {
    cursor: pointer;
    color: red;
    opacity: 0.4;
    font-size: 10px;
}

.remove-mail-dir:hover {
    opacity: 1;
}

.tox .tox-dialog {
    z-index: 15050;
}

.page-not-found {
    font-size: 3rem;
    display: block;
    margin: 0;
    padding: 50px 0;
    text-align: center;
}

.one-variant {
    display: flex;
    align-items: center;
    background: #c0e0ff;
    padding: 5px;
    margin-top: 15px;
}

.one-variant * {
    margin: 5px;
}

.one-variant input[type="text"] {
    flex: 1;
}

.one-variant input[type="radio"],
.one-variant input[type="checkbox"],
.one-variant input[type="number"] {
    width: auto;
}

.one-variant i.fa-times {
    color: red;
    cursor: pointer;
}

.available-quests,
.selected-quests {
    width: 50%;
    float: left;
    height: 400px;
    overflow: hidden;
    padding: 15px;
    box-shadow: 1px 0 4px #ccc inset;
}

.quest-list_wrapper {
    height: Calc(100% - 200px);
    overflow-y: auto;
}

.quest-list_wrapper table {
    margin-top: 15px;
}

.quest-list_wrapper table td i {
    margin: -10px;
    padding: 10px;
    background: aliceblue;
}

.quest-list_wrapper tr.selected {
    display: none;
}

.list.small td,
.list.small th {
    font-size: 12px;
    padding: 10px;
}

.list.small th {
    font-weight: bold;
}

.list.small tr:first-child td {
    border-top: 1px solid #e5e5e5;
}

.quests__search {
    display: flex;
}

.quests__search input:first-child {
    flex: 1;
}

.quests__search .interface_search_list {
    margin-top: 0;
    width: 200px;
}

/* .interface_search_item {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
} */

label.tst-user-list__row {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    margin: 0;
    cursor: pointer;
}

label.tst-user-list__row:first-child {
    border-top: 1px solid #e5e5e5;
}

.tst-user-list__row:hover {
    background: aliceblue;
}

.tst-user-list__row input {
    width: auto;
    margin: 0;
}

.tst-user-list__row span {
    padding-left: 10px;
    flex: 1;
}

label.tst-user-list__row.select-all span {
    font-weight: bold;
}



.tst-answer-wrapper {
    display: flex;
}

.tst-quest-wrapper .label span {
    font-size: 1.5rem;
}

.tst-one-quest img {
    display: block;
    width: 600px;
    max-width: 50%;
    margin-right: 15px;
}

.tst-quest-wrapper {
    flex: 1;
}

.tst-quest-wrapper H5 {
    margin: 0;
    margin-bottom: 15px;
    font-size: 2.5rem;
    display: block;
    padding-right: 60px;
    line-height: 100%;
}

.tst-quest-wrapper input[type="text"],
.tst-quest-wrapper input[type="number"],
.tst-quest-wrapper textarea {
    width: 100%;
    font: inherit;
    padding: 0.75rem;
}

/* .tst-quest-wrapper label {
    display: block;
    margin-bottom: 15px;
    cursor: pointer;
    padding: 15px;
    background: #e1e1e1;
} */

.tst-quest-number {
    padding: 15px 0;
    color: #919090;
    font-size: 0.75rem;
    float: left;
    margin-top: 15px;
}

.tst-one-quest {
    position: relative;
}

.tst-timer {
    position: absolute;
    right: 0;
    top: 15px;
    color: gray;
}

.tst-results-one H6 {
    display: block;
    margin: 0;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.tst-show-answers,
.tst-show-results {
    color: dodgerblue;
    display: inline-block;
    cursor: pointer;
    padding-bottom: 0.25rem;
    border-bottom: 1px dashed;
    margin-right: 1rem;
}

.tst-results-one {
    padding: 1rem;
    background: #ebebeb;
    margin-bottom: 1rem;
    border: 1px dashed #ccc;
}

.tst-results-one label {
    display: flex;
    align-items: center;
}

.tst-results-one label i {
    margin-right: 5px;
    color: #ebebeb;
}

.tst-results-one label i.fa-check {
    color: dodgerblue;
}

.tst-results-one label input[type="text"],
.tst-results-one label input[type="number"] {
    background: transparent;
    border: none;
    border-bottom: 1px solid;
}

.tst-results-one label span {
    display: none;
}

.profile-wall__wrapper {
    margin-bottom: 15px;
}

.profile-wall__header {
    width: 100%;
    font-size: 30px;
    color: var(--base-text-color);
}

.wall-posts {
    width: 100%;
}

.wall-post {
    background: var(--subblock-bg) /*#bbbbbb17*//*#F2F4F7*/;
    padding: 15px;
    margin-top: 15px;
    border-radius: 20px;
    /*border: 1px solid #e5e5e5;*/
    box-shadow: var(--block-shadow-1);
}

.wall-post__author {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1rem;
    position: relative;
    padding-left: 46px;
    height: 40px;
    float: left;
    cursor: pointer;
    max-width: Calc(100% - 50px);
    overflow: hidden;
    text-overflow: ellipsis;
}

.wall-post__author .date {
    display: block;
    font-size: 0.5rem;
}

.wall-post-text,
.wall-post-image,
.wall-post-audio,
.wall-post-video {
    margin-top: 15px;
}

.user-more {
    cursor: pointer;
}

.user-more:hover {
    color: dodgerblue;
}

.wall-post__author.user-more:after {
    display: none;
}

.wall-post-author__avatar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    border-radius: 50%;
}

.wall-post__comments .wall-post-author__avatar {
    width: 24px;
}

.wall-post__comments .wall-post__author {
    height: 24px;
    padding-left: 30px;
    font-size: 0.75rem;
}



.post-edit-form {
    padding: 15px;
    background: var(--subblock-bg);
    margin: 15px 0;
    border-radius: 20px;
}

.post-edit-form label {
    display: block;
    margin-bottom: 15px;
}

.post-edit-form label span {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
}

.post-edit-form textarea {
    width: 100%;
    max-width: 100%;
    resize: vertical;
    min-height: 100px;
}

.post-attach__buttons {
    margin: 15px 0;
    /*color: #826fc0;*/
    font-size: 12px;
}

.post-attach__buttons .upload__wrapper {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}

.post-attach__buttons .upload__wrapper .preloader-me {
    padding-top: 0;
}

.post-attach__buttons label {
    cursor: pointer;
    color: dodgerblue;
    border-bottom: 1px dashed;
    margin: 0;
}

.post-attach__append input {
    display: none;
}

.post-edit-cancel,
.post-edit-save {
    font-size: 12px;
    display: block;
    border-bottom: 1px solid;
    cursor: pointer;
}

.post-edit-cancel {
    float: left;
    color: red;
}

.post-edit-save {
    float: right;
    color: green;
}

.post-attach.guide-article-content {
    border: none;
    width: auto;
    padding: 0;
    margin: 0;
    min-height: 0;
}

.wall-post-content__editable {
    width: 600px;
    max-width: 100%;
    position: relative;
    padding-left: 25px;
}

.wall-post-content__editable i {
    position: absolute;
    left: 0;
    top: 0;
    color: red;
    cursor: pointer;
}

.wall-post img,
.wall-post video,
.wall-post audio {
    max-width: 100%;
}

.profile-wall__wrapper {
    width: 800px;
    max-width: 100%;
}

.wall-post video,
.wall-post audio {
    width: 100%;
}

.user-profile-submit-buttons {
    position: fixed;
    bottom: 0;
    left: var(--sidebar-left-width);
    background: #FFF;
    padding: 0px;
    z-index: 10001;
    width: Calc(100% - var(--sidebar-left-width));
    box-shadow: 1px 0 4px #ccc;
}

.user-profile-submit-buttons .new-btn {
    margin: 15px;
}

.profile-tabs {
    padding-bottom: 50px;
}

.not-com-add-frm .profile-close {
    display: block;
    position: sticky;
    top: 0;
    margin-left: auto;
    font-size: 25px;
    font-weight: 700;
    cursor: pointer;
    user-select: none;
    width: max-content;
}

.profile-close {
    display: none;
}

.wall-post__info {
    position: relative;
}

.wall-post__info .fa-ellipsis-v {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: #ededed;
    border-radius: 50%;
    padding: 5px 10px;
    color: gray;
    line-height: 100%;
}

.wall-post__info .popup-menu {
    top: 30px;
}

.popup-menu .wall-add-post {
    font-weight: normal;
    line-height: 100%;
    display: block;
    padding: 10px;
    font-size: 14px;
    text-align: left;
    color: inherit;
    float: none;
    margin-top: 0;
    border: none;
}


.wall-comment__one {
    padding-top: 15px;
}

.wall-comment__one>.wall-comment__one {
    margin-left: 25px;
    border-top: 1px solid #e5e5e5;
}

.wall-comment-one__wrapper {
    padding: 15px;
    /*border-bottom: 1px solid #e5e5e5;*/
}

.wall-comment-one__wrapper {
    /*color: #666;*/
    font-size: 14px;
    padding: 10px 0;
    line-height: 125%;
}

.wall-post__comments {
    border-top: 1px solid #e5e5e5;
    margin-top: 15px;
    padding-top: 0;
}

.wall-comment-one__action {
    text-align: right;
    font-size: 12px;
    color: #826fc0;
}

.wall-comment-one__action span {
    margin-left: 15px;
    cursor: pointer;
}

.wall-post__actions i {
    cursor: pointer;
}

.wall-comment__answer {
    padding: 10px;
    position: relative;
    padding-bottom: 25px;
}

.wall-comment__answer textarea {
    width: 100%;
    resize: vertical;
    background: aliceblue;
    border-radius: 5px;
    font: inherit;
    font-size: 12px;
    padding: 10px;
    border: 1px solid #ccd0d3;
}

.wall-comment__answer div {
    position: absolute;
    bottom: 0;
    padding: 10px 0;
}

.wall-comment__answer span {
    color: #826fc0;
    font-size: 12px;
    margin-right: 10px;
    cursor: pointer;
}

.wall-comment__answer span:last-child {
    color: red;
}

.wall-post-content__editable video,
.wall-post-content__editable audio,
.wall-post-content__editable img {
    max-width: 100%;
}

span.wall-comment-remove {
    color: red;
}

.who_online .online-one-user .name {
    display: none;
}

.who_online .online-one-user {
    display: flex;
}

.who_online .online-one-user .name {
    flex: 1;
}

.who_online .offline {
    display: none;
}

span.online~.name,
span.afk~.name {
    display: block !important;
}

.test-rules__one {
    display: flex;
    align-items: center;
    padding: 10px;
    background: aliceblue;
    margin-top: 15px;
}

.test-rules__one textarea {
    resize: vertical;
}

/* .test-rules__one * {
    width: auto !important;
    height: auto !important;
    margin: 5px;
} */

.test-rules__one input[type="number"] {
    width: 80px !important;
}
/* 
.test-rules__one .interface_search_list {
    width: 25% !important;
} */

.test-rules__one textarea {
    flex: 1;
}

.tst-statistics,
.tst-statistics__group {
    /* background: #FFF;
    box-shadow: 1px 0 4px #ccc inset;
    /*padding: 15px;*/
    /* border: 1px solid #e5e5e5;
    margin-bottom: 15px; */
}

.tst-statistics {
    display: flex;
    flex-wrap: wrap;
}

.tst-statistics p,
.tst-statistics__group p {
    display: block;
    margin: 0;
    padding: 15px;
}

.tst-statistics__group H4 {
    margin: 0;
    color: #826fc0;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.tst-statistics-group__rule {
    font-weight: bold;
    padding: 15px;
}

.tst-burnout {
    border: 1px solid #e5e5e5;
    width: 200px;
    max-width: 100%;
    background: #FFF;
    margin: 15px auto;
    position: relative;
    padding: 10px;
    text-align: center;
}

.tst-burnout div {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0.4;
}

.tst-results__list {
    margin-bottom: 15px;
    border: 1px solid dodgerblue;
    padding: 15px;
}

.tst-results__list>H5 {
    margin: -15px;
    font-weight: bold;
    display: block;
    cursor: pointer;
    background: dodgerblue;
    padding: 15px;
    color: #FFF;
    position: relative;
}

.tst-results__list>H5 i {
    position: absolute;
    right: 15px;
    top: 15px;
}

.tst-results__list.closed .tst-results-list__one {
    display: none;
}

.tst-results__list .tst-results-list__one {
    margin-top: 30px;
}

.tst-popup {
    position: fixed;
    z-index: 12000;
    background: dodgerblue;
    top: -600px;
    background-size: cover;
    width: 600px;
    padding: 15px;
    min-height: 300px;
    max-width: Calc(100% - 30px);
    color: #FFF;
    box-shadow: 1px 0 4px #000;
    text-align: center;
}

.tst-popup p {
    font-size: 2rem;
    line-height: 100%;
    font-weight: 300;
}

.tst-popup i {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #FFF;
    font-size: 2rem;
    cursor: pointer;
}

.tst-popup p span {
    color: lightyellow;
    font-weight: 400;
    display: block;
    margin: 15px 0;
}

.tst-popup a.btn {
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}

.tst-statistics-group__more {
    padding: 15px;
    font-size: 12px;
    font-style: italic;
    margin: 15px;
    color: #5a5a5a;
    background: cornsilk;
}

.targets-selected {
    width: 100%;
    background: #FFF;
    padding: 15px;
    box-shadow: 1px 0 4px #ccc;
}

.target-selected__header {
    color: gray;
}

.target-selected__header span {
    font-weight: bold;
    color: #000;
}

.target-selected__header i {
    float: right;
}

.worker-list__full {
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: hidden;
}

.structure-list {
    flex: 1;
    overflow: auto;
}

.workers-list-selected__item {
    padding: 10px;
    color: dodgerblue;
    font-size: 12px;
    margin: 5px;
    background: #FFF;
    display: flex;
    align-items: center;
    width: Calc(100% - 10px);
}

.workers-list-selected__item span {
    flex: 1;
    padding: 0 10px;
}

.workers-list-selected__item b {
    color: #8f8c8c;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.workers-list-selected__item i {
    cursor: pointer;
    color: red;
}

.not-details {
    margin-right: 10px;
    cursor: pointer;
}

.selected-tab__actions {
    display: flex;
    align-items: center;
    background: #FFF;
    padding: 10px 0;
}

.selected-tab__actions input {
    margin: 0;
    flex: 1;
}

.selected-tab__actions span {
    font-size: 12px;
    font-weight: bold;
    color: green;
    cursor: pointer;
}

.autogroups {
    padding: 0 10px;
}

.autogroups__none {
    text-align: center;
    font-style: italic;
}

.autogroups__one {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    display: flex;
    font-size: 12px;
}

.autogroups__name,
.autogroups__count,
.autogroups__load {
    margin-right: 10px;
}

.autogroups__name {
    flex: 1;
    color: dodgerblue;
}

.autogroups__count {
    font-weight: bold;
}

.autogroups__load {
    color: blue;
    cursor: pointer;
}

.autogroups__remove {
    color: red;
    cursor: pointer;
}

.autogroups__one:last-child {
    border-bottom: none;
}

.seens .unseen {
    color: #999;
}

.seens .seen {
    color: green;
}

.report-search {
    background: #FFF;
    padding: 1rem;
    margin-bottom: 1rem;
}

.report-search input {
    font: inherit;
    padding: 0.5rem;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    width: 100%;
}

.report-settings {
    padding: 1rem;
    background: #FFF;
}

.report-settings .grey-fieldset {
    float: none;
    width: 100%;
    max-height: 400px;
    overflow: auto;
    margin-bottom: 25px;
}

.report-settings input[name="search"] {
    max-width: 100%;
}

.report-form__toggle {
    cursor: pointer;
    color: navy;
    font-size: 12px;
    font-weight: bold;
}

.report-settings.opened .report-form__toggle.open {
    display: none;
}

.report-settings.closed .report-form__toggle.close,
.report-settings.closed .report-settings__content {
    display: none;
}

.report-settings__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: start;
}

/* .report-settings__actions * {
    margin: 0 1rem;
}

.report-settings__actions *:first-child {
    margin-left: 0;
}

.report-settings__actions *:last-child {
    margin-right: 0;
} */

.module-as-service__open {
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    text-align: center;
    background: #FFF;
    color: dodgerblue;
    font-weight: bold;
    cursor: pointer;
}

.module-as-service {
    background: #FFF;
    box-shadow: 1px 0 4px #ccc;
    border-radius: 2px;
}

.module-as-service:nth-child(even) {
    margin-left: 10px;
}

.module-as-service img {
    display: block;
    max-height: 100%;
    width: auto;
    margin: 0 auto;
}

.module-as-service .list {
    box-shadow: none;
}

.module-as-service .pricelist,
.module-as-service .gallery_list {
    max-height: 100%;
    overflow-y: auto;
}

.module-as-service .frmEdit {
    display: flex;
    align-items: center;
}

.module-as-service .frmEdit input[type="text"] {
    flex: 1;
}

.module-as-service .tabs {
    max-height: 100%;
    overflow-y: auto;
    padding: 1rem;
}

.m0 {
    margin: 0;
}

.p1 {
    padding: 1rem !important;
}

/* label.flex {
    display: flex;
    align-items: center;
} */

/* label.flex input[type="number"] {
    width: 60px;
    font: inherit;
    padding: 8px;
    margin-right: 10px;
    font-size: 12px;
} */

/* label.flex span {
    flex: 1;
} */

.limit-answer__help {
    color: dodgerblue;
}

.limit-answer__help u {
    flex: 1;
    text-align: center;
    text-decoration: none;
}

.limit-answer__help span {
    font-weight: bold;
    color: black;
    width: 70px;
    margin-right: 15px;
    text-align: center;
    font-size: 12px;
}

.tst-results-one label.flex span {
    display: unset;
    font-size: 14px;
}

.tst-results-one label.flex {
    margin-bottom: 10px;
    background: #FFF;
    padding: 10px;
}

.tst-results-one label.flex input {
    border: none;
}

.seens p {
    background: #fff;
    margin: 0;
    padding: 10px;
    margin-bottom: 3px;
    font-size: 12px;
}

.seens fieldset {
    margin-top: 15px;
}

.seens p i.fa-user-shield {
    margin-right: 10px;
}

.seens p i.fa-eye,
.seens p i.fa-eye-slash {
    margin-right: 10px;
}

.seens p.seen i.fa-eye-slash {
    display: none;
}

.seens p.unseen i.fa-eye {
    display: none;
}

.seens-settings {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.seens-settings span {
    cursor: pointer;
    padding: 10px;
    font-size: 12px;
    color: gray;
}

.seens-settings span.active {
    color: dodgerblue;
}

.birth-calendar__month {
    margin: 10px;
}

.birth-calendar-month__name {
    text-align: center;
    padding: 10px;
    color: #826fc0;
    font-weight: bold;
}

.birth-calendar-day__header .birth-calendar-day__content {
    font-weight: bold;
    cursor: default;
}

.birth-calendar__day {
    float: left;
    width: Calc(14.28% + 1px);
    text-align: center;
    border: 1px solid #e5e5e5;
    margin-left: -1px;
    margin-top: -1px;
    position: relative;
    background: #FFF;
    cursor: pointer;
}

.birth-calendar__day.active {
    background: aliceblue;
}

.birth-calendar__day span {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 10px;
    background: #f5f5f5;
    color: #333;
    width: 16px;
    height: 16px;
    text-align: center;
    padding-top: 2px;
    line-height: 100%;
}

.birth-calendar-day__header {
    border: none;
    font-weight: bold;
    background: transparent;
}

.birth-calendar__day::after {
    content: "";
    padding-top: 100%;
    display: block;
}

.birth-calendar-day__content {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    padding-top: Calc(50% - 12px);
    font-size: 1vw;
}

.birth-calendar-month .birth-calendar-day:nth-child(1),
.birth-calendar-month .birth-calendar-day:nth-child(8n) {
    border-left: none;
}

.birth-calendar__info {
    display: flex;
    /* align-items: center; */
    flex-wrap: wrap;
    gap: 10px;
}

.birth-calendar__info .birth-calendar-info__user {
    width: Calc(33% - 10px);
    padding: 10px;
    display: flex;
}

.birth-calendar-info__user .user-more {
    width: 100%;
    display: flex;
    /*color: #826fc0;*/
    flex-direction: column;
    align-items: center;
}

.birth-calendar-info__user .user-more * {
    font-weight: 400;
    text-align: center;
}

.birth-calendar-info__user .user-more div:first-child {
    height: 30px;
    width: 30px;
    margin-right: 10px;
    border-radius: 50%;
}

.birth-calendar-info__user .user-more .under-dots {
    flex: 1;
    border-bottom: 2px dotted;
    margin: 0 10px;
}

.modern-header {
    padding-left: 10px;
    color: #000000;
    font-weight: 300;
    font-size: 3rem;
    text-align: center;
}

.birth-calendar__info {
    margin-bottom: 15px;
}

.guide-content-view__general .birth-calendar-info__user {
    text-align: left;
    margin-bottom: 15px;
}

.user-edit-tabs {
    background: #FFF;
}

/* .reset-password {
    margin: 15px;
} */

.user-tabs {
    margin-bottom: -1px;
}

.user-tabs .tab {
    background: #CCC;
}

/*.user-tabs .tab.active {
    background: #FFF;
}*/

.user-tabs .tab {
    border: 1px solid #e5e5e5;
}

.user-edit-tabs .tab-content {
    border: 1px solid #e5e5e5;
    padding: 15px;
}

.user-edit-tabs .accordion-item {
    margin: 0;
    border: 1px solid #e5e5e5;
    padding: 10px;
    margin-bottom: 10px;
    padding-top: 0;
}

.tr-vert td {
    vertical-align: middle !important;
}
.cursor-pointer {
    cursor: pointer;
}

.link-actions a {
    max-width: 50%;
    color: dodgerblue;
    font-size: 12px;
    margin-top: 5px;
    cursor: pointer;
    float: left;
    text-decoration: none;
}

.link-actions a:last-child {
    float: right;
}

.link-actions:after {
    content: "";
    display: block;
    clear: both;
}

.link-with-preview__filename {
    color: #000;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    position: relative !important;
}

.list tr.duty-closed>td {
    /*background: #f3f3f3;*/
    color: #ccc;
}

.random-user {
    position: relative;
}

.random-user .preload {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fd0099;
    background: #ffffff;
    padding-top: 8px;
}

td.top {
    vertical-align: top !important;
}

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

.percents p {
    flex: 1;
    margin-left: 10px;
}

.percents span {
    font-weight: bold;
    text-align: center;
    min-width: 30px;
}

.percents span:first-child {
    min-width: 44px;
}

.percents span:first-child:after {
    content: "/";
    display: block;
    margin: 0 5px;
    float: right;
}

.vacancy__service .vacancy {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.vacancy__service .vacancy h5 {
    margin: 10px 0;
}

.vacancy .vacancy__count {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.vacancy .vacancy__count h4 {
    display: block;
    margin: 0;
    color: #826fc0;
    font-weight: bold;
}

.vacancy .vacancy__count span {
    color: #666;
    font-weight: 700;
    font-size: 22px;
}

.ads-service {
    height: 250px;
}

.custom-text-area {
    padding: 5px;
    border: 1px solid #f3f3f3;
}

tr.trans {
    opacity: 0.1;
}

.communicating {
    margin: -10px !important;
    background: #FFF;
    height: Calc(100% + 20px);
}

.com-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.com-tree,
.com-content {
    height: 100%;
}

.com-tree {
    width: 250px;
}

.com-tree__buttons {
    display: flex;
    align-items: center;
}

.com-tree__parent {
    white-space: nowrap;
    width: 50%;
    position: relative;
    width: 50%;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    background: #d3d3d3;
    color: #8d8d8d;
    cursor: pointer;
}

.com-tree__parent i {
    margin-right: 10px;
}

.com-tree__parent.active {
    background: #FFF;
    color: dodgerblue;
}

.com-content {
    flex: 1;
    height: 100%;
    background: url('/assets/css/images/chat2.jpg');
    background-size: cover;
    background-attachment: fixed;
}

.com-content__wrapper {
    padding: 10px;
}

.com-tree__wrapper {
    display: none;
    position: relative;
    height: Calc(100% - 35px);
}

.com-tree__wrapper.active {
    display: block;
}

.com-room__create {
    position: absolute;
    bottom: 7px;
    left: 10px;
    display: block;
    padding: 10px;
    width: Calc(100% - 20px);
    text-align: center;
    background: green;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
}

.com-room__create span {
    margin-left: 5px;
}

.com-cat__create {
    text-align: center;
    color: #826fc0;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.com-cat__create span {
    margin-left: 5px;
}

.com-type__list {
    max-height: Calc(100% - 70px);
    overflow-y: auto;
    overflow-x: hidden;
}

.com-node .com-room,
.com-tree__item {
    margin: 10px 0px 10px 10px;
    padding: 10px;
    padding-right: 0;
    background: #f3f3f3;
    border-radius: 5px;
    font-size: 14px;
    position: relative;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.com-tree__item {
    padding-bottom: 0;
}

.com-node .com-room__name {
    display: flex;
    align-items: center;
}

.com-node .com-room__name span:first-child {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #3e3e3e;
}

.com-node .com-room__name .last-message__date {
    white-space: nowrap;
    font-size: 10px;
    color: #818181;
    padding-right: 10px;
}

.com-node .last-message {
    font-style: italic;
    line-height: 150%;
    color: #787878;
    font-size: 12px;
    max-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.com-tree__item {
    background: none;
}

.com-tree__item.closed .com-node__header:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07b";
    margin-right: 5px;
    color: #eec768;
}

.com-tree__item .com-node__header:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07c";
    margin-right: 5px;
    color: #eec768;
}

.com-node__header {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    cursor: pointer;
}

.com-tree__item .com-node__wrapper {
    display: unset;
}

.com-tree__item.closed .com-node__wrapper {
    display: none;
}

.com-tree__item i {
    position: absolute;
    right: 0px;
    top: 8px;
    cursor: pointer;
    font-size: 10px;
    text-align: center;
    padding: 6px;
}

.com-cat__popup {
    position: fixed;
    background: #FFF;
    z-index: 1001;
    box-shadow: 1px 0 4px #CCC;
    min-width: 100px;
    max-width: 200px;
}

.com-cat__popup .com-cat-menu__item:last-child {
    border: none;
}

.com-cat-menu__item {
    padding: 6px 10px;
    font-size: 12px;
    color: #666;
    border-bottom: 1px solid #ededed;
    cursor: pointer;
    text-align: left;
    font-weight: normal;
}

.com-cat-menu__item:hover {
    color: dodgerblue;
}

.com-room {
    cursor: pointer;
}

.com-content {
    position: relative;
}

.chat-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/css/images/new_loader.png);
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: center center;
}

.com-room__one {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.com-room__header {
    padding: 10px;
    background: #FFF;
    padding-bottom: 0;
    font-weight: bold;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    box-shadow: 1px 0 4px #ccc;
    z-index: 1;
}

.com-room__header:after {
    content: "";
    display: block;
    margin-top: 10px;
    /*border-bottom: 1px solid #d3d3d3;*/
}

.com-room__messages {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
}

.com-room__write {
    padding: 10px 0;
    background: #FFF;
    padding-top: 0;
    position: relative;
}

.com-message__content p:first-child {
    margin-top: 0;
}

.com-message__content p:last-child {
    margin-bottom: 0;
}

.com-room__write:before {
    content: "";
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
}

.com-room__write form {
    display: flex;
    align-items: center;
}

.com-room__write form .tox {
    flex: 1;
    border: none;
}

.com-room__write form .tox-statusbar {
    display: none;
}

.com-room__write form i {
    cursor: pointer;
    color: #858585;
    font-size: 1rem;
    padding: 6px;
    background: #ede9ff;
    width: 28px;
    border-radius: 2px;
    margin: 0 3px;
    text-align: center;
}

.com-room__write form i:first-child {
    margin-left: 0;
}

.smile-select {
    float: left;
    margin: 5px;
    width: 50px;
    height: 50px;
    background: #FFF;
    border-radius: 4px;
    cursor: pointer;
}

.smile-select img {
    max-width: 100%;
    max-height: 100%;
}

.com-smile.char {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.com-smile.sticker {
    width: 100px;
    height: 100px;
    display: block;
}

.select-smile-mode {
    font-size: 12px;
    font-weight: bold;
    float: left;
    margin-top: 10px;
}

.select-smile-mode label {
    text-decoration: underline;
    color: #666;
    float: right;
    margin-left: 10px;
    cursor: pointer;
}

.select-smile-mode label input {
    float: left;
    margin: 1px 4px 0px 0px;
}

.com-room__write .chat-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/css/images/new_loader.png) #ffffffa3;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: center center;
}

.com-local-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/css/images/new_loader.png) #ffffffa3;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 100;
}

.com-message {
    margin: 10px 0;
    max-width: 80%;
    border-radius: 10px;
    float: left;
    clear: both;
    border-top-left-radius: 0;
    font-size: 14px;
    display: flex;
    align-items: flex-start;
}

.com-message .com-message__content {
    background: #FFF;
    border-radius: 10px;
    border-top-left-radius: 0;
    position: relative;
    font-size: 14px;
    padding: 10px;
    margin-left: 10px;
    flex: 1;
    border: 1px solid #a1a1a1;
}

.com-message.own .com-message__content {
    border: 1px solid #c5bcf6;
}

.com-message .user-avatar {
    width: 40px;
    height: 40px;
    float: left;
}

.com-message__date {
    left: 0px;
    top: -15px;
    font-size: 10px;
    color: gray;
    position: absolute;
    white-space: nowrap;
}

.com-message.own .com-message__date {
    left: unset;
    right: 0px;
    color: #7a7a7a;
}

.com-message.own {
    float: right;
}

.com-message.own .com-message__content {
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    background: #e9e3ff;
    color: #000;
    margin-right: 10px;
    margin-left: 0px;
}

.com-room-messages__list {
    max-width: 800px;
    /*margin: 0 auto;*/
}

.com-room-messages__list:after {
    content: "";
    clear: both;
    display: block;
}

.com-room.active {
    background: #ccc3f0;
}

.com-message__author {
    font-size: 12px;
    font-weight: bold;
    color: #826fc0;
}

.com-wrapper .counter,
.main-user-menu .counter {
    position: absolute;
    top: 2px;
    width: fit-content;
    /*left: -6px;*/
    background: red;
    color: #FFF;
    font-size: 10px;
    min-width: 16px;
    text-align: center;
    border-radius: 50%;
    padding: 2px;
    display: none;
}

.com-wrapper .counter.new,
.main-user-menu .counter.new {
    display: block;
}

.com-message__wrapper {
    padding: 10px;
    border-radius: 10px;
}

.com-message__wrapper.unseen {
    background: #826fc06e;
}

.com-tree__parent .counter {
    right: 5px;
    top: 10px;
    left: unset;
    font-size: 8px;
    width: 14px;
}

.com-room__header .com-room__menu {
    float: right;
    cursor: pointer;
}

.main-user-menu li {
    position: relative;
}

.com-send__message {
    display: none;
}

.com-back-button {
    display: none;
}

.com-message__content img {
    max-width: 100%;
}

.com-message__author .is_online {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.com-message__author .is_online:after {
    content: "" !important;
}

.com-message__status {
    position: absolute;
    right: 5px;
    top: 0px;
    color: #c0c0c0;
}

.com-message__status.viewed {
    color: navy;
}

.com-message__wrapper>.com-message__content p:first-child {
    margin-top: 0;
}

.com-message__wrapper>.com-message__content p:last-child {
    margin-bottom: 0;
}

.multicheck input[type="checkbox"] {
    width: 14px;
    margin: 0;
    padding: 0;
    height: 14px;
    position: relative;
    margin-right: 10px;
}

.multicheck {
    background: #f3f3f3;
    width: auto;
    display: inline-block;
}

.multicheck label:first-child {
    font-weight: bold;
}

.multicheck label {
    display: block;
    padding: 10px;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px dashed #e5e5e5;
    margin: 0;
}

.multicheck label:last-child {
    border: none;
}

.device-search__input .recipient-list a {
    display: block;
    text-decoration: none;
    padding: 10px;
    border-bottom: 1px solid #f3f3f3;
}

.module.doc-wrapper {
    margin: 0 !important;
}

.doc_to_confirm {
    background-color: lightcoral;
}

.doc-wrapper {
    height: 100%;
    width: 100%;
    position: unset;
}

.doc-search__input .recipient-list a {
    display: block;
    text-decoration: none;
    padding: 10px;
    border-bottom: 1px solid #f3f3f3;
}

.doc-search__input .recipient-list {
    right: 15px;
}

.doc-search__wrapper form {
    display: flex;
    padding: 15px;
}

.doc-search__input {
    flex: 1;
    margin: 15px 15px 10px 15px;
}

.doc-search__wrapper select {
    border: 1px solid #e5e5e5;
    margin-right: 10px;
    padding: 10px;
}

.device-search__input {
    flex: 1;
    margin: 15px 15px 10px 15px;
}

.folder-cab-del{
    float: right;
}

.doc-search__wrapper input[type="text"] {
    padding: 10px;
    width: 100%;
    font: inherit;
    border: 1px solid #e5e5e5;
}

.doc-content__wrapper {
    background: #FFF;
    margin: 15px;
}

.doc-content__wrapper H1 {
    margin: 0;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: nowrap;
    padding: 15px;
    background: darkorange;
}

.doc-content__wrapper H1 span {
    flex: 1;
    color: #FFF;
}

.doc-breads {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 15px 0;
    font-size: 14px;
    margin: 15px;
    margin-top: 0;
}

.doc-breads * {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doc-breads a,
.doc-breads span {
    margin: 0 5px;
}

.doc-breads span {
    color: #666;
}

.doc-breads i {
    color: #777;
}

.doc-breads a {
    text-decoration: none;
    color: #483d8b;
}

.doc-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 15px;
    gap: 15px;
}

.doc-directory {
    width: Calc(10% - 20px);
    min-width: 100px;
    /* margin: 10px; */
    text-decoration: none;
    text-align: center;
}

.doc-directory img {
    width: 60%;
    display: block;
    margin: 0 auto;
}

.doc-directory__name {
    font-size: 14px;
    color: #505050;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.doc-num {
    text-align: center;
}

.doc-directory__actions {
    margin-top: -5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* .doc-directory__actions a {
    font-size: 12px;
    cursor: pointer;
    color: #000;
    border-bottom: 1px solid transparent;
    padding-bottom: 3px;
    margin-left: 10px;
    text-decoration: none;
} */

.doc-directory__actions a:hover {
    border-bottom: 1px solid #000;
}

.doc-back {
    margin-right: 10px;
    color: #000;
    cursor: pointer;
    text-decoration: none;
    font-size: 20px;
    padding: 7px;
    color: #b56300;
}

/* .doc-content__more:before { */
    /* float: left;
    margin-top: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: dodgerBlue;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 15px;
    font-style: normal;
    content: "\f05a";
    opacity: 0.6;
} */

.doc-content__more {
    padding: 0 15px;
    margin: 15px;
    background: aliceblue;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    font-style: italic;
}

.doc-content__more:after {
    display: block;
    content: "";
    clear: both;
}

.doc-content .frmEdit {
    flex: 1;
}

.scale_item-tooltip {
    position: absolute;
    width: 50px;
    left: calc(50% - 25px);
    bottom: -35px;
    z-index: 50;
    opacity: 0;
    display: block;
    font-size: 12px;
    color: #826fc0;
    margin: 5px 0;
}

.scale__item:hover .scale_item-tooltip{
    opacity: 1;
    background-color: #fff;
    border-radius: 4px;
    padding: 5px;
    transition: all .3s;
   
}

.doc-preview__wrapper {
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 100px;
    width: 100%;
}

.doc-seen__wrapper {
    display: none;
}

.doc-seen__wrapper.show {
    /* display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: white;
    overflow-y: auto;
    padding: 10px;
    padding-bottom: 100px; */
}

.doc-preview__info {
    font-size: 12px;
    color: #CCC;
    float: right;
    padding: 5px 20px;
}

.doc-preview__info table {
    border-collapse: collapse;
}

.doc-preview__info table td {
    padding: 10px;
}

.doc-preview__info:after {
    content: "";
    display: block;
    clear: both;
}

.doc-preview__wrapper H2 {
    margin: 15px 0;
    text-align: center;
    font-size: 28px;
}

.doc-preview__comment {
    margin: 15px 0;
    box-shadow: 1px 0 4px #ccc inset;
    /* padding: 25px; */
    max-width: 100%;
    overflow: hidden;
    width: 100%;
    height: max-content;
    background-color: #d3d3d34a;
}

.doc-preview__comment #root {
    width: 100%;
    height: 100%;
    min-height: 60vh;
}

.doc-preview__comment iframe {
    width: 100%;
    height: auto;
    min-height: 400px;
    border: none;
}

.doc-preview__comment table {
    max-width: 100% !important;
    font-size: 14px;
    border-collapse: collapse;
    width: 100%;
}

.doc-preview__comment table td,
.doc-preview__comment table th {
    border: 1px solid #f4f4f4;
    padding: 10px;
}

.doc-preview__comment table td p:first-child,
.doc-preview__comment table th p:first-child {
    margin-top: 0;
}

.doc-preview__comment table td p:last-child,
.doc-preview__comment table th p:last-child {
    margin-bottom: 0;
}

.doc-preview__comment p {
    font-size: 14px;
    list-style: 100%;
    margin: 0 !important;
    line-height: initial !important;
}

.doc-preview__comment ol,
.doc-preview__comment ul {
    margin-left: 20px;
}

.doc-preview__comment li {
    margin-bottom: 10px;
}

.doc-preview__link {
    float: left;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: dodgerBlue;
}

.doc-preview__link img {
    display: inline-block;
    height: 30px;
    margin-right: 10px;
}

.doc-confirm {
    float: right;
}

.doc-confirm label {
    cursor: pointer;
    color: green;
}

.list.doc-table td,
.list.doc-table th {
    vertical-align: middle;
}

.doc-waiting__wrapper {
    padding: 15px;
    max-height: 300px;
    overflow-y: auto;
    margin: 10px;
    border: 1px solid navy;
    background: aliceblue;
}

.doc-waiting__wrapper H2 {
    font-size: 16px;
    margin: 0;
    margin-bottom: 15px;
    font-weight: bold;
}

.doc-waiting__wrapper a {
    text-decoration: none;
    color: dodgerBlue;
    margin-bottom: 15px;
    display: block;
}

.doc-waiting__wrapper a:last-child {
    margin: 0;
}

.doc-unpublic {
    opacity: 0.6;
}

.doc-content_types input[type="text"] {
    border: none;
    border-bottom: 1px solid #e5e5e5;
    padding: 0;
    padding-bottom: 3px;
    font: inherit;
    width: 100%;
    font-size: 12px;
    min-width: 100px;
}

.fullscreen__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 100000;
    padding: 15px;
    overflow: auto;
}

.group-form {
    position: fixed;
    width: 500px;
    left: Calc(50% - 250px);
    background: #FFF;
    padding: 15px;
    box-shadow: 1px 0 4px #CCC;
    border: 1px solid #F3F3F3;
    border-radius: 4px;
    top: 50px;
}

.group-form input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #F3F3F3;
    font-size: 14px;
    font-family: inherit;
    margin-bottom: 15px;
}

.group-form-content {
    max-height: 400px;
    overflow-y: scroll;
    border: 1px solid #F3F3F3;
    padding: 10px;
    background: #fbfbfb;
}

.one-group {
    font-size: 12px;
    border-bottom: 1px solid #E5E5E5;
    cursor: pointer;
    white-space: nowrap;
    overflow: auto;
    font-weight: bold;
    display: block;
    position: relative;
    padding: 5px 0 5px 28px;
}

.one-group:hover {
    color: blueviolet;
}

.one-group input[type="checkbox"] {
    position: absolute;
    left: 0px;
    height: 20px;
    width: 20px;
    top: 1px;
}

.selected-groups {
    display: inline-block;
    color: #000;
    font-size: 14px;
    border: 1px solid #E5E5E5;
    padding: 8px 10px;
    border-radius: 4px;
    background: #FFF;
}

.table-rep {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}

.table-rep td {
    padding: 9px;
    font-size: 14px;
    text-align: left;
    vertical-align: middle;
}

.table-rep th {
    padding: 9px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.table-rep tr {
    vertical-align: middle;
    border-bottom: 1px solid #E5E5E5;
}

.table-rep th:first-child {
    width: 1%;
}

.table-rep td.left {
    text-align: left;
}

.table-rep th.left {
    text-align: left;
}

.table-rep tr:hover {
    background: aliceblue;
}

textarea.full {
    width: 100%;
    height: 300px;
    padding: 10px;
    line-height: 100%;
}

textarea {
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1rem;
}

.confirm-search__label {
    position: relative;
}

.confirm_search {
    box-shadow: 1px 0 4px #ccc;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    z-index: 1;
    background: var(--bg);
}

.confirm_search div {
    cursor: pointer;
    padding: 10px;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
}

.confirm_search div:hover {
    background: dodgerBlue;
    color: #FFF;
}

.confirm_search.closed {
    display: none;
}

.confirmed {
    color: gray;
    font-size: 12px;
    margin: 0;
    margin-bottom: 10px;
}

.doc-waiting {
    padding: 15px;
    background: aliceblue;
    margin: 0 15px;
    border: 1px solid red;
}

.doc-waiting H5 {
    color: dodgerBlue;
    font-weight: bold;
    font-size: 14px;
}

/* .doc-waiting a {
    color: #000;
    font-size: 12px;
    margin-left: 15px;
    text-decoration: none;
    border-bottom: 1px solid;
}

.doc-waiting a:hover {
    color: blue;
} */

.menu a {
    position: relative;
}

#main-menu .module>span.new-items,
.menu a span.new-items {
    position: absolute;
    left: 5px;
    top: 5px;
    background: red;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.doc-user__seen {
    padding: 15px;
    background: #F3f3f3;
    bordeR: 1px solid #CCC;
    border-radius: 4px;
    margin: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.doc-user__seen H5 {
    margin: 0;
    font-size: 14px;
    color: dodgerBlue;
}

.seen-view__label {

    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.doc-user__item {
    font-size: 12px;
}

.local-menu {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 15px;
}

.local-menu li {
    float: left;
}

.local-menu li a {
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    text-decoration: none;
    color: dodgerblue;
    background: #FFF;
    margin-right: -1px;

}

.local-menu li a.active {
    background: dodgerblue;
    color: #FFF;
}

.select-tree__item>.select-tree__item {
    margin-left: 15px;
}

.select-tree__item label {
    display: flex;
    font-size: 12px;
    font-weight: bold;
    align-items: center;
    cursor: pointer;
}

.select-tree__item label:hover {
    color: dodgerBlue;
}

.select-tree__item label input {
    margin-right: 10px;
    width: auto;
}

.vac-variants {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vac-variants a {
    display: block;
    text-decoration: none;
    color: dodgerBlue;
    margin: 10px;
    border: 1px solid #e5e5e5;
    padding: 5px 25px;
    background: #FFF;
}

a.vac-variants__active {
    background: dodgerBlue;
    color: #FFF;
}

.collapse-label input:checked~p {
    visibility: visible;
    display: block;

}

.collapse-label input:not(:checked)~p {
    visibility: collapse;
    display: none;
    height: auto;
}

.collapse-label h3 .fa-caret-down {
    margin-left: 10px;
}

.collapse-label input:checked+h3 .fa-caret-down {
    transform: rotateX(180deg);
    transition: .3s ease;
}

.doc-preview-outer.full {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background: white;
    height: 100%
}

.doc-preview-outer.full .doc-preview__comment {
    padding: 10px;
    padding-bottom: 100px;
    height: 100%;
}

.doc-preview-outer.full~div {
    display: none;
}


@keyframes blink-icon {
    0% {
        color: #7f7c81;
    }

    40% {
        color: #a89cee;
    }

    50% {
        color: blue;
    }

    60% {
        color: #a89cee;
    }

    100% {
        color: #7f7c81;
    }
}

.jci-desktop {
    display: flex;
    max-width: 1000px;
    margin: 0 auto;
}

.jci-mobile {
    display: none;
}

.jci-link {
    border-bottom: none; 
    color: inherit;   
    width: 100%;    
    height: 100%;   
    display: flex;       
    align-items: center;    
    justify-content: space-between;
}

.jci-preview {
    margin: 5px 0;
    /*box-shadow: 1px 0 4px #ccc inset;*/
    padding: 5px;
    max-width: 100%;
    overflow: auto;
    min-height: 500px;
}

.jci-preview iframe {
    width: 100%;
    height: auto;
    min-height: 500px;
    border: none;
}

.canvas-wrapper{
    margin-bottom: 16px; 
}

.canvas-doc{
    margin: 0 auto;
    display: block;
    width:98%;
}

.tox .tox-menu.tox-collection.tox-collection--list{z-index:200000}

.incs-thanks {
    /*background-color: white;*/
    background-color: var(--block-bg);
    border-radius: 7px;
    height: auto;
    margin: auto;
    padding: 10px;
    position: relative;
    width: 60%;
    text-align: center;
    padding-bottom: 20px;
    line-height: 3;
}

.incs-thanks img {
    display: flex;
    margin: auto;
    max-width: 150px;
}

  .grid.user-incs__grid > *{
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 5px;
    align-items: center;
    justify-content: center;
  }
  
.grid.user-incs__grid .grid-head {
    font-size: 13px;
    font-weight: 600;
    background: #e3e3e3;
}

.grid.user-incs__grid .grid-col {
    font-size: 12px;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
}

.tox-tinymce {
    border-radius: 8px;
}

.m-auto {
    margin: auto;
}

.mx-auto {
    margin: 0 auto;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.r-0 {
    right: 0;
}

.t-0 {
    top: 0;
}

.l-0 {
    left: 0;
}

.b-0 {
    bottom: 0;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.block {
    display: block;
}

.w-full {
    width: 100% !important;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.m-w-768 {
    max-width: 768px;
}

.gap-1 {
    gap: 4px;
}

.gap-2 {
    gap: 8px;
}

.gap-3 {
    gap: 12px;
}

.gap-5 {
    gap: 20px;
}

.font-bold {
    font-weight: 700;
}

.mb-1 {
    margin-bottom: 4px;
}

.mb-2 {
    margin-bottom: 8px;
}

.mb-3 {
    margin-bottom: 12px;
}

.mb-4 {
    margin-bottom: 16px;
}

.mb-5 {
    margin-bottom: 20px;
}

.mb-6 {
    margin-bottom: 24px;
}

.mb-7 {
    margin-bottom: 28px;
}

.mb-8 {
    margin-bottom: 32px;
}

.pr-5 {
    padding-right: 20px;
}

.pb-5 {
    padding-bottom: 20px;
}

.bg-white {
    background: #FFFFFF;
}

.shadow-xl {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
}

.rounded-xl {
    border-radius: 10px;
}

.px-5 {
    padding-left: 20px;
    padding-right: 20px;
}

.py-2 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.py-3 {
    padding-top: 12px;
    padding-bottom: 12px;
}

.text-gray {
    color: #828280;
}

.font-semibold {
    font-weight: 600;
}

.text-xl {
    font-size: 24px;
}

.text-lg {
    font-size: 18px;
}

.text-base {
    font-size: 16px;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

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

.inc-part__counter {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: #D2C9FE;
    border-radius: 50%;
    font-weight: 600;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    color: #FFFFFF;
}

.p-1 {
    padding: 4px;
}

.p-2 {
    padding: 8px;
}

.inc-part__btn {
    background: #fff;
    cursor: pointer;
    transition: .3s ease;
}

.inc-part__btn:hover,
.inc-part__btn.active {
    background: #DAF1E3;
}

.fas.fa-toggle-on {
    color: #68CF91;
    transition: .3s ease;
}

.fas.fa-toggle-off {
    color: #C8C8C8;
}

.btn-big {
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #F7F7F7;
    padding: 8px 58px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.27);
    border-radius: 28px;
    border: none;
}

.btn-big.btn-green {
    background: #68CF91;
}

.btn-big.btn-red {
    background: #E7736C;
}