@charset "UTF-8";
@import url("./uikit.css?v=2.62");
@import url("/view/css/planetaMenuNav.css?v=2.62");
@import url("/view/css/CarcaseHeader.css?v=2.62");
@import url("/view/css/MenuNavigation.css?v=2.62");
@import url("/view/css/pl-modal.css?v=2.62");
@import url("/view/css/G_notificationPanel.css?v=2.62");
@import url("/view/css/G_agreement_notif.css?v=2.62");
@import url("/view/css/G_Favourites.css?v=2.62");
@import url("/view/css/user-profile-modal.css?v=2.62");

/* Переменные */
:root {
    --body: #EFF2FA;
    --blue: #4C87EC;
    --blue-hover: #4c7bd0;
    --green-light: #7CDBB3;
    --green: #27AE60;
    --red: #FE9695;
    --gray: #5E5E5E;
    --orange: #ffb22b;
    --purple: #7460ee;
    /*--danger: #fc4b6c;*/
    --danger: #e36767;
    --container: 1798px;
}

/* Конец - Переменные */
html {
    overflow-x: initial !important;
}

body {
    margin: 0;
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 0;
    padding-left: calc(70px + 15px);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    background-color: var(--body);
    /*background-color: var(--body-color-bc);*/
    overflow: overlay;
}

@media (max-width: 991px) {
    body {
        padding: 0;
    }
}

#app {
    margin-top: 15px;
}

#app_wrapper {
    display: flex;
    grid-column-gap: 15px;
}

#app_content {
    width: 100%;
}


.custom-scroll {
    overflow-y: overlay;
    scrollbar-width: thin;
    scrollbar-color: rgba(150, 150, 150, 0.5) transparent;
}

.custom-scroll::-webkit-scrollbar {
    height: 12px;
    width: 8px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: rgba(150, 150, 150, 0.5);
    border-radius: 5px;
    border: 3px solid transparent;
}

a {
    color: var(--blue);
    text-decoration: none;
}

a.link-dashed {
    border-bottom: 1px dashed var(--blue);
    text-decoration: none !important;
}

a.link-dashed:hover {
    border-bottom: 1px solid var(--blue);
    text-decoration: none !important;
}

#bgOpac {
    top: 0;
    position: fixed;
    z-index: 7 !important;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: .5;
}

.no-scroll {
    overflow: hidden !important;
}

body.no-scroll {
    padding-right: calc(var(--widthScrollBar) + 15px);
}

.icon.danger {
    background-color: var(--danger);
}

textarea {
    font-family: 'Inter', sans-serif
}

.aspect-ratio-1-1 {
    aspect-ratio: 1 / 1;
}

/* кнопки */
.btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    padding: 9px 15px;
    font-weight: normal;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.02em;
    border: 1px solid transparent;
    width: max-content;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all 0.1s ease-in-out, transform 0.05s;
}

.btn:disabled {
    background-color: #ccc !important;
    cursor: not-allowed;
}

.btn.btn-aspect {
    padding: 0;
    width: 40px;
    aspect-ratio: 1 / 1;
}

.btn.btn-primary {
    color: #fff;
    background-color: var(--blue);
}

.btn.btn-danger {
    color: #fff;
    background-color: var(--danger);
}

.btn.btn-primary i {
    background-color: #fff;
}

.btn.btn-primary:hover {
    background-color: #4c7bd0;
    color: #fff;
}

.btn.btn-light {
    background-color: #EBF2FF;
    color: var(--blue);
}

.btn.btn-light i {
    background-color: var(--blue);
}

.btn.btn-light:hover {
    background-color: var(--blue);
    color: #fff;
}

.btn.btn-light:hover i {
    background-color: #fff;
}

.btn.btn-light.danger {
    color: #F95F53;
    background-color: #FFF2F1;
    font-weight: 600;
}

.btn.btn-light.danger i {
    background-color: #F95F53;
}

.btn.btn-light.danger:hover {
    color: #fff;
}

.btn.btn-light.danger:hover i {
    background-color: #fff !important;
}

.btn.danger {
    color: #fff;
    background-color: var(--danger);
}

.btn.danger:hover {
    color: #fff;
    background-color: var(--danger);
}

.btn.green {
    color: #fff;
    background-color: var(--green);
}

.btn.green:hover {
    color: #fff;
    background-color: var(--green);
}

.btn.danger {
    color: #fff;
    background-color: var(--danger);
}

.btn.danger:hover {
    color: #fff;
    background-color: #EC4161;
}

.btn.purple {
    color: #fff;
    background-color: var(--purple);
}

.btn.purple:hover {
    color: #fff;
    background-color: var(--purple);
}

.btn.icon-left i {
    margin-right: 5px;
    font-size: 13px;
}

.btn.icon-right i {
    margin-left: 5px;
    font-size: 13px;
}

.btn.btn-outline-primary {
    background-color: #fff;
    color: #30364A;
    border: 1px solid #ccd2d9;
}

.btn.btn-outline-primary i {
    background-color: #30364A;
}

.btn.btn-outline-primary:hover {
    border-color: var(--blue);
    color: var(--blue);
}

.btn.btn-outline-primary:hover i {
    background-color: var(--blue);
}

.btn.btn-outline-primary.danger {
    background-color: #fff;
    color: var(--danger);
    border: 1px solid var(--danger);
}

.btn.btn-outline-primary.danger:hover {
    background-color: var(--danger);
    color: #fff
}

.btn.btn-square {
    aspect-ratio: 1 / 1;
    padding: 0;
}

.text-color-blue {
    color: var(--blue) !important;
}

.text-color-blue i {
    background-color: var(--blue) !important;
}

.text-color-red {
    color: var(--danger) !important;
}

.text-color-red i {
    background-color: var(--danger) !important;
}


/* btn loading */
.btn.loading {
    pointer-events: none;
    cursor: default;
    color: transparent !important;
}

.btn.loading > * {
    opacity: 0 !important;
}

.btn.loading:after {
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);

    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    -webkit-animation: rotationLoading 1s linear infinite;
    animation: rotationLoading 1s linear infinite;
}

.btn.btn-primary.loading:after {
    border: 3px solid #fff;
    border-bottom-color: transparent !important;
}

.btn.btn-outline-primary.loading:after {
    border: 3px solid var(--blue);
    border-bottom-color: transparent !important;
}

@keyframes rotationLoading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* end - btn loading */

.btn-open-chat {
    bottom: 15px;
    right: 15px;
    position: fixed;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    padding: 0;
    border-radius: 50px;
    background-color: var(--blue);
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
    transition: all 0.3s;
}

.btn-open-chat i {
    font-size: 20px;
    background-color: #fff;

}

.relative {
    position: relative;
}

/* flex */

.flex {
    display: flex;
}

.flex.flex-v-star {
    align-items: flex-start;
}

.flex.flex-v-end {
    align-items: flex-end;
}

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

.flex.flex-g-center {
    justify-content: center;
}

.flex.flex-g-sp {
    justify-content: space-between;
}

.flex.flex-vg-center {
    align-items: center;
    justify-content: center;
}

/* end - flex */


.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(0px * -1);
    margin-right: calc(30px / -2);
    margin-left: calc(30px / -2);
    /*max-width: calc(100% - 330px);*/
}

.row .col {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    align-items: stretch;
    max-width: 100%;
    padding: calc(30px / 2);
}

.card-body {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 1rem 1.15rem;
    min-width: 0;
    height: max-content;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, .125);
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(76, 135, 236, 0.15);
}

.card-body.lr-size {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(76, 135, 236, 0.15);
    border-radius: 10px;
    margin-top: 20px;
}

.card-body .title-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.card-body .title-card .right-col {
    display: flex;
    align-items: center;
}

.card-body .title-card .title {
    font-weight: 500;
    font-size: 15px;
    color: #455A64;
}

.card-body .title-card .left-col {
    margin-right: 30px;
}

.card-body .title-card .right-col {

}

.card-body .title-card .desc {
    font-weight: normal;
    font-size: 14px;
    color: #A1AAB2;
    margin-top: 2px;
}

.small {
    font-size: 12px;
    color: #7A7A88
}

.status_1 {
    color: #F0960E
}

.status_2 {
    color: #FA4A67
}

.status_3 {
    color: #00BE2C
}

.status_4 {
    color: #A2BE00
}

span.popup_open {
    width: 85px;
    display: block;
    color: #BFBFBF
}

.content {
    margin: 0 auto;
    width: 100%;
}

.toCRM {
    opacity: 0.5;
    cursor: pointer
}

.toCRM:hover {
    opacity: 1
}

.file_div {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    opacity: 0.7
}

.file_div input {
    position: absolute;
    top: 0;
    width: 13px;
    height: 14px;
    left: 0;
    cursor: pointer;
    opacity: 0
}

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

.addform {
    display: block;
}

/*topmenu start*/
.hide {
    display: none !important
}

.trash {
    opacity: 1;
}

.uk-dropdown {
    /*position: fixed !important;*/
    width: max-content !important;
    background: #fff;
    box-shadow: 0 7px 30px rgba(110, 130, 160, 0.35);
    border-radius: 10px;
    padding: 10px 0;
}

.uk-dropdown a {
    text-decoration: none !important;
}

.uk-dropdown li {
    display: flex;
    align-items: center;
    /*padding: 10px 15px;*/
    font-size: 14px;
    cursor: pointer;
    color: #30364A;
}

.uk-dropdown hr {
    margin: 0;
}

.uk-dropdown li:hover,
.uk-dropdown li:hover a,
.uk-dropdown > a:hover,
.uk-dropdown li:hover button {
    background-color: #F2F4F8;
    color: var(--blue);
    cursor: pointer;
}

.uk-dropdown li:hover i.icon {
    background-color: var(--blue);
}

.uk-dropdown li i.icon {
    font-size: 20px;
    margin-right: 20px;
    background-color: #6C6C6C;
}

.uk-dropdown li .icon-img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 20px;
}

.uk-dropdown li a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 20px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 13px;
    color: #30364A;
}

li.color-red,
li.color-red a {
    color: var(--danger) !important;
}

li.color-red i {
    background-color: var(--danger) !important;
}

li.color-red:hover i {
    background-color: var(--danger) !important;
}

.uk-dropdown li button {
    padding: 0;
    font-size: 14px;
    color: #6C6C6C;
    background-color: transparent;
    border: none;
}

.text-nowrap {
    white-space: nowrap;
}

#tableDiv {
    width: 100%
}

table:not(.month-picker-month-table):not(.treeTable) {
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.01em;
    background: #fff;

    border-spacing: 0px;
    border-collapse: separate;
    border-top: none;
    border-left: none;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


.uk-form-custom input[type=file] .item add-doc {
    border-color: var(--blue);
}

.table thead tr th {
    background-color: #fff !important;
    color: #5E5E5E !important;
    text-align: left;
    font-size: 12px;
}

table thead tr {
    box-shadow: none !important;
}

table thead th {
    position: sticky;
    /*top: 59px;*/
    top: 0;
    white-space: nowrap;
    z-index: 50;
    background-color: #fff;
}

.table thead tr th div {
    display: flex;
    align-items: center;
    font-weight: 800;
}

.table thead tr th div i {
    background-color: #5E5E5E !important;
    margin-left: 5px;
    cursor: pointer;
}

.table thead tr th div i:hover {
    background-color: var(--blue) !important;
}

.table thead tr th div i.active {
    background-color: var(--blue) !important;
}

table.table {
    position: relative;
}

table:not(.month-picker-month-table) thead tr th, table:not(.month-picker-month-table) td {
    border: none;
    padding: 8px 10px;

    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

table:not(.month-picker-month-table):not(.treeTable):not(.Table-view-list) tbody > *:nth-child(2n+1) {
    background-color: #F2F4F8;
}

table:not(.month-picker-month-table) tbody tr {
    border-bottom: 1px solid #E8EEF3;
}

table:not(.month-picker-month-table) tbody tr hr {
    margin: 5px 0;
}

table:not(.month-picker-month-table):not(.Table-view-list) tbody tr:hover {
    background-color: #eaf1fc;
    outline: 1px solid var(--blue);
    outline-offset: -1px;
}

table:not(.month-picker-month-table) tbody tr.selected {
    background-color: #cbfde7 !important;
}

/*.table tbody tr.folder {*/
/*    background-color: #dfebff;*/
/*    font-weight: 600;*/
/*}*/

/*.table tbody tr.folder td i  {*/
/*    margin-right: 10px;*/
/*}*/

table:not(.month-picker-month-table) .cost-money {
    font-weight: bold;
    min-width: 198px;
    width: 198px;

}

table:not(.month-picker-month-table) .icons-td {
    display: flex;
    flex-direction: column;
    width: 40px;
}

table:not(.month-picker-month-table) .icons-td input,
table:not(.month-picker-month-table) .icons-td i {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border: 1px solid var(--blue);
    font-size: 18px;
    cursor: pointer;
}

table:not(.month-picker-month-table) .icons-td i.check-empty {
    background-color: var(--gray);
}

table:not(.month-picker-month-table) .icons-td i.check-active {
    background-color: var(--green-light);
}

table:not(.month-picker-month-table) .icons-td i.comment-empty {
    background-color: var(--blue);
}

table:not(.month-picker-month-table) .agreement .status-order {
    display: grid;
    align-content: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0 !important;
}

table .agreement .status-order img {
    width: 12px;
}

table ul.aggree {
    margin-bottom: 10px;
}

table .status-order {
    padding: 5px 10px;
    border-radius: 50px;
    background: #ccc;
    color: #414141;
    font-size: 12px !important;
    margin-right: 5px;
    letter-spacing: 0.04em;
    white-space: nowrap;
    width: max-content;
}

table .status-order.in-reest {
    background-color: var(--blue);
    color: #fff;
}

table p.done {
    cursor: default
}

table .no-agreement .status-order.status_0 {
    border: 2px solid #FFB800;
    background-color: #fff;
}

table .part-payment {
    margin-top: 10px;
}

table .cost-money:hover .show-input-pay {
    display: flex !important;
}

table .part-payment .payment-btn-input {
    height: 32px;
}

table .part-payment .payment-btn-input .show-input-pay {
    display: flex;
    align-items: center;
    border: 1px dashed var(--blue);
    padding: 5px 10px;
    background-color: transparent;
    color: var(--blue);
    border-radius: 50px;
    width: 178px;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    transition: all 0.2s;
    display: none;
}

table .part-payment .payment-btn-input .show-input-pay i {
    background-color: var(--blue);
    margin-right: 5px;
    transition: all 0.2s;
}

table .part-payment .payment-btn-input .show-input-pay:hover {
    background-color: var(--blue);
    color: #fff;
    border: 1px solid var(--blue);
}

table .part-payment .payment-btn-input .show-input-pay:hover i {
    background-color: #fff;
}

table .part-payment .payment-btn-input label {
    position: relative;
}

table .part-payment .payment-btn-input label input {
    width: 178px;
    height: 32px;
    border-radius: 50px;
    border: 1px solid var(--blue);
    padding: 0 20px;
    background-color: #fff;
}

table .part-payment .payment-btn-input label .send-cost-pay {
    position: absolute;
    top: -2px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background-color: var(--blue);
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.2s;
}

table .part-payment .payment-btn-input label .send-cost-pay:hover {
    background-color: #4c7bd0;
}

table .part-payment .payment-btn-input label .send-cost-pay i {
    background-color: #fff;
}

table .part-payment .info-part-payment {
    margin-top: 10px;
}

table .part-payment .info-part-payment .uk-inline > p {
    font-weight: normal;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.04em;
}

table .part-payment .info-part-payment .uk-inline > p span {
    font-weight: bold;
}

table .part-payment .info-part-payment .uk-inline .uk-dropdown {
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    border-radius: 10px;
    min-width: 300px;
    box-shadow: 0px 0px 10px rgba(76, 135, 236, 0.15);
}

table .part-payment .info-part-payment .uk-inline .uk-dropdown > .title {
    letter-spacing: 0.04em;
    color: #000000;
    font-weight: bold;
    padding: 15px 15px;
}

table .part-payment .info-part-payment .uk-inline .uk-dropdown ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    border-bottom: 1px solid #E9EEF3;
    padding: 0 15px;
}

table .part-payment .info-part-payment .uk-inline .uk-dropdown ul li:hover {
    background-color: #F2F4F8;
}

table .part-payment .info-part-payment .uk-inline .uk-dropdown ul li .cost-part {
    font-weight: bold;
    color: #000;
}

table .part-payment .info-part-payment .uk-inline .uk-dropdown ul li .cost-part.status-1 {
    color: #3DB57C;
}

table .part-payment .info-part-payment .uk-inline .uk-dropdown ul li .cost-part.status-0 {
    color: #FFB800;
}

table .part-payment .info-part-payment .uk-inline .uk-dropdown ul li .date-pay-part {
    font-weight: normal;
    color: var(--gray);
    margin-left: 40px;
}

table .part-payment .info-part-payment .uk-inline .uk-dropdown ul li .date-pay-part.status-0 {
    color: #FFB800;
}

table .part-payment .footer-total {
    width: 100%;
    margin-bottom: 15px;
}

table .part-payment .footer-total > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    padding: 0px 15px;
}

table .part-payment .footer-total > div .title {
    font-weight: normal;
}


table .part-payment .footer-total > div .cost-total {
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    color: #000;
}


table .status-order .uk-dropdown {
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
}

table .status-order .uk-dropdown.uk-open {
    width: min-content !important;
}

table .status-order .uk-dropdown .btn-action {
    width: 100px;
    height: 40px;
    text-align: center;
    background-color: #fff;
    border: none;
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 0.04em;
}

table .status-order .uk-dropdown .btn-action:hover {
    background-color: #F2F4F8;
}

table .status-order .uk-dropdown .btn-action.approve {
    color: var(--green);
}

table .status-order .uk-dropdown .btn-action.fail {
    color: var(--red);
}

table .status-order .uk-dropdown .btn-action.reset {
    color: #808080;
}

table .status-order.status_1 {
    background: var(--green-light) !important;
    color: #fff !important;
}

table .me .status-order.status_0 {
    border: 2px solid var(--green-light);
    background-color: #fff;
    cursor: pointer;
}

table .me .status-order.status_0 i.user {
    background-color: #000;
}

table .me .status-order.status_1 i.user {
    background-color: #fff;
}

table .me .status-order.status_1 i.user-check {
    background-color: #fff;
}

table .status-order.status_0 i.icon {
    background-color: #fff;
}

table .status-order.status_-1 {
    background-color: var(--red);
}

table .status-order.status_-1 i.icon {
    background-color: #fff;
}

table .status-order.status_1 i.check-empty {
    background-color: #fff;
}

table .status-order.done.status_1 {
    background: #27AE60 !important;
    color: #fff !important;
}

table .name-order i.icon {
    background: var(--blue);
    margin-left: 5px;
    margin-bottom: -3px;
}

table .name-order .number-order {
    font-size: 13px;
    margin-bottom: 5px;
    color: #838383;
}


table .task-text {
    font-size: 13px;
    margin: 7px 0 5px;
    color: #838383;
    max-height: 41px;
    overflow: hidden;
}

table .toTask {
    font-size: 13px;
    color: var(--blue);
}

table .name-user {
    display: flex;
    font-size: 14px;
    margin-top: 20px;
}

table .name-user button {
    display: flex;
    background-color: transparent;
    border: none;
    text-align: left;
}

table .name-user .uk-dropdown {
    padding: 10px 20px !important;
    box-shadow: 0 0 10px rgba(76, 135, 236, 0.15);
    border-radius: 10px;
}

table .name-user .container_link {
    display: grid;
    grid-template-columns: 100px 100px;
}

table .name-user .container_link a {
    color: #000;
    text-decoration: none !important;
}

table .name-user .container_link a:hover {
    color: var(--blue);
}

table .name-user .container_link p {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.04em;
    margin-top: 5px;
}


/* Table list */
.Table-view-list {
    width: 100%;
    box-sizing: border-box;
    border-spacing: 0 10px !important;
    empty-cells: show;
    background: transparent !important;
    border: none !important;
}

.Table-view-list thead {
    height: 28px;
}

.Table-view-list thead tr {
    box-shadow: 0px 4px 16px 0px rgba(91, 100, 129, 0.08);
}

.Table-view-list thead tr th:first-child {
    padding-left: 36px;
    border-radius: 20px 0 0 20px;
}

.Table-view-list thead tr th:last-child {
    border-radius: 0 20px 20px 0;
}

.Table-view-list thead tr th {
    padding: 0 8px;
    color: #828282;
    text-align: left;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;
    border: none !important;
}

.Table-view-list tbody tr {
    background: #fff;
    height: 64px;
    border-radius: 20px;
    box-shadow: 0px 4px 16px 0px rgba(91, 100, 129, 0.08);
}

.Table-view-list tbody tr:hover {
    outline: 1px solid var(--blue);
    outline-offset: -1px;
}

.Table-view-list tbody tr td {
    padding: 0 8px;
    color: #27272E;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.2px;
    border: 1px solid transparent;
}

.Table-view-list tbody tr td:first-child {
    border-radius: 20px 0 0 20px;
}

.Table-view-list tbody tr td:last-child {
    border-radius: 0 20px 20px 0;
}

table .width-content {
    width: 1%;
    white-space: nowrap;
}

/* end - Table list */


.content-center {
    margin: 0 auto;
}

.openPayReqCard {
    text-decoration: underline #0a8cf0 dashed;
    cursor: pointer;
    color: #0a8cf0 !important;
}

.cardUser {
    display: flex;
    align-items: center;
    grid-gap: 8px;
    width: auto;
}

.cardUser[openCard=true]:hover {
    cursor: pointer;
}

.cardUser .circle-user {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    aspect-ratio: 1 / 1;
    border-radius: 50px;
    background: #ccc;
    letter-spacing: 0.4px;
    line-height: normal;
    color: #fff;
    font-weight: normal;
}

.cardUser[id_user="NaN"] .circle-user > .icon {
    font-size: 13px;
    background-color: #333;
}

.cardUser[status=work] .circle-user {
    background: linear-gradient(180deg, #69B8FF 0%, #4796DF 100%);
}

.cardUser[status=dismissed] .circle-user {
    background: linear-gradient(180deg, #FF6969 0%, #DF4747 100%) !important;
}

.cardUser[status=dismissed] .circle-user .status-user {
    display: none !important;
}

.cardUser .circle-user .initials {
    width: 100%;
    height: 100%;
    font-size: 200px;
}

.cardUser .circle-user .initials text {
    fill: #fff;
}

.cardUser .circle-user .initials image {
    width: 100%;
    height: 100%;
}

.cardUser .circle-user.onlineUser .status-user {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(25%, 5%);
    width: 36%;
    aspect-ratio: 1 / 1;
}

.cardUser .circle-user.onlineUser .status-user circle {
    fill: #ccc;
}

.cardUser .circle-user.onlineUser .status-user.online-green circle {
    fill: var(--green);
}

.cardUser .circle-user.onlineUser .status-user.online-orange circle {
    fill: var(--orange);
}

.cardUser .circle-user img {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50px;
}

.cardUser[openCard=true]:hover .full-name {
    color: var(--blue);
}

.cardUser .full-name {
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
}


.cardUser .params-user {
    display: flex;
    align-items: center;
    grid-gap: 5px;
}

.cardUser .params-user .role {
    font-size: 11px;
    line-height: normal;
    color: #6C757D;
}

.cardUser .params-user .status-work {
    font-size: 11px;
    line-height: normal;
    color: var(--danger);
    font-style: italic;
}


/* Панель уведомлений */

.notification-panel_toggle div {
    height: max-content;
    margin: auto;
    cursor: pointer;
}

.notification-panel_toggle div .toggle-btn {
    position: fixed;
    top: calc(50% - 75px);
    right: 0;
    z-index: 100;
    transition: all 0.2s;
}

.notification-panel_toggle div .toggle-btn .count {
    content: '';
    position: absolute;
    top: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
    background-color: var(--danger);
    border-radius: 50px;
    min-width: 20px;
    height: 20px;
    text-align: right;
    padding: 1px 5px 0;
}

.notification-panel_toggle div:hover img {
    filter: brightness(0.85);
}

.notification-panel .uk-offcanvas-bar {
    width: 465px;
    right: -465px;
    color: #000;
    padding: 0 20px;
    background-color: #fff !important;
    box-shadow: 10px 0 130px rgba(0, 0, 0, 0.1);
}

.notification-panel::before {
    background-color: rgba(0, 0, 0, 0.10) !important;
}

.notification-panel .switch-header {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: 20px 0 0;
    background-color: #fff;
    margin: 0 !important;
}

.notification-panel .switch-header li {
    display: flex;
    justify-content: center;
    border-bottom: 2px solid transparent;
}

.notification-panel .switch-header li.uk-active {
    border-color: var(--blue);
}

.notification-panel .switch-header a {
    position: relative;
    display: grid;
    width: max-content;
    padding: 10px 0;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #A4A4A4;
    font-weight: bold;
}

.notification-panel .switch-header li.uk-active a {
    color: #000;
}

.notification-panel .switch-header a .count {
    content: '';
    position: absolute;
    top: 4px;
    left: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    background-color: var(--red);
    border-radius: 50px;
    min-width: 17px;
    height: 17px;
    text-align: right;
    padding: 1px 5px 0;
}

.notification-panel .container-blocks_item {
    display: grid;
}

.notification-panel .link-notification_message {
    display: flex;
    margin-bottom: 10px;
}

.notification-panel .notification-message:last-child {
    margin-bottom: 0;
}

.notification-panel .remove-all-msg {
    display: flex;
    text-align: right;
    font-weight: bold;
    color: var(--blue);
    margin-bottom: 20px;
    background-color: transparent;
    padding: 0 15px 0 0;
    margin-left: auto;
    border: none;
    cursor: pointer;
}

.notification-panel .notification-message {
    position: relative;
    width: 100%;
    background: #E9F0FC;
    border-radius: 5px;
    padding: 15px;
    transition: all 0.2s;
}

.notification-panel .notification-message:hover {
    background-color: #d3e3ff;
}

.notification-panel .notification-message .head-msg .title {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: 0.04em;
    color: #5B5B5B;
}

.notification-panel .notification-message .head-msg .title img {
    margin-right: 10px;
}

.notification-panel .notification-message .head-msg .title i {
    font-size: 19px;
    background-color: var(--green);
    margin-right: 10px;
}

.notification-panel .notification-message .head-msg {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.notification-panel .notification-message .head-msg .time {
    margin-left: auto;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.04em;
    color: #979797;
}

.notification-panel .content-msg {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 15px;
}


.notification-panel .content-msg .label-name {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: #A29BFE;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
}

.notification-panel .content-msg .caption-msg {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #000000;
}

.notification-panel .content-msg .text-msg {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.04em;
    color: #000;
    margin-top: 5px;
    word-break: break-word;
}

.notification-panel .content-msg .text-msg a {
    color: #000;
    /*color: var(--blue);*/
}

.notification-panel .content-msg .text-msg a:hover {
    text-decoration: underline;
}

.notification-panel .content-msg .text-msg .color-blue {
    color: var(--blue);
}

.notification-panel .action-msg {
    opacity: 0;
    transition: all 0.2s;
}

.notification-panel .notification-message:hover .action-msg {
    opacity: 1;
}

.notification-panel .action-msg .top-container {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 5px;
    height: 45px;
    border-radius: 10px;
    background-color: #d3e3ff;
}

.notification-panel .action-msg .btm-container {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px;
}

.notification-panel .action-msg .action-btn-msg {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 10px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.notification-panel .action-msg .action-btn-msg.close:hover i {
    background-color: var(--blue);
}

.notification-panel .action-msg .action-btn-msg.send-msg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: var(--blue);
    border-radius: 5px;
}

.notification-panel .action-msg .action-btn-msg.send-msg i.icon {
    background-color: #fff;
}

.notification-panel .reply-msg {
    display: none;
    margin-top: 15px;
}

.notification-panel .reply-msg .reply-msg_content {
    display: flex;
}

.notification-panel .reply-msg textarea {
    width: 100%;
    height: 41px;
    resize: none;
    overflow: hidden;
    background-color: #fff;
    border-color: var(--blue);
    border-radius: 5px;
    margin-right: 10px;
    padding: 10px;
}

.notification-panel .reply-msg button {
    background-color: var(--blue);
    border-radius: 5px;
    border: none;
    font-size: 14px;
    height: max-content;
}

/* События */

.notification-panel .container-events {
    position: relative;
    height: calc(100vh - 117px);
}

.notification-panel .container-events .events-container {
    position: relative;
}

.notification-panel .events-container .grid-time li {
    position: relative;
    height: 60px;
}

.notification-panel .events-container .grid-time li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
    height: 1px;
    border-bottom: 1px dashed #ccc;
}

.notification-panel .events-container .events-list {
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
    height: 100%;
}

.events-container .events-list .item-event {
    position: absolute;
    width: 100%;
    padding: 30px 25px;
    overflow: hidden;
    background: #ECECEC;
    /*box-shadow: 0 0 10px rgba(76, 135, 236, 0.15);*/
    border-radius: 10px;
    transition: all 0.2s;
}

.notification-panel .events-container .events-list .item-event.new {
    background: #e2ff87;
    height: auto !important;
}

.notification-panel .events-container .events-list .item-event:hover {
    height: max-content !important;
}

.notification-panel .events-container .events-list .item-event .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
}

.notification-panel .events-container .events-list .item-event .desc-event {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.04em;
    color: #000000;
}

.notification-panel .events-container .events-list .item-event button {
    margin-top: 15px;
}

.notification-panel .add-event {
    position: sticky;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    background-color: #fff;
    box-shadow: 0 -35px 21px rgba(255, 255, 255, 0.95);
}

/* Конец - Панель уведомлений */


#title_sec .content {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 10px;
}

#title_sec a {
    display: flex;
    align-items: center;
}

#title_sec a:hover h1 {
    color: var(--blue);
}

#title_sec .content h1 {
    font-size: 24px;
}

#title_sec .content i {
    margin-right: 10px;
}

#title_sec .content .search-content {

}

#title_sec .content .search-content input {
    height: 36px;
    border-radius: 50px;
    border: 1px solid var(--blue);
    padding-left: 15px;
    padding-right: 40px;
    background-image: url(/view/icons/search.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 93% 50%;
    background-color: #fff;
}

#title_sec .content a {
    color: inherit;
}

#title_sec .content a:hover {
    color: var(--blue);
}

table .send-oneC a {
    text-decoration: none !important;
}

table .send-oneC i.icon {
    background-color: #fff;
    margin-right: 5px;
}

@keyframes notEmpty_note {
    0% {
        color: #fff;
    }

    100% {
        color: #063263;
    }
}

/*topmenu end*/


.filter-block {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    padding: 10px 0 !important;
    background-color: var(--body);
    z-index: 2;
}

.filterUl {
    display: flex;
    align-items: center;
    width: 100%;
}

.more-action {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.filterUl .filterLi {
    position: relative;
    display: flex;
    align-items: center;
    height: max-content;
    background-color: #ECECEC;
    border-radius: 100px;
    padding: 5px 13px;
    font-size: 14px;
    margin-right: 5px;
    line-height: normal;
    cursor: pointer;
    color: #5E5E5E;
    transition: all 0.2s;
}

.filterUl .filterLi a {
    display: flex;
    align-content: center;
    color: #5E5E5E;
}

.filterUl .filterLi:hover {
    background-color: #dddddd;
}

.liCheck {
    background-color: #ECECEC;
    border-radius: 100px;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    color: #5E5E5E;
}

.liCheck.active {
    color: #fff;
    background-color: #4C87EC !important;
}

.liCheck:last-child {
    margin-right: 0;
}

.select-setting-filter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.select-setting-filter .item {
    margin-right: 5px;
    background-color: rgba(76, 135, 236, 0.1);;
    border-radius: 100px;
    padding: 5px 13px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: normal;
    cursor: pointer;
    color: var(--blue);
    transition: all 0.2s;
}

.select-setting-filter .item:hover i {
    background-color: var(--red);
}

.select-setting-filter .item i {
    margin-left: 5px;
    font-size: 14px;
    background-color: var(--blue);
}


.filterUl .filterLi .count_sp {
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top: -12px;
    min-width: 16px;
    max-height: 16px;
    padding: 0 4px;
    text-align: center;
    background-color: #4C87EC
}

.filterUl .filterLi img.ic {
    margin-right: 5px
}

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

#pl-filter .content-modal {
    width: 1500px;
}

.uk-offcanvas {
    z-index: 1310;
}

.uk-tooltip {
    z-index: 9999999 !important;
}

/* Модальное окно */
.uk-modal.uk-open {
    display: flex !important;
    background-color: rgba(37, 45, 57, 0.5);
    z-index: 1300;
}

.uk-modal .uk-modal-dialog {
    width: min-content;
    min-width: 400px;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 0;
    height: max-content;
    margin: auto;
}

.uk-modal .uk-modal-dialog.modal-toggle-hide > .header {
    border: none !important
}

.uk-modal .uk-modal-dialog.modal-toggle-hide > .header i {
    display: none;
}

.uk-modal .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    border-bottom: 1px solid #EFEFF5;
}

.uk-modal .header .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.uk-modal .header .icon.close {
    cursor: pointer;
}

.uk-modal .header .icon.close:hover {
    background-color: var(--blue);
}

.uk-modal .content-modal {
    padding: 30px 30px 0;
}

.uk-modal .content-modal .confirmation-content {
    display: grid;
    justify-content: center;
    text-align: center;
}

.uk-modal .content-modal .confirmation-content img {
    margin: 0 auto;
    margin-bottom: 20px;
}

.uk-modal .content-modal .confirmation-content i {
    margin: 0 auto;
    font-size: 120px;
    background-color: var(--danger);
    margin-bottom: 20px;
}

.uk-modal .content-modal .confirmation-content .title {
    font-size: 16px;
}


.G-modal-delete .modal-header,
.G-modal-delete .modal-footer {
    border: none !important;
}

.G-modal-delete .modal-content {
    padding-top: 0 !important;
}

.G-modal-delete .confirmation-content {
    display: grid;
    justify-content: center;
    text-align: center;
}

.G-modal-delete .confirmation-content img {
    margin: 0 auto;
    margin-bottom: 20px;
}

.G-modal-delete .confirmation-content .icon {
    margin: 0 auto;
    font-size: 120px;
    background-color: var(--danger);
    margin-bottom: 20px;
}

.G-modal-delete .confirmation-content .title {
    font-size: 16px;
}

.G-modal-delete .modal-footer .btn {
    flex: 1;
}

.G-modal-delete .modal-footer .cancel {
    color: var(--danger);
    background-color: rgba(233, 86, 86, 0.1);;
}

.G-modal-delete .modal-footer .submit {
    background-color: var(--danger);
}


.G-modal-confirm .modal-header,
.G-modal-confirm .modal-footer {
    border: none !important;
}

.G-modal-confirm .modal-content {
    padding-top: 0 !important;
}

.G-modal-confirm .confirmation-content {
    display: grid;
    justify-content: center;
    text-align: center;
}

.G-modal-confirm .confirmation-content img {
    margin: 0 auto;
    margin-bottom: 20px;
}

.G-modal-confirm .confirmation-content .icon {
    margin: 0 auto;
    font-size: 120px;
    background-color: var(--danger);
    margin-bottom: 20px;
}

.G-modal-confirm .confirmation-content .title {
    font-size: 16px;
}

.G-modal-confirm .modal-footer .btn {
    flex: 1;
}

.G-modal-confirm .modal-footer .submit {
    color: #fff;
    background-color: var(--blue) !important;
}

.G-modal-confirm .modal-footer .cancel {
    background-color: #EBF2FF !important;
    color: var(--blue);
}


.uk-modal .content-modal .index-input {
    width: 100%;
    height: 50px;
    border: 1px solid var(--blue);
    border-radius: 5px;
    font-size: 20px;
    line-height: normal;
    padding: 0 10px;
    margin-bottom: 30px;
}

.uk-modal .content-modal .container-parameters {
    display: grid;
    grid-gap: 10px;
    padding: 0 10px;
}

.uk-modal .content-modal .container-parameters .item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.uk-modal .content-modal .container-parameters .item .title {
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #7C7C7C;
}

.uk-modal .content-modal .textarea-block {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    border: 1px solid transparent;
    padding: 16px;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.02em;
    background: rgba(244, 246, 249, 0.8);
    color: #000;
    resize: none;
    transition: all 0.2s;
}

.uk-modal .content-modal .textarea-block:focus {
    border-color: var(--blue);
}

.uk-modal .content-modal .textarea-block::placeholder {
    color: #7C7C7C !important;
}

.uk-modal .content-modal .textarea-block::placeholder {
    color: #5E5E5E;
}

.option-grid .row-container {
    display: grid;
    align-items: center;
    margin-bottom: 20px;
}

.option-grid .quicks label {
    display: flex;
    align-items: center;
}

.option-grid .row-container:hover > p.title {
    color: var(--blue);
}

.option-grid:last-child label {
    margin-bottom: 0;
}

form .itm > .title-name,
.option-grid .row-container > .title {
    position: relative;
    min-width: 150px;
    margin-right: 20px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #5E6366;
}

.option-grid .row-container > .title:empty {
    display: none;
}

.option-grid[valid] .title:after {
    content: '*';
    color: var(--danger);
    margin-left: 5px;
}

.option-grid input[type="text"],
.option-grid select {
    width: 100%;
    min-width: 200px;
    height: 40px;
    padding: 0 16px;
    font-size: 15px;
    background: rgba(244, 246, 249, 1);
    border-radius: 8px;
    letter-spacing: 0.02em;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    z-index: 1;
}

.option-grid input.error {
    border: 1px solid red !important;
}

.option-grid input[type="text"]:hover,
.option-grid select:hover {
    border-color: var(--blue);
}

.option-grid input[type="text"]:focus,
.option-grid select:focus {
    border-color: var(--blue);
    background: rgba(244, 246, 249, 1);
    z-index: 1;
}

.option-grid input.input-arrow {
    background-image: url(/view/icons/arrow-bottom.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: calc(100% - 10px) center;
    padding-right: 30px;
}

.option-grid textarea {
    width: 100%;
    min-height: 100px;
    font-size: 15px;
    padding: 16px;
    border-radius: 8px;
    background: rgba(244, 246, 249, 0.8);
    color: #000;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    transition: all 0.2s;
}

.option-grid textarea:focus {
    border: 1px solid var(--blue) !important;
    background: rgba(244, 246, 249, 0.3);
}

.option-grid textarea:hover {
    border: 1px solid var(--blue);
}


.option-grid.error-required input,
.option-grid.error-required textarea,
.option-grid.error-required .select2.select2-container {
    border-color: red;
}

.option-grid.error-required label > .title {
    color: red;
}


.attached-files-iss,
.attached-files {
    display: grid;
}

.attached-files .name a {
    color: #000
}

.attached-files-iss .item,
.attached-files > .item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 5px;
    background-color: #eee;
    margin-bottom: 5px;
}

.attached-files-iss .item:last-child,
.attached-files > .item:last-child {
    margin-bottom: 20px;
}

.attached-files-iss .item img,
.attached-files .item img {
    width: 20px;
    min-width: 20px;
    height: auto;
    object-fit: cover;
    margin-right: 10px;
}

.attached-files-iss .item .title,
.attached-files > .item .title {
    color: #000;
    font-size: 14px;
    margin-right: 10px;

    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;

    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}

.attached-files-iss .item .type,
.attached-files > .item .type {
    color: #A4A4A4;
    font-size: 14px;
    text-transform: uppercase;
    margin-left: auto;
}

.attached-files > .item .btn-delete-file {
    padding: 0;
    width: 30px;
    height: 30px;
    background-color: transparent;
}

.attached-files > .item .btn-delete-file .icon {
    background-color: var(--danger);
}

.attached-files > .item .btn-delete-file:hover {
    background-color: var(--danger);
}

.attached-files > .item .btn-delete-file:hover .icon {
    background-color: #fff;
}

.attached-files-iss .item .icon {
    background-color: var(--danger);
    margin-left: 10px;
}

.modal-content .warning-title {
    font-size: 16px;
    margin: 10px 0;
}

.select2 {
    min-width: 200px;
    width: 100% !important;
    height: 40px;
    background: rgba(244, 246, 249, 0.8);
    border: 1px solid #e9e9e9;
    padding: 0 34px 0 16px !important;
    border-radius: 10px;
    transition: 0.1s !important;
}

.select2-container .check-stroke {
    opacity: 0;
}

.select2-container .verified .check-stroke {
    background-color: #A1E194 !important;
    opacity: 1 !important;
}

.select2-container--open {
    border-radius: 10px 10px 0 0 !important;
    border-color: var(--blue) !important;
}

.select2-container:hover {
    border-color: #9FB0C1FF;
}

.select2-selection__rendered {
    font-size: 15px !important;
    padding: 0 !important;
}

.select2-selection--single {
    height: 100%;
    display: flex;
    align-items: center;
}

.select2-selection__arrow {
    top: 0 !important;
    right: 10px !important;
    height: 100% !important;
}

.option-grid select.select2-hidden-accessible {
    display: none !important;
}

.uk-modal .modal-content .uk-tab {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin-bottom: 20px;
}

.uk-modal .modal-content .uk-tab li {
    padding: 0 !important;
}

.uk-modal .modal-content .uk-tab li.uk-active a {
    color: var(--blue) !important;
    border-color: var(--blue) !important;
}

.uk-modal .modal-content .uk-tab li a {
    padding: 0 10px 10px !important;
    text-transform: initial !important;
}

.uk-modal .modal-content .input-search {
    width: 100%;
    background: #FAFAFA;
    border: 1px solid #4C87EC;
    border-radius: 10px;
    padding: 0 20px;
    height: 40px;
    color: #000;
    font-size: 16px;
}

.modal-employee-selection .container-body .modal-content {
    padding: 0 !important;
}

.modal-employee-selection .option-grid {
    margin: 0 10px;
}

.modal-employee-selection .option-grid .input-search {
    height: 40px;
    font-size: 14px;
}

.modal-employee-selection .list-users-search {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    height: 430px;
    overflow: auto;
    padding: 0 8px;
}

.modal-employee-selection .list-users-search::-webkit-scrollbar {
    width: 6px;
    border-radius: 10px;
}

.modal-employee-selection .list-users-search::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.modal-employee-selection .list-users-search::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    border: 2px solid transparent;
}

.modal-employee-selection .list-users-search .item-user {
    display: grid;
    align-items: center;
    grid-template-columns: auto auto 1fr;
    grid-template-areas: "input avatar name"
                         "input avatar post";
    padding: 7px 15px;
    border-radius: 7px;
}

.modal-employee-selection .list-users-search .item-user.check {
    background: rgba(76, 135, 236, 0.2) !important;
}

.modal-employee-selection .list-users-search .item-user:hover {
    background: rgba(76, 135, 236, 0.1);
    cursor: pointer;
}

.modal-employee-selection .list-users-search .item-user input {
    grid-area: input;
    width: 15px;
    height: 15px;
    margin-right: 15px;
    margin-left: 0;
    cursor: pointer;
    border-color: #545454;
    border-radius: 3px;
}

.modal-employee-selection .list-users-search .item-user .avatar-user {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    overflow: hidden;
    grid-area: avatar;
    margin-right: 10px;
}

.modal-employee-selection .list-users-search .item-user .avatar-user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.modal-employee-selection .list-users-search .item-user .avatar-user .initials {
    grid-area: avatar;
}

.modal-employee-selection .list-users-search .item-user .name {
    grid-area: name;
    font-weight: bold;
    font-size: 14px;
}

.modal-employee-selection .list-users-search .item-user .post {
    grid-area: post;
    font-size: 12px;
    color: #545454;
}


.select2-search__field {
    outline: none !important;
    border-radius: 0.85rem !important;
    border: 1px solid #e7e7e7 !important;
    padding: 0.5rem 1rem !important;
}

.select2-dropdown {
    z-index: 1301 !important;
}

.select2-dropdown--below {
    background: #FFFFFF !important;
    box-shadow: 0 20px 50px 0 rgba(82, 63, 105, 0.2);
    border-radius: 0 0 10px 10px !important;
    border: 1px solid #d5d5d5 !important;
    border-top: none !important;
}

.select2-search--dropdown {
    padding: 10px 14px !important;
}

.select2-results__option {
    padding: 8px 13px !important;
}

.select2-results__option:hover {
    background: #EBEDF3 !important;
    color: #3F4254 !important;
}

.uk-modal .footer-modal {
    position: sticky;
    bottom: -50px;
    z-index: 99999;
    display: flex;
    justify-content: flex-end;
    align-content: center;
    padding: 30px;
    background: #fff;
    border-radius: 0 0 10px 10px;
    /*border-top: 1px solid #EFEFF5;*/
}

.uk-modal .footer-modal.center {
    justify-content: center;
}

.uk-modal .footer-modal .btn {
    margin-right: 10px;
}

.uk-modal .footer-modal .btn:last-child {
    margin-right: 0;
}

.uk-modal .title-content {
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #000000;
    margin: 30px 0;
}

.modal-content .content-task-info {
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 30px;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.modal-content .gris-task-desc .title {
    font-size: 14px;
    color: #7C7C7C;
    margin-bottom: 3px;
}

.modal-content .gris-task-desc .desc {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
}

.modal-content .gris-task-desc .desc span {
    color: var(--blue);
    cursor: pointer;
}

.modal-content .gris-task-desc .desc span:hover {
    text-decoration: underline;
}

.uk-modal .close-modal-task {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.uk-modal .close-modal-task i {
    background-color: #444;
}

/* Модальное окно */


.input-icon {
    position: relative;
    width: 120px;
}

.input-icon input {
    width: 100%;
    border: none;
    color: #000;
    font-size: 14px;
    cursor: pointer;
    font-weight: 600;
}

.input-icon input::placeholder {
    color: #000;
}

.input-icon:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.input-icon.input-icon_date:after {
    background-image: url(/view/icons/calendar.svg);
}

.input-icon.input-icon_users:after {
    background-image: url(/view/icons/add-users.svg);
}

.select2 .selection {
    display: block;
    height: 100% !important;
}

.select2-selection__rendered {
    display: flex !important;
    align-items: center;
    height: 100% !important;
}

.select2-selection {
    height: 100% !important;
    background-color: transparent !important;
    border: none !important;
}

.select2-selection input {
    width: 100% !important;
}

.select2-selection input::placeholder {
    color: #000 !important;
    font-weight: 600 !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid transparent !important;
    border-radius: 5px;
}

.select2-container--focus .select2-selection--multiple {
    border-color: var(--blue) !important;
}

.select2-selection .select2-selection__choice {
    display: flex;
    align-items: center;
    border-radius: 50px !important;
    background-color: #F3F6F9 !important;
    color: #000 !important;
    border: none !important;
    padding: 3px 10px !important;
}

.select2-selection .select2-selection__choice .select2-selection__choice__remove {
    color: var(--red);
    line-height: 0;
    font-size: 18px;
}

.grid-label-two fieldset {
    background: #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    padding: 20px;
}

.grid-label-two fieldset.hidden {
    display: none;
}

.grid-label-two fieldset legend {
    font-size: 13px;
    color: var(--blue)
}

.grid-label-two fieldset ul li {
    justify-content: space-between;
}

.grid-label-two fieldset ul li i.trash {
    background-color: var(--danger);
}

.grid-label-two fieldset ul li i {
    min-width: 16px;
    margin-left: 10px;
}

/* */

/* табы */

.tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.tabs .item {
    padding: 5px 10px;
    background-color: #ECECEC;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    border-radius: 50px;
    border: none;
    margin-right: 10px;
    margin-bottom: 10px;
    letter-spacing: 0.04em;
    transition: all 0.2s;
}

.tag-status {
    background-color: #ccc;
    font-size: 13px;
    border-radius: 50px;
    border: none;
    padding: 5px 10px;
    width: max-content;
}

.tag-status.blue {
    background-color: var(--blue);
    color: #fff;
}

.tag-status.green {
    background-color: var(--green-light);
    color: #fff;
}

.tag-status.red {
    background-color: var(--danger);
    color: #fff;
}

.tag-status.orange {
    background-color: var(--orange);
    color: #fff;
}

.tag-status.purple {
    background-color: var(--purple);
    color: #fff;
}

.tag-status.gray {
    background-color: var(--gray);
    color: #fff;
}


.tabs .item a {
    color: inherit;
}

.tabs .item:hover {
    color: #fff;
    background-color: var(--blue);
}

.tabs .item.active {
    color: #fff;
    background-color: var(--blue);
}

/* конец - табы */

.calendar_quicks {
    margin-bottom: 73px;
}

.close_divFilter {
    cursor: pointer;
    float: right;
}

.divFilter .itm {
    display: flex;
    margin-bottom: 25px;
    align-items: center
}

.divFilter .itm ul {
    display: flex;
    /*flex-wrap: wrap;*/
}

.divFilter .itm ul li {
    display: inline;
    margin-right: 5px;
}

.checkStyle input {
    display: none
}

.checkStyle {
    width: max-content;
    background-color: #ECECEC;
    border-radius: 100px;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    cursor: pointer;
    color: #5E5E5E
}

.checkStyle:hover {
    background-color: #e1e1e1;
}

.checkStyle.active {
    color: #fff;
    background-color: #4C87EC;
}

.G-modal-filter .wrapper-list-filters {
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
}

.G-modal-filter .wrapper-list-filters .option-grid,
.G-modal-filter .wrapper-list-filters .option-grid .row-container {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.G-modal-filter .wrapper-list-filters .option-grid .row-container > .title,
.G-modal-filter .wrapper-list-filters .option-grid .title-name {
    text-align: right;
    width: 150px;
    margin-right: 20px;
}

.G-modal-filter .option-grid .quicks {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 10px;
    grid-row-gap: 6px;
}

.G-modal-filter .option-grid .quicks label {
    margin-bottom: 0 !important;
}

.G-modal-filter .filter_l {
    display: flex;
    width: 200px;
    margin-right: 50px;
}

.G-modal-filter .filter_l .select2-container {
    width: 200px !important;
}

.G-modal-filter .filter_l .filter_attr {
    padding-left: 3px;
    display: inline-block;
    letter-spacing: 0.04em;
    color: #000
}

.G-modal-filter .filter_l .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 3px;
    font-size: 15px;
}

.slider_range_res .max,
.slider_range_res .min {
    margin-top: 11px;
    color: #5E5E5E;
    font-size: 14px;
    display: inline-block;
    border-bottom: 1px solid #EFEFF5;
}

.slider_range_res .max {
    float: right;
}

.slider_range_res input {
    border: none;
    color: #3E82DA;
    width: 104px;
    font-size: 14px
}

.slider_range_res input:focus {
    outline: none;
    border-bottom: 1px solid #3E82DA;
}

.ui-widget-header {
    background-color: #3E82DA !important
}

.ui-slider-horizontal {
    height: 2px !important;
    border: none !important;
    background-color: #B3B3B3 !important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.datepicker .ui-button,
html .datepicker .ui-button.ui-state-disabled:hover,
html .datepicker .ui-button.ui-state-disabled:active {
    background-color: #e2efff !important;
    border-radius: 100% !important;
    border: none !important;
    top: -7px !important;
    width: 25px !important;
    height: 25px !important;
    cursor: pointer !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
}

.dp_timerange table tbody tr {
    background-color: transparent !important;
    border-bottom: none;
}

.ui-widget-content .ui-state-default:hover {
    background-color: var(--blue) !important;
    color: #fff !important;
}

.ui-widget-content .ui-state-highlight {
    background-color: #fffa90 !important;
    color: #000 !important;
}

.ui-widget-content .ui-state-active {
    background-color: var(--blue) !important;
    color: #fff !important;
}

.dp_timerange {
    background-color: #fff !important;
    height: 308px !important;
}

.option-grid .dp_timerange {
    top: 100%;
    left: 0;
}

.ui-widget.ui-widget-content {
    border: none !important;
}

.dp_timerange {
    background-color: #fff !important;
    padding: 8px;
    box-shadow: 0 7px 30px rgba(110, 130, 160, 0.35);
    border-radius: 10px;
}


#chartGroup {
    width: 112px;
    height: 112px;
    margin-top: 20px
}

.trTask i.icon.attach-file {
    background-color: var(--purple);
}

/* table end */


.odinC {
    width: 18px;
}


#chatDiv {
    height: 30px;
    display: flex;
    bottom: 0;
    width: 99%;
    position: fixed;
    justify-content: flex-end
}

#chatDiv a {
    color: #000
}

#chatDiv .fa-commenting-o {
    font-size: 20px;
    margin: 5px 10px;
    cursor: pointer
}

.ulChatGroups li .chat_user {
    display: block;
    font-size: 12px;
    color: #000;
}

.ulChatGroups li .chat_msg {
    display: block;
    font-size: 12px;
    color: #5a5a5a;
}

.chat {
    width: 170px;
    border-left: 1px solid #DDDFE2;
    border-right: 1px solid #DDDFE2;
}

.chat.active {
    width: 250px;
}

.chat .closeChat {
    display: none
}

.chat:hover {
    background-color: #DEE9F3
}

.chat:hover .closeChat {
    display: block
}

.chat .ch_titleDiv {
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background-color: #fff;
}

.chat .ch_titleDiv span {
    overflow: hidden
}

.chatContent {
    cursor: auto;
    display: none;
    position: absolute;
    bottom: 33px;
    width: 172px;
    height: 302px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

.chatContent_titleDiv {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #337AC6;
    color: #fff;
    padding: 5px 10px
}

.chatContent_titleDiv a {
    color: #fff
}

.chatContent_titleDiv a:hover {
    text-decoration: underline
}

.chatContent_titleDiv:hover {
    background-color: #3887DA
}

.chatContent_titleDiv .closeChat {
    color: #fff;
    display: block;
    cursor: pointer
}

.chat.active .chatContent {
    display: block
}

.chat.active .chatContent {
    width: 250px
}

.chatContent ul {
    height: 225px;
    overflow: auto
}

.chatGroups.issNew .ch_titleDiv {
    animation: notEmpty_note 1s infinite;
}

.chatGroups .chatContent ul {
    height: 246px;
    background-color: #fff
}

.chatGroups ul li {
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
}

.chatGroups ul li.issNew {
    color: #337AC6
}

.chatGroups ul li.hide {
    display: none
}

.chatContent ul li {
    padding: 5px 10px;
}

.chatContent ul li:hover {
    background-color: #DEE9F3
}

.chatContent ul li .user {
    font-size: 10px;
    display: block
}

.chatContent ul li .msg {
    font-size: 12px;
    display: block
}

.chatContent ul li.me {
    text-align: right
}

ul li .msg {
    word-break: break-word
}

ul li .date {
    color: #8C8C8C;
    font-size: 12px
}

.chatSearch {
    padding: 5px 10px;
    width: calc(100% - 20px);
    border: none;
    /*border-top-color: currentcolor;*/
    /*border-top-style: none;*/
    /*border-top-width: medium;*/
    /*border-bottom-color: currentcolor;*/
    /*border-bottom-style: none;*/
    /*border-bottom-width: medium;*/
    border-top: 1px solid #F1F2F3
}

.chatContent .chatMsg {
    resize: none;
    padding: 5px 10px 0 22px;
    overflow: hidden;
    height: 21px;
    width: calc(100% - 20px);
    border: none;
    border-top: 1px solid #F1F2F3;
}


#q_search_links {
    display: block;
    margin-bottom: 15px
}

#q_search_links li {
    display: inline;
    margin-right: 5px
}

ul.agree {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

/*  tableUl  start  */
.tableUl ul {
    display: table;
}

.tableUl li {
    display: table-row
}

.tableUl li span {
    padding: 8px;
    text-align: left;
    display: table-cell
}

.tableUl .ulBody li:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}

.tableUl .ulBody li:hover {
    background-color: #f5f5f5;
}

.tableUl .ulHead li {
    background-color: #0C64B2;
    color: #fff;
}

.tableUl.leftAlign {
    width: 400px
}

.tdUlList {
    font-size: 12px;
    padding: 0;
}

td div.flex {
    display: flex;
}

/*  tableUl  end  */


.aggree {
    display: flex
}

.uk-tooltip {
    max-width: 300px !important;
}

.uk-tooltip-inner {
    text-align: center;
}

/*.aggree li.me {*/
/*    border: 1px solid*/
/*}*/


footer {
    min-height: 32px;
}


/* Уведомления */

.uk-notification {
    border-radius: 10px;
    z-index: 9999;
}

.uk-notification-message {
    padding: 0;
    background: transparent;
}

.uk-notification-message .container.success {
    background: var(--green-light);
}

.uk-notification-message .container.mistake {
    background: var(--red);
}

.uk-notification-message .container.alert {
    background: #FAB24C;
}

.uk-notification-message .container {
    display: flex;
    align-items: center;
    padding: 20px 15px;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}

.uk-notification-message .container i.icon {
    font-size: 25px;
    background-color: #fff;
    margin-right: 20px;
}

.uk-notification-message .container .text {
    font-size: 15px;
    letter-spacing: 0.04em;
}

/* Конец- Уведомления */

#funnels_sel {
    border-radius: 10px;
    border: 1px solid var(--blue);
    padding: 8px;
}

#container_layout {
    margin-top: 10px;
}

#container_layout .row .col {
    padding-top: 0px;
    padding-bottom: 0;
}

.card-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.card-title {
    font-size: 18px;
    color: #000000;
}

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

.display-mode > .title {
    font-size: 14px;
    color: #000000;
    margin-right: 10px;
}

.btn-mode {
    display: flex;
    align-items: center;
    background: #F2F4F8;
    border-radius: 50px;
    padding: 5px 15px;
    border: none;
    cursor: pointer;
}

.btn-mode:hover {
    background: #e7e7e7;
}

.btn-mode i {
    font-size: 12px;
    background-color: #C4C4C4;
    margin-left: 10px;
}

.btn-mode .content-select {
    display: flex;
    align-items: center;
}

.btn-mode .content-select i.icon {
    margin: 0;
    margin-right: 10px;
    font-size: 15px;
    background-color: var(--blue);
}

.time_dp {
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    font-size: 15px;
    background-color: rgba(244, 246, 249, 0.8);
    width: 100%;
    height: 50px;
    padding: 0 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
}

.time_dp:hover {
    border-color: var(--blue);
}

.ui-datepicker {
    width: max-content !important;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: normal !important;
    color: #fff !important;
}


.modal-card-device .uk-offcanvas-bar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 650px));
    width: auto;
    right: -1300px;
    color: #000;
    padding: 0;
    margin-left: 120px;
    background-color: #fff !important;
    box-shadow: 10px 0 130px rgba(0, 0, 0, 0.1);
}

.modal-card-device .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: auto;
    color: #000;
    padding: 0;
    background-color: #fff !important;
    box-shadow: 10px 0 130px rgba(0, 0, 0, 0.1);
}

.modal-card-device .left-col,
.modal-card-device .right-col {
    padding: 30px 50px;
}

.modal-card-device .left-col {
    background-color: #FCFCFC;
    border-right: 1px solid #DDDDDD;
    overflow: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}

.modal-card-device .left-col::-webkit-scrollbar {
    display: none;
}

.modal-card-device .right-col {
    padding: 0;
    overflow: hidden;
}

.modal-card-device .left-col .header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.modal-card-device .left-col .header .id-device {
    font-weight: bold;
    font-size: 24px;
    margin-right: auto;
    letter-spacing: 0.04em;
    color: #000000;
}

.modal-card-device .left-col .header .select-status .container-status {
    display: flex;
    align-items: center;
    background-color: #7CDBB3;
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
    border: none;
    letter-spacing: 0.04em;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.2s;
}

.modal-card-device .left-col .header .select-status .container-status i {
    background-color: #fff;
    font-size: 12px;
    margin-left: 10px;
}

.modal-card-device .left-col .header .select-status .uk-dropdown {
    box-shadow: 0px 0px 10px rgba(76, 135, 236, 0.15);
    border-radius: 10px;
    padding: 10px 0;
}

.grid-item-status {
    display: grid;
}

.modal-card-device .left-col .header .select-status .uk-dropdown .grid-item-status .item-status {
    display: flex;
    padding: 10px 20px;
    text-align: left;
    font-size: 14px;
    color: #000;
    letter-spacing: 0.04em;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.modal-card-device .left-col .header .select-status .uk-dropdown .grid-item-status .item-status.active {
    background-color: var(--blue) !important;
    color: #fff !important;
}

.modal-card-device .left-col .header .select-status .uk-dropdown .grid-item-status .item-status:hover {
    background-color: #f2f2f2;
}

.modal-card-device .left-col .qr-parameters {
    display: flex;
    margin-bottom: 30px;
}

.modal-card-device .left-col .qr-parameters .qr-code {
    display: grid;
    width: max-content;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(76, 135, 236, 0.15);
    border-radius: 10px;
    margin-right: 50px;
    height: max-content;
}

.modal-card-device .left-col .qr-parameters .qr-code .qr-img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    margin: 0 auto 10px;
}

.modal-card-device .left-col .qr-parameters .qr-code .id-qr {
    font-size: 15px;
    text-align: center;
    color: #000000;
    margin: 0 auto 10px;
}

.modal-card-device .left-col .qr-parameters .qr-code .print {
    font-size: 15px;
    text-align: center;
    color: var(--blue);
    margin: 0 auto;
}

.modal-card-device .left-col .qr-parameters .qr-code .print:hover {
    color: var(--blue-hover);
    text-decoration: underline;
}

.modal-card-device .left-col .qr-parameters .parameters {
    display: grid;
}

.modal-card-device .left-col .qr-parameters .parameters .btn {
    width: 100%;
    justify-content: center;
    margin-top: 10px;
    text-align: center;
}

.modal-card-device .left-col .qr-parameters .parameters .item {
    display: grid;
    grid-template-columns: 130px 1fr;
    align-items: center;
    grid-gap: 30px;
    padding: 8px 10px;
}

.modal-card-device .left-col .qr-parameters .parameters .item:hover {
    background-color: #ececec;
}

.modal-card-device .left-col .qr-parameters .parameters .item .title {
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #5E5E5E;
}

.modal-card-device .left-col .qr-parameters .parameters .item .desc {
    font-size: 15px;
    letter-spacing: 0.04em;
    color: #000000;
}

.modal-card-device .left-col .desc-device {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 0px 10px rgba(76, 135, 236, 0.15);
    border-radius: 10px;
}

.modal-card-device .left-col .desc-device .title {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #5E5E5E;
    margin-bottom: 10px;
}

.modal-card-device .left-col .desc-device .desc {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.04em;
    color: #000000;
}

.agreement-section .grid-items {

}

.agreement-section .grid-items > .header-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.agreement-section .grid-items > .header-block .title {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #5E5E5E;
}

.agreement-section .grid-items > .header-block .link {
    font-style: normal;
    font-size: 14px;
    letter-spacing: 0.04em;
    color: var(--blue);
}

.agreement-section .grid-items .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(76, 135, 236, 0.15);
    border-radius: 7px;
    padding: 20px;
    border-left: 4px solid;
    margin-bottom: 10px;
}

.agreement-section .grid-items .item .optional-menu .btn {
    width: 30px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: center;
}

.agreement-section .grid-items .item .optional-menu .btn i {
    margin-left: 0 !important;
}

.agreement-section .grid-items .item:last-child {
    margin-bottom: 0;
}

.agreement-section .grid-items .item .user {
    display: flex;
    align-items: center;
}

.agreement-section .grid-items .item .user .photo {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50px;
    margin-right: 10px;
}

.agreement-section .grid-items .item .user .data {

}

.agreement-section .grid-items .item .user .data .name {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.agreement-section .grid-items .item .user .name span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    padding: 3px;
}

.agreement-section .grid-items .item .user .name span.me {
    background-color: var(--orange);
}

.agreement-section .grid-items .item .user .name span.passed {
    background-color: var(--blue);
}

.agreement-section .grid-items .item .user .name span i {
    background-color: #fff;
    font-size: 12px;
}

.agreement-section .grid-items .item .user .data .post {
    font-size: 12px;
    color: #545454;
    cursor: pointer;
}

.agreement-section .grid-items .item .status .status-title {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.agreement-section .grid-items .item .status .status-title span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-left: 10px;
    border-radius: 50px;
    border: 2px solid;
}

.agreement-section .grid-items .item .status .status-title span i {
    font-size: 16px;
    background-color: #fff;
}

.agreement-section .grid-items .item.refused {
    font-size: 16px;
    border-color: var(--danger);
}

.agreement-section .grid-items .item.refused .status .status-title {
    color: var(--danger);
}

.agreement-section .grid-items .item.refused .status .status-title span {
    background-color: var(--danger);
}

.agreement-section .grid-items .item.under {
    font-size: 16px;
    border-color: var(--purple);
}

.agreement-section .grid-items .item.under .status .status-title {
    color: var(--purple);
}

.agreement-section .grid-items .item.under .status .status-title span {
    background-color: var(--purple);
}

.agreement-section .grid-items .item.success {
    font-size: 16px;
    border-color: var(--green-light);
}

.agreement-section .grid-items .item.success .status .status-title {
    color: var(--green-light);
}

.agreement-section .grid-items .item.success .status .status-title span {
    background-color: var(--green-light);
}

.agreement-section .grid-items .item.waiting {
    font-size: 16px;
    border-color: var(--orange);
}

.agreement-section .grid-items .item.waiting .status {
    display: flex;
    align-items: center;
}

.agreement-section .grid-items .item.waiting .status .btn {
    padding: 7px 15px;
    margin-left: 5px;
}

.agreement-section .grid-items .item.waiting .status .status-title {
    color: var(--orange);
}

.agreement-section .grid-items .item.waiting .status .status-title span {
    background-color: var(--orange);
}

.agreement-section .grid-items .item.queue {
    font-size: 16px;
    border-color: #bdbdbd;
}

.agreement-section .grid-items .item.queue .status .status-title {
    color: #bdbdbd;
}

.agreement-section .grid-items .item.queue .status .status-title span {
    background-color: transparent;
}

.agreement-section .grid-items .item.queue .status .status-title span i {
    background-color: #bdbdbd;
}

.modal-card-device .left-col .config-device {
    margin-bottom: 30px;
    overflow-x: auto;
}

.modal-card-device .left-col .config-device table {
    width: 100%;
}

.modal-card-device .left-col .config-device table thead th {
    white-space: nowrap;
    text-align: left;
}

.modal-card-device .left-col .config-device table a {
    color: var(--blue);
    border-bottom: 1px dashed transparent;
}

.modal-card-device .left-col .config-device table a:hover {
    border-color: var(--blue);
}

.modal-card-device .left-col .config-device table .col-action i.trash:hover {
    background-color: red;
}

.id-number {
    cursor: pointer;
}

.modal-card-device .left-col .config-device > .title {
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #5E5E5E;
    margin-bottom: 20px;
}

.modal-card-device .left-col .config-device form {
    display: grid;
    margin-left: 20px;
}

.modal-card-device .left-col .config-device form label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    width: max-content;
}

.modal-card-device .left-col .config-device form label .title {
    width: 150px;
    margin-right: 30px;
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #7C7C7C;
}

.modal-card-device .left-col .config-device form label input {
    width: 200px;
    height: 35px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    border-radius: 10px;
    transition: all 0.2s;
}

.modal-card-device .left-col .config-device form label input:hover {
    border-color: var(--blue);
}

.modal-card-device .right-col .close-modal {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 5px;
    margin-bottom: 20px;
}

.modal-card-device .right-col .close-modal .uk-offcanvas-close {
    position: relative !important;
    top: 0;
    right: 0;
    cursor: pointer;
}

.modal-card-device .right-col .close-modal .uk-offcanvas-close i:hover {
    background-color: var(--blue);
}

.modal-card-device .right-col .chat-comment {
    display: flex;
    flex-direction: column;
}

.modal-card-device .right-col .chat-comment .head-title .title {
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #5E5E5E;
    margin-bottom: 30px;
}

.modal-card-device .right-col .chat-comment .creat-message-block {
    display: flex;
    margin-top: 20px;
}

.modal-card-device .right-col .chat-comment .creat-message-block .name-sender {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    border-radius: 50px;
    margin-right: 15px;
    margin-top: 15px;
    background: #FF93AF;
}

.modal-card-device .right-col .chat-comment .creat-message-block .container-msg {
    width: 100%;
    background: #fff;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    padding: 20px 30px;
}

.modal-card-device .right-col .chat-comment .creat-message-block .container-msg .title {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.04em;
    color: #4C87EC;
    margin-bottom: 15px;
}

.modal-card-device .right-col .chat-comment .creat-message-block .container-msg textarea {
    width: 100%;
    resize: none;
    height: 90px;
    border: none;
}

.modal-card-device .right-col .chat-comment .creat-message-block .container-msg .action-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px;
}

.modal-card-device .right-col .chat-comment .message-block {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: flex-end;*/
    height: calc(100vh - 304px);
    overflow-y: auto;
}

.modal-card-device .right-col .chat-comment .message-block .item-msg {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.modal-card-device .right-col .chat-comment .message-block .item-msg .name-initials {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    border-radius: 50px;
    margin-right: 15px;
    background: var(--blue);
}

.modal-card-device .right-col .chat-comment .message-block .item-msg .container-msg {
    padding: 10px 15px;
    border-radius: 10px;
    background-color: #fff;
}

.modal-card-device .right-col .chat-comment .message-block .item-msg .container-msg .head {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.modal-card-device .right-col .chat-comment .message-block .item-msg .container-msg .name-sender {
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #000000;
    font-weight: bold;
    margin-right: 10px;
}

.modal-card-device .right-col .chat-comment .message-block .item-msg .container-msg .time-send {
    font-size: 12px;
    letter-spacing: 0.04em;
    color: #828282;
}

.modal-card-device .right-col .chat-comment .message-block .item-msg .container-msg .text-msg {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.04em;
    color: #000000;
}


#services table .id-col {
    display: flex;
}

#services table .id-col {
    display: flex;
}

.option-grid.hidden {
    display: none !important;
}

.modal-card-device .left-col .grid-col {
    display: grid;
}

.container-docs {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.grid-docs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;
    margin-bottom: 30px;
    overflow: auto;
}

.grid-docs .uk-form-custom {
    z-index: 1;
}

.grid-docs::-webkit-scrollbar {
    height: 6px;
    border-radius: 10px;
}

.grid-docs::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
}

.grid-docs::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    border: 2px solid transparent;
}

.modal-card-device .left-col .add_NewFile {
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 30px;
    right: 18px;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50px;
    background-color: #fff;
    border: 1px solid var(--blue);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.10);
    opacity: 0;
}

.modal-card-device .left-col .container-docs:hover .add_NewFile {
    opacity: 1;
}

.modal-card-device .left-col .add_NewFile:hover {
    background-color: var(--blue);
    border: 1px solid var(--blue);
}

.modal-card-device .left-col .add_NewFile:hover i {
    background-color: #fff;
}

.modal-card-device .left-col .add_NewFile i {
    background-color: var(--blue);
    font-size: 14px;
}

.grid-docs > .item {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    grid-template-areas: "img name"
                        "img type"
                        /*"img category"*/
                        "footer footer";
    width: 100%;
    padding: 15px 0 0;
    background: #fff;
    border-radius: 10px;
    height: max-content;
    border: 1px solid transparent;
}

.grid-docs > .item.zIndex_max {
    z-index: 1200;
}

.grid-docs > .item:hover {
    border-color: var(--blue);
}

.grid-docs > .item > a {
    grid-row-start: 1;
    grid-row-end: 3;
}

.grid-docs > .item .top-info {
    position: relative;
}

.grid-docs > .item img {
    width: 50px;
    min-width: 50px;
    height: auto;
    max-height: 46px;
    grid-area: img;
    margin-right: 20px;
    margin-left: 15px;
}

.grid-docs > .item img[alt=img] {
    border-radius: 5px;
}

.grid-docs > .item .name,
.grid-docs > .item .name a {
    color: #000;
    width: auto;
    font-weight: 500;
    font-size: 15px;
    grid-area: name;
    height: max-content;
    border-bottom: 1px dashed transparent;

    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;

    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    margin-right: 15px;
}

.grid-docs > .item .name:hover {
    color: var(--blue);
    border-color: var(--blue);
}

.grid-docs > .item .name i {
    opacity: 0;
    background-color: var(--blue);
    transition: all 0.1s;
    margin-left: 5px;
}

.grid-docs > .item .name:hover i {
    opacity: 1;
}

.grid-docs > .item .category {
    display: none !important;

    color: #9b9b9b;
    font-size: 12px;
    text-transform: uppercase;
    grid-area: category;
    height: max-content;
    margin-right: 15px;
}

.grid-docs > .item .type {
    color: #9b9b9b;
    font-size: 12px;
    text-transform: uppercase;
    grid-area: type;
    height: max-content;
    margin-right: 15px;
}

.grid-docs > .item .uk-inline {
    position: absolute;
    top: 8px;
    right: 10px;
}

.grid-docs > .item .menu-toggle {
    background: transparent;
    line-height: 0;
    padding: 2px 8px;
    border: none;
    cursor: pointer;
    border-radius: 50px;
    transition: all 0.2s;
}

.grid-docs > .item .menu-toggle > i {
    background: rgba(255, 255, 255, 0.7);
}

.grid-docs > .item:hover .menu-toggle {
    background: rgba(0, 0, 0, 0.2);
}

.grid-docs > .item:hover .menu-toggle:hover {
    background: rgba(0, 0, 0, 0.4);
}

.grid-docs > .item .btm-info {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-area: footer;
    padding: 2px 15px;
    font-size: 11px;
    border-radius: 0 0 10px 10px;
    margin-top: 15px;
    color: #fff;
    font-weight: 300;
}

.grid-docs > .item[type=pdf] {
    background-color: #FFF3F3;
}

.grid-docs > .item[type=pdf] .btm-info {
    background-color: #E55A5A;
}

.grid-docs > .item[type=ms-word] {
    background-color: #F1F5FF;
}

.grid-docs > .item[type=ms-word] .btm-info {
    background-color: #2C7BD5;
}

.grid-docs > .item[type=ms-excel] {
    background-color: #E5F2EC;
}

.grid-docs > .item[type=ms-excel] .btm-info {
    background-color: #21A365;
}

.grid-docs > .item[type=img] {
    background-color: #F1F9F7;
}

.grid-docs > .item[type=img] .btm-info {
    background-color: #4DC5AD;
}

.grid-docs > .item[type=ms-archive] {
    background-color: #EBEBEB;
}

.grid-docs > .item[type=ms-archive] .btm-info {
    background: linear-gradient(90deg, #CB3768 0%, #276EBB 54.17%, #2CAA6E 100%);
}

.grid-docs > .item .delete-file i {
    background-color: var(--danger);
    font-size: 12px;
}

.grid-docs > .item:hover .delete-file {
    opacity: 1;
}

.grid-docs .add-doc {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background: #fff;
    border: 2px dashed #4C87EC;
    border-radius: 15px;
    height: 97px;
    cursor: pointer;
    opacity: 0.5;
    transition: all 0.2s;
}

.grid-docs .add-doc .title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: var(--blue);
}

.grid-docs .add-doc .title i {
    font-size: 28px;
    background-color: var(--blue);
    margin-right: 20px;
}

.modal-card-device .left-col .qr-parameters .parameters.grid-2-col .item {
    grid-template-columns: 1fr 1fr 38px;
    align-items: center;
}

.modal-card-device .left-col .qr-parameters .parameters.grid-2-col .item .btn {
    padding: 5px 10px;
    margin: 0;
    height: max-content;
    opacity: 0;
}

.modal-card-device .left-col .qr-parameters .parameters.grid-2-col .item:hover .btn {
    opacity: 1;
}

#cardDocument .left-col .uk-inline .btn {
    align-items: center;
}

#cardDocument .left-col .uk-inline .btn i {
    font-size: 14px;
    margin-left: 10px;
}

@media print {
    /* print styles go here */
    body {
        font-size: 30px;
    }
}

.select2-results .newForm {
    color: var(--blue);
    font-weight: 500;
    cursor: pointer;
}

.error-valid {
    border-color: var(--danger) !important;
}

.input-dashed-box {
    display: grid;
    align-items: center;
    justify-content: center;
    border: 2px dashed var(--blue);
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.modal-add-signedDoc .uk-form-custom {
    width: 100%;
}

.input-dashed-box i {
    font-size: 46px;
    background-color: var(--blue);
    margin: 0 auto 20px;
}

.input-dashed-box span {
    color: var(--blue);
    font-size: 14px;
    text-align: center;
}

/* Конец - Модальное окно Планеты */

ul#pagination li {
    border-radius: 5px;
}

ul#pagination li.active {
    background-color: var(--blue);
}


.cart-label {
    height: 37px;
    background-color: var(--green) !important;
    color: #fff !important;
}

.cart-label:hover {
    background-color: #1c9750 !important;
}

.cart-label .count {
    position: absolute;
    top: -7px;
    right: 0;
    background-color: var(--red);
    color: #fff;
    font-size: 12px;
    padding: 0 5px;
    border-radius: 50px;
}

.cart-label:hover {
    background-color: var(--blue);
}

.cart-label span {
    font-weight: bold;
}

.cart-label i {
    font-size: 18px;
    background-color: #fff;
    margin-right: 10px;
}


.pl-head-section {
    padding-top: 20px;
}

.card-body.payments-section .uk-accordion {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 30px;
}


.payments-block {
    position: relative;
}

.payments-block .item {
    display: grid;
    grid-template-columns: 150px 150px 1fr auto;
    grid-gap: 10px;
}

.payments-block .add-new_payments {
    position: absolute;
    left: calc(50% - 13px);
    bottom: -13px;
    width: 26px;
    height: 26px;
    background: var(--blue);
    border-radius: 50px;
    opacity: 0;
    cursor: pointer;
}

.payments-block .btn-remove_payments {
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background-color: transparent;
    margin-top: auto;
    padding: 5px;
    border-radius: 0 !important;
    transition: all 0s !important;
}

.payments-block .btn-remove_payments:hover {
    background: var(--danger);
}

.payments-block .btn-remove_payments:hover i {
    background-color: #fff;
}

.payments-block .btn-remove_payments i {
    font-size: 12px;
}

.payments-block .add-new_payments i {
    background: #fff;
    font-size: 10px;
}

.payments-block .docsCond_table tbody td {
    padding: 0 !important;
}

.payments-block .docsCond_table tbody td:hover input {
    border: 1px solid var(--blue);
}

.payments-block .docsCond_table tbody input {
    width: 100%;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0 !important;
    transition: all 0s !important;
}

.payments-block .docsCond_table tbody input:focus {
    background-color: #fff;
    border: 1px solid var(--blue);
}

.payments-block .docsCond_table tbody .cell-date {
    width: 150px;
}

.payments-block .docsCond_table tbody .cell-summ {
    width: 150px;
}

.payments-section .cell-remove {
    width: 35px;
}

.payments-section:hover .add-new_payments {
    opacity: 1;
}

.pl-head-section .card-body {
    display: flex;
    flex-direction: initial;
    align-items: center;
    padding: 10px 20px;
}

.pl-head-section .head-back-page {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(76, 135, 236, 0.05);
    border-radius: 5px;
    margin-right: 20px;
    transition: all 0.2s;
}

.pl-head-section .head-back-page:hover {
    background-color: var(--blue);
}

.pl-head-section .head-back-page:hover i {
    background-color: #fff;
}

.pl-head-section .head-back-page i {
    background-color: var(--blue);
    font-size: 22px;
}

.pl-head-section .title-page {
    font-weight: 500;
    font-size: 24px;
    color: #000000;
}

.pl-head-section .title-page i.branch {
    background-color: var(--purple);
    font-size: 24px;
    margin-right: 15px;
}

.pl-head-section .title-page .label-subtask {
    display: flex;
    font-size: 14px;
    color: #fff;
    width: max-content;
    padding: 7px 15px;
    font-weight: normal;
    margin-left: 30px;
    background-color: var(--purple);
    border-radius: 50px;
    line-height: normal;
}

.pl-head-section .secondary-info {
    font-size: 18px;
    color: #7C7C7C;
    margin-left: 20px;
    font-weight: normal;
    margin-top: 6px;
}

.card-body .container-body {
    height: 100%;
}

.stamp-list {
    display: grid;
    grid-template-columns: 350px 350px;
    grid-gap: 20px;
    margin-top: 20px !important;
}

.stamp-list li {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 20px;
    align-items: center;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 10px;
    cursor: pointer;
}


.stamp-list li:hover {
    border-color: var(--blue);
}

.stamp-list li.selected {
    border-color: var(--blue);
    box-shadow: 0px 0px 4px #4C87EC;
}

.stamp-list li.selected .radio {
    border: 7px solid var(--blue);
}

.stamp-list li .radio {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 5px solid #ccc;
    background-color: #fff;
}

.stamp-list li img {
    width: 100%;
}

.content-treeTable {
    /*width: 600px;*/
    /*max-height: 340px;*/
    /*overflow: auto;*/
    background: #fff;
    border: 1px solid #CCCCCC;
    border-radius: 5px;

    scrollbar-width: thin;
    scrollbar-color: blue orange;
}

.content-treeTable table thead {
    display: none;
}

.content-treeTable .treeTable .folder input[type=checkbox] {
    display: none;
}

.content-treeTable .head-treeTable {
    padding: 15px 10px;
}

.content-treeTable .head-treeTable .left-col {
    display: flex;
    align-items: center;
    gap: 10px;
}

.content-treeTable .head-treeTable .option-grid .row-container {
    margin-bottom: 0;
}

.content-treeTable .head-treeTable .option-grid .row-container input {
    height: 30px;
}

.content-treeTable .head-treeTable .btn-close-treeTable {
    padding: 5px;
    background-color: #fff;
    margin-left: 10px;
}

.content-treeTable .head-treeTable .btn-close-treeTable i {
    font-size: 15px;
    background-color: var(--danger);
}

.content-treeTable .head-treeTable .btn {
    padding: 6px 15px;
}


.right-menu {
    position: fixed;
    z-index: 1300;
    min-width: 200px;
    max-width: 300px;
    padding: 3px 0;
    margin: 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    box-shadow: 0px 6px 25px rgba(0, 7, 22, 0.06);
    -webkit-transform: translate(0, 15px) scale(.95);
    transform: translate(0, 15px) scale(.95);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
    pointer-events: none;
    opacity: 0;
    overflow: hidden;
}

.right-menu.show-menu {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    pointer-events: auto;
}

.right-menu ul li {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    cursor: pointer;
    color: #6C6C6C;
}

.right-menu ul li.line-top {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.right-menu ul li a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 20px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 13px;
    color: #30364A;
}


.right-menu ul li:hover {
    background-color: #F2F4F8;
    color: var(--blue);
}

.right-menu ul li:hover a {
    background-color: #F2F4F8;
    color: var(--blue);
}

.right-menu li:hover i.icon {
    background-color: var(--blue);
}

.right-menu li i.icon {
    font-size: 20px;
    margin-right: 20px;
    background-color: #6C6C6C;
}

/* ******************* PDF ACT ********************/

.body-pdf-container {
    font-family: 'Times New Roman';
    font-size: 15px;
    line-height: 16px;
    letter-spacing: normal !important;
}

.body-pdf-act .pdf-text.bold {
    font-weight: bold;
}

.body-pdf-act .pdf-text.italic {
    font-style: italic;
}

.body-pdf-act .pdf-text.width-full {
    position: relative;
    width: 100%;
}

.body-pdf-act .pdf-text.width-full:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(816px - 44px);
    height: 1px;
    background: #000;
}

.body-pdf-act .pdf-text.width-min {
    width: max-content;
}

.body-pdf-act .pdf-text.border {
    position: relative;
    display: initial;
    background: linear-gradient(to right, #000 100%, #000 100%);
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: 100% 1px;
}

.body-pdf-act .signed-text .signed {
    font-size: 10.5px;
    line-height: 10.5px;
    margin-top: 3px;
    color: rgba(0, 0, 0, 0.7);
    font-style: italic;
    text-align: center;
}

.body-pdf-act .digital-signature {
    display: grid;
    grid-template-columns: 320px 1fr auto;
    align-items: center;
    grid-gap: 10px;
    margin-bottom: 20px;
}

.body-pdf-act .digital-signature .dg-text {
    color: #94C3EE;
    font-size: 10px;
    line-height: 11px;
}

.body-pdf-act .digital-signature .document-signed-digitally {
    border: 1px solid #000;
    padding: 10px;
    font-size: 9px;
    line-height: 11px;
    font-weight: 600;
}

.body-pdf-act .digital-signature .document-signed-digitally p:first-child {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/* **************** end - PDF ACT *****************/

.action-td-table {
    display: flex;
    align-items: center;
}

.action-td-table .btn {
    padding: 4px !important;
    margin-right: 2px;
    background-color: transparent;
    border-radius: 5px !important;
}

.action-td-table .btn i {
    font-size: 15px;
    opacity: 0.5;
}

.action-td-table .btn:hover {
    background-color: var(--blue);
}

.action-td-table .btn:hover i {
    background-color: #fff;
    opacity: 1;
}

.action-td-table .btn.btn-remove:hover {
    background-color: var(--danger);
}


/* ********** Панель уведомлений ********** */

.btn-notif-panel {
    position: fixed;
    right: 0;
    z-index: 100;
    top: calc(50% - 75px);
    transition: all .3s;
    cursor: pointer;
}

.btn-notif-panel.pl-close {
    right: -50px;
}

.pl-notif-panel {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1010;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
}

.pl-notif-panel.pl-open {
    opacity: 1;
    visibility: visible;
}

.pl-notif-panel.pl-close {
    animation: closeNotifPanel ease-in-out .3s forwards;
}

@keyframes closeNotifPanel {
    0% {
        opacity: 1;
        visibility: visible;
    }

    to {
        opacity: 0;
        visibility: hidden;
    }
}

.pl-notif-container {
    position: fixed;
    top: 10px;
    right: -410px;
    z-index: 2;
    width: 400px;
    height: calc(100vh - 20px);
    padding: 20px 20px 0;

    background: linear-gradient(169.34deg, rgba(175, 193, 228, 0.6) -1.32%, rgba(240, 217, 204, 0.6) 92.08%), linear-gradient(169.34deg, rgba(65, 65, 65, 0.432) -1.32%, rgba(50, 50, 50, 0.522) 92.08%);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4px);
    /* Note: backdrop-filter has minimal browser support */

    border-radius: 20px;

    display: flex;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.pl-notif-panel.pl-open .pl-notif-container {
    animation: openNotifContainer ease-in-out .3s forwards;
}

@keyframes openNotifContainer {
    0% {
        right: -410px;
    }

    to {
        right: 10px;
    }
}

.pl-notif-panel.pl-close .pl-notif-container {
    animation: closeNotifContainer ease-in-out .3s forwards;
}

@keyframes closeNotifContainer {
    0% {
        right: 10px;
    }

    to {
        right: -410px;
    }
}

.pl-notif-panel .close-notif-panel {
    position: absolute;
    top: calc(50% - 25px);
    left: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 50px;
    height: 50px;
    background-color: var(--blue);
    border-radius: 50px;
    opacity: 0;
    transition: all .8s;
}

.pl-notif-panel.pl-open .close-notif-panel {
    left: -60px;
    opacity: 1;
}

.pl-notif-panel.pl-open .close-notif-panel:hover {
    transition: all .2s;
    background-color: var(--blue-hover);
}

.pl-notif-panel .close-notif-panel i {
    font-size: 16px;
    background-color: #fff;
}

.pl-notif-panel .pl-notif-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: rgba(46, 46, 46, 0.6);
    border-radius: 10px;
    padding: 3px;
    margin-bottom: 20px;
}

.pl-notif-panel .pl-notif-switch .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 4px 0;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    background-color: transparent;
    color: #fff;
    opacity: 0.6;
    transition: all 0.2s;
}

.pl-notif-panel .pl-notif-switch .btn span {
    margin-left: 3px;
}

.pl-notif-panel .pl-notif-switch .btn:hover {
    opacity: 1;
}

.pl-notif-panel .pl-notif-switch .btn.pl-active {
    background: #7E848D;
    opacity: 1;
}

.pl-notif-panel .pl-notif-switch-container {
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
}

.pl-notif-panel .pl-notif-switch-container .container-body-panel {
    display: none;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item {
    position: relative;
    width: 100%;
    background: #fff;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 0.2s;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item.pl-open:after {
    bottom: 5px;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .nofit-container {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: auto 1fr;
    width: 100%;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .nofit-container:not(:first-child) {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .avatar-block {
    margin-right: 15px;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .avatar-block .avatar-content {
    width: 45px;
    height: 45px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ccc;
    border-radius: 15px;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .content-block .index-title {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 9px;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .content-block .index-title img {
    width: 19px;
    height: 19px;
    object-fit: contain;
    margin-right: 5px;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .content-block .time {
    font-weight: 300;
    font-size: 14px;
    text-align: right;
    line-height: 16px;
    margin-top: 2px;
    margin-left: auto;
    margin-bottom: auto;
    color: #777F8C;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .content-block .secondary-title {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #1e2124;
    margin-bottom: 3px;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .content-block .content-message {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #777F8C;

    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    box-orient: vertical;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .footer-block {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    grid-gap: 10px;
    margin-top: 10px;
    margin-bottom: -5px;
    grid-column-start: 1;
    grid-column-end: 3;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .footer-block .btn {
    width: 100%;
    background-color: transparent;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #2E3136;
    padding: 7px;
    border: 1px solid transparent;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .footer-block .btn:hover {
    border-color: #2E3136;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .footer-block hr {
    width: 1px;
    height: 70%;
    background: #ccc;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .action-context {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    justify-content: flex-end;
    gap: 7px;
    min-width: 80px;
    background-color: #fff;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .nofit-container:not(:first-child) .action-context {
    top: 15px;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .action-context .btn {
    padding: 3px;
    background-color: transparent;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .action-context .btn i {
    background-color: #777F8C;
    font-size: 14px;
    transition: all 0.2s;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .action-context .btn:hover i {
    background-color: #2E3136;
}

.pl-notif-panel .pl-notif-message-container .pl-notification-item .nofit-container:hover .action-context {
    display: flex;
}

.pl-notif-panel .pl-notif-message-container li[type=group] {
    position: relative;
}

.pl-notif-panel .pl-notif-message-container li[type=group]:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 15px;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    bottom: -20px;
    transform: scale(0.87);
    z-index: -9;
}

.pl-notif-panel .pl-notif-message-container li[type=group] .nofit-container:first-child .secondary-title,
.pl-notif-panel .pl-notif-message-container li[type=group] .nofit-container:first-child .content-message {
    width: calc(100% - 55px);
}

.pl-notif-panel .pl-notif-message-container li[type=group] .count-msg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding-top: 50px;
}

.pl-notif-panel .pl-notif-message-container li[type=group] .count-msg p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21px;
    height: 21px;
    background-color: var(--danger);
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    border-radius: 50px;
    color: #fff;
}

.pl-notif-panel .pl-notif-message-container .notif-group-hide .btn {
    width: 100%;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 3px 0;
    margin-top: -7px;
    margin-bottom: 15px;
}

.pl-notif-panel .pl-notif-message-container .notif-group-hide .btn i {
    background-color: #fff;
    font-size: 12px;
    margin-left: 5px;
}

.pl-notif-panel .pl-notif-message-container .notif-group-hide .btn:hover {
    border-color: #fff;
}

/* ******* end - Панель уведомлений ******* */


/* ******* Панель админ. сайта ******* */

.container-grid-column {
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-gap: 20px;
    padding-bottom: 20px;
}

.container-grid-column .container-display .title-card .left-col .title {
    margin-right: 20px;
}

.navigation-block {

}

.navigation-block > .title-block {
    font-size: 22px;
    font-weight: bold;
}

.navigation-block .link-list {
    margin-top: 20px;
}

.navigation-block .link-list li {

}

.navigation-block .link-list li.uk-parent .uk-nav-sub {
    background-color: rgba(0, 0, 0, 0.02);
    padding-left: 20px;
}

.navigation-block .link-list .uk-parent > a::after {
    margin-left: auto;
}

.navigation-block .link-list li a {
    display: flex;
    padding: 10px 5px;
    color: #808080;
    font-size: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.navigation-block .link-list li a i {
    font-size: 15px;
    background-color: #808080;
    margin-right: 10px;
}

.navigation-block .link-list li a:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

.navigation-block .link-list li:last-child a {
    border-bottom: none;
}

.navigation-block .link-list li a.active {
    color: var(--blue);
    border-color: var(--blue);
}

.navigation-block .link-list li a.active i {
    background-color: var(--blue);
}

.container-display {
    height: max-content !important;
}

/* ******* end - Панель админ. сайта ******* */

.G-checkbox-switch {
    position: relative;
    width: 40px;
    height: 20px;
    border-radius: 50px;
    background-color: #ccc;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0);
    cursor: pointer;
    transition: 0.2s;
}

.G-checkbox-switch:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: 2;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background-color: #fff;
    transition: 0.2s;
}

.G-checkbox-switch[data-status='true'] {
    background-color: var(--green);
}

.G-checkbox-switch[data-status='true']:before {
    left: 22px;
}

.G-checkbox-switch:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}

.G-switch-element {
    display: flex;
    align-items: center;
    grid-gap: 15px;
}

.G-switch-element .title {
    display: block;
    font-size: 16px;
    color: #5E6366;
}

.table-data-json td.title .title-index {
    font-weight: 600;
    cursor: pointer;
}

.table-data-json td.title .title-index:hover {
    color: var(--blue)
}

.table-data-json td.title code {
    display: block;
    width: max-content;
    margin-top: 5px;
}


/* Компонент сортировки */

#header_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    margin-bottom: 5px;
}

#header_list:empty {
    display: none;
}

#header_list .count-elements {
    display: flex;
    align-items: center;
    grid-gap: 15px;
}

#header_list .count-elements .btn-toggle-group {
    padding: 0;
    background-color: transparent;
}

#header_list .count-elements .btn-toggle-group i {
    background-color: #8F94A6;
    font-size: 20px;
}

#header_list .count-elements .found-title {
    font-size: 16px;
    font-weight: 500;
}

#sortDiv {
    display: flex;
    justify-content: right;
}

.G-sorting-list .btn-toggle-dropdown {
    font-size: 14px;
    color: #30364A;
    background-color: #E2E5EF;
    padding: 0 8px;
    height: 36px;
}

@media (max-width: 991px) {
    .G-sorting-list .btn-toggle-dropdown .title {
        display: none;
    }
}

.G-sorting-list .btn-toggle-dropdown .value {
    color: #30364A;
    margin-left: 5px;
}

.G-sorting-list .btn-toggle-dropdown i {
    font-size: 14px;
    background-color: var(--blue);
    margin-left: 7px;
}

/* end - Компонент сортировки */

.fancybox__container {
    z-index: 2000;
}

.modal-profile-ca .container-body .modal-content {
    padding: 0 !important;
}

/* настраиваемая таблица */
.table-container-custom {

}

.table-container-custom .header-table-custom {
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #435D7D;
    border-radius: 5px 5px 0 0;
    padding: 5px 20px;
}

.table-container-custom .header-table-custom .col-info-table {
    display: flex;
    align-items: center;
    grid-column-gap: 15px;
    margin-right: auto;
}

.table-container-custom .header-table-custom .col-info-table .icon {
    background-color: #fff;
    font-size: 16px;
}

.table-container-custom .header-table-custom .col-info-table .title {
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
}

.table-container-custom .header-table-custom .container-filter {
    display: flex;
    align-items: center;
    grid-column-gap: 20px;
}

.table-container-custom .header-table-custom .container-filter .item-filter {
    display: flex;
    align-items: center;
    grid-column-gap: 10px;
}

.table-container-custom .header-table-custom .container-filter .item-filter .title {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
}

.table-container-custom .header-table-custom .container-filter .item-filter .select-filter {
    width: 160px;
    height: 30px;
    color: #fff;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.60);
    padding: 0 6px;
    cursor: pointer;
}

.table-container-custom .header-table-custom .container-filter .item-filter .select-filter option {
    color: #000;
}

.table-container-custom .header-table-custom .search-content {
    margin-left: 30px;
}

.table-container-custom .header-table-custom .search-content .input-search {
    width: 200px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.56);
    background: rgba(255, 255, 255, 0.90);
    padding: 0 10px;
}

.table-container-custom .header-table-custom .btn-container {
    display: flex;
    align-items: center;
    grid-column-gap: 6px;
    margin-left: 10px;
}

.table-container-custom .header-table-custom .btn-container .btn {
    padding-top: 6.5px;
    padding-bottom: 6.5px;
}

.table-container-custom .header-table-custom .btn-container .btn-outline-primary {
    height: 30px;
    aspect-ratio: 1 / 1;
    padding: 0 !important;
    background-color: transparent;
    transition: all 0s;
}

.table-container-custom .header-table-custom .btn-container .btn-outline-primary .icon {
    background-color: #fff;
}

.table-container-custom .header-table-custom .btn-container .btn-outline-primary:hover {
    border-color: #fff;
    background-color: #fff;
}

.table-container-custom .header-table-custom .btn-container .btn-outline-primary:hover .icon {
    background-color: #000;
}

.table-container-custom .header-table-custom .btn-container .btn-outline-primary:hover .icon {
    background-color: #000;
}

.P-setting-table-site {

}

.P-setting-table-site .modal-content {
    height: 500px;
}

.P-setting-table-site .setting-table-wrapper {
    position: relative;
}

.P-setting-table-site .setting-table-wrapper .list-col {
    display: flex;
    flex-direction: column;
    grid-row-gap: 10px;
    margin-bottom: 15px;
}

.P-setting-table-site .setting-table-wrapper .list-col .item-col {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    align-items: center;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #D2D2D2;
    background: #FFF;
    padding: 0 10px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
}

.P-setting-table-site .setting-table-wrapper .list-col .item-col .title-col {
    color: #000;
    font-size: 13px;
    font-weight: 500;
}

.P-setting-table-site .setting-table-wrapper .list-col .item-col .category-col {
    color: #656565;
    font-size: 13px;
}

.P-setting-table-site .setting-table-wrapper .list-col .item-col .btn-container {
    display: flex;
    align-items: center;
    grid-gap: 5px;
}


.P-setting-table-site .setting-table-wrapper .list-col .item-col .btn-container .btn {
    padding: 0;
    width: 25px;
    aspect-ratio: 1 / 1;
    background-color: transparent;
    transition: all 0s;
}

.P-setting-table-site .setting-table-wrapper .list-col .item-col .btn-container .btn .icon {
    font-size: 15px;
}

.P-setting-table-site .setting-table-wrapper .list-col .item-col .btn-container .btn-edit-col .icon {
    background-color: #7C7C7C;
    opacity: 0;
}

.P-setting-table-site .setting-table-wrapper .list-col .item-col .btn-container .btn-toggle-see .icon {
    background-color: var(--blue);
}

.P-setting-table-site .setting-table-wrapper .list-col .item-col .btn-container .btn-delete-col .icon {
    background-color: var(--danger);
}

.P-setting-table-site .setting-table-wrapper .list-col .item-col .btn-container .btn:hover {
    background-color: #f2f2f2;
}

.P-setting-table-site .setting-table-wrapper .list-col .item-col:hover .btn-container .btn-edit-col .icon {
    opacity: 1;
}

.P-setting-table-site .setting-table-wrapper .btn-add-col {
    width: 100%;
    height: 35px;
    border: 1px dashed var(--blue);
    background-color: transparent;
    color: var(--blue);
    transition: all 0s;
}

.P-setting-table-site .setting-table-wrapper .btn-add-col:hover {
    background-color: #EBF2FF;
}

.P-setting-table-site .card-setting-col {
    position: absolute;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.25);
    width: 100%;
}

.P-setting-table-site .card-setting-col .form-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    padding: 15px;
}

.P-setting-table-site .card-setting-col .form-container .select-category-col {
    width: 100%;
    height: 35px;
    border-radius: 3px;
    border: 1px solid #E1E1E1;
    padding: 0 8px;
    font-size: 13px;
    background: linear-gradient(180deg, #FCFCFC 0%, #F8F8F9 100%);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
    cursor: pointer;
}

.P-setting-table-site .card-setting-col .form-container .field-name {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #E1E1E1;
    background: #fff;
    padding: 0 8px;
    font-size: 13px;
}

.P-setting-table-site .card-setting-col .footer-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px;
    border-top: 1px solid #EDEDED;
    background: #F9F9F9;
}

.P-setting-table-site .card-setting-col .footer-block .btn {
    padding: 0;
    background-color: transparent;
    margin-left: 20px;
}

.P-setting-table-site .card-setting-col .footer-block .btn.btn-cancel {
    color: var(--danger)
}

.P-setting-table-site .card-setting-col .footer-block .btn.btn-apply {
    color: var(--blue)
}

/* end - настраиваемая таблица */