/* Gloabals */
@import url(fonts.css);
@import url(icons.css);

:root {
    --main-color: #4F46E5;
    --black-color: #0F182A;
    --white-color: #ffffff;
    --red-color: #FD5A3E;
    --blue-color: #0480E1;
    --yellow-color: #FFC40D;
    --orange-color: #FE8A01;
    --green-color: #548822;
    --gray-color: #747474;
    --light-gray-color: #EDEDED;
    --gray-bg: #FAFAFA;
    --main-font: 'Mulish', sans-serif;
}

/* General */
* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

html {
    font-size: 10px;
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--main-font);
    font-weight: 400;
    color: var(--black-color);
    position: relative;
}

@media (max-width: 767px) {
    html {
        font-size: 9px;
    }
}

body {
    font-family: var(--main-font);
    font-weight: 400;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.4;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#svg-sprite {
    display: none;
    opacity: 0;
}

.svg-icon {
    transition: all .2s ease;
}

svg {
    vertical-align: top;
}

.hide {
    display: none !important;
}

button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    outline: none;
}

a {
    color: currentColor;
    text-decoration: none;
}

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

a:focus {
    text-decoration: none;
    outline: none;
    color: var(--main-color);
}

a:not([class]) {
    text-decoration: none;
}

a:not([class]):hover {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

.content_overlay {
    position: fixed;
    z-index: 2;
    background: rgba(0,0,0,0.35);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

/* Select default */

.select2-container--default .select2-selection--single {
    display: block;
    outline: none;
    height: 44px;
    border: 1px solid var(--light-gray-color);
    border-radius: 4px;
    padding: 12px 16px;
    min-width: 200px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    outline: none;
    border-color: var(--main-color);
    background: rgba(79, 70, 229, .08);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: inherit;
    font-family: var(--main-font);
    line-height: 1.2;
    font-size: 1.4rem;
    color: var(--black-color);
    padding: 0 20px 0 0;
}

/* Select rounded */
.select2-hidden-accessible {
    position: fixed !important;
}

.select-rounded {
    width: 100%;
    padding: 8px 12px 8px 16px;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    border-radius: 69px;
}

.select2-selection--single.select-rounded__container {
    display: block;
    outline: none;
    height: 32px;
    border: 1px solid var(--main-color);
    border-radius: 69px;
    padding: 6px 12px 5px 16px;
}

.select2-selection--single.select-rounded__container.--select-w-search {
    min-width: 230px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single.select-rounded__container {
    border-radius: 20px 20px 0 0;
}

.select2-container--default .select2-selection--single.select-rounded__container .select2-selection__arrow {
    height: 28px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjYxNTMgNy4zNDc0Mkw4LjQ0Mjc2IDExLjAzNzZDOC4zODQ2MSAxMS4wODkyIDguMzE1NTIgMTEuMTMwMSA4LjIzOTQ0IDExLjE1ODFDOC4xNjMzNyAxMS4xODYgOC4wODE4IDExLjIwMDQgNy45OTk0MyAxMS4yMDA0QzcuOTE3MDYgMTEuMjAwNCA3LjgzNTQ5IDExLjE4NiA3Ljc1OTQxIDExLjE1ODFDNy42ODMzNCAxMS4xMzAxIDcuNjE0MjUgMTEuMDg5MiA3LjU1NjEgMTEuMDM3NkwzLjM4MzU4IDcuMzQ3NDJDMy4yNjYwMSA3LjI0MzQzIDMuMTk5OTUgNy4xMDI0IDMuMTk5OTUgNi45NTUzNEMzLjE5OTk1IDYuODA4MjggMy4yNjYwMSA2LjY2NzI0IDMuMzgzNTggNi41NjMyNkMzLjUwMTE2IDYuNDU5MjcgMy42NjA2MyA2LjQwMDg1IDMuODI2OTEgNi40MDA4NUMzLjk5MzIgNi40MDA4NSA0LjE1MjY3IDYuNDU5MjcgNC4yNzAyNCA2LjU2MzI2TDcuOTk5OTUgOS44NjE4MUwxMS43Mjk3IDYuNTYyOEMxMS44NDcyIDYuNDU4ODEgMTIuMDA2NyA2LjQwMDM5IDEyLjE3MyA2LjQwMDM5QzEyLjMzOTMgNi40MDAzOSAxMi40OTg3IDYuNDU4ODEgMTIuNjE2MyA2LjU2MjhDMTIuNzMzOSA2LjY2Njc4IDEyLjggNi44MDc4MiAxMi44IDYuOTU0ODhDMTIuOCA3LjEwMTkzIDEyLjczMzkgNy4yNDI5NyAxMi42MTYzIDcuMzQ2OTZMMTIuNjE1MyA3LjM0NzQyWiIgZmlsbD0iIzRGNDZFNSIvPgo8L3N2Zz4K") no-repeat center;
    transition: all .2s ease;
}

.select2-container--default.select2-container--open .select-rounded__container .select2-selection__arrow {
    transform: rotate(180deg);
}

.select2-selection--single.select-rounded__container .select2-selection__rendered {
    font-size: inherit;
    font-family: var(--main-font);
    line-height: 1.3;
    color: var(--main-color);
    padding: 0 20px 0 0;
}

.select-rounded__dropdown .select2-results {
    font-size: inherit;
    font-family: var(--main-font);
    line-height: 1;
}

.select-rounded__dropdown.select2-dropdown {
    border-color: var(--main-color);
}

.select2-container--default .select-rounded__dropdown .select2-results__option--highlighted[aria-selected] {
    background: var(--main-color);
}

/* Select gray */

.select-gray {
    width: 100%;
    height: 44px;
    border: 1px solid var(--light-gray-color);
    border-radius: 4px;
    padding: 12px 16px;
}

.select2-selection--single.select-gray__container {
    display: block;
    outline: none;
    height: 44px;
    border: 1px solid var(--light-gray-color);
    border-radius: 4px;
    padding: 12px 16px;
    min-width: 200px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single.select-gray__container {
    border-radius: 4px 4px 0 0;
}

.select2-container--default .select2-selection--single.select-gray__container .select2-selection__arrow {
    height: 40px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjA4OyYjMTYxOyYjMjA5OyYjMTMwOyYjMjA5OyYjMTI4OyYjMjA4OyYjMTgxOyYjMjA4OyYjMTg3OyYjMjA4OyYjMTkwOyYjMjA5OyYjMTM1OyYjMjA4OyYjMTg2OyYjMjA4OyYjMTc2OyI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNS43NjkyIDkuMTgzNzhMMTAuNTUzNSAxMy43OTY1QzEwLjQ4MDggMTMuODYxIDEwLjM5NDUgMTMuOTEyMiAxMC4yOTk0IDEzLjk0NzFDMTAuMjA0MyAxMy45ODIgMTAuMTAyMyAxNCA5Ljk5OTM1IDE0QzkuODk2MzggMTQgOS43OTQ0MiAxMy45ODIgOS42OTkzMyAxMy45NDcxQzkuNjA0MjMgMTMuOTEyMiA5LjUxNzg3IDEzLjg2MSA5LjQ0NTE5IDEzLjc5NjVMNC4yMjk1NCA5LjE4Mzc4QzQuMDgyNTcgOS4wNTM4IDQgOC44Nzc1MSA0IDguNjkzNjhDNCA4LjUwOTg2IDQuMDgyNTcgOC4zMzM1NyA0LjIyOTU0IDguMjAzNThDNC4zNzY1MSA4LjA3MzYgNC41NzU4NSA4LjAwMDU4IDQuNzgzNyA4LjAwMDU4QzQuOTkxNTUgOC4wMDA1OCA1LjE5MDg5IDguMDczNiA1LjMzNzg3IDguMjAzNThMMTAgMTIuMzI2OEwxNC42NjIxIDguMjAzMDFDMTQuODA5MSA4LjA3MzAyIDE1LjAwODQgOCAxNS4yMTYzIDhDMTUuNDI0MSA4IDE1LjYyMzUgOC4wNzMwMiAxNS43NzA1IDguMjAzMDFDMTUuOTE3NCA4LjMzMjk5IDE2IDguNTA5MjggMTYgOC42OTMxMUMxNiA4Ljg3NjkzIDE1LjkxNzQgOS4wNTMyMiAxNS43NzA1IDkuMTgzMjFMMTUuNzY5MiA5LjE4Mzc4WiIgZmlsbD0iIzc0NzQ3NCIvPgo8L2c+Cjwvc3ZnPgo=") no-repeat center;
    transition: all .2s ease;
}

.select2-container--default.select2-container--open .select-gray__container .select2-selection__arrow {
    transform: rotate(180deg);
}

.select2-selection--single.select-gray__container .select2-selection__rendered {
    font-size: inherit;
    font-family: var(--main-font);
    line-height: 1.2;
    font-size: 1.4rem;
    color: var(--black-color);
    padding: 0 20px 0 0;
}

.select-gray__dropdown .select2-results {
    font-size: inherit;
    font-family: var(--main-font);
    line-height: 1;
}

.select-gray__dropdown.select2-dropdown {
    border-color: var(--light-gray-color);
}

.select2-container--default .select-gray__dropdown .select2-results__option--highlighted[aria-selected] {
    background: var(--main-color);
}

/* Multiple gray */

.select2-selection--multiple.select-gray__container {
    display: block;
    outline: none;
    border: 1px solid var(--light-gray-color);
    border-radius: 4px;
    padding: 4px 16px;
    min-width: 200px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple.select-gray__container {
    border-color: var(--light-gray-color);
}

.select2-container--default .select2-selection--multiple.select-gray__container .select2-selection__choice {
    background-color: var(--main-color);
    border: 1px solid #000;
    color: #fff;
}

.select2-container--default .select2-selection--multiple.select-gray__container .select2-selection__choice__remove {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 0;
    float: right;
    margin-left: 3px;
}

.select2-container--default .select2-selection--multiple.select-gray__container .select2-selection__choice__remove:hover {
    color: #bbb;
}

.select2-option-icon {
    display: flex;
    align-items: center;
}

.select2-option-icon .svg-icon {
    margin-left: 5px;
}

.select2-results {
    font: 1.6rem var(--main-font);
}

.custom-control {
    display: flex;
    align-items: center;
    font-weight: normal;
    margin-bottom: 0;
}

.custom-control input {
    display: none;
}

.custom-control__mark {
    margin-right: 12px;
}

.--custom-checkbox .custom-control__mark {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid var(--gray-color);
    border-radius: 4px;
    position: relative;
}

.custom-control input:checked + .custom-control__mark {
    border-color: var(--main-color);
}

.custom-control input:checked + .custom-control__mark:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid var(--main-color);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 3px;
    left: 7px;
    box-sizing: border-box;
}

.custom-control input:checked ~ span {
    color: var(--main-color);
}

.mark, mark {
    padding: 0;
    background-color: #f9b6b6;
}

.custom-switcher {
    display: flex;
    align-items: center;
    font-weight: normal;
    margin-bottom: 0;
}

.custom-switcher input {
    display: none;
}

.custom-switcher .custom-switcher__mark {
    position: relative;
    width: 32px;
    height: 20px;
    padding: 2px;
    background: var(--main-color);
    border-radius: 120px;
    opacity: .75;
    cursor: pointer;
    margin-right: 0;
    transition: all .2s ease;
}

.custom-switcher .custom-switcher__mark:after {
    content: "";
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    background: var(--white-color);
    border-radius: 50%;
    transition: all 1s ease;
}

.custom-switcher input:checked + .custom-switcher__mark {
    opacity: 1;
}

.custom-switcher input:checked + .custom-switcher__mark:after {
    right: 2px;
}

.btn {
    padding: 8px 20px 9px;
    min-width: 160px;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1;
    text-transform: none;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}

.btn:focus {
    outline: none;
    outline-offset: 0;
    text-decoration: none;
}

.btn.active, .btn:active {
    box-shadow: none;
}

.--btn-default {
    border-radius: 4px;
    border: 2px solid var(--main-color);
    background: var(--white-color);
    color: var(--main-color);
}

.--btn-default-inverted {
    border-radius: 4px;
    border: 2px solid var(--main-color);
    background: var(--main-color);
    color: var(--white-color);
}

.--btn-gray {
    border-radius: 4px;
    border: 2px solid var(--gray-color);
    background: var(--white-color);
    color: var(--gray-color);
}

.--btn-danger {
    border-radius: 4px;
    border: 2px solid var(--red-color);
    background: var(--white-color);
    color: var(--red-color);
}

.--btn-small {
    padding: 4px 10px 5px;
    border-width: 1px;
    min-width: 100px;
    font-size: 1.4rem;
    font-weight: normal;
}

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

.--btn-rounded {
    border-radius: 69px;
    border-width: 1px;
}

.--btn-rounded.--disabled-btn {
    cursor: not-allowed;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.--btn-rounded.--disabled-btn:hover {
    color: var(--main-color);
    background: none;
    cursor: not-allowed;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.--btn-rounded-default {
    color: var(--gray-color);
    border-style: solid;
    border-color: currentColor;
}

.--btn-rounded-all:hover,
.--btn-rounded-all.active {
    color: var(--main-color);
}

.--btn-rounded-blue:hover,
.--btn-rounded-blue.active {
    color: var(--blue-color);
}

.--btn-rounded-green:hover,
.--btn-rounded-green.active {
    color: var(--green-color);
}

.--btn-rounded-red:hover,
.--btn-rounded-red.active {
    color: var(--red-color);
}

.--btn-default:hover,
.--btn-default:focus,
.--btn-gray:hover,
.--btn-gray:focus {
    background: var(--main-color);
    border-color: var(--main-color);
    color: var(--white-color);
}

.--btn-default.--btn-w-icon:focus {
    background: var(--white-color);
    color: var(--main-color);
}

.--btn-default-inverted:hover,
.--btn-default-inverted:focus {
    background: var(--white-color);
    color: var(--main-color);
}

.--btn-danger:hover,
.btn.--btn-danger:focus {
    background: var(--red-color);
    color: var(--white-color);
}

.--btn-w-icon {
    display: flex;
    align-items: center;
}

.--btn-w-icon .svg-icon {
    margin-right: 16px;
}

.btn.--btn-w-icon:hover {
    background: var(--white-color);
    color: var(--main-color);
}

.btn.--btn-w-icon:hover .svg-icon {
    stroke: currentColor;
    stroke-width: 4%;
}

.btn-icon {
    display: flex;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    cursor: pointer;
    transition: all .2s ease;
}

.btn-icon + .btn-icon {
    margin-left: 12px;
}

.--btn-icon-orange {
    color: var(--orange-color);
    border-color: var(--orange-color);
}

.--btn-icon-orange:hover {
    color: var(--orange-color);
}

.--btn-icon-red {
    color: var(--red-color);
    border-color: var(--red-color);
}

.--btn-icon-red:hover {
    color: var(--red-color);
}

.--btn-icon-purple {
    color: var(--main-color);
    border-color: var(--main-color);
}

.--btn-icon-purple:hover {
    color: var(--main-color);
}

.btn-w-arrow {
    cursor: pointer;
    color: var(--main-color);
    display: flex;
    align-items: center;
}

.btn-w-arrow:after {
    content: "";
    display: flex;
    width: 12px;
    height: 6px;
    background-size: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjYxNTMgNy4zNDc0Mkw4LjQ0Mjc2IDExLjAzNzZDOC4zODQ2MSAxMS4wODkyIDguMzE1NTIgMTEuMTMwMSA4LjIzOTQ0IDExLjE1ODFDOC4xNjMzNyAxMS4xODYgOC4wODE4IDExLjIwMDQgNy45OTk0MyAxMS4yMDA0QzcuOTE3MDYgMTEuMjAwNCA3LjgzNTQ5IDExLjE4NiA3Ljc1OTQxIDExLjE1ODFDNy42ODMzNCAxMS4xMzAxIDcuNjE0MjUgMTEuMDg5MiA3LjU1NjEgMTEuMDM3NkwzLjM4MzU4IDcuMzQ3NDJDMy4yNjYwMSA3LjI0MzQzIDMuMTk5OTUgNy4xMDI0IDMuMTk5OTUgNi45NTUzNEMzLjE5OTk1IDYuODA4MjggMy4yNjYwMSA2LjY2NzI0IDMuMzgzNTggNi41NjMyNkMzLjUwMTE2IDYuNDU5MjcgMy42NjA2MyA2LjQwMDg1IDMuODI2OTEgNi40MDA4NUMzLjk5MzIgNi40MDA4NSA0LjE1MjY3IDYuNDU5MjcgNC4yNzAyNCA2LjU2MzI2TDcuOTk5OTUgOS44NjE4MUwxMS43Mjk3IDYuNTYyOEMxMS44NDcyIDYuNDU4ODEgMTIuMDA2NyA2LjQwMDM5IDEyLjE3MyA2LjQwMDM5QzEyLjMzOTMgNi40MDAzOSAxMi40OTg3IDYuNDU4ODEgMTIuNjE2MyA2LjU2MjhDMTIuNzMzOSA2LjY2Njc4IDEyLjggNi44MDc4MiAxMi44IDYuOTU0ODhDMTIuOCA3LjEwMTkzIDEyLjczMzkgNy4yNDI5NyAxMi42MTYzIDcuMzQ2OTZMMTIuNjE1MyA3LjM0NzQyWiIgZmlsbD0iIzRGNDZFNSIvPgo8L3N2Zz4K) no-repeat center;
    transition: all .2s ease;
    margin-left: 6px;
}

.btn-w-arrow.open:after {
    transform: rotate(180deg);
}

.btn-w-arrow:focus {
    color: var(--main-color);
}

.btn-icon:hover .svg-icon {
    stroke: currentColor;
    stroke-width: 4%;
}

.btn-text {
    font-size: 1.4rem;
    cursor: pointer;
}

span.btn-text:hover,
button.btn-text:hover {
    color: var(--main-color);
}

.btn-text:focus {
    color: var(--main-color)
}

.btn-text strong {
    font-weight: 700;
}

.--text-w-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.--text-w-icon .svg-icon {
    margin-right: 8px;
}

.--text-w-icon:hover .svg-icon {
    stroke: currentColor;
    stroke-width: 4%;
}

.--btn-rounded-icon {
    display: flex;
    align-items: center;
    border: 1px solid var(--gray-color);
    background: var(--white-color);
    color: var(--gray-color);
    border-radius: 69px;
    padding: 6px 16px 6px;
    min-width: auto;
}

.--btn-rounded-icon .svg-icon {
    margin-right: 8px;
    filter: grayscale(1);
    opacity: .8;
}

.--btn-rounded-icon:hover {
    border-color: var(--main-color);
    color: var(--main-color);
}

.--btn-rounded-icon:hover .svg-icon {
    filter: none;
    opacity: 1;
}

.btn-more {
    display: flex;
    color: var(--main-color);
    align-items: center;
    cursor: pointer;
}

.btn-more .svg-icon {
    margin-right: 12px;
}

.btn-more:hover .svg-icon {
    stroke: currentColor;
    stroke-width: 4%;
}

.modal-header.--modal-header-custom .modal-title {
    font-size: 2.4rem;
    color: var(--black-color);
    text-transform: none;
    letter-spacing: normal;
    padding-top: 0;
}

.--modal-header-custom .close {
    color: var(--black-color);
    text-shadow: none;
    filter: none;
    opacity: 1;
}

.--modal-header-custom .svg-icon {
    fill: #0F182A;
}

.--modal-header-custom .close:hover .svg-icon {
    fill: var(--main-color);
    stroke: var(--main-color);
    stroke-width: 4%;
}

.search-control input {
    width: 100%;
    padding: 11px 24px 11px 60px;
    border-radius: 4px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color) url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3Ljk0MjIgMTcuMDU3OEwxNC4wMzA1IDEzLjE0NjlDMTUuMTY0MiAxMS43ODU3IDE1LjcyOTYgMTAuMDM5OCAxNS42MDg5IDguMjcyNDRDMTUuNDg4MyA2LjUwNTA2IDE0LjY5MDkgNC44NTIyMyAxMy4zODI2IDMuNjU3NzlDMTIuMDc0NCAyLjQ2MzM0IDEwLjM1NiAxLjgxOTI2IDguNTg0OTIgMS44NTk1MUM2LjgxMzg4IDEuODk5NzYgNS4xMjY1MyAyLjYyMTI1IDMuODczODkgMy44NzM4OUMyLjYyMTI1IDUuMTI2NTMgMS44OTk3NiA2LjgxMzg4IDEuODU5NTEgOC41ODQ5MkMxLjgxOTI2IDEwLjM1NiAyLjQ2MzM0IDEyLjA3NDQgMy42NTc3OSAxMy4zODI2QzQuODUyMjMgMTQuNjkwOSA2LjUwNTA2IDE1LjQ4ODMgOC4yNzI0NCAxNS42MDg5QzEwLjAzOTggMTUuNzI5NiAxMS43ODU3IDE1LjE2NDIgMTMuMTQ2OSAxNC4wMzA1TDE3LjA1NzggMTcuOTQyMkMxNy4xMTU5IDE4LjAwMDMgMTcuMTg0OCAxOC4wNDYzIDE3LjI2MDcgMTguMDc3N0MxNy4zMzY2IDE4LjEwOTIgMTcuNDE3OSAxOC4xMjUzIDE3LjUgMTguMTI1M0MxNy41ODIxIDE4LjEyNTMgMTcuNjYzNCAxOC4xMDkyIDE3LjczOTMgMTguMDc3N0MxNy44MTUyIDE4LjA0NjMgMTcuODg0MSAxOC4wMDAzIDE3Ljk0MjIgMTcuOTQyMkMxOC4wMDAzIDE3Ljg4NDEgMTguMDQ2MyAxNy44MTUyIDE4LjA3NzcgMTcuNzM5M0MxOC4xMDkyIDE3LjY2MzQgMTguMTI1MyAxNy41ODIxIDE4LjEyNTMgMTcuNUMxOC4xMjUzIDE3LjQxNzkgMTguMTA5MiAxNy4zMzY2IDE4LjA3NzcgMTcuMjYwN0MxOC4wNDYzIDE3LjE4NDggMTguMDAwMyAxNy4xMTU5IDE3Ljk0MjIgMTcuMDU3OFpNMy4xMjUgOC43NUMzLjEyNSA3LjYzNzQ4IDMuNDU0OSA2LjU0OTk0IDQuMDcyOTggNS42MjQ5MUM0LjY5MTA2IDQuNjk5ODkgNS41Njk1NyAzLjk3ODkyIDYuNTk3NCAzLjU1MzE3QzcuNjI1MjQgMy4xMjc0MyA4Ljc1NjI0IDMuMDE2MDQgOS44NDczOCAzLjIzMzA4QzEwLjkzODUgMy40NTAxMiAxMS45NDA4IDMuOTg1ODUgMTIuNzI3NSA0Ljc3MjUyQzEzLjUxNDEgNS41NTkxOSAxNC4wNDk5IDYuNTYxNDcgMTQuMjY2OSA3LjY1MjYxQzE0LjQ4NCA4Ljc0Mzc2IDE0LjM3MjYgOS44NzQ3NSAxMy45NDY4IDEwLjkwMjZDMTMuNTIxMSAxMS45MzA0IDEyLjgwMDEgMTIuODA4OSAxMS44NzUxIDEzLjQyN0MxMC45NTAxIDE0LjA0NTEgOS44NjI1MiAxNC4zNzUgOC43NSAxNC4zNzVDNy4yNTg2NiAxNC4zNzMzIDUuODI4ODggMTMuNzgwMiA0Ljc3NDM1IDEyLjcyNTZDMy43MTk4MSAxMS42NzExIDMuMTI2NjUgMTAuMjQxMyAzLjEyNSA4Ljc1WiIgZmlsbD0iIzc0NzQ3NCIvPgoKPC9zdmc+Cg==") no-repeat left 24px center;
    outline: none;
    line-height: 1;
}

.search-control input:focus {
    border-color: var(--main-color);
}

.--search-w-selector {
    position: relative;
}

.search-control__selector {
    position: absolute;
    left: 6px;
    top: 6px;
}

.--search-w-selector .search-control input {
    padding: 11px 24px 11px 260px;
    background-position: left 230px center;
}

.--search-w-selector select {
    height: 32px;
    padding: 6px 16px;
    background: var(--light-gray-color);
}

.--search-w-selector .select2-selection--single.select-gray__container {
    height: 32px;
    padding: 6px 16px;
    min-width: 200px;
    background: var(--light-gray-color);
}

.--search-w-selector .select2-container--default .select2-selection--single.select-gray__container .select2-selection__arrow {
    height: 28px;
}

@media (max-width: 991px) {
    .search-control input {
        padding: 9px 12px 9px 40px;
        background-size: 16px;
        background-position: left 12px center;
    }

    .--search-w-selector .search-control input {
        padding: 11px 24px 11px 230px;
        background-position: left 205px center;
    }

    .--search-w-selector select {
        height: 28px;
        padding: 4px 10px;
    }

    .--search-w-selector .select2-selection--single.select-gray__container {
        height: 28px;
        padding: 4px 10px;
        min-width: 170px;
    }

    .--search-w-selector .select2-container--default .select2-selection--single.select-gray__container .select2-selection__arrow {
        height: 24px;
    }

    .--btn-w-icon .svg-icon {
        margin-right: 12px;
    }

    .modal-header.--modal-header-custom .modal-title {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .--search-w-selector .search-control input {
        padding: 11px 24px 11px 210px;
        background-position: left 185px center;
    }

    .select2-container--default .select2-selection--single.select-rounded__container .select2-selection__arrow {
        height: 26px;
    }
}

/* Calendar */
.calendar {
    display: flex;
}

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

.calendar__title {
    padding-right: 16px;
}

.calendar__container {
    position: relative;
}

.calendar__button {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    border-radius: 4px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
    white-space: nowrap;
}

.calendar__button-separate {
    margin: 0 4px;
}

.calendar.active .calendar__button {
    border-radius: 4px 4px 0 0;
}

.calendar__button .icon-calendar {
    margin-right: 12px;
}

.calendar__button .icon-arrow-bottom {
    margin-left: 30px;
    transition: all .2s ease;
}

.calendar.active .icon-arrow-bottom {
    transform: rotate(180deg);
}

.calendar__button .icon-calendar + .icon-arrow-bottom {
    margin-left: 0;
}

.calendar__popup {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 100;
    min-width: 215px;
    width: 100%;
    padding: 8px 16px 16px;
    background: var(--white-color);
    border-radius: 0 0 8px 8px;
    border: 1px solid var(--light-gray-color);
    border-top: none;
}

.calendar__popup-title {
    margin-bottom: 12px;
}

.calendar__popup input {
    width: 100%;
    border-radius: 4px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
    padding: 4px 8px;
    outline: none;
    font-family: var(--main-font);
    transition: all .2s ease;
}

.calendar__popup input:focus {
    border-color: var(--main-color);
}

.date-groupfield {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    flex-grow: 1;
}

.date-groupfield .date-field {
    position: relative;
    display: flex;
    align-items: center;
    grid-gap: 5px;
    margin-bottom: 0;
    font-weight: 500;
}

.date-groupfield input {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGc+CjxwYXRoIGQ9Ik0xOS41IDMuMTg3NUgxNy4wNjI1VjIuMjVDMTcuMDYyNSAyLjEwMDgyIDE3LjAwMzIgMS45NTc3NCAxNi44OTc3IDEuODUyMjVDMTYuNzkyMyAxLjc0Njc2IDE2LjY0OTIgMS42ODc1IDE2LjUgMS42ODc1QzE2LjM1MDggMS42ODc1IDE2LjIwNzcgMS43NDY3NiAxNi4xMDIzIDEuODUyMjVDMTUuOTk2OCAxLjk1Nzc0IDE1LjkzNzUgMi4xMDA4MiAxNS45Mzc1IDIuMjVWMy4xODc1SDguMDYyNVYyLjI1QzguMDYyNSAyLjEwMDgyIDguMDAzMjQgMS45NTc3NCA3Ljg5Nzc1IDEuODUyMjVDNy43OTIyNiAxLjc0Njc2IDcuNjQ5MTggMS42ODc1IDcuNSAxLjY4NzVDNy4zNTA4MiAxLjY4NzUgNy4yMDc3NCAxLjc0Njc2IDcuMTAyMjUgMS44NTIyNUM2Ljk5Njc2IDEuOTU3NzQgNi45Mzc1IDIuMTAwODIgNi45Mzc1IDIuMjVWMy4xODc1SDQuNUM0LjE1MTkgMy4xODc1IDMuODE4MDYgMy4zMjU3OCAzLjU3MTkyIDMuNTcxOTJDMy4zMjU3OCAzLjgxODA2IDMuMTg3NSA0LjE1MTkgMy4xODc1IDQuNVYxOS41QzMuMTg3NSAxOS44NDgxIDMuMzI1NzggMjAuMTgxOSAzLjU3MTkyIDIwLjQyODFDMy44MTgwNiAyMC42NzQyIDQuMTUxOSAyMC44MTI1IDQuNSAyMC44MTI1SDE5LjVDMTkuODQ4MSAyMC44MTI1IDIwLjE4MTkgMjAuNjc0MiAyMC40MjgxIDIwLjQyODFDMjAuNjc0MiAyMC4xODE5IDIwLjgxMjUgMTkuODQ4MSAyMC44MTI1IDE5LjVWNC41QzIwLjgxMjUgNC4xNTE5IDIwLjY3NDIgMy44MTgwNiAyMC40MjgxIDMuNTcxOTJDMjAuMTgxOSAzLjMyNTc4IDE5Ljg0ODEgMy4xODc1IDE5LjUgMy4xODc1Wk00LjUgNC4zMTI1SDYuOTM3NVY1LjI1QzYuOTM3NSA1LjM5OTE4IDYuOTk2NzYgNS41NDIyNiA3LjEwMjI1IDUuNjQ3NzVDNy4yMDc3NCA1Ljc1MzI0IDcuMzUwODIgNS44MTI1IDcuNSA1LjgxMjVDNy42NDkxOCA1LjgxMjUgNy43OTIyNiA1Ljc1MzI0IDcuODk3NzUgNS42NDc3NUM4LjAwMzI0IDUuNTQyMjYgOC4wNjI1IDUuMzk5MTggOC4wNjI1IDUuMjVWNC4zMTI1SDE1LjkzNzVWNS4yNUMxNS45Mzc1IDUuMzk5MTggMTUuOTk2OCA1LjU0MjI2IDE2LjEwMjMgNS42NDc3NUMxNi4yMDc3IDUuNzUzMjQgMTYuMzUwOCA1LjgxMjUgMTYuNSA1LjgxMjVDMTYuNjQ5MiA1LjgxMjUgMTYuNzkyMyA1Ljc1MzI0IDE2Ljg5NzcgNS42NDc3NUMxNy4wMDMyIDUuNTQyMjYgMTcuMDYyNSA1LjM5OTE4IDE3LjA2MjUgNS4yNVY0LjMxMjVIMTkuNUMxOS41NDk3IDQuMzEyNSAxOS41OTc0IDQuMzMyMjUgMTkuNjMyNiA0LjM2NzQyQzE5LjY2NzcgNC40MDI1OCAxOS42ODc1IDQuNDUwMjcgMTkuNjg3NSA0LjVWNy42ODc1SDQuMzEyNVY0LjVDNC4zMTI1IDQuNDUwMjcgNC4zMzIyNSA0LjQwMjU4IDQuMzY3NDIgNC4zNjc0MkM0LjQwMjU4IDQuMzMyMjUgNC40NTAyNyA0LjMxMjUgNC41IDQuMzEyNVpNMTkuNSAxOS42ODc1SDQuNUM0LjQ1MDI3IDE5LjY4NzUgNC40MDI1OCAxOS42Njc3IDQuMzY3NDIgMTkuNjMyNkM0LjMzMjI1IDE5LjU5NzQgNC4zMTI1IDE5LjU0OTcgNC4zMTI1IDE5LjVWOC44MTI1SDE5LjY4NzVWMTkuNUMxOS42ODc1IDE5LjU0OTcgMTkuNjY3NyAxOS41OTc0IDE5LjYzMjYgMTkuNjMyNkMxOS41OTc0IDE5LjY2NzcgMTkuNTQ5NyAxOS42ODc1IDE5LjUgMTkuNjg3NVoiIGZpbGw9IiM0RjQ2RTUiLz4KPC9nPgo8L3N2Zz4K") no-repeat right 5px center;
}

.date-groupfield .date-field span {
    width: 25px;
}

.ui-datepicker {
    display: none;
    background: white;
    margin-top: 1px;
    margin-left: 0;
    padding: 8px 16px;
    border-radius: 8px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
}

.ui-datepicker-title {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px 0;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute;
    top: 12px;
    width: 24px;
    height: 24px;
    background-color: var(--light-gray-color);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 8px;
}

.ui-datepicker-prev {
    left: 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjA4OyYjMTYxOyYjMjA5OyYjMTMwOyYjMjA5OyYjMTI4OyYjMjA4OyYjMTgxOyYjMjA4OyYjMTg3OyYjMjA4OyYjMTkwOyYjMjA5OyYjMTM1OyYjMjA4OyYjMTg2OyYjMjA4OyYjMTc2OyI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNS43NjkyIDkuMTgzNzhMMTAuNTUzNSAxMy43OTY1QzEwLjQ4MDggMTMuODYxIDEwLjM5NDUgMTMuOTEyMiAxMC4yOTk0IDEzLjk0NzFDMTAuMjA0MyAxMy45ODIgMTAuMTAyMyAxNCA5Ljk5OTM1IDE0QzkuODk2MzggMTQgOS43OTQ0MiAxMy45ODIgOS42OTkzMyAxMy45NDcxQzkuNjA0MjMgMTMuOTEyMiA5LjUxNzg3IDEzLjg2MSA5LjQ0NTE5IDEzLjc5NjVMNC4yMjk1NCA5LjE4Mzc4QzQuMDgyNTcgOS4wNTM4IDQgOC44Nzc1MSA0IDguNjkzNjhDNCA4LjUwOTg2IDQuMDgyNTcgOC4zMzM1NyA0LjIyOTU0IDguMjAzNThDNC4zNzY1MSA4LjA3MzYgNC41NzU4NSA4LjAwMDU4IDQuNzgzNyA4LjAwMDU4QzQuOTkxNTUgOC4wMDA1OCA1LjE5MDg5IDguMDczNiA1LjMzNzg3IDguMjAzNThMMTAgMTIuMzI2OEwxNC42NjIxIDguMjAzMDFDMTQuODA5MSA4LjA3MzAyIDE1LjAwODQgOCAxNS4yMTYzIDhDMTUuNDI0MSA4IDE1LjYyMzUgOC4wNzMwMiAxNS43NzA1IDguMjAzMDFDMTUuOTE3NCA4LjMzMjk5IDE2IDguNTA5MjggMTYgOC42OTMxMUMxNiA4Ljg3NjkzIDE1LjkxNzQgOS4wNTMyMiAxNS43NzA1IDkuMTgzMjFMMTUuNzY5MiA5LjE4Mzc4WiIgZmlsbD0iIzc0NzQ3NCIvPgo8L2c+Cjwvc3ZnPgo=");
    transform: rotate(90deg);
}

.ui-datepicker-next {
    right: 5px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IiYjMjA4OyYjMTYxOyYjMjA5OyYjMTMwOyYjMjA5OyYjMTI4OyYjMjA4OyYjMTgxOyYjMjA4OyYjMTg3OyYjMjA4OyYjMTkwOyYjMjA5OyYjMTM1OyYjMjA4OyYjMTg2OyYjMjA4OyYjMTc2OyI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNS43NjkyIDkuMTgzNzhMMTAuNTUzNSAxMy43OTY1QzEwLjQ4MDggMTMuODYxIDEwLjM5NDUgMTMuOTEyMiAxMC4yOTk0IDEzLjk0NzFDMTAuMjA0MyAxMy45ODIgMTAuMTAyMyAxNCA5Ljk5OTM1IDE0QzkuODk2MzggMTQgOS43OTQ0MiAxMy45ODIgOS42OTkzMyAxMy45NDcxQzkuNjA0MjMgMTMuOTEyMiA5LjUxNzg3IDEzLjg2MSA5LjQ0NTE5IDEzLjc5NjVMNC4yMjk1NCA5LjE4Mzc4QzQuMDgyNTcgOS4wNTM4IDQgOC44Nzc1MSA0IDguNjkzNjhDNCA4LjUwOTg2IDQuMDgyNTcgOC4zMzM1NyA0LjIyOTU0IDguMjAzNThDNC4zNzY1MSA4LjA3MzYgNC41NzU4NSA4LjAwMDU4IDQuNzgzNyA4LjAwMDU4QzQuOTkxNTUgOC4wMDA1OCA1LjE5MDg5IDguMDczNiA1LjMzNzg3IDguMjAzNThMMTAgMTIuMzI2OEwxNC42NjIxIDguMjAzMDFDMTQuODA5MSA4LjA3MzAyIDE1LjAwODQgOCAxNS4yMTYzIDhDMTUuNDI0MSA4IDE1LjYyMzUgOC4wNzMwMiAxNS43NzA1IDguMjAzMDFDMTUuOTE3NCA4LjMzMjk5IDE2IDguNTA5MjggMTYgOC42OTMxMUMxNiA4Ljg3NjkzIDE1LjkxNzQgOS4wNTMyMiAxNS43NzA1IDkuMTgzMjFMMTUuNzY5MiA5LjE4Mzc4WiIgZmlsbD0iIzc0NzQ3NCIvPgo8L2c+Cjwvc3ZnPgo=");
    transform: rotate(-90deg);
}

td a.ui-state-default {
    background: var(--light-gray-color);
    width: 24px;
    display: flex;
    height: 24px;
    background: #ececec;
    justify-content: center;
    align-items: center;
    margin: 3px;
    padding: 0px;
    border-radius: 5px;
    color: var(--black-color);
    font-size: 14px;
}

td a.ui-state-hover {
    background: var(--main-color);
    color: var(--white-color);
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    filter: brightness(.9);
}

.ui-datepicker-calendar thead tr th {
    text-align: center;
    color: var(--black-color);
    font-weight: bold;
    font-size: 1.4rem;
}

/* Tabs */
.tabs__header {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0px -2px 0px var(--light-gray-color) inset;
}

.tabs__header::-webkit-scrollbar {
    display: none
}

.tabs__header-item {
    position: relative;
    padding-bottom: 12px;
    font-size: 1.6rem;
    color: var(--gray-color);
    text-decoration: none;
    outline: none;
    user-select: none;
}

.tabs__header-item:hover {
    color: var(--main-color);
    text-decoration: none;
}

.tabs__header-item:focus {
    color: currentColor;
    text-decoration: none;
}

.tabs__header-item.active {
    color: var(--main-color);
    text-decoration: none;
    font-weight: 700;
}

.tabs__header-item:before {
    content: "";
    width: 0;
    transition: width .5s ease;
}

.tabs__header-item.active:before {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--main-color);
    border-radius: 2px;
    z-index: 2;
}

.tabs__header-item + .tabs__header-item {
    margin-left: 50px;
}

.tabs__content-item {
    display: none;
}

/* Toggle box */
.toggle-container {
    margin-bottom: 16px;
}

.toggle-container__content {
    display: none;
    padding-top: 12px;
}

/* Dots menu */
.menu-more {
    position: relative;
    width: 24px;
    height: 24px;
}

.menu-more.open {
    z-index: 5;
}

.menu-more__button {
    cursor: pointer;
}

.menu-more__popup {
    display: none;
    flex-direction: column;
    position: absolute;
    background: var(--white-color);
    right: 0;
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    background: var(--white-color);
    padding: 8px 16px;
}

.menu-more__popup.active {
    display: flex;
}

.menu-more__popup.active-fixed {
    position: fixed;
    max-width: 230px;
    width: fit-content;
}

.menu-more__list {
    display: flex;
    flex-direction: column;
}

.menu-more__item {
    white-space: nowrap;
}

.menu-more__item + .menu-more__item {
    margin-top: 12px;
}

@media (max-width: 1450px) {
    .calendar__title {
        display: none;
    }
}

@media (max-width: 768px) {

    .calendar__container {
        width: 100%;
    }

    .calendar__button {
        position: relative;
        width: 100%;
    }

    .calendar__button .icon-arrow-bottom {
        position: absolute;
        right: 20px;
        top: 0;
        transform: translate(0, 50%);
    }

    .calendar.active .icon-arrow-bottom {
        transform: translate(0, 50%) rotate(180deg);
    }
}

/* Social filter */
.social-filter {
    display: flex;
    column-gap: 16px;
    align-items: center;
    padding-right: 5px;
}

.social-filter__item a {
    position: relative;
    display:inline-flex;
}

.social-filter__item a {
    /*filter: grayscale(1);*/
    border: 2px solid transparent;
    border-radius: 8px;
}

/*.social-filter__item a:not(.active) .svg-icon.rutube-icon,
.social-filter__item a:not(.active) .svg-icon.dzen-icon {
    opacity: .5;
}*/

/*.social-filter__item a:hover .svg-icon {
    filter: none;
    opacity: 1 !important;
}*/

.social-filter__item a:hover {
    text-decoration: none;
    opacity: .85;
}

.social-filter__item a.active {
    box-shadow: 0px 0px 4px 1px var(--main-color);
}

.social-filter__item a.active:hover {
    border-color: transparent;
    opacity: 1;
}

.social-filter__all {
    display: inline;
}

.social-filter__all > span {
    display: inline-block;
    padding-left: 4px;
}

.social-filter__counter {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 48px;
    padding: 0 6px;
    height: 16px;
    transform: translate(50%, -50%);
    background: var(--main-color);
    color: var(--white-color);
    border: 1px solid var(--white-color);
    font-size: 8px;
}

.social-filter__all {
    border-radius: 4px;
    border: 2px solid transparent;
    background: var(--white-color);
    color: var(--main-color);
    padding: 5px 17px;
    transition: all .2s ease;
}

.social-filter__all:hover {
    border-color: var(--gray-color);
    box-shadow: none!important;
}

.social-filter__all.active {
    border-color: var(--main-color);
    box-shadow: none!important;
}

.social-filter__all.active:hover {
    border-color: var(--main-color) !important;
    box-shadow: none !important;
}

.sidebar {
    width: 300px;
    height: calc(100vh - 75px);
    padding: 24px 44px 0 25px;
    position: fixed;
    top: 75px;
    left: 0;
    border-right: 1px solid var(--light-gray-color);
    background: var(--gray-bg);
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 6px;
}

::-webkit-scrollbar:horizontal {
    height: 6px;
}

::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(79, 70, 229, .8);
    transition: all .2s ease;
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--main-color);
}

::-webkit-scrollbar-track {
    border-radius: 6px;
    background-color: var(--light-gray-color);
}

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

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--white-color);
    border-bottom: 1px solid var(--light-gray-color);
    height: 75px;
    padding: 15px 25px;
    position: sticky;
    top: 0;
    z-index: 3;
}

.hamburger {
    display: none;
}

.header__logo {
    display: flex;
    align-items: center;
    width: 300px;
    padding-right: 40px;
}

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

.header__controls-left {
    display: flex;
    align-items: center;
}

.header__controls-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.notification-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.notification-button__counter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 50%;
    top: -1px;
    right: 1px;
    padding: 0;
    width: 10px;
    height: 10px;
    background: var(--main-color);
    color: var(--white-color);
    font-size: 0;
    font-weight: 500;
}

.update-button {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-left: 24px;
}

.update-button:hover > .svg-icon,
.notification-button:hover > .svg-icon,
.notice__popup-header .svg-icon:hover {
    stroke: var(--main-color);
    stroke-width: 4%;
}

.update-button.active {
    stroke: var(--main-color);
    stroke-width: 4%;
}

.update-button.active .svg-icon {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.notice__popup {
    display: none;
    width: 580px;
    position: absolute;
    top: 49px;
    right: -50px;
    z-index: 101;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.notice__popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 32px;
    border-bottom: 2px solid var(--light-gray-color);
}

.notice__popup-title {
    font-size: 2rem;
    font-weight: 700;
}

.notice__popup-list {
    max-height: 400px;
    overflow-y: auto;
}

.notice__popup-item {
    padding: 20px 24px 20px 32px;
    border-bottom: 1px solid var(--light-gray-color);
    transition: all .2s ease;
    position: relative;
    cursor: default;
}

.notice__popup-item:last-child {
    border: none;
}

.notice__popup-item-link {
    display: flex;
    align-items: center;
    font-weight: 700;
    color: var(--main-color)
}

.notice__popup-item-text {
    line-height: 1.3;
    color: #132C42;
    margin: 8px 0;
    word-break: break-word;
}

.notice__popup-item-data {
    color: var(--gray-color);
    font-size: 1.4rem;
}

.notice__popup-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 8px;
}

.notice__popup-item.SystemUpdate::before,
.notice__popup-item.SystemAdditionalInfo::before,
.notice__popup-item.SystemBug::before {
    background: var(--light-gray-color);
}

.notice__popup-item.Header::before {
    background: #B3AFEF;
}

.page__notifications {
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    background: var(--white-color);
    padding: 16px 28px;
}

@media (max-width: 1200px) {
    .notice__popup {
        top: 40px;
    }
}
@media (max-width: 768px) {
    .notice__popup {
        width: 240px;
        top: 40px;
    }

    .notice__popup-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 24px;
        border-bottom: 2px solid var(--light-gray-color);
    }

    .notice__popup-item {
        padding: 12px 24px 12px 24px;
    }

    .notice__popup-item::before {
        width: 4px;
    }
}

.mobile-selectors {
    display: none;
    background: var(--gray-bg);
    border-bottom: 1px solid var(--light-gray-color);
    margin: 0 -20px 0;
}

.mobile-selectors__list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px;
}

/* Left menu */
.left-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.left-menu + .left-menu {
    margin-top: 40px;
}

.left-menu__item {
    color: var(--black-color);
    position: relative;
}

.left-menu__item + .left-menu__item {
    margin-top: 12px;
}

.left-menu:last-child .left-menu__item:last-child {
    padding-bottom: 24px;
}

.left-menu__item a {
    display: block;
    font-size: 1.6rem;
    line-height: 1.3;
    text-decoration: none;
    position: relative;
    transition: all .2s ease;
}

.left-menu__item a:hover {
    text-decoration: none;
}

.left-menu__item a:active {
    color: var(--black-color);
}

.left-menu__item:not(.active) > a:hover,
.left-menu__item:not(.active) form > a:hover {
    color: var(--main-color);
}

.left-menu__item.active > a,
.left-menu__item.menu-open > a {
    color: var(--main-color);
    font-weight: 700;
}

.left-menu__item.active .icon-menu,
.left-menu__item.menu-open .icon-menu {
    stroke: var(--main-color);
    stroke-width: 4%;
}

.left-menu__item-icon {
    margin-right: 8px;
}

.left-menu__item-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 0;
    height: 20px;
    transform: translate(100%, -50%);
}

.left-menu__item-arrow svg {
    transition: all .2s ease;
}

.left-menu__item.menu-open .left-menu__item-arrow svg {
    transform: rotate(-180deg);
}

.left-menu__item-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 48px;
    top: 50%;
    right: 0;
    padding: 0 6px;
    min-width: 20px;
    height: 20px;
    transform: translate(30px, -50%);
    background: var(--main-color);
    color: var(--white-color);
    font-size: 1rem;
    font-weight: 500;
}

.left-menu__sub {
    display: none;
    list-style: none;
    margin: 0 -20px 0 0;
    padding: 12px 0 0 36px;
    position: relative;
}

.left-menu__sub:after {
    content: "";
    display: block;
    height: calc(100% - 16px);
    width: 1px;
    background: var(--light-gray-color);
    position: absolute;
    top: 0;
    left: 12px;
    transform: translate(0, 16px);
}

.left-menu__sub .left-menu__item {
    padding-right: 30px;
}

.left-menu__separate {
    padding: 20px 0;
}

.--small-separate {
    padding: 15px 0;
}

.left-menu__item .user-profile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.2;
}

.user-profile__avatar-wrapper {
    position: relative;
    overflow: hidden;
    min-width: 32px;
    display: block;
    margin-right: 13px;
}

.user-profile__avatar-wrapper img {
    width: 100%;
    margin: 0;
}

.user-profile__avatar-wrapper:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.user-profile__avatar-wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

/*.user-profile img {
    border-radius: 50%;
    overflow: hidden;
    width: 32px;
    min-width: 32px;
    height: 32px;
    margin-right: 13px;
}*/

.user-profile__avatar-empty {
    width: 32px;
    height: 32px;
    overflow: hidden;
    background: var(--light-gray-color);
    border-radius: 50%;
    margin-right: 13px;
}

.report-error {
    color: var(--gray-color);
}

.page__header {
    margin-bottom: 10px;
}

.page__header-back {
    margin-top: 0;
}

.page__header-back + .page__header-title {
    padding-top: 10px;
}

.page__header-back-link {
    display: inline-flex;
    align-items: center;
    color: var(--main-color);
    transition: all .2s ease;
}

.page__header-back-link .svg-icon {
    margin-right: 4px;
    transition: all .2s ease;
}

.page__header-back-link:hover .svg-icon {
    stroke: currentColor;
    stroke-width: 4%;
}

.page__header-title h1 {
    font-size: 2.2rem;
    line-height: 1.3;
    font-weight: 700;
    margin: 0;
    text-transform: lowercase;
}

.page__header-title h1:first-letter {
    text-transform: uppercase;
}

.--page__header-w-calendar {
    display: flex;
    justify-content: space-between;
}

.--w-switcher {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page__switcher {
    display: flex;
    background: var(--main-color);
    padding: 2px;
    border-radius: 3px;
    margin-left: 16px;
}

.page__switcher a {
    padding: 6px 20px;
    min-width: 180px;
    text-align: center;
    text-decoration: none;
    outline: none;
    font-weight: 700;
    background: var(--white-color);
    color: var(--main-color);
}

.page__switcher a:not(.active):hover {
    color: currentColor;
    text-decoration: none;
}

.page__switcher a.active {
    color: var(--white-color);
    background: var(--main-color);
    text-decoration: none;
    border-radius: 3px;
}

.fillter-collapse__button {
    display: none;
    margin-top: 10px;
}

.fillter-collapse__button .btn-w-arrow {
    font-size: 1.6rem;
}

.main {
    width: 100%;
    padding: 12px 25px 0 325px;
    background: var(--gray-bg);
    position: relative;
    z-index: auto;
    transition: transform .5s;
}

.page__content {
    overflow-y: auto;
}

@media (max-width: 1367px) {
    .left-menu + .left-menu {
        margin-top: 20px;
    }
}
@media (max-width: 1200px) {

    .header {
        height: 60px;
        padding: 15px 20px;
    }

    .hamburger {
        display: flex;
    }

    .header__logo {
        display: flex;
        align-items: center;
        width: auto;
        padding-right: 0;
    }

    .header__logo img {
        max-width: 115px;
    }

    .header__controls {
        flex: 0;
    }

    .notice_toggle {
        top: 42px;
    }

    .sidebar {
        top: 60px;
        height: calc(100% - 60px);
        transform: translate3d(-100%, 0, 0);
        padding: 30px 44px 0 20px;
        visibility: hidden;
        opacity: 0;
    }

    .sidebar.open {
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
    }

    ::-webkit-scrollbar:vertical {
        width: 3px;
    }

    ::-webkit-scrollbar:horizontal {
        height: 3px;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 3px;
    }

    ::-webkit-scrollbar-track {
        border-radius: 3px;
    }

    .left-menu__item a {
        font-size: 1.4rem;
        display: flex;
        align-items: center;
    }    
    
    .left-menu__item a > span:last-child {
        margin-top: -1px;
    }

    .main {
        width: 100%;
        padding: 0 20px 0 20px;
        background: var(--white-color);
    }

    .main.--w-sidebar {
        transform: translate3d(300px, 0, 0);
    }

    .header__controls-left {
        display: none;
    }

    .mobile-selectors {
        display: block;
    }

    .mobile-selectors + .page__header-title {
        padding-top: 10px;
    }

    .page__header-back {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .header {
        z-index: 11;
    }

    .select2-selection--single.select-gray__container {
        min-width: 100px;
    }

    .select2-selection--single.select-gray__container .select2-selection__rendered {
        line-height: 1.3;
    }

    .--page__header-w-calendar {
        flex-direction: column;
        margin-top: 16px;
    }

    .--page__header-w-calendar h1 {
        margin-bottom: 16px;
        font-size: 2rem;
    }

    .--w-switcher {
        flex-direction: column;
        align-items: flex-start;
    }

    .page__switcher {
        margin-left: 0;
        margin-top: 16px;
        width: 100%;
    }

    .page__switcher a {
        flex: 1;
        padding: 6px 16px;
        min-width: 140px;
    }

    .fillter-collapse__button {
        display: block;
    }

    .fillter-collapse__container {
        display: none;
    }

}

/* Login */
.page__login-bg {
    background: var(--gray-bg);
}

.page__login {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px;
}

.page__login-content {
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 640px;
    width: 100%;
}

.page__login-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 64px;
}

.page__login-form {
    width: 100%;
    padding: 40px 64px;
    border-radius: 12px;
    background: var(--white-color);
    box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.25);
}

.login-link {
    color: var(--main-color);
    text-decoration: underline;
    transition: all .2s ease;
}

.login-link:hover {
    text-decoration: none;
}

.login-form {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.login-form__title {
    margin-bottom: 48px;
}

.login-form__title h1 {
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 16px;
}

.login-form__title h3 {
    font-size: 1.6rem;
    font-weight: normal;
    margin: 0;
}

.login-form__row {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login-form__row + .login-form__row {
    margin-top: 28px;
}

.login-form__label {
    margin-bottom: 12px;
    font-size: 1.6rem;
    font-weight: 700;
}

.login-form__row input[type=text], .login-form__row input[type=password], .login-form__row input[type=email] {
    width: 100%;
    border-radius: 4px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
    padding: 12px 56px;
    outline: none;
    font-family: var(--main-font);
    transition: all .2s ease;
}

.login-form__user-controls, .login-form__email-controls {
    position: relative;
}

.login-form__user-controls:after, .login-form__email-controls:after {
    content: "";
    position: absolute;
    left: 24px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translate(0, -50%);
    user-select: none;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlVzZXIiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTguMDQwNyAxNi41NjA3QzE2Ljg1MDggMTQuNTAzNyAxNS4wMTcyIDEzLjAyODcgMTIuODc3NCAxMi4zMjk1QzEzLjkzNTggMTEuNjk5NCAxNC43NTgyIDEwLjczOTIgMTUuMjE4MiA5LjU5NjVDMTUuNjc4MSA4LjQ1Mzc3IDE1Ljc1MDMgNy4xOTE2NiAxNS40MjM1IDYuMDAzOTdDMTUuMDk2OCA0LjgxNjI4IDE0LjM4OTIgMy43Njg2OCAxMy40MDk0IDMuMDIyMDdDMTIuNDI5NiAyLjI3NTQ1IDExLjIzMTggMS44NzEwOSAxMCAxLjg3MTA5QzguNzY4MjEgMS44NzEwOSA3LjU3MDQ0IDIuMjc1NDUgNi41OTA2NyAzLjAyMjA3QzUuNjEwOSAzLjc2ODY4IDQuOTAzMzEgNC44MTYyOCA0LjU3NjU0IDYuMDAzOTdDNC4yNDk3OCA3LjE5MTY2IDQuMzIxOTMgOC40NTM3NyA0Ljc4MTg5IDkuNTk2NUM1LjI0MTg2IDEwLjczOTIgNi4wNjQyMiAxMS42OTk0IDcuMTIyNjggMTIuMzI5NUM0Ljk4Mjg0IDEzLjAyNzkgMy4xNDkyNSAxNC41MDI5IDEuOTU5NCAxNi41NjA3QzEuOTE1NzcgMTYuNjMxOSAxLjg4NjgzIDE2LjcxMSAxLjg3NDI5IDE2Ljc5MzVDMS44NjE3NCAxNi44NzYxIDEuODY1ODUgMTYuOTYwMiAxLjg4NjM4IDE3LjA0MTFDMS45MDY5IDE3LjEyMiAxLjk0MzQxIDE3LjE5OCAxLjk5Mzc3IDE3LjI2NDZDMi4wNDQxMyAxNy4zMzExIDIuMTA3MzEgMTcuMzg2OSAyLjE3OTU4IDE3LjQyODdDMi4yNTE4NSAxNy40NzA0IDIuMzMxNzUgMTcuNDk3MyAyLjQxNDU3IDE3LjUwNzZDMi40OTczOCAxNy41MTggMi41ODE0MyAxNy41MTE3IDIuNjYxNzYgMTcuNDg5QzIuNzQyMDkgMTcuNDY2NCAyLjgxNzA4IDE3LjQyNzkgMi44ODIyOCAxNy4zNzU4QzIuOTQ3NDkgMTcuMzIzNyAzLjAwMTYxIDE3LjI1OTEgMy4wNDE0MyAxNy4xODU3QzQuNTEzMzEgMTQuNjQyIDcuMTE0ODcgMTMuMTIzMiAxMCAxMy4xMjMyQzEyLjg4NTIgMTMuMTIzMiAxNS40ODY3IDE0LjY0MiAxNi45NTg2IDE3LjE4NTdDMTYuOTk4NSAxNy4yNTkxIDE3LjA1MjYgMTcuMzIzNyAxNy4xMTc4IDE3LjM3NThDMTcuMTgzIDE3LjQyNzkgMTcuMjU4IDE3LjQ2NjQgMTcuMzM4MyAxNy40ODlDMTcuNDE4NiAxNy41MTE3IDE3LjUwMjcgMTcuNTE4IDE3LjU4NTUgMTcuNTA3NkMxNy42NjgzIDE3LjQ5NzMgMTcuNzQ4MiAxNy40NzA0IDE3LjgyMDUgMTcuNDI4N0MxNy44OTI3IDE3LjM4NjkgMTcuOTU1OSAxNy4zMzExIDE4LjAwNjMgMTcuMjY0NkMxOC4wNTY2IDE3LjE5OCAxOC4wOTMyIDE3LjEyMiAxOC4xMTM3IDE3LjA0MTFDMTguMTM0MiAxNi45NjAyIDE4LjEzODMgMTYuODc2MSAxOC4xMjU4IDE2Ljc5MzVDMTguMTEzMiAxNi43MTEgMTguMDg0MyAxNi42MzE5IDE4LjA0MDcgMTYuNTYwN1pNNS42MjUwMyA3LjQ5ODIyQzUuNjI1MDMgNi42MzI5MyA1Ljg4MTYyIDUuNzg3MDYgNi4zNjIzNSA1LjA2NzZDNi44NDMwOCA0LjM0ODEzIDcuNTI2MzYgMy43ODczOCA4LjMyNTc5IDMuNDU2MjVDOS4xMjUyMiAzLjEyNTExIDEwLjAwNDkgMy4wMzg0NyAxMC44NTM1IDMuMjA3MjhDMTEuNzAyMiAzLjM3NjA5IDEyLjQ4MTggMy43OTI3NyAxMy4wOTM2IDQuNDA0NjNDMTMuNzA1NSA1LjAxNjQ4IDE0LjEyMjIgNS43OTYwMyAxNC4yOTEgNi42NDQ3QzE0LjQ1OTggNy40OTMzNyAxNC4zNzMxIDguMzczMDMgMTQuMDQyIDkuMTcyNDZDMTMuNzEwOSA5Ljk3MTg5IDEzLjE1MDEgMTAuNjU1MiAxMi40MzA2IDExLjEzNTlDMTEuNzExMiAxMS42MTY2IDEwLjg2NTMgMTEuODczMiAxMCAxMS44NzMyQzguODQwMDkgMTEuODcyIDcuNzI4MDEgMTEuNDEwNiA2LjkwNzgxIDEwLjU5MDRDNi4wODc2IDkuNzcwMjQgNS42MjYyNyA4LjY1ODE2IDUuNjI1MDMgNy40OTgyMloiIGZpbGw9IiM3NDc0NzQiLz4KPC9nPgo8L3N2Zz4K") no-repeat center;
    background-size: contain;
}

.login-form__email-controls:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGc+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMiAyLjQzNzVDOS40NjM4NyAyLjQzNzUgNy4wMzE2MSAzLjQ0NDk3IDUuMjM4MjkgNS4yMzgyOUMzLjQ0NDk3IDcuMDMxNjEgMi40Mzc1IDkuNDYzODcgMi40Mzc1IDEyQzIuNDM3NSAxNC41MzYxIDMuNDQ0OTcgMTYuOTY4NCA1LjIzODI5IDE4Ljc2MTdDNy4wMzE2MSAyMC41NTUgOS40NjM4NyAyMS41NjI1IDEyIDIxLjU2MjVDMTMuOTgwOSAyMS41NjI1IDE2LjA2MDMgMjAuOTY3MiAxNy41NjEzIDE5Ljk2ODhDMTcuNjg1NiAxOS44ODYxIDE3Ljc3MiAxOS43NTc0IDE3LjgwMTQgMTkuNjExQzE3LjgzMDkgMTkuNDY0NyAxNy44MDEgMTkuMzEyNiAxNy43MTgzIDE5LjE4ODNDMTcuNjM1NiAxOS4wNjQgMTcuNTA2OSAxOC45Nzc2IDE3LjM2MDYgMTguOTQ4MUMxNy4yMTQyIDE4LjkxODcgMTcuMDYyMSAxOC45NDg2IDE2LjkzNzggMTkuMDMxMkMxNS42MzQ3IDE5Ljg5ODQgMTMuNzQxOSAyMC40Mzc1IDEyIDIwLjQzNzVDMTAuMzMxMiAyMC40Mzc1IDguNjk5OTIgMTkuOTQyNiA3LjMxMjM4IDE5LjAxNTVDNS45MjQ4NCAxOC4wODg0IDQuODQzMzggMTYuNzcwNiA0LjIwNDc3IDE1LjIyODlDMy41NjYxNSAxMy42ODcxIDMuMzk5MDYgMTEuOTkwNiAzLjcyNDYyIDEwLjM1MzlDNC4wNTAxOSA4LjcxNzIxIDQuODUzNzggNy4yMTM3OSA2LjAzMzc5IDYuMDMzNzlDNy4yMTM3OSA0Ljg1Mzc4IDguNzE3MjEgNC4wNTAxOSAxMC4zNTM5IDMuNzI0NjJDMTEuOTkwNiAzLjM5OTA2IDEzLjY4NzEgMy41NjYxNSAxNS4yMjg5IDQuMjA0NzdDMTYuNzcwNiA0Ljg0MzM4IDE4LjA4ODQgNS45MjQ4NCAxOS4wMTU1IDcuMzEyMzhDMTkuOTQyNiA4LjY5OTkyIDIwLjQzNzUgMTAuMzMxMiAyMC40Mzc1IDEyQzIwLjQzNzUgMTQuNzczMSAxOS4xNDU2IDE1LjE4NzUgMTguMzc1IDE1LjE4NzVDMTcuNjA0NCAxNS4xODc1IDE2LjMxMjUgMTQuNzczMSAxNi4zMTI1IDEyVjguMjVDMTYuMzEyNSA4LjEwMDgyIDE2LjI1MzIgNy45NTc3NCAxNi4xNDc3IDcuODUyMjVDMTYuMDQyMyA3Ljc0Njc2IDE1Ljg5OTIgNy42ODc1IDE1Ljc1IDcuNjg3NUMxNS42MDA4IDcuNjg3NSAxNS40NTc3IDcuNzQ2NzYgMTUuMzUyMyA3Ljg1MjI1QzE1LjI0NjggNy45NTc3NCAxNS4xODc1IDguMTAwODIgMTUuMTg3NSA4LjI1VjkuMDkzNzVDMTQuNTgyOSA4LjQyODkzIDEzLjc4NTcgNy45Njk2IDEyLjkwNzMgNy43Nzk5M0MxMi4wMjg5IDcuNTkwMjYgMTEuMTEzMiA3LjY3OTczIDEwLjI4ODEgOC4wMzU4NEM5LjQ2MzA2IDguMzkxOTUgOC43Njk4NSA4Ljk5NjkxIDguMzA1MzYgOS43NjYxOUM3Ljg0MDg2IDEwLjUzNTUgNy42MjgyOCAxMS40MzA2IDcuNjk3MzMgMTIuMzI2NkM3Ljc2NjM3IDEzLjIyMjYgOC4xMTM1OSAxNC4wNzQ2IDguNjkwNDYgMTQuNzYzN0M5LjI2NzMzIDE1LjQ1MjcgMTAuMDQ1IDE1Ljk0NDMgMTAuOTE0OSAxNi4xNjk4QzExLjc4NDggMTYuMzk1MyAxMi43MDM0IDE2LjM0MzQgMTMuNTQyNCAxNi4wMjE0QzE0LjM4MTMgMTUuNjk5NCAxNS4wOTg4IDE1LjEyMzQgMTUuNTk0NCAxNC4zNzM4QzE2LjEwMjUgMTUuNjE4OCAxNy4wNjI1IDE2LjMxMjUgMTguMzc1IDE2LjMxMjVDMjAuMzcwOSAxNi4zMTI1IDIxLjU2MjUgMTQuNyAyMS41NjI1IDEyQzIxLjU1OTUgOS40NjQ3OCAyMC41NTExIDcuMDM0MjUgMTguNzU4NCA1LjI0MTU4QzE2Ljk2NTcgMy40NDg5MSAxNC41MzUyIDIuNDQwNDggMTIgMi40Mzc1Wk0xMiAxNS4xODc1QzExLjM2OTYgMTUuMTg3NSAxMC43NTMzIDE1LjAwMDYgMTAuMjI5MSAxNC42NTAzQzkuNzA0OTQgMTQuMzAwMSA5LjI5NjM5IDEzLjgwMjIgOS4wNTUxMyAxMy4yMTk4QzguODEzODggMTIuNjM3NCA4Ljc1MDc2IDExLjk5NjUgOC44NzM3NSAxMS4zNzgxQzguOTk2NzQgMTAuNzU5OCA5LjMwMDMyIDEwLjE5MTkgOS43NDYxIDkuNzQ2MUMxMC4xOTE5IDkuMzAwMzIgMTAuNzU5OCA4Ljk5Njc0IDExLjM3ODEgOC44NzM3NUMxMS45OTY1IDguNzUwNzYgMTIuNjM3NCA4LjgxMzg4IDEzLjIxOTggOS4wNTUxM0MxMy44MDIyIDkuMjk2MzkgMTQuMzAwMSA5LjcwNDk0IDE0LjY1MDMgMTAuMjI5MUMxNS4wMDA2IDEwLjc1MzMgMTUuMTg3NSAxMS4zNjk2IDE1LjE4NzUgMTJDMTUuMTg3NSAxMi44NDU0IDE0Ljg1MTcgMTMuNjU2MSAxNC4yNTM5IDE0LjI1MzlDMTMuNjU2MSAxNC44NTE3IDEyLjg0NTQgMTUuMTg3NSAxMiAxNS4xODc1WiIgZmlsbD0iIzc0NzQ3NCIvPgo8L2c+Cjwvc3ZnPgo=") no-repeat center;
    background-size: contain;
}

.login-form__row input[type=text]:focus, .login-form__row input[type=password]:focus, .login-form__row input[type=email]:focus {
    border-color: var(--main-color);
}

.login-form__password-labels {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login-form__password-forgot {
    color: var(--gray-color);
    text-decoration: none;
}

.login-form__password-forgot:hover {
    text-decoration: underline;
}

.login-form__password-controls {
    position: relative;
}

.--login-form__row-buttons {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.--login-form__row-buttons a {
    color: var(--gray-color);
}

.--login-form__row-buttons a:hover {
    text-decoration: underline;
}

.login-form__password-controls:after {
    content: "";
    position: absolute;
    left: 24px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translate(0, -50%);
    user-select: none;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IktleSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMi41IDEuMjVDMTEuNTEzNSAxLjI1MDg4IDEwLjU0MTIgMS40ODUwNiA5LjY2MjU0IDEuOTMzNDFDOC43ODM4NCAyLjM4MTc1IDguMDIzNjMgMy4wMzE1NiA3LjQ0Mzk4IDMuODI5NzdDNi44NjQzMyA0LjYyNzk4IDYuNDgxNjcgNS41NTE5NiA2LjMyNzI1IDYuNTI2MjdDNi4xNzI4NCA3LjUwMDU5IDYuMjUxMDQgOC40OTc2MSA2LjU1NTQ3IDkuNDM1OTRMMi4wNTc4MSAxMy45MzI4QzEuOTk5NzkgMTMuOTkwOSAxLjk1Mzc4IDE0LjA1OTggMS45MjI0MSAxNC4xMzU3QzEuODkxMDUgMTQuMjExNiAxLjg3NDk0IDE0LjI5MjkgMS44NzUgMTQuMzc1VjE3LjVDMS44NzUgMTcuNjY1OCAxLjk0MDg1IDE3LjgyNDcgMi4wNTgwNiAxNy45NDE5QzIuMTc1MjcgMTguMDU5MiAyLjMzNDI0IDE4LjEyNSAyLjUgMTguMTI1SDUuNjI1QzUuNzkwNzYgMTguMTI1IDUuOTQ5NzMgMTguMDU5MiA2LjA2Njk0IDE3Ljk0MTlDNi4xODQxNSAxNy44MjQ3IDYuMjUgMTcuNjY1OCA2LjI1IDE3LjVWMTYuMjVINy41QzcuNjY1NzYgMTYuMjUgNy44MjQ3MyAxNi4xODQyIDcuOTQxOTQgMTYuMDY2OUM4LjA1OTE1IDE1Ljk0OTcgOC4xMjUgMTUuNzkwOCA4LjEyNSAxNS42MjVWMTQuMzc1SDkuMzc1QzkuNDU3MSAxNC4zNzUxIDkuNTM4NDEgMTQuMzU5IDkuNjE0MjggMTQuMzI3NkM5LjY5MDE1IDE0LjI5NjIgOS43NTkxIDE0LjI1MDIgOS44MTcxOSAxNC4xOTIyTDEwLjU2NDEgMTMuNDQ0NUMxMS40MjMxIDEzLjcyMzQgMTIuMzMyMyAxMy44MTI4IDEzLjIyOTIgMTMuNzA2NkMxNC4xMjYxIDEzLjYwMDQgMTQuOTg5MyAxMy4zMDExIDE1Ljc1OTMgMTIuODI5MkMxNi41Mjk0IDEyLjM1NzQgMTcuMTg4MSAxMS43MjQzIDE3LjY5IDEwLjk3MzRDMTguMTkyIDEwLjIyMjYgMTguNTI1MiA5LjM3MTkxIDE4LjY2NjggOC40Nzk5NEMxOC44MDg0IDcuNTg3OTcgMTguNzU1IDYuNjc1OSAxOC41MTAzIDUuODA2NTVDMTguMjY1NiA0LjkzNzE5IDE3LjgzNTQgNC4xMzExOSAxNy4yNDkzIDMuNDQ0MDVDMTYuNjYzMiAyLjc1NjkxIDE1LjkzNTEgMi4yMDQ5NiAxNS4xMTUzIDEuODI2MkMxNC4yOTU0IDEuNDQ3NDMgMTMuNDAzMSAxLjI1MDg1IDEyLjUgMS4yNVpNMTIuNSAxMi41QzExLjg2NzMgMTIuNTAxMSAxMS4yNDAyIDEyLjM4MTUgMTAuNjUyMyAxMi4xNDc3QzEwLjUzNzMgMTIuMDk3NyAxMC40MSAxMi4wODM2IDEwLjI4NjggMTIuMTA3QzEwLjE2MzcgMTIuMTMwNCAxMC4wNTA0IDEyLjE5MDMgOS45NjE3MiAxMi4yNzg5TDkuMTE2NDEgMTMuMTI1SDcuNUM3LjMzNDI0IDEzLjEyNSA3LjE3NTI3IDEzLjE5MDggNy4wNTgwNiAxMy4zMDgxQzYuOTQwODUgMTMuNDI1MyA2Ljg3NSAxMy41ODQyIDYuODc1IDEzLjc1VjE1SDUuNjI1QzUuNDU5MjQgMTUgNS4zMDAyNyAxNS4wNjU4IDUuMTgzMDYgMTUuMTgzMUM1LjA2NTg1IDE1LjMwMDMgNSAxNS40NTkyIDUgMTUuNjI1VjE2Ljg3NUgzLjEyNVYxNC42MzM2TDcuNzIxMDkgMTAuMDM4M0M3LjgwOTcxIDkuOTQ5NjEgNy44Njk2MSA5LjgzNjMzIDcuODkzMDIgOS43MTMxN0M3LjkxNjQzIDkuNTkwMDEgNy45MDIyNSA5LjQ2MjY2IDcuODUyMzQgOS4zNDc2NkM3LjQ1NzEgOC4zNTM3OSA3LjM5MDk4IDcuMjU5MzcgNy42NjM2OSA2LjIyNTE0QzcuOTM2NCA1LjE5MDkyIDguNTMzNTcgNC4yNzE0IDkuMzY3NDkgMy42MDE2NEMxMC4yMDE0IDIuOTMxODkgMTEuMjI4MSAyLjU0NzE5IDEyLjI5NjggMi41MDQwN0MxMy4zNjU1IDIuNDYwOTQgMTQuNDE5OSAyLjc2MTY1IDE1LjMwNTEgMy4zNjIwM0MxNi4xOTAyIDMuOTYyNDIgMTYuODU5NiA0LjgzMDgyIDE3LjIxNDcgNS44Mzk3MUMxNy41Njk5IDYuODQ4NiAxNy41OTIyIDcuOTQ0NzkgMTcuMjc4MyA4Ljk2NzI3QzE2Ljk2NDQgOS45ODk3NiAxNi4zMzA5IDEwLjg4NDYgMTUuNDcwOSAxMS41MjA1QzE0LjYxMDkgMTIuMTU2NCAxMy41Njk2IDEyLjQ5OTcgMTIuNSAxMi41Wk0xNSA1LjkzNzVDMTUgNi4xMjI5MiAxNC45NDUgNi4zMDQxOCAxNC44NDIgNi40NTgzNUMxNC43MzkgNi42MTI1MiAxNC41OTI2IDYuNzMyNjggMTQuNDIxMyA2LjgwMzY0QzE0LjI1IDYuODc0NTkgMTQuMDYxNSA2Ljg5MzE2IDEzLjg3OTYgNi44NTY5OUMxMy42OTc3IDYuODIwODEgMTMuNTMwNyA2LjczMTUyIDEzLjM5OTYgNi42MDA0MUMxMy4yNjg1IDYuNDY5MyAxMy4xNzkyIDYuMzAyMjUgMTMuMTQzIDYuMTIwNEMxMy4xMDY4IDUuOTM4NTQgMTMuMTI1NCA1Ljc1MDA0IDEzLjE5NjQgNS41Nzg3M0MxMy4yNjczIDUuNDA3NDMgMTMuMzg3NSA1LjI2MTAxIDEzLjU0MTcgNS4xNThDMTMuNjk1OCA1LjA1NDk4IDEzLjg3NzEgNSAxNC4wNjI1IDVDMTQuMzExMSA1IDE0LjU0OTYgNS4wOTg3NyAxNC43MjU0IDUuMjc0NTlDMTQuOTAxMiA1LjQ1MDQgMTUgNS42ODg4NiAxNSA1LjkzNzVaIiBmaWxsPSIjNzQ3NDc0Ii8+CjwvZz4KPC9zdmc+Cg==") no-repeat center;
}

.password-show__icon {
    position: absolute;
    right: 24px;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translate(0, -50%);
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkV5ZSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xOS4zMjExIDkuNzQ2ODhDMTkuMjkzNyA5LjY4NTE2IDE4LjYzMiA4LjIxNzE5IDE3LjE2MDkgNi43NDYwOUMxNS4yMDA4IDQuNzg1OTQgMTIuNzI1IDMuNzUgOS45OTk5OSAzLjc1QzcuMjc0OTkgMy43NSA0Ljc5OTIxIDQuNzg1OTQgMi44MzkwNSA2Ljc0NjA5QzEuMzY3OTYgOC4yMTcxOSAwLjcwMzExOCA5LjY4NzUgMC42Nzg4OTkgOS43NDY4OEMwLjY0MzM2MiA5LjgyNjgxIDAuNjI1IDkuOTEzMzEgMC42MjUgMTAuMDAwOEMwLjYyNSAxMC4wODgzIDAuNjQzMzYyIDEwLjE3NDggMC42Nzg4OTkgMTAuMjU0N0MwLjcwNjI0MyAxMC4zMTY0IDEuMzY3OTYgMTEuNzgzNiAyLjgzOTA1IDEzLjI1NDdDNC43OTkyMSAxNS4yMTQxIDcuMjc0OTkgMTYuMjUgOS45OTk5OSAxNi4yNUMxMi43MjUgMTYuMjUgMTUuMjAwOCAxNS4yMTQxIDE3LjE2MDkgMTMuMjU0N0MxOC42MzIgMTEuNzgzNiAxOS4yOTM3IDEwLjMxNjQgMTkuMzIxMSAxMC4yNTQ3QzE5LjM1NjYgMTAuMTc0OCAxOS4zNzUgMTAuMDg4MyAxOS4zNzUgMTAuMDAwOEMxOS4zNzUgOS45MTMzMSAxOS4zNTY2IDkuODI2ODEgMTkuMzIxMSA5Ljc0Njg4Wk05Ljk5OTk5IDE1QzcuNTk1MyAxNSA1LjQ5NDUyIDE0LjEyNTggMy43NTU0NiAxMi40MDIzQzMuMDQxOSAxMS42OTI3IDIuNDM0ODMgMTAuODgzNiAxLjk1MzEyIDEwQzIuNDM0NyA5LjExNjM2IDMuMDQxNzkgOC4zMDcxNyAzLjc1NTQ2IDcuNTk3NjZDNS40OTQ1MiA1Ljg3NDIyIDcuNTk1MyA1IDkuOTk5OTkgNUMxMi40MDQ3IDUgMTQuNTA1NSA1Ljg3NDIyIDE2LjI0NDUgNy41OTc2NkMxNi45NTk1IDguMzA3IDE3LjU2NzkgOS4xMTYxOSAxOC4wNTA4IDEwQzE3LjQ4NzUgMTEuMDUxNiAxNS4wMzM2IDE1IDkuOTk5OTkgMTVaTTkuOTk5OTkgNi4yNUM5LjI1ODMxIDYuMjUgOC41MzMyOSA2LjQ2OTkzIDcuOTE2NiA2Ljg4MTk5QzcuMjk5OTIgNy4yOTQwNCA2LjgxOTI3IDcuODc5NzEgNi41MzU0NCA4LjU2NDk0QzYuMjUxNjIgOS4yNTAxNiA2LjE3NzM1IDEwLjAwNDIgNi4zMjIwNSAxMC43MzE2QzYuNDY2NzQgMTEuNDU5IDYuODIzODkgMTIuMTI3MiA3LjM0ODM0IDEyLjY1MTdDNy44NzI3OSAxMy4xNzYxIDguNTQwOTcgMTMuNTMzMyA5LjI2ODQgMTMuNjc3OUM5Ljk5NTgzIDEzLjgyMjYgMTAuNzQ5OCAxMy43NDg0IDExLjQzNTEgMTMuNDY0NUMxMi4xMjAzIDEzLjE4MDcgMTIuNzA1OSAxMi43MDAxIDEzLjExOCAxMi4wODM0QzEzLjUzMDEgMTEuNDY2NyAxMy43NSAxMC43NDE3IDEzLjc1IDEwQzEzLjc0OSA5LjAwNTc2IDEzLjM1MzUgOC4wNTI1MyAxMi42NTA1IDcuMzQ5NDlDMTEuOTQ3NSA2LjY0NjQ1IDEwLjk5NDIgNi4yNTEwMyA5Ljk5OTk5IDYuMjVaTTkuOTk5OTkgMTIuNUM5LjUwNTU0IDEyLjUgOS4wMjIxOSAxMi4zNTM0IDguNjExMDcgMTIuMDc4N0M4LjE5OTk0IDExLjgwNCA3Ljg3OTUxIDExLjQxMzUgNy42OTAyOSAxMC45NTY3QzcuNTAxMDcgMTAuNDk5OSA3LjQ1MTU3IDkuOTk3MjMgNy41NDgwMyA5LjUxMjI3QzcuNjQ0NDkgOS4wMjczMiA3Ljg4MjU5IDguNTgxODYgOC4yMzIyMiA4LjIzMjIzQzguNTgxODYgNy44ODI2IDkuMDI3MzEgNy42NDQ1IDkuNTEyMjcgNy41NDgwNEM5Ljk5NzIyIDcuNDUxNTcgMTAuNDk5OSA3LjUwMTA4IDEwLjk1NjcgNy42OTAzQzExLjQxMzUgNy44Nzk1MiAxMS44MDQgOC4xOTk5NSAxMi4wNzg3IDguNjExMDdDMTIuMzUzNCA5LjAyMjIgMTIuNSA5LjUwNTU1IDEyLjUgMTBDMTIuNSAxMC42NjMgMTIuMjM2NiAxMS4yOTg5IDExLjc2NzggMTEuNzY3OEMxMS4yOTg5IDEyLjIzNjYgMTAuNjYzIDEyLjUgOS45OTk5OSAxMi41WiIgZmlsbD0iIzc0NzQ3NCIvPgo8L2c+Cjwvc3ZnPgo=") no-repeat center;
    cursor: pointer;
}

.password-show__icon.active {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGc+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik00LjIxMjQ5IDIuNzA0ODZDNC4xNTc2MSAyLjY0Mjk5IDQuMDkwOTkgMi41OTI2MyA0LjAxNjQ5IDIuNTU2N0MzLjk0MiAyLjUyMDc3IDMuODYxMTEgMi40OTk5NyAzLjc3ODUzIDIuNDk1NTNDMy42OTU5NCAyLjQ5MTA5IDMuNjEzMjkgMi41MDMwOCAzLjUzNTM3IDIuNTMwODFDMy40NTc0NiAyLjU1ODU1IDMuMzg1ODIgMi42MDE0NyAzLjMyNDYxIDIuNjU3MUMzLjI2MzQgMi43MTI3MiAzLjIxMzg0IDIuNzc5OTQgMy4xNzg4MSAyLjg1NDg2QzMuMTQzNzcgMi45Mjk3OCAzLjEyMzk1IDMuMDEwOSAzLjEyMDUgMy4wOTM1NEMzLjExNzA0IDMuMTc2MTcgMy4xMzAwMyAzLjI1ODY3IDMuMTU4NjkgMy4zMzYyNUMzLjE4NzM2IDMuNDEzODMgMy4yMzExNCAzLjQ4NDk1IDMuMjg3NDkgMy41NDU0OUw0Ljc5MDYyIDUuMTk5MzlDMS45NTMxMiA2Ljk0MDggMC43MzI4MDUgOS42MjUxNyAwLjY3ODg5OSA5Ljc0NzA1QzAuNjQzMzYyIDkuODI2OTggMC42MjUgOS45MTM0OCAwLjYyNSAxMC4wMDFDMC42MjUgMTAuMDg4NCAwLjY0MzM2MiAxMC4xNzQ5IDAuNjc4ODk5IDEwLjI1NDlDMC43MDYyNDMgMTAuMzE2NiAxLjM2Nzk2IDExLjc4MzggMi44MzkwNSAxMy4yNTQ5QzQuNzk5MjEgMTUuMjE0MiA3LjI3NDk5IDE2LjI1MDIgOS45OTk5OSAxNi4yNTAyQzExLjQwMDUgMTYuMjU4MiAxMi43ODY4IDE1Ljk2OTggMTQuMDY4IDE1LjQwNDFMMTUuNzg2NyAxNy4yOTU1QzE1Ljg0MTYgMTcuMzU3NCAxNS45MDgyIDE3LjQwNzcgMTUuOTgyNyAxNy40NDM3QzE2LjA1NzIgMTcuNDc5NiAxNi4xMzgxIDE3LjUwMDQgMTYuMjIwNyAxNy41MDQ4QzE2LjMwMzMgMTcuNTA5MyAxNi4zODU5IDE3LjQ5NzMgMTYuNDYzOCAxNy40Njk1QzE2LjU0MTcgMTcuNDQxOCAxNi42MTM0IDE3LjM5ODkgMTYuNjc0NiAxNy4zNDMzQzE2LjczNTggMTcuMjg3NiAxNi43ODU0IDE3LjIyMDQgMTYuODIwNCAxNy4xNDU1QzE2Ljg1NTQgMTcuMDcwNiAxNi44NzUzIDE2Ljk4OTQgMTYuODc4NyAxNi45MDY4QzE2Ljg4MjIgMTYuODI0MiAxNi44NjkyIDE2Ljc0MTcgMTYuODQwNSAxNi42NjQxQzE2LjgxMTggMTYuNTg2NSAxNi43NjgxIDE2LjUxNTQgMTYuNzExNyAxNi40NTQ5TDQuMjEyNDkgMi43MDQ4NlpNNy45MTAxNSA4LjYyOTg2TDExLjE2NTYgMTIuMjExOUMxMC42NzU0IDEyLjQ2OTggMTAuMTEzNCAxMi41NTc2IDkuNTY3ODMgMTIuNDYxNUM5LjAyMjI5IDEyLjM2NTMgOC41MjQxMyAxMi4wOTA3IDguMTUxNTcgMTEuNjgwOEM3Ljc3OTAxIDExLjI3MDkgNy41NTMxNCAxMC43NDg4IDcuNTA5NDUgMTAuMTk2NkM3LjQ2NTc1IDkuNjQ0MzggNy42MDY3IDkuMDkzMjkgNy45MTAxNSA4LjYyOTg2Wk05Ljk5OTk5IDE1LjAwMDJDNy41OTUzIDE1LjAwMDIgNS40OTQ1MiAxNC4xMjYgMy43NTU0NiAxMi40MDI1QzMuMDQxNjQgMTEuNjkzMSAyLjQzNDU0IDEwLjg4MzkgMS45NTMxMiAxMC4wMDAyQzIuMzE5NTIgOS4zMTM0NiAzLjQ4OTA1IDcuMzkxNTggNS42NTIzNCA2LjE0MjM2TDcuMDU4NTkgNy42ODUzM0M2LjUxNDE2IDguMzgyNiA2LjIzMzc3IDkuMjQ5ODkgNi4yNjY5NyAxMC4xMzM5QzYuMzAwMTcgMTEuMDE3OSA2LjY0NDgzIDExLjg2MTcgNy4yNDAwMiAxMi41MTYyQzcuODM1MjEgMTMuMTcwNyA4LjY0MjYxIDEzLjU5MzYgOS41MTk1MiAxMy43MTA0QzEwLjM5NjQgMTMuODI3MSAxMS4yODY0IDEzLjYzMDEgMTIuMDMyIDEzLjE1NDFMMTMuMTgyOCAxNC40MTk3QzEyLjE2NzIgMTQuODA5NCAxMS4wODc4IDE1LjAwNjIgOS45OTk5OSAxNS4wMDAyWk0xMC40Njg3IDcuNTQ0NzFDMTAuMzA1OSA3LjUxMzYzIDEwLjE2MiA3LjQxOTEyIDEwLjA2ODkgNy4yODE5OUM5Ljk3NTY4IDcuMTQ0ODUgOS45NDA3OSA2Ljk3NjMyIDkuOTcxODcgNi44MTM0NkMxMC4wMDI5IDYuNjUwNiAxMC4wOTc1IDYuNTA2NzUgMTAuMjM0NiA2LjQxMzU3QzEwLjM3MTcgNi4zMjAzOSAxMC41NDAzIDYuMjg1NSAxMC43MDMxIDYuMzE2NThDMTEuNDk5NyA2LjQ3MTAxIDEyLjIyNSA2Ljg3ODgxIDEyLjc3MDggNy40NzkxNUMxMy4zMTY3IDguMDc5NDkgMTMuNjUzOSA4Ljg0MDIxIDEzLjczMiA5LjY0NzgzQzEzLjc0NzUgOS44MTI4NiAxMy42OTY3IDkuOTc3MjcgMTMuNTkwOSAxMC4xMDQ5QzEzLjQ4NTEgMTAuMjMyNSAxMy4zMzMgMTAuMzEyOSAxMy4xNjggMTAuMzI4M0MxMy4xNDg0IDEwLjMyOTQgMTMuMTI4OSAxMC4zMjk0IDEzLjEwOTQgMTAuMzI4M0MxMi45NTMyIDEwLjMyOSAxMi44MDI0IDEwLjI3MTEgMTIuNjg2NyAxMC4xNjYxQzEyLjU3MSAxMC4wNjEyIDEyLjQ5ODggOS45MTY2NiAxMi40ODQ0IDkuNzYxMTFDMTIuNDMxOCA5LjIyMzkyIDEyLjIwNzIgOC43MTgwNSAxMS44NDQgOC4zMTg3MkMxMS40ODA5IDcuOTE5NCAxMC45OTg1IDcuNjQ3OTQgMTAuNDY4NyA3LjU0NDcxWk0xOS4zMTg3IDEwLjI1NDlDMTkuMjg1OSAxMC4zMjgzIDE4LjQ5NDUgMTIuMDgwNiAxNi43MTI1IDEzLjY3NjdDMTYuNjUxNiAxMy43MzMgMTYuNTgwMSAxMy43NzY2IDE2LjUwMjIgMTMuODA1QzE2LjQyNDMgMTMuODMzNCAxNi4zNDE1IDEzLjg0NiAxNi4yNTg3IDEzLjg0MkMxNi4xNzU5IDEzLjgzODEgMTYuMDk0NyAxMy44MTc4IDE2LjAxOTggMTMuNzgyMUMxNS45NDQ5IDEzLjc0NjUgMTUuODc3OSAxMy42OTY0IDE1LjgyMjYgMTMuNjM0NkMxNS43NjczIDEzLjU3MjggMTUuNzI0OSAxMy41MDA2IDE1LjY5NzcgMTMuNDIyM0MxNS42NzA2IDEzLjM0NCAxNS42NTkzIDEzLjI2MSAxNS42NjQ1IDEzLjE3ODJDMTUuNjY5OCAxMy4wOTU1IDE1LjY5MTQgMTMuMDE0NiAxNS43MjgyIDEyLjk0MDNDMTUuNzY1IDEyLjg2NiAxNS44MTYyIDEyLjc5OTggMTUuODc4OSAxMi43NDU1QzE2Ljc1MzIgMTEuOTYgMTcuNDg3NiAxMS4wMzE3IDE4LjA1MDggMTAuMDAwMkMxNy41NjgzIDkuMTE1NjIgMTYuOTU5OSA4LjMwNTg2IDE2LjI0NDUgNy41OTYyN0MxNC41MDU1IDUuODc0MzkgMTIuNDA0NyA1LjAwMDE3IDkuOTk5OTkgNS4wMDAxN0M5LjQ5MzMyIDQuOTk5NTYgOC45ODc0NSA1LjA0MDU4IDguNDg3NDkgNS4xMjI4M0M4LjQwNjE5IDUuMTM3MjEgOC4zMjI4NCA1LjEzNTM0IDguMjQyMjcgNS4xMTczMkM4LjE2MTcgNS4wOTkzIDguMDg1NDkgNS4wNjU1IDguMDE4MDUgNS4wMTc4NkM3Ljk1MDYyIDQuOTcwMjMgNy44OTMyOSA0LjkwOTcgNy44NDkzOCA0LjgzOTc5QzcuODA1NDcgNC43Njk4NyA3Ljc3NTg0IDQuNjkxOTQgNy43NjIyMiA0LjYxMDUxQzcuNzQ4NiA0LjUyOTA4IDcuNzUxMjQgNC40NDU3NSA3Ljc3IDQuMzY1MzVDNy43ODg3NyA0LjI4NDk1IDcuODIzMjcgNC4yMDkwNiA3Ljg3MTUzIDQuMTQyMDdDNy45MTk3OSA0LjA3NTA3IDcuOTgwODUgNC4wMTgzMSA4LjA1MTE3IDMuOTc1MDVDOC4xMjE0OSAzLjkzMTc5IDguMTk5NjkgMy45MDI4OSA4LjI4MTI0IDMuODkwMDJDOC44NDkzNCAzLjc5NjIyIDkuNDI0MiAzLjc0OTQ0IDkuOTk5OTkgMy43NTAxN0MxMi43MjUgMy43NTAxNyAxNS4yMDA4IDQuNzg2MTEgMTcuMTYwOSA2Ljc0NjI3QzE4LjYzMiA4LjIxNzM2IDE5LjI5MzcgOS42ODUzMyAxOS4zMjExIDkuNzQ3MDVDMTkuMzU2NiA5LjgyNjk4IDE5LjM3NSA5LjkxMzQ4IDE5LjM3NSAxMC4wMDFDMTkuMzc1IDEwLjA4ODQgMTkuMzU2NiAxMC4xNzQ5IDE5LjMyMTEgMTAuMjU0OUgxOS4zMTg3WiIgZmlsbD0iIzc0NzQ3NCIvPgo8L2c+Cjwvc3ZnPgo=") no-repeat center;
}

.login-form input:-webkit-autofill,
.login-form input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

@media (max-width: 768px) {
    .page__login-logo {
        margin-bottom: 34px;
    }

    .page__login-logo img {
        max-width: 280px;
    }

    .login-form__title {
        text-align: center;
        margin-bottom: 24px;
    }

    .login-form__title h1 {
        margin-bottom: 8px;
    }

    .page__login-form {
        padding: 20px 34px;
    }

    .login-form__row + .login-form__row {
        margin-top: 18px;
    }

    .--login-form__row-buttons {
        flex-direction: column;
    }

    .--login-form__row-buttons .btn {
        width: 100%;
        margin-bottom: 16px;
    }
}

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

.servises-list__item {
    display: flex;
    justify-content: center;
    font-size: 1.8rem;
    line-height: 1.4;
    padding: 7px 24px;
    position: relative;
    border-radius: 4px;
    color: var(--gray-color);
    transition: all .2s ease;
}

.servises-list__item + .servises-list__item {
    margin-left: 28px;
}

.servises-list__item.active {
    font-weight: 700;
    color: var(--main-color);
    background: var(--light-gray-color);
}

.servises-list__item:hover:not(.active) {
    font-weight: 400;
    color: var(--main-color);
}

@media (max-width: 1367px) {
    .servises-list__item {
        font-size: 1.4rem;
        padding: 5px 20px
    }

    .servises-list__item + .servises-list__item {
        margin-left: 22px;
    }
}

@media (max-width: 1200px) {
    .servises-list {
        display: none;
    }
}

.project-panel {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.project-panel__title {
    color: var(--black-color);
    font-size: 1.8rem;
}

.project-selector {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.project-selector__item {
    display: flex;
    justify-content: center;
    padding: 6px 10px;
    min-width: 60px;
    position: relative;
    border-radius: 4px;
    color: var(--main-color);
    border: 1px solid var(--main-color);
    transition: all .2s ease;
    cursor: pointer;
}

.project-selector__item + .project-selector__item {
    margin-left: 20px;
}

.--project-selector__add {
    min-width: 40px;
    padding: 4px 10px 3px;
}

.project-selector__item:hover {
    box-shadow: 0px 0px 4px rgba(79, 70, 229, 0.5);
}

.project-selector__item.active {
    background: var(--main-color);
    color: var(--white-color);
    font-weight: 700;
}

.project-selector__item-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    border-radius: 48px;
    bottom: 0;
    right: 0;
    padding: 0 6px;
    height: 20px;
    transform: translate(50%, 50%);
    background: var(--main-color);
    color: var(--white-color);
    border: 1px solid var(--white-color);
    font-size: 1rem;
    font-weight: 500;
}

@media (max-width: 1200px) {
    .project-panel {
        display: none;
    }
}

/* Dashboards */
.page__dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
}

.dashboard__title {
    font-size: 2.2rem;
    line-height: 1.3;
    font-weight: 700;
    margin: 0;
}

.dashboard__statistic {
    display: flex;
    margin-bottom: 40px;
}

.dashboard__statistic-column {
    display: flex;
}

.--statistic-column-stat {
    flex: 1;
    flex-direction: column;
}

.dashboard__statistic-w-graph {
    display: flex;
    column-gap: 20px;
}

.statistic__blocks {
    display: flex;
    margin: -20px -10px 0;
    flex-wrap: wrap;
}

.dashboard__statistic-w-graph .statistic__blocks {
    flex-direction: column;
    margin: -20px 0 0;
    width: 50%;
    padding: 0;
}

.statistic__block {
    display: flex;
    width: 50%;
    padding: 0 10px;
    margin: 20px 0 0;
}

.dashboard__statistic-w-graph .statistic__block {
    width: 100%;
    padding: 0;
    flex: 1;
}

.dashboard__all-stats {
    width: 50%;
    padding: 0;
}

.dashboard__all-stats-wrap {
}

.--statistic__blocks-easy .statistic__block {
    width: 25%;
}

.--statistic__blocks-easy .--statistic__block50 {
    width: 50%;
}

.statistic__block-current {
    margin-bottom: 20px;
    font-size: 1.8rem;
    font-weight: 700;
}

.statistic__block-current .statistic__block-title {
    color: var(--black-color);
}

.statistic__block-current .statistic__block-value {
    color: var(--main-color);
}

.statistic__block-scheduled, .statistic__block-expired {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.statistic__block-scheduled .statistic__block-title,
.statistic__block-expired .statistic__block-title {
    display: block;
}

.statistic__block-scheduled .statistic__block-value {
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--main-color);
}

.statistic__block-expired .statistic__block-value {
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--red-color);
}

.statistic__block-last-month .statistic__block-title {
    color: var(--gray-color);
    font-size: 1.6rem;
}

.statistic__block-last-month .statistic__block-value {
    font-size: 2.8rem;
    line-height: 1.3;
    font-weight: 700;
    padding-right: 10px;
    color: var(--green-color);
}

.statistic__block-value.--statistic__block-value-red {
    color: var(--red-color);
}

.statistic__block-count {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--main-color);
}

.statistic__block-wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.--statistic-column-antitop {
    max-width: 430px;
    padding-left: 20px;
}

.--statistic-column-admins {
    max-width: 430px;
    padding-left: 20px;
}

.persons {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.--statistic-column-admins .persons {
    padding: 0;
    border-radius: 0;
    border: none;
    background: none;
}

.persons h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 32px;
}

.persons__list {
    display: flex;
    flex-direction: column;
}

.persons__list-item {
    display: flex;
}

.--statistic-column-admins .persons__list-item {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.persons__list-item + .persons__list-item {
    margin-top: 20px;
}

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

.person__avatar-wrapper {
    position: relative;
    overflow: hidden;
    min-width: 40px;
}

.person__avatar-wrapper img {
    width: 100%;
    margin: 0;
}

.person__avatar-wrapper:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.person__avatar-wrapper .person__avatar {
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--light-gray-color);
}

/*.person__avatar {
    max-width: 40px;
    min-width: 40px;
    width: 100%;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--light-gray-color);
    overflow: hidden;
}*/

.person__avatar[src=""] {
    background: var(--light-gray-color);
    border: 1px solid var(--light-gray-color);
    overflow: hidden;
}

.--statistic-column-admins .person__avatar-wrapper {
    min-width: 52px;
}

.person__description {
    display: flex;
    flex-direction: column;
    padding-left: 16px;
}

.person__name {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 4px;
}

.person__name a {
    color: var(--black-color);
}

.person__name a:hover {
    color: var(--main-color);
    text-decoration: none;
}

.person__additional {
    color: var(--gray-color);
}

.answer-count {
    font-weight: 700;
    color: var(--black-color);
}

/* Admins load */
.admins-load {
    margin-bottom: 20px;
}

.admins-load h3 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 24px;
}

.admins-load__list {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.admins-load__row {
    display: flex;
    padding: 20px 28px;
    border-top: 1px solid var(--light-gray-color);
}

.admins-load__row:first-child {
    border: none;
    font-weight: 700;
    color: var(--gray-color);
}

.admins-load__column {
}

.--admin-name {
    padding-right: 20px;
    width: 35%;
}

.admins-load__projects {
    display: flex;
}

.admins-load__projects-item {
    width: 100px;
}

.dashboard__effectiveness .chart {
    max-height: 200px;
    margin-top: 16px;
    width: 100% !important;
}

.dashboard__effectiveness h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2rem;
    margin: 0 0 38px;
    font-weight: 700;
    line-height: 1;
}

.dashboard__effectiveness-count {
    font-size: 1.6rem;
}

.dashboard__effectiveness-count span {
    color: var(--main-color);
}

.dashboard__effectiveness-graph {
    margin-top: 48px;
}

@media (max-width: 1680px) {
    .dashboard__operator .dashboard__statistic {
        flex-direction: column;
    }

    .dashboard__operator .--statistic-column-admins {
        margin-top: 20px;
    }
}

@media (max-width: 1560px) {
    .--statistic__blocks-easy .statistic__block,
    .--statistic__blocks-easy .--statistic__block50 {
        width: 50%;
    }
}

@media (max-width: 991px) {
    .dashboard__statistic {
        flex-direction: column;
    }

    .statistic__blocks {
        margin: -20px 0 0;
        column-gap: 20px;
    }

    .statistic__block {
        width: calc(50% - 10px);
        padding: 0;
    }

    .dashboard__statistic-w-graph .statistic__blocks {
        width: 40%;
    }

    .dashboard__all-stats {
        width: 60%;
    }

    .--statistic__blocks-easy {
        column-gap: 0;
        margin: -20px 0 0 -10px;
    }

    .--statistic__blocks-easy .statistic__block {
        width: 25%;
        padding: 0 10px;
    }

    .--statistic__blocks-easy .--statistic__block50 {
        width: 50%;
    }

    .--statistic-column-antitop,
    .--statistic-column-admins {
        min-width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }

    .persons {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .statistic__blocks {
        display: flex;
        margin: -20px 0 0;
        flex-direction: column;
        width: 100%;
    }

    .statistic__block {
        width: 100%;
        padding: 0;
    }

    .dashboard__statistic-w-graph {
        margin: 0;
        flex-direction: column;
    }

    .dashboard__statistic-w-graph .statistic__blocks {
        flex-direction: row;
        width: 100%;
        margin: -20px 0 0;
        padding: 0;
        column-gap: 20px;
    }

    .dashboard__statistic-w-graph .statistic__block {
        width: 50%;
        padding: 0;
        flex: 1;
    }

    .dashboard__all-stats {
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }

    .statistic__block-wrapper {
        padding: 16px 20px;
    }

    .statistic__blocks.--statistic__blocks-easy {
        margin: -20px 0 0;
        flex-direction: row;
        column-gap: 20px;
    }

    .--statistic__blocks-easy .--statistic__block50,
    .--statistic__blocks-easy .statistic__block {
        width: calc(50% - 10px);
        padding: 0;
    }

    .statistic__block-last-month .statistic__block-title {
        width: 100%;
        display: inline;
    }

    .admins-load__row {
        flex-direction: column;
        padding: 16px 20px;
        border-top: none;
        border-bottom: 1px solid var(--light-gray-color);
    }

    .admins-load__row:first-child {
        display: none;
    }

    .admins-load__row:last-child {
        border-bottom: none;
    }

    .--admin-name {
        padding-right: 0;
        margin-bottom: 16px;
        width: 100%;
    }

    .admins-load__projects {
        margin: -10px -10px 0;
    }

    .admins-load__projects-item {
        width: 33%;
        padding: 0 10px;
        margin-top: 10px;
    }

    .dashboard__effectiveness h3 {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .dashboard__effectiveness-count {
        margin-top: 8px;
    }

    .dashboard__effectiveness-graph {
        margin-top: 30px;
    }
}

.doughnut h3 {
    font-size: 1.8rem;
    margin: 0 0 20px;
    font-weight: 700;
    line-height: 1;
}

.doughnut__wrap {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

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

.doughnut__canvas {
    max-height: 168px;
    max-width: 168px;
}

.doughnut__legend {
    flex: 1;
    flex-direction: column;
    padding-left: 36px;
}

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

.doughnut__legend-item + .doughnut__legend-item {
    margin-top: 12px;
}

.doughnut__legend-color {
    width: 12px;
    min-width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
}

.doughnut__legend-color.--orange {
    background-color: var(--orange-color);
}

.doughnut__legend-color.--blue {
    background-color: var(--blue-color);
}

.doughnut__legend-color.--green {
    background-color: var(--green-color);
}

.doughnut__legend-color.--yellow {
    background-color: var(--yellow-color);
}

.doughnut__legend-color.--red {
    background-color: var(--red-color);
}

.doughnut__legend-color.--purple {
    background-color: var(--main-color);
}

.doughnut__legend-desc {
}

.doughnut__legend-desc strong {
    font-weight: 700;
}

@media (max-width: 768px) {

    .doughnut__data {
        flex-direction: column;
        align-items: flex-start;
    }

    .doughnut__graph {
        margin: 0 auto;
    }

    .doughnut__legend {
        margin-top: 20px;
        padding-left: 0;
    }
}

/* Profile */
.page__profile {
    display: flex;
    column-gap: 20px;
}

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

.--column-data {
    width: 35%;
}

.--column-tabs {
    width: 65%;
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.profile__user {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.profile__user-w-messages {
}

.profile__messages {
    margin-top: 20px;
}

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


.user__img {
    width: 64px;
}

.user__img-wrapper {
    position: relative;
    overflow: hidden;
    min-width: 64px;
}

.user__img-wrapper:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.user__img-wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--light-gray-color);
}

/*.user__img-wrapper {

}

.user__img img {
    max-width: 64px;
    height: 64px;
    border-radius: 50%;
}*/

.user__text {
    display: flex;
    flex: 1;
    flex-direction: row;
    padding-left: 20px;
    justify-content: space-between;
}

.user__desc {
    flex-direction: column;
}

.user__desc-name {
    font-weight: 700;
    margin-bottom: 4px;
}

.user__desc-additional {
    color: var(--gray-color);
}

.user__desc-additional > div + div {
    margin-top: 4px;
}

.user__actions {
    padding-left: 20px;
}

.user__actions-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.user__actions-mobile {
    display: none;
}

.user__work {
    margin-top: 24px;
}

.user__work-item {
}

.user__work-item + .user__work-item {
    margin-top: 8px;
}

.user__work-item span {
    color: var(--gray-color);
}

.user__objects {
    margin-top: 40px;
}

.profile__stats {
    margin-top: 20px;
}

.profile__stats-item + .profile__stats-item {
    margin-top: 20px;
}

.profile__count-messages {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.profile__count-messages-value {
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--main-color);
}

.profile__count-messages-text {
    margin-top: 8px;
}

.profile__chart-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 40px;
}

.chart {
    width: 100% !important;
}

.profile__chart-title h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

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

.profile__sort-filter label {
    font-weight: normal;
    padding-right: 16px;
}

.event__sort {
    display: flex;
    margin-bottom: 20px;
    justify-content: flex-end;
}

/* Users grid */
.table-grid {
}

.profile__tabs .table-grid {
    margin: 0 -28px;
}

.table-grid__header {
    display: flex;
}

.table-grid__header .table-grid__row {
    font-weight: 700;
    color: var(--gray-color);
}

.table-grid__header .table-grid__row:hover {
    background: none;
}

.table-grid__row {
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: center;
    padding: 12px 28px;
    column-gap: 80px;
    border-top: 1px solid var(--light-gray-color);
    transition: all .2s ease;
}

.--statistic-grid .table-grid__row {
    column-gap: 20px;
}

.table-grid__row:hover {
    background: var(--gray-bg);
}

.table-grid__row:last-of-type {
    border-bottom: 1px solid var(--light-gray-color);
}

.table-grid__header .table-grid__row {
    border: none;
    padding: 0 28px 24px;
}

.table-grid__column {
    display: flex;
}

.--users-grid-executor {
    min-width: 150px;
    flex: 1;
    word-break: break-word;
}

.--users-grid-date {
    max-width: 230px;
    min-width: 150px;
    flex: 1;
}

.--users-grid-source {
    min-width: 80px;
}

.--users-grid-actions {
    min-width: 120px;
}

.table-grid__date-year::after {
    content: "\a";
    white-space: pre;
}

.link__arrow {
    display: none;
    align-items: center;
    color: var(--main-color);
    text-decoration: none;
    position: relative;
}

.table-grid__row:hover .link__arrow {
    display: flex;
}

.table-grid__mobile-title {
    display: none;
    color: var(--gray-color);
    font-size: 1.4rem;
    font-weight: 700;
}

.link__arrow:hover {
    text-decoration: none;
}

.link__arrow .svg-icon {
    transition: all .2s ease;
}

.link__arrow:hover .svg-icon {
    stroke: currentColor;
    stroke-width: 4%;
    transform: translate(10px, 0) rotate(180deg);
}

.load-more__container {
    display: flex;
    justify-content: center;
    margin: 40px 0 12px;
    text-align: center;
}

@media (max-width: 1730px) {
    .table-grid__row {
        column-gap: 40px;
    }
}

@media (max-width: 1680px) {
    .user__text {
        flex-direction: column;
    }

    .profile__user .user__info {
        align-items: flex-start;
    }

    .user__actions {
        display: flex;
        justify-content: flex-start;
        flex-direction: row-reverse;
        padding-left: 0;
        margin-top: 12px;
    }

    .user__actions-ban {
        margin-right: 12px;
    }

    .profile__stats .doughnut__data {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}

@media (max-width: 1500px) {
    .user__actions {
        flex-direction: column;
    }

    .user__objects .btn {
        font-size: 1.4rem;
    }

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

    .user__actions-ban {
        margin-right: 0;
    }
}

@media (max-width: 1367px) {
    .table-grid__row {
        column-gap: 20px;
    }

    .--column-data {
        width: 100%;
    }

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

    .profile__user-w-messages {
        display: flex;
        column-gap: 20px;
    }

    .profile__user-w-messages .profile__user {
        width: 50%;
    }

    .profile__user-w-messages .profile__messages {
        margin-top: 0;
        width: 50%;
    }

    .user__text {
        flex-direction: row;
    }

    .user__objects .btn {
        font-size: 1.4rem;
    }

    .profile__stats {
        margin-top: 20px;
        column-gap: 20px;
        display: flex;
        flex-direction: row;
    }

    .profile__stats-item {
        width: 50%;
    }

    .profile__stats-item + .profile__stats-item {
        margin-top: 0;
    }

    .doughnut,
    .doughnut__wrap {
        height: 100%;
    }

    .profile__stats .doughnut__data {
        flex-direction: row;
    }

    .--column-tabs {
        width: 100%;
        margin-top: 20px;
    }
}

@media (max-width: 991px) {
    .profile__stats {
        margin-top: 20px;
        column-gap: 0;
        display: flex;
        flex-direction: column;
    }

    .profile__stats-item {
        width: 100%;
    }

    .profile__stats-item + .profile__stats-item {
        margin-top: 20px;
    }

    .doughnut,
    .doughnut__wrap {
        height: auto;
    }

    .profile__stats .doughnut__data {
        flex-direction: column;
        align-items: flex-start
    }

    .doughnut__graph {
        margin: 0 auto;
    }

    .doughnut__legend {
        padding-left: 0;
        margin-top: 16px;
    }

    .table-grid__header {
        display: none;
    }

    .table-grid__row {
        column-gap: 0;
        row-gap: 16px;
        flex-direction: column;
        align-items: flex-start;
    }

    .--users-grid-executor,
    .--users-grid-date,
    .--users-grid-source,
    .--users-grid-actions {
        display: flex;
        align-items: center;
        width: 100%;
        min-width: auto;
        max-width: none;
    }

    .--table-grid-date {
        display: flex;
        flex-direction: column;
    }

    .table-grid__date-year::after {
        display: none;
    }

    .table-grid__mobile-title {
        display: block;
        margin-right: 16px;
    }

    .--table-grid-source {
        align-items: center;
    }

    .link__arrow {
        display: flex;
    }
}

@media (max-width: 768px) {
    .profile__sort-filter label {
        display: none;
    }

    .profile__user-w-messages {
        display: flex;
        flex-direction: column;
        column-gap: 0;
    }

    .profile__user-w-messages .profile__user {
        width: 100%;
    }

    .profile__user-w-messages .profile__messages {
        margin-top: 20px;
        width: 100%;
    }

    .user__actions-mobile {
        display: flex;
    }

    .user__actions-top,
    .user__actions-ban {
        display: none;
    }


    .profile__user .user__img {
        width: 48px;
    }

    /*.profile__user .user__img img {
        max-width: 48px;
        height: 48px;
    }*/

    .table-grid__row {
        padding: 16px;
    }
}

/* Pagination */
.pagination-custom {
    margin: 0;
}

.pagination-custom .pagination {
    margin: 14px 0;
}

.pagination-custom .pagination > li > a,
.pagination-custom .pagination > li > span {
    color: var(--main-color);
}
.pagination-custom .pagination > .active > a,
.pagination-custom .pagination > .active > a:focus,
.pagination-custom .pagination > .active > a:hover,
.pagination-custom .pagination > .active > span,
.pagination-custom .pagination > .active > span:focus,
.pagination-custom .pagination > .active > span:hover {
    color: var(--white-color);
    background-color: var(--main-color);
    border-color: var(--main-color);
}
@media (max-width: 1680px) {
    .pagination-custom .pagination > li > a,
    .pagination-custom .pagination > li > span {
        padding: 6px 8px;
        font-size: 1.2rem;
    }
}

@media (max-width: 768px) {
    .pagination-custom {
        margin: 0 -20px;
    }

    .pagination-custom .pagination > li > a,
    .pagination-custom .pagination > li > span {
        padding: 4px 8px;
    }
}


/* Comments */
.comment-item {
    padding: 10px 14px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.--box-primary {
    border-left-width: 5px;
    border-left-color: #3c8dbc;
}

.--box-info {
    border-left-width: 5px;
    border-left-color: #00c0ef;
}

.--box-danger {
    border-left-width: 5px;
    border-left-color: #dd4b39;
}

.--box-warning {
    border-left-width: 5px;
    border-left-color: #f39c12;
}

.--box-success {
    border-left-width: 5px;
    border-left-color: #00a65a;
}

.--box-default {
    border-left-width: 5px;
    border-left-color: #d2d6de;
}

.comment-item + .comment-item {
    margin-top: 20px;
}

.comment-item__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-bottom: 16px;
}

.comment-item__top .post__item-buttons {
    margin-top: 0;
}

.comment-item__top .comment-item__menu {
    display: none;
}

.comment-item__state {
    font-weight: bold;
}

.state__bullet {
    border-radius: 50%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    background: currentColor;
}

.--state-inwork {
    color: var(--blue-color);
}
.--state-readytopublish {
    color: var(--green-color);
}
.--state-readed, .--state-skipped, .--state-replied {
    color: var(--yellow-color);
}

.comment-item__header {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-right: 48px;
}

.comment-item__header.--comment-item__header-short {
    padding-right: 0;
}

.comment-item__header .person__name {
    align-items: center;
    display: flex;
}

.comment-item__header .person__name .svg-icon {
    width: 20px;
    height: 20px;
    margin-left: 12px;
}

.comment-item__header .person__avatar-wrapper {
    min-width: 52px;
    display: block;
}

/*.comment-item__header .person__avatar {
    max-width: 52px;
    min-width: 52px;
    height: 52px;
}*/

.comment-item__answer_time {
    padding: 7px 24px;
    border-radius: 69px;
    border-style: solid;
    border-width: 1px;
    font-size: 1.4rem;
}

.--comment-item__type {
    color: #bb6bd9;
    border-color: #bb6bd9;
    white-space: nowrap;
}

.--more_24_hours {
    color: #f2c94c;
    border-color: #f2c94c;
}

.--more_2_days {
    color: #f2994a;
    border-color: #f2994a;
}

.--more_3_days {
    color: #21b9e7;
    border-color: #21b9e7;
}

.--more_1_week {
    color: #eb5757;
    border-color: #eb5757;
}

.--more_2_week {
    color: #1c54bb;
    border-color: #1c54bb;
}

.--more_1_month {
    color: #bb6bd9;
    border-color: #bb6bd9;
}

.comment-item__menu {
    position: absolute;
    right: 0;
    top: 0;
}

.comment-item__content {
    margin: 10px 0;
}

.comments-item__childs .comment-item__content {
    margin-bottom: 0;
}

.comment-item__content-media {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 16px;
}

.comment-item__content-media > a {
    display: inline-flex;
    height: 36px;
    width: auto;
    margin: 0;
    align-items: center;
}

.comment-item__content-media a:nth-child(n+4) {
    display: none;
}

.comment-item__content-media > a img {
    border-radius: 8px;
    height: 100%;
}

.comment-item__content-text {
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.comment-item__answer {
}

@media (max-width: 768px) {
    .comment-item__top .post__item-buttons {
        display: none;
    }

    .comment-item__top .comment-item__menu {
        display: block;
    }

    .comment-item__header {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

/*    .comment-item__header .person__avatar {
        max-width: 32px;
        min-width: 32px;
        height: 32px;
    }*/

    .comment-item__header .person__avatar-wrapper {
        min-width: 32px;
    }

    .comment-item__answer_time {
        margin-top: 16px;
        padding: 5px 20px;
    }

    .comment-item {
        margin: 0 -28px;
        padding: 16px;
        border: none;
        border-top: 1px solid var(--light-gray-color);
        border-radius: 0;
    }

    .modal-body .comment-item {
        margin: 0;
        border: 1px solid var(--light-gray-color);
        border-radius: 8px;
    }

    .comment-item + .comment-item {
        margin-top: 0;
    }

    .modal-body .comment-item + .comment-item {
        margin-top: 16px;
        
    }

    .comment-item__content-media > a {
        max-width: 120px;
    }
}

/* Message control */
.message-control__input-wrapper {
    position: relative;
}

.message-control__textarea {
    padding: 12px 60px;
    background: var(--white-color);
    border-radius: 4px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1;
    min-height: 42px;
    width: 100%;
    outline: none;
    border: 1px solid var(--light-gray-color);
    transition: all .2s ease;
}

.edit-textarea {
    padding: 12px;
    margin-bottom: 8px;
    background: var(--white-color);
    border-radius: 4px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1;
    resize: vertical;
    min-height: 60px;
    height: 60px;
    max-height: 160px;
    width: 100%;
    outline: none;
    border: 1px solid var(--light-gray-color);
    transition: all .2s ease;
}

.--textarea-control .message-control__textarea {
    resize: vertical;
    min-height: 42px;
    height: 42px;
    max-height: 160px;
}

.--textarea-control.--textarea-resize .message-control__textarea {
    max-height: none;
    height: auto;
}

.--textarea-control .message-control__input-controls {
    bottom: 14px;
}

.--textarea-control.--textarea-resize .message-control__input-controls {
    bottom: 8px;
}

.message-control__textarea:focus-within,
.edit-textarea:focus-within {
    border-color: var(--main-color);
}

.message-control__textarea[placeholder]:empty::before {
    content: attr(placeholder);
    font-family: var(--main-font), sans-serif;
    font-size: 1.4rem;
    color: var(--gray-color);
}

.message-control__textarea[placeholder]:empty:focus::before {
    content: "";
}

.message-control__input-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 24px;
    bottom: 12px;
}

.--textarea-w-record .message-control__input-controls.--left-controls {
    gap: 10px;
}

.message-control__input-controls.--left-controls {
    right: auto;
    left: 24px;
}

.--textarea-control.--textarea-resize .--left-controls {
    bottom: 11px;
}

.message-control__input-file {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
}

.message-control__input-file input {
    display: none;
}

.message-control__input-send {
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.--textarea-w-record .message-control__input-send {
    display: none;
    height: 28px;
}

.recorder-select-input {
    display: none;
}

.record-wave {
    position: absolute;
    width: calc(100% - 150px);
    top: 0;
    left: 80px;
    right: 0;
    display: none;
}

.record-value {
    position: absolute;
    width: calc(100% - 200px);
    top: 0;
    left: 130px;
    right: 0;
}

.--textarea-w-record .record-play {
    color: #747474;
    cursor: pointer;
}

.--textarea-w-record .record-play:not(.active) {
    display: none;
}

.--textarea-w-record .record-play:hover {
    color: var(--main-color);
}

.--textarea-w-record .record-progress {
    color: #747474;
    display: none;
}

.--textarea-w-record .record-trash {
    display: none;
    transition: all .2s ease;
    cursor: pointer;
}

.--textarea-w-record .record-trash:hover {
    color: #FD5A3E;
}

.record-play .icon-stop {
    display: none;
}

.record-play.active:not(.play) .icon-stop {
    display: inline-flex;
}

.record-play.active.play .icon-play {
    display: inline-flex;
}

.record-play.active:not(.play) .icon-play {
    display: none;
}

.message-control__input-record {
    width: 28px;
    height: 28px;
    display: flex;
    border-radius: 50%;
    background: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #343330;
}

.message-control__input-record:hover:not(.active) {
    color: var(--main-color);
}

.message-control__input-record.active {
    color: var(--white-color);
    background: var(--main-color);
    animation: pulseRecord 1.5s infinite;
}

@keyframes pulseRecord {
    0% {
        background-color: #4f46e5;
        box-shadow: 0 0 0 0 rgba(79, 70, 229, 0.7);
    }

    70% {
        background-color: #3b35b0;
        box-shadow: 0 0 5px 7px rgba(79, 70, 229, 0);
    }

    100% {
        background-color: #4f46e5;
        box-shadow: 0 0 0 0 rgba(79, 70, 229, 0);
    }
}

/* Audio player */

.record__player {
    display: flex;
    gap: 12px;
    align-items: center;
    min-width: 280px;
}

.attachments-item__audio .record__player {
    padding-right: 30px;
}

.messages-chat__message.operator_comment .record__player {
    background: #fff;
}

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

.record__player-play {
    color: #747474;
    cursor: pointer;
}

.record__player-play:hover {
    color: var(--main-color);
}

.record__player-play .icon-stop {
    display: none;
}

.record__player-play.active:not(.play) .icon-play {
    display: none;
}

.record__player-play.active:not(.play) .icon-stop {
    display: inline-flex;
}

.record__player-play.active.play .icon-play {
    display: inline-flex;
}

.record__player-left {
    display: flex;
    gap: 12px;
    align-items: center;
}

.record__player-speed {
    display: inline-flex;
    width: 24px;
    height: 24px;
    padding: 2px;
    background: var(--light-gray-color);
    border-radius: 50%;
    cursor: pointer;
}

.record__player-speed:hover {
    color: var(--main-color);
}

/* Speed selector */
.record__speed-popup {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    padding: 12px;
    z-index: 100;
    cursor: pointer;
}

.record__speed-popup-item {
    display: block;
    margin-top: 12px;
}

.record__speed-popup-item:first-child {
    margin-top: 0;
}

.record__speed-popup-item.active {
    color: var(--main-color);
}

.record__speed-popup-content {
    display: flex;
    gap: 12px;
    align-items: center;
}

.record__speed-popup-item.active .record__speed-popup-content:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid var(--main-color);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -3px;
    box-sizing: border-box;
}

.message-control__attachments {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 12px;
    border-top: 1px solid var(--light-gray-color);
}

.message-control__attachments:empty {
    display: none;
}

.message-control__attachments-item,
.message-control__operator-attachments-item {
    display: flex;
    justify-content: center;
    background: var(--gray-bg);
    border-radius: 4px;
    margin: 0 8px 8px 0;
    color: #0D0C1A;
    font-size: 1.3rem;
    line-height: 1.3;
    padding: 8px;
    position: relative;
}

.message-control__attachments-item.--attachment-img,
.message-control__operator-attachments-item.--attachment-img {
    padding: 0;
}

.message-control__attachments-item.--attachment-img img,
.message-control__operator-attachments-item.--attachment-img img {
    height: 60px;
    width: 60px;
    overflow: hidden;
    border-radius: 4px;
}

.message-control__attachments-item .file_icon,
.message-control__operator-attachments-item .file_icon {
    width: 20px;
    height: 20px;
}

.message-control__attachments-name,
.message-control__operator-attachments-name {
    padding: 0 4px;
}

.message-control__attachments-item.--attachment-img .message-control__attachments-name,
.message-control__operator-attachments-item.--attachment-img .message-control__operator-attachments-name {
    display: none;
}

.message-control__attachments-remove,
.message-control__operator-attachments-remove {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: var(--white-color);
}

.message-control__attachments-item.--attachment-img .message-control__attachments-remove,
.message-control__operator-attachments-item.--attachment-img .message-control__operator-attachments-remove {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 20px;
    height: 20px;
    background: var(--white-color);
}

@media (max-width: 768px) {
    .message-control__input-controls.--left-controls {
        left: 12px;
    }

    .message-control__input-controls {
        right: 12px;
        bottom: 8px;
    }

    .message-control__textarea {
        padding: 8px 40px;
        min-height: 36px;
    }

    .--textarea-control .message-control__input-controls {
        bottom: 17px;
    }

    .record__player {
        min-width: 180px;
    }
}

/* Forms */
.--form-notifications {
    max-width: 70%;
}

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

.form__row + .form__row, .form__row.--form-buttons {
    margin-top: 20px;
}

.form__label {
    display: flex;
    width: 30%;
    padding-right: 20px;
}

.form__label label {
    font-weight: 700;
}

.form__control {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.--form__control-password {
    position: relative;
}

.form__control.--form__control-password input[type=password],
.form__control.--form__control-password input[type=text] {
    padding-right: 56px;
}

.form__control input[type=text],
.form__control input[type=number],
.form__control input[type=password],
.form__control input[type=email] {
    width: 100%;
    padding: 10px 24px;
    border-radius: 4px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
    outline: none;
    line-height: 1;
}

.form__control input[disabled] {
    background: var(--light-gray-color);
}

.form__control input[type=text]:focus,
.form__control input[type=number]:focus,
.form__control input[type=password]:focus,
.form__control input[type=email]:focus {
    border-color: var(--main-color);
}

textarea {
    cursor: auto;
}

.form__control textarea {
    width: 100%;
    padding: 11px 24px;
    border-radius: 4px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
    outline: none;
    min-height: 100px;
    resize: vertical;
}

.form__control ::placeholder {
    opacity: 1;
    color: var(--gray-color);
}

.form__control textarea:focus {
    border-color: var(--main-color);
}

.form__control-image {
    display: flex;
    align-items: center;
}

.form__control-file-actions {
    display: flex;
    align-items: center;
}

.form__control-preview img {
    border-radius: 50%;
    max-width: 64px;
    min-width: 64px;
    height: 64px;
    margin-right: 32px;
}

.form__control-preview img[src=""] {
    display: none;
}

.form__control-file {
    margin: 0;
}

.form__control-file input {
    display: none;
}

.form__control-file-select {
    font-weight: normal;
    color: var(--main-color);
    cursor: pointer;
    transition: all .2s ease;
}

.form__control-file-select:hover {
    opacity: .8;
}

.form__control-file-remove {
    display: none;
    font-weight: normal;
    color: var(--gray-color);
    cursor: pointer;
    margin-left: 20px;
    transition: all .2s ease;
}

.form__control-file-remove.active {
    display: block;
}

.form__control-file-remove:hover {
    color: var(--red-color);
}

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

.form__control .field-validation-valid {
    display: block;
    font-size: 1.2rem;
}

.form__control .input-validation-error {
    border-color: var(--red-color) !important;
}

@media (max-width: 1367px) {
    .--form-notifications {
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .form__row {
        flex-direction: column;
        align-items: flex-start;
    }

    .form__row + .form__row {
        margin-top: 16px;
    }

    .form__label {
        width: 100%;
        margin-bottom: 8px;
        padding-right: 0;
    }

    .form__control {
        width: 100%;
    }

    .form__control input[type=text],
    .form__control input[type=number],
    .form__control input[type=password],
    .form__control input[type=email] {
        padding: 8px 12px;
    }

    .form__control textarea {
        padding: 8px 12px;
        max-height: 60px;
    }

    .form__control .select2-selection--single.select-gray__container {
        height: 34px;
        padding: 8px 12px;
    }

    .form__control .select2-container--default .select2-selection--single.select-gray__container .select2-selection__arrow {
        height: 32px;
    }

    .form__row.--form-buttons {
        margin-top: 30px;
    }

    .--form-buttons .btn {
        width: 100%;
    }

    .form__control-image {
        flex-direction: column;
        align-items: flex-start;
    }

    .form__control-preview img {
        max-width: 80px;
        min-width: 80px;
        height: 80px;
        margin: 0 0 16px;
    }
}

.page__create-user {
    max-width: 60%;
    margin-bottom: 30px;
}

@media (max-width: 1367px) {
    .page__create-user {
        max-width: 80%;
    }
}

@media (max-width: 991px) {
    .page__create-user {
        max-width: 100%;
    }
}

.empty-dialogs {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}

.empty-dialogs__text {
    color: #B3AFEF;
    font-size: 2.4rem;
    font-weight: 700;
}

.page__project-container {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
    margin-top: 28px;
}

.page__mycomments {
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    background: var(--white-color);
    padding: 20px 28px;
}

/* Employees */
.--employees-search {
    display: flex;
    margin-top: 10px;
}

.--employees-search .search-control {
    flex: 1;
}

.employees-add {
    padding-left: 20px;
}

.page__employees {
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    background: var(--white-color);
    padding: 20px 28px;
}

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

.employees__sort label {
    font-weight: normal;
    padding-right: 16px;
}

.table-grid.--employees-grid {
    margin: 0 -28px;
}

.--employees-grid .table-grid__row {
    column-gap: 30px;
    position: relative;
}

.--employees-grid .table-grid__column {
    word-break: break-word;
}

.--employees-grid-name {
    flex: 1;
    flex-basis: 200px;
    min-width: 200px;
}

.--employees-grid-city {
    flex-basis: 150px;
    min-width: 120px;
}

.--employees-grid-workplace {
    flex-basis: 180px;
    min-width: 140px;
}

.--employees-grid-email {
    flex-basis: 180px;
    min-width: 120px;
}

.--employees-grid-type {
    flex-basis: 160px;
    min-width: 120px;
}

.--employees-grid-comments-count {
    flex-basis: 110px;
    min-width: 90px;
}

.--employees-grid-actions {
    flex-basis: 50px;
    min-width: 50px;
}

.employees__actions-mobile {
    display: none;
    position: absolute;
    right: 16px;
    top: 16px;
}

@media (max-width: 1600px) {
    .--employees-grid .table-grid__row {
        column-gap: 20px;
    }
}

@media (max-width: 1480px) {
    .--employees-grid .table-grid__row {
        column-gap: 12px;
    }
}

@media (max-width: 1367px) {
    .--employees-grid .table-grid__row {
        column-gap: 12px;
    }

    .--employees-grid .table-grid__header .table-grid__row {
        padding-top: 0;
    }
    
    .--employees-grid .table-grid__row {
        padding: 18px 20px;
    }

    .--employees-grid .person__avatar {
        display: none;
    }

    .--employees-grid .person__description {
        padding-left: 0;
    }

    .--employees-grid-name {
        min-width: 140px;
    }
}

@media (max-width: 991px) {
    .page__employees {
        padding: 16px;
    }

    .table-grid.--employees-grid {
        margin: -16px -16px 0;
    }

    .--employees-grid .person {
        padding-right: 32px;
    }

    .--employees-grid-name,
    .--employees-grid-city,
    .--employees-grid-workplace,
    .--employees-grid-email,
    .--employees-grid-type,
    .--employees-grid-comments-count,
    .--employees-grid-actions {
        flex-basis: auto;
        min-width: 0;
    }

    .--employees-grid .person__avatar {
        display: flex;
    }

    .--employees-grid .person__description {
        padding-left: 16px;
    }

    .--employees-grid .table-grid__header + .table-grid__row {
        border-top: none;
    }

    .--employees-grid-actions > a {
        display: none;
    }

    .employees__actions-mobile {
        display: block;
    }

    .employees-add .btn {
        width: 100%;
        justify-content: center;
        padding: 6px 20px 6px;
    }
}

@media (max-width: 768px) {
    .--employees-search {
        flex-direction: column;
        margin-top: 20px;
    }

    .employees-add {
        padding-left: 0;
        margin-top: 20px;
        width: 100%;
    }
}

/* Users list */
.page__users-list {
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    background: var(--white-color);
    padding: 20px 28px;
}

.--users-list {
    margin: 0 -28px;
}

.--users-search {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.--users-search .search-control {
    flex: 1;
}

.--users-social-filter {
    padding-left: 40px;
}

.--users-list-executor {
    min-width: 150px;
    flex: 1;
    word-break: break-word;
}

.--users-list-comments {
    max-width: 200px;
    min-width: 150px;
    flex: 1;
}

.--users-list-source {
    min-width: 80px;
}

.--users-list-actions {
    min-width: 150px;
}

@media (max-width: 991px) {
    .--users-list-executor,
    .--users-list-comments,
    .--users-list-source,
    .--users-list-actions {
        display: flex;
        align-items: center;
        width: 100%;
        min-width: auto;
        max-width: none;
    }

    .--table-grid-source {
        align-items: center;
    }
}

@media (max-width: 768px) {
    .--users-search {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 20px;
    }

    .--users-search .search-control {
        width: 100%;
    }

    .--users-social-filter {
        padding-left: 0;
        margin-top: 20px;
    }
}

/* Intonations list */
.--intonations-search {
    display: flex;
    margin-top: 10px;
}

.--intonations-search .search-control {
    flex: 1;
}

.intonations-add {
    padding-left: 20px;
}

.page__intonations {
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    background: var(--white-color);
    padding: 20px 28px;
}

.table-grid.--intonations-grid {
    margin: 0 -28px;
}

.--intonations-grid .table-grid__row {
    column-gap: 30px;
    position: relative;
}

.--intonations-grid .table-grid__column {
    word-break: break-word;
}

.--intonations-grid-text {
    flex: 1;
    font-weight: 700;
}

.--intonations-grid-intonation {
    align-items: center;
    flex: 1;
}

.intonation-label {
    display: inline-flex;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 12px;
}

.--intonation-label-positive {
    background-color: var(--green-color);
}

.--intonation-label-negative {
    background-color: var(--red-color);
}

.--intonation-label-neutral {
    background-color: var(--gray-color);
}

.--intonations-grid-actions {
    flex: 1;
    min-width: 90px;
}

.intonations__actions-mobile {
    display: none;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);
}

@media (max-width: 991px) {
    .page__intonations {
        padding: 16px;
    }

    .table-grid.--intonations-grid {
        margin: -16px -16px 0;
    }

    .--intonations-grid-text,
    .--intonations-grid-intonation,
    .--intonations-grid-actions {
        flex-basis: auto;
        min-width: 0;
    }

    .--intonations-grid .table-grid__header + .table-grid__row {
        border-top: none;
    }

    .--intonations-grid-actions > a {
        display: none;
    }

    .intonations__actions-mobile {
        display: block;
    }

    .intonations-add .btn {
        width: 100%;
        justify-content: center;
        padding: 6px 20px 6px;
    }
}

@media (max-width: 768px) {
    .--intonations-search {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 20px;
    }

    .--intonations-search .search-control {
        width: 100%;
    }
    .intonations-add {
        padding-left: 0;
        margin-top: 20px;
        width: 100%;
    }
}

/* Intonations forms */
.intonations__form {
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    background: var(--white-color);
    padding: 20px 28px;
}

.intonations__form .form {
    max-width: 60%
}

@media (max-width: 991px) {
    .intonations__form .form {
        max-width: none;
    } 
}

/* Keywords */
.--keywords-search {
    display: flex;
    margin: 0 0 28px;
}

.--keywords-search .search-control {
    flex: 1;
}

.keywords-add {
    padding-left: 20px;
}

.page__keywords {
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    background: var(--white-color);
    padding: 20px 28px;
}

.table-grid.--keywords-grid {
    margin: 0 -28px;
}

.--keywords-grid .table-grid__row {
    column-gap: 30px;
    position: relative;
}

.--keywords-grid .table-grid__column {
    word-break: break-word;
}

.--keywords-grid-text {
    flex: 1;
    font-weight: 700;
}

.--keywords-grid-actions {
    flex-basis: 100px;
    min-width: 100px;
}

.keywords__actions-mobile {
    display: none;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);
}

@media (max-width: 991px) {
    .page__keywords {
        padding: 16px;
    }

    .table-grid.--keywords-grid {
        margin: -16px -16px 0;
    }

    .--keywords-grid .table-grid__row {
        gap: 0;
    }

    .--keywords-grid-text,
    .--keywords-grid-actions {
        flex-basis: auto;
        min-width: 0;
    }

    .--keywords-grid-text {
        padding-right: 50px;
    }

    .--keywords-grid .table-grid__header + .table-grid__row {
        border-top: none;
    }

    .--keywords-grid-actions > a {
        display: none;
    }

    .keywords__actions-mobile {
        display: block;
    }

    .keywords-add .btn {
        width: 100%;
        justify-content: center;
        padding: 6px 20px 6px;
    }
}

@media (max-width: 768px) {
    .--keywords-search {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 20px;
    }

    .--keywords-search .search-control {
        width: 100%;
    }

    .keywords-add {
        padding-left: 0;
        margin-top: 20px;
        width: 100%;
    }
}

/* Intonations forms */
.keywords__form {
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    background: var(--white-color);
    padding: 20px 28px;
}

.keywords__form h3 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 40px;
}

.keywords__form .form {
    max-width: 60%
}

.keywords__answers {
    margin: 20px 0;
}

.keywords__answers-item {
    padding: 12px 24px;
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
}

.keywords__answers-item + .keywords__answers-item {
    margin-top: 16px;
}

.keywords__answers-item p {
    flex: 1;
}

.keywords__answers-remove {
    width: 30px;
}

@media (max-width: 991px) {
    .keywords__form .form {
        max-width: none;
    }
}

/* Statistic */

.statistic__filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.statistic__filter-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 24px;
}

.statistic__export .--btn-w-icon {
    padding: 6px 20px;
}

.statistic__best {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.statistic__best h3 {
    font-size: 2rem;
    margin: 0 0 40px;
    font-weight: 700;
    line-height: 1;
}

.statistic__user-counters {
    margin-top: 24px;
}

.statistic__user-counter + .statistic__user-counter {
    margin-top: 8px;
}

.statistic__user-counter span {
    color: var(--gray-color);
}

.statistic__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    grid-auto-flow: row;
    grid-template-areas:
        "comments tonality socials"
        "table heat-map heat-map"
        "best heat-map heat-map";
}

.statistic__grid-item {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.--statistic__grid-comments {
    grid-area: comments;
}

.--statistic__grid-tonality {
    grid-area: tonality;
}

.--statistic__grid-socials {
    grid-area: socials;
}

.--statistic__grid-best {
    grid-area: best;
    padding: 0;
    border-radius: 0;
    border: none;
    background: none;
}


.--statistic__grid-table {
    grid-area: table;
}

.--statistic__grid-table h3 {
    font-size: 2rem;
    margin: 0 0 40px;
    font-weight: 700;
    line-height: 1;
}

.--statistic-grid {
    margin: 0 -28px;
}

.statistic__grid-item .doughnut__wrap {
    padding: 0;
    border-radius: 0;
    border: none;
    background: none;
}

.--statistic-grid-user .user__img
/*.--statistic-grid-user .user__img img*/ {
    width: 40px;
    height: 40px;
}

.--statistic-grid-user .svg-icon {
    width: 20px;
    height: 20px;
}

.--statistic-grid-user {
    flex: 1;
    flex-basis: 100%;
}

.--statistic-grid-user a:hover {
    text-decoration: none;
}

.--statistic-grid-total,
.--statistic-grid-positive,
.--statistic-grid-neutral,
.--statistic-grid-negative {
    flex-basis: 40px;
    min-width: 40px;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1670px) {
    .statistic__grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            "comments tonality"
            "socials best"
            "table table"
            "heat-map heat-map";
    }
}

@media (max-width: 1600px) {
    .statistic__filter .calendar__button .icon-arrow-bottom {
        margin-left: 16px;
    }

    .statistic__export .--btn-w-icon {
        padding: 6px 8px;
        min-width: auto;
    }

    .statistic__export .--btn-w-icon .svg-icon {
        margin-right: 8px;
    }

    .statistic__filter .calendar__title {
        display: none;
    }

}

@media (max-width: 1367px) {
    .statistic__filter {
        flex-direction: column;
        align-items: flex-start;
    }

    .statistic__filter-right {
        margin-top: 16px;
        justify-content: space-between;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .statistic__grid .doughnut__data {
        flex-direction: column;
        align-items: flex-start;
    }

    .--statistic-grid .table-grid__row {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .--statistic-grid .table-grid__mobile-title {
        margin-right: 4px;
    }

    .--statistic-grid-user {
        margin-bottom: 10px;
    }

    .--statistic-grid-total,
    .--statistic-grid-positive,
    .--statistic-grid-neutral,
    .--statistic-grid-negative {
        flex-basis: 25%;
        min-width: 0;
        align-items: center;
        justify-content: flex-start;
    }

}

@media (max-width: 768px) {
    .statistic__filter-right {
        align-items: center;
        gap: 8px;
    }

    .social-filter__all {
        padding: 6px 10px;
    }
    
    .statistic__filter-right > div {
        margin-top: 0;
        /*width: 50%;*/
    }

    .statistic__export {
        order: 2;
        display: flex;
        justify-content: flex-end;
    }

    .statistic__filter-right .page__header-calendar {
        order: 3;
        margin-top: 16px;
        width: 100% !important;
    }

    .statistic__grid {
        display: grid;
        gap: 16px;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            "comments"
            "tonality"
            "socials"
            "best"
            "table"
            "heat-map";
    }

    .statistic__grid-item,
    .statistic__best {
        padding: 16px;
    }

    .--statistic__grid-best {
        padding: 0;
    }

    .--statistic-grid {
        margin: -16px -16px 0;
    }
}

/* Comments */

.--comments-search {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.search-comments__filters {
    display: flex;
    align-items: center;
}

.--comments-search .search-control {
    flex: 1;
    padding-right: 90px;
}

.--comments-social-filter {
    padding-left: 20px;
}

.search-comments__buttons {
    display: flex;
    column-gap: 12px;
}

.search-comments__buttons.active .btn.--btn-w-icon {
    background: var(--white-color);
    color: var(--main-color);
}

.search-comments__buttons.active .--btn-rounded-icon {
    border-color: var(--main-color);
    color: var(--main-color);
}

.search-comments__buttons.active .--btn-rounded-icon .svg-icon {
    filter: none;
    opacity: 1;
}

.search-comments__buttons .--btn-rounded-icon[disabled] {
    opacity: 1;
}

.search-comments__buttons .--btn-rounded-icon[disabled]:hover {
    border-color: var(--gray-color);
    color: var(--gray-color);
}

.search-comments__buttons .--btn-rounded-icon[disabled]:hover .svg-icon {
    filter: grayscale(1);
    opacity: .8;
}

.search-comments__select-all {
    display: flex;
    align-items: center;
    margin-left: 12px;
}

.search-comments__select-button {
    border: 2px solid var(--main-color);
    border-radius: 8px;
    padding: 8px 16px;
    min-width: auto;
    font-weight: normal;
    color: var(--main-color);
    margin-right: 20px;
}

.search-comments__select-button:hover {
    color: var(--main-color);
    opacity: .9;
}

.search-comments__select-button:focus {
    color: var(--main-color);
}

.search-comments__select-all-counter {
    font-weight: bold;
}

.comments-filter__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.comments-filter__actions {
    display: flex;
    align-items: center;
}

.search-comments__sort {
    margin-right: 20px;
}

@media (max-width: 1780px) {
    .calendar__title {
        display: none;
    } 
}
    
@media (max-width: 1550px) {
    .comments-filter__bottom {
        flex-wrap: wrap;
    }

    .--comments-search .search-control {
        padding-right: 20px;
    }

    .comments-filter__calendar {
        margin-top: 20px;
    }

    .--comments-social-filter {
        padding-left: 20px;
    }

}

@media (max-width: 1200px) {
    .comments-filter__calendar {
        margin-top: 0;
    }
}

@media (max-width: 1179px) {
    .comments-filter__calendar {
        margin-top: 20px;
    }
}

@media (max-width: 991px) {
    .--comments-search {
        flex-wrap: wrap;
    }

    .--comments-search .search-control {
        padding-right: 0;
    }

    .search-comments__filters {
        width: 100%;
        margin-top: 16px;
    }

    .comments-filter__calendar,
    .comments-filter__calendar .--calendar-dates {
        width: 100%;
    }

    .search-comments__buttons .--btn-rounded-icon {
        padding: 4px 10px 4px;
        min-width: 120px;
    }
}

@media (max-width: 768px) {
    .search-comments__filters {
        flex-wrap: wrap;
    }

    .search-comments__filters-time {
        width: 100%;
    }

    .--comments-social-filter {
        padding-left: 0;
        width: 100%;
    }

    .search-comments__filters-socials {
        margin-top: 16px;
    }

    .search-comments__filters-time .select2-container,
    .select2-selection--single.select-rounded__container {
        width: 100%!important;
        min-width: auto;
    }

    .comments-filter__actions {
        flex-wrap: wrap;
        width: 100%;
    }

    .search-comments__sort {
        margin-right: 0;
        width: 100%;
        order: 2;
        margin-top: 16px;
    }

    .search-comments__buttons {
        flex-wrap: wrap;
        gap: 4px;
    }

    .search-comments__sort .select2-selection--single.select-gray__container {
        display: block;
        outline: none;
        height: 32px;
        border: 1px solid var(--light-gray-color);
        border-radius: 4px;
        padding: 8px 12px 8px 16px;
        min-width: 200px;
    }

    .search-comments__sort .select2-container--default .select2-selection--single.select-gray__container .select2-selection__arrow {
        height: 28px;
    }

    .search-comments__sort .select2-container {
        width: 100% !important;
    }
}

/* Comments feed */
.page__comments, .feed {
    height: 100%;
}

.--comment-item-person .person__name .svg-icon {
    width: 20px;
    height: 20px;
    margin-left: 12px;
}

.--comment-item-person .person__name {
    align-items: center;
    display: flex;
    word-break: break-word;
    padding-right: 40px;
}

.feed__content {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 16px;
    height: 100%;
}

.feed__list {
    overflow: hidden;
}

.feed__list.open {
    display: block!important;
}

.feed__posts {
    height: calc(100% - 70px);
    overflow-y: scroll;
}

.feed_comm-img {
    display: none;
}

.feed__posts .comment-item__header-actions {
    display: flex;
    column-gap: 16px;
    position: absolute;
    right: 0;
    top: 0;
}

.feed__posts .comment-item__header-actions .custom-control__mark {
    margin-right: 0;
}

.feed__posts .comment-item.more_24_hours {
    border-left: 4px solid #f2c94c;
}

li[id*="-more_24_hours"]:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #f2c94c;
    margin-right: 8px;
    border-radius: 50%;
}

.feed__posts .comment-item.more_2_days {
    border-left: 4px solid #f2994a;
}

li[id*="-more_2_days"]:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #f2994a;
    margin-right: 8px;
    border-radius: 50%;
}

.feed__posts .comment-item.more_3_days {
    border-left: 4px solid #21b9e7;
}

li[id*="-more_3_days"]:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #21b9e7;
    margin-right: 8px;
    border-radius: 50%;
}

.feed__posts .comment-item.more_1_week {
    border-left: 4px solid #eb5757;
}

li[id*="-more_1_week"]:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #eb5757;
    margin-right: 8px;
    border-radius: 50%;
}

.feed__posts .comment-item.more_2_week {
    border-left: 4px solid #1c54bb;
}

li[id*="-more_2_week"]:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #1c54bb;
    margin-right: 8px;
    border-radius: 50%;
}

.feed__posts .comment-item.more_1_month {
    border-left: 4px solid #bb6bd9;
}

li[id*="-more_1_month"]:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #bb6bd9;
    margin-right: 8px;
    border-radius: 50%;
}

.comment-item.feed_block_active {
    border-color: var(--main-color);
}

.feed__posts .comment-item__content {
    margin: 10px 0 0;
}

.feed__post-detailed {
    height: 100%;
    overflow-y: auto;
}

.post-detail__card {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.comment__media {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
}

.comment__media > a {
    display: inline-flex;
    width: auto;
    height: 158px;
    border-radius: 8px;
    overflow: hidden;
    align-items: center;
}

.comment__media > a > img {
    border-radius: 8px;
    height: 100%;
}

.comment-media__counter {
    display: flex;
    align-items: center;
    color: #4F46E5;
    cursor: pointer;
}

.comment-media__counter:hover {
    text-decoration: underline;
}

.post-detail__content {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
    margin-bottom: 16px;
}

.post-detail__content > img {
    margin-bottom: 10px;
}

.post-detailed__posts {
    padding-left: 50px;
    margin-top: 32px;
}

.post__item-buttons {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.post__item-button .btn {
    font-size: 1.2rem;
    padding: 6px 10px 6px;
    min-width: auto;
}

.post-review-text {
    margin-top: 10px;
    margin-bottom: 0;
}

.post__item {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
    position: relative;
}

.post__item + .post__item {
    margin-top: 16px;
}

.post-review-text img {
    margin-top: 16px;
}

.post-item__actions {
    position: absolute;
    right: 20px;
    top: 20px;
}

.post-detailed_bio {
    margin-bottom: 16px;
    position: relative;
    /*padding-right: 30px;*/
}

.post-detailed_bio .post-item__actions {
    right: 0;
    top: 0;
} 

.post-review-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.4;
}

.post-review__btn {
    text-align: right;
}

.post-review__btn .btn {
    margin-top: 20px;
}

.post-detailed-close {
    display: none;
}

.chat {
    padding-left: 50px;
    margin-top: 0;
}

.--chat-not-empty {
    margin-top: 24px;
}

.chat__content {
    max-height: 25vh;
    overflow-y: scroll;
}

.chat__content .comment-item {
    margin: 0 0 16px;
}

.chat .mb_top {
    padding: 0;
    position: relative;
}

.message_block .mb_top {
    display: grid;
    grid-template-columns: 45px 1fr 45px;
}

.mbt_info {
    margin-left: 15px;
    flex-grow: 1;
}

.chat .--comment-item-system {
    border: none!important;
    padding-top: 0;
}

.chat .--comment-item-system .mbti_name {
    font-weight: bold;
}

.chat .--comment-item-system .mbt_info {
    margin-left: 0;
}

.chat .--comment-item-system .mbt_info_main {
    flex-direction: row;
}

.chat .--comment-item-system .mbt_info_main .mbti_time {
    padding-left: 16px;
}

.mbt_info_warn {
    color: var(--red-color);
}

.mbt_img-wrapper {
    position: relative;
    overflow: hidden;
    min-width: 40px;
    display: block;
}

.mbt_img-wrapper img {
    width: 100%;
    margin: 0;
}

.mbt_img-wrapper:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.mbt_img-wrapper img {
    position: absolute;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--light-gray-color);
}

.mbt_img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
}

/*.mbt_img img {
    border-radius: 50%;
    height: 100%;
}*/

.chat .mbt_info_main {
    display: flex;
    flex-direction: column;
}

.chat .mbti_name {
    font-family: var(--main-font);
    color: var(--main-color);
    margin: 0 0 8px;
}

.chat .mbti_time {
    font-family: var(--main-font);
    color: var(--gray-color);
}

.chat .mbt_info_text {
    font-family: var(--main-font);
    color: var(--black-color);
    font-size: 1.4rem;
}

.chat .message-text {
    white-space: normal;
    word-break: break-word;
    line-height: 1.4;
}

.upload-files-container {
}

.add-files-container {
    margin: 8px 0;
}

.upload-btn-wrapper input[type=file] {
    display: none;
}

.image-container {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.image-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.attachments-item {
    position: relative;
    display: inline-block;
}

.attachments-item.attachments-item__audio {
    display: block;
}

.js-attachment-remove {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    background: #fff;
}

.attachments-item__audio .js-attachment-remove {
    position: absolute;
    right: 0;
    top: 11px;
}

.upload-input-container .image-container + .image-container {
    margin-left: 12px;
}

.image-container img.img-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.feed__tabs {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.answer-button__container {
    text-align: center;
    margin: 0 0 16px;
}

div + .answer-button__container {
    margin: -10px 0 16px;
}

.post-detail__content + .answer-button__container,
.chat__content + .answer-button__container {
    margin-top: 24px;
}

.chat__content div:not([class]):last-child .comment-item {
    margin-bottom: 5px;
}

.--menu-more-edit {
    position: absolute;
    right: 0;
    top: 0;
}

.answers-list {
    margin-top: -8px;
}

.answers-list a {
    display: inline-flex;
    margin: 8px 8px 0 0;
    border: 1px solid var(--main-color);
    background: var(--white-color);
    color: var(--main-color);
    border-radius: 69px;
    padding: 0 24px;
    text-decoration: none;
    transition: all .2s ease;
    cursor: pointer;
}

.answers-list a:hover {
    box-shadow: 0px 0px 4px rgba(79, 70, 229, 0.5);
}

.answers-list a:active {
   background: var(--light-gray-color);
}

.message_block .mb_top {
    display: flex;
}

.mbt-edit__container {
    width: 100%;
}


@media (max-width: 650px) {
    .search-comments__select-all {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
}

@media (max-width: 1200px) {
    .post-detail__card {
        overflow-y: auto;
    }
}
@media (max-width: 1170px) {
    .feed__content {
        grid-template-columns: 2fr 2fr;
    }
}

@media (max-width: 991px) {
    .feed__content {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .feed__posts .comment-item {
        margin: 16px 0 0;
    }
    
    .feed__posts .comment-item:first-child {
        margin-top: 0;
    }


    .feed__list.open {
        display: none !important;
    }

    .feed .feed__post-detailed {
        display: none;
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        height: calc(100vh - 110px);
        background: var(--white-color);
        z-index: 1050;
        overflow-y: scroll;
    }

    .feed .feed__post-detailed .modal.fade.in {
        /*top: 65px;*/
    }

    .feed .feed__post-detailed .modal.in .modal-dialog {
        -webkit-transform: translate(0,60px);
        -ms-transform: translate(0,60px);
        -o-transform: translate(0,60px);
        transform: translate(0,60px);
    }

    .modal-open .modal#modal-comments .modal-content {
        height: auto;
        overflow-y: hidden !important;
    }

    .modal-open .modal#modal-comments .modal-body {
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 300px;
    }

    .feed .feed__post-detailed .modal.fade.in:before {
        content: "";
        background: rgba(0,0,0, .5);
        position: fixed;
        height: 100%;
        width: 100%;
    }

    .post-detail__content {
        border-radius: 0;
        border: none;
        margin-bottom: 0;
    }

    .post-detail__card,
    .post__item {
        padding: 16px;
    }

    .post-detailed__posts {
        padding-left: 16px;
        margin-top: 24px;
    }

    .chat {
        padding-left: 16px;
        margin-top: 0;
    }

    .--chat-not-empty {
        margin-top: 16px;
    }

    .post-detailed-close {
        display: flex;
        margin-bottom: 10px;
    }

    .post-detail__content + .answer-button__container, .chat__content + .answer-button__container {
        margin-top: 16px;
    }

    .chat__content div:not([class]):last-child .comment-item {
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .feed__posts {
        height: 60vh;
    }
    
    .feed__posts .comment-item,
    .chat__content .comment-item {
        border: 1px solid var(--light-gray-color);
        border-radius: 8px;
    }

    .feed__list .pagination-custom {
        margin: 0;
    }

    .chat .mbt_info {
        width: 70%;
        margin-top: 0;
        padding-right: 30px;
    }

    .chat .--comment-item-system .mbt_info_main {
        flex-direction: column;
    }

    .chat .--comment-item-system .mbt_info_main .mbti_time {
        padding-left: 0;
    }
}

/* FeedBack */
.page__feedback {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.page__feedback .person {
    align-items: flex-start;
}

@media (max-width: 768px) {
    .--page__feedback-card .comment-item {
        border: none;
        padding: 0 16px;
    }

    .page__feedback .comment-item:first-child {
        border-top: none;
    }
}

/* Posts list */
.page__posts {
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.page__posts .toggle-container {
    margin-bottom: 0;
}

.--show-hide-comments span:last-child {
    display: none;
}

.--show-hide-comments.open span:last-child {
    display: block;
}

.--show-hide-comments.open span:first-child {
    display: none;
}

.comments-item__childs {
    padding-left: 50px;
    margin-top: 12px;
}

@media (max-width: 768px) {
    .page__posts {
        border: none;
    }

    .page__posts .comment-item {
        border: 1px solid var(--light-gray-color);
        border-radius: 8px;
        margin: 0 -28px 16px;
    }

    .comments-item__childs {
        padding-left: 20px;
    }

    .comments-item__childs .comment-item {
        margin: 0 0 16px;
    }

    .page__posts .comment-item__header {
        padding-right: 35px;
    }

    .comments-item__childs .comment-item__header,
    .page__posts .--comment-item-person .person__name {
        padding-right: 0;
    }
}

/* Messages */
.dialogs__filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.dialogs__filter-right {
    display: flex;
    gap: 16px;
    align-items: center;
}

.dialogs__filter-buttons {
    display: flex;
    gap: 16px;
}

.dialogs__filter-buttons .btn {
    font-weight: normal;
    padding: 5px 20px 7px;
    min-width: auto;
}

.messages {
    display: flex;
    flex: 1;
    height: 100%;
    column-gap: 20px;
    min-height: 280px;
}

.messages .feed__tabs {
    padding: 10px 18px;
    margin-top: 10px;
}

.messages__contacts {
    display: flex;
    flex-direction: column;
    width: 30%;
    max-width: 440px;
    min-width: 320px;
    position: relative;
    padding: 20px 0;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.messages__search {
    padding: 0 28px 20px;
}

.messages__contacts .pagination-custom {
    margin: 16px 0 0;
    padding: 8px 16px;
}

.messages__contacts .pagination {
    margin: 0;
    display: block;
}

.messages__contacts-list {
    overflow-y: auto;
    height: 100%;
    min-height: 100px;
}

.messages-contacts__wrapper {
    display: flex;
    flex-direction: column;
}

.messages-tabs {
    padding: 0 28px;
}

.messages-contacts__item {
    display: flex;
    flex-direction: row;
    padding: 8px 16px;
    transition: .2s ease;
    cursor: pointer;
    position: relative;
}

.messages-contacts__item:hover, .messages-contacts__item.active {
    background-color: var(--light-gray-color);
}

.messages-contacts__item.active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 4px;
    height: 100%;
    background: var(--main-color);
}

.messages-contacts__item + .messages-contacts__item {
    margin-top: 16px;
}

.messages-contacts__item-avatar {
    display: flex;
    flex: 0 0 auto;
    width: 52px;
}

.messages-contacts__item-avatar span {
    width: 100%;
    height: 52px;
    background: var(--light-gray-color);
    position: relative;
    border-radius: 50%;
}

.messages-contacts__item-avatar img {
    width: 100%;
    border-radius: 50%;
    max-height: 52px;
}

.messages-social-icon {
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
}

.messages-social-icon .svg-icon {
    width: 20px;
    height: 20px;
}

.messages-contacts__item-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 16px;
    flex: 2;
    overflow: hidden;
}

.messages-contacts__item-name {
    color: var(--black-color);
    font-weight: 700;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}

.messages-contacts__item-name a:hover {
    text-decoration: none;
}

.messages-contacts__item-last-text {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--black-color);
}

.messages-contacts__item-date {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.messages-contacts__item-date span {
    display: flex;
    font-size: 1.4rem;
    margin-bottom: 8px;
    color: var(--gray-color);
    text-align: right;
    max-width: 75px
}

.messages-contacts__counters {
    display: flex;
}

.messages-contacts__item-date i {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--white-color);
    background: var(--main-color);
    font-size: 1.3rem;
    text-align: center;
    height: 20px;
    width: 20px;
    font-style: normal;
}

.messages-contacts__item-date i + i {
    margin-left: 5px;
}

.messages-contacts__item-date i.orange-count {
    background: #FFAE03;
}

.messages__content {
    display: flex;
    flex: 2;
    min-width: 53%;
    flex-direction: column;
    position: relative;
    padding: 20px 28px;
    border-radius: 8px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
}

.messages-chat__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 0 16px;
}

.messages-chat__header-avatar {
    display: flex;
    flex: 0 0 auto;
    width: 52px;
}

.messages-chat__header-back {
    display: none;
    background: url("/images/messages/icon_back.svg") no-repeat center;
    background-size: 30px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.messages-chat__header-avatar span {
    width: 100%;
    height: 52px;
    background: #D9D9D9;
    position: relative;
    border-radius: 50%;
}

.messages-chat__header-avatar img {
    width: 100%;
    border-radius: 50%;
    max-height: 52px;
}

.messages-chat__header-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 2;
    padding-left: 16px;
}

.messages-chat__header-title > div {
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
}

.messages-chat__header-title a:hover {
    text-decoration: none;
}

.messages-chat__header-title .svg-icon {
    margin-left: 12px;
    width: 20px;
    height: 20px;
}

.messages-chat__header-title > span {
    color: var(--gray-color);
}

.messages-chat__main_actions {
    position: absolute;
    right: 28px;
    transform: none;
    cursor: pointer;
    transition: all .2s ease;
}

.messages-chat__header .messages-chat__main_popup {
    transform: translate(-5px, 0%);
}

.messages-chat__messages {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.messages-chat__messages-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    padding-top: 10px;
}

.messages-chat__message-container {
    display: flex;
}

.messages-chat__message-container + .messages-chat__message-container {
    margin-top: 20px;
}

.messages-chat__message {
    display: flex;
    padding: 8px 12px 8px 12px;
    background: var(--light-gray-color);
    border-radius: 8px;
    max-width: 70%;
    position: relative;
}

.messages-chat__message-in {
    justify-content: flex-start;
}

.messages-chat__message-in.--has-messages .messages-chat__message:before {
    content: "";
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    border-radius: 50%;
    color: #fff;
    background: #c00;
    text-align: center;
    height: 20px;
    width: 20px;
}

.messages-chat__message-out {
    justify-content: flex-end;
    padding-right: 10px;
}

.messages-chat__message-text {
    display: flex;
    flex-direction: column;
    flex: 2;
}

.messages-chat__message-content {
    word-break: break-word;
}

.messages-chat__message-time {
    display: flex;
    position: relative;
    padding-right: 25px;
    font-size: 1.4rem;
    align-items: flex-end;
    padding-left: 12px;
    white-space: nowrap;
}

.messages-chat__message-time > span {
    max-width: 70px;
    white-space: normal;
    text-align: right;
    display: block;
    font-size: 1.3rem;
}

.messages-chat__message-out .messages-chat__message-time {
    padding-right: 0;
}

.messages-chat__actions {
    opacity: 0;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translate(0, -50%);
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #E3E3E3 url("/images/messages/icon_action.svg") no-repeat center;
    background-size: contain;
    cursor: pointer;
    transition: all .2s ease;
    visibility: hidden;
}

.messages-chat__operator-actions {
    opacity: 0;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translate(0, -50%);
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: var(--light-gray-color) url("/images/messages/icon_action.svg") no-repeat center;
    background-size: contain;
    cursor: pointer;
    transition: all .2s ease;
    visibility: hidden;
}

.messages-chat__message-container:hover .messages-chat__actions {
    visibility: visible;
    opacity: 1;
    transform: translate(100%, -50%);
}

.messages-chat__message-container:hover .messages-chat__operator-actions {
    visibility: visible;
    opacity: 1;
    left: -40px;
    transform: translate(0%, -50%);
}

.messages-chat__actions:active, .messages-chat__operator-actions:active {
    background-color: #caddff;
}

.messages-chat__message-out.messages-chat__message:not(.operator_comment) .messages-chat__actions {
    display: none !important;
}

.messages__content .message-control__input {
    margin-top: 24px;
}

.message-state {
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 16px;
    height: 16px;
}

.chat__media {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
}

.chat__media > a {
    display: inline-flex;
    width: auto;
    height: 158px;
    border-radius: 8px;
    overflow: hidden;
}

.chat__media > a > img {
    border-radius: 8px;
}

.messages-chat__attachments {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.messages-chat__attachments-item,
.messages-chat__operator-attachments-item {
    display: flex;
    justify-content: center;
    background: #DCDCDC;
    border-radius: 4px;
    margin: 0 8px 8px 0;
    color: #0D0C1A;
    font-size: 13px;
    line-height: 17px;
    padding: 8px;
    position: relative;
}

.messages-chat__attachments-item.--attachment-img,
.messages-chat__operator-attachments-item.--attachment-img {
    padding: 0;
}

.messages-chat__attachments-item.--attachment-img img,
.messages-chat__operator-attachments-item.--attachment-img img {
    height: 60px;
    width: 60px;
    overflow: hidden;
    border-radius: 4px;
}

.messages-chat__attachments-item .file_icon,
.messages-chat__operator-attachments-item .file_icon {
    width: 20px;
    height: 20px;
}

.messages-chat__attachments-name,
.messages-chat__operator-attachments-name {
    padding: 0 4px;
}

.messages-chat__attachments-item.--attachment-img .messages-chat__attachments-name,
.messages-chat__operator-attachments-item.--attachment-img .messages-chat__operator-attachments-name {
    display: none;
}

.messages-chat__attachments-remove,
.messages-chat__operator-attachments-remove {
    cursor: pointer;
}

.messages-chat__attachments-item.--attachment-img .messages-chat__attachments-remove,
.messages-chat__operator-attachments-item.--attachment-img .messages-chat__operator-attachments-remove {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 16px;
    height: 16px;
}

.messages-chat__reply {
    border-left: 2px solid #1C4796;
    padding-left: 6px;
    font-size: 1.3rem;
}

.operator_comment .messages-chat__reply {
    border: none;
    padding-left: 0;
}

.messages-chat__reply-header {
    display: flex;
    padding: 0 0 8px;
}

.messages-chat__reply-header-avatar {
    display: flex;
    flex: 0 0 auto;
    width: 32px;
}

.messages-chat__reply-header-avatar span {
    width: 100%;
    height: 32px;
    background: #D9D9D9;
    position: relative;
    border-radius: 50%;
}

.messages-chat__reply-header-avatar img {
    width: 100%;
    border-radius: 50%;
    max-height: 48px;
    height: 100%;
}

.messages-chat__reply-header-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 2;
    padding-left: 6px;
}

.messages-chat__reply-header-title a, .messages-chat__reply-header-title div {
    color: #1C4796;
    text-decoration: none;
    margin-bottom: 2px;
}

.operator_comment .messages-chat__reply-header-title a, .operator_comment .messages-chat__reply-header-title div {
    color: #000;
}

.operator_comment .messages-chat__reply-header-title span {
    color: #444;
}

.messages-chat__reply-header-title span {
    color: #6D6D6D
}

.messages-chat__reply-text {
    max-width: 360px;
    color: #000000;
}

.messages-chat__reply-text > a {
    text-decoration: underline;
}

.messages-chat__reply-text img, .messages-chat__message-content img {
    display: block;
    width: 100%;
/*    margin: 8px auto 0;
    max-width: 360px;*/
}

.messages-chat__reply-link {
    margin-top: 8px;
}

.messages-chat__reply-link a {
    display: block;
    text-align: center;
    padding: 8px 20px;
    color: #1C4796;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    background: #fff;
    border-radius: 6px;
    transition: .2s ease;
}

.messages-chat__reply-link a:hover {
    opacity: .85;
}

.messages-chat__message-text .messages-chat__reply {
    margin-bottom: 6px;
}

.messages-chat__reply-autor {
    color: #1C4796;
    margin-bottom: 2px;
}

.messages-chat__input-wrapper .messages-chat__reply {
    position: relative;
    border: none;
    padding: 8px 40px 8px 28px;
    background: #DCDCDC;
    margin-bottom: -3px;
    border-radius: 4px 4px 0 0;
}

.messages-chat__input-wrapper .messages-chat__reply:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 8px;
    display: block;
    height: calc(100% - 16px);
    width: 2px;
    background: #1C4796;
}

.messages-chat__input-wrapper .messages-chat__reply .messages-chat__reply-remove {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px;
    display: block;
    height: 20px;
    width: 20px;
    background: url("/images/messages/icon_close.svg") no-repeat center;
    background-size: contain;
}

.messages-chat__main_popup {
    display: none;
    position: absolute;
    padding: 16px;
    border-radius: 8px;
    background: #fff;
    transform: translate(0, -50%);
    border: 1px solid var(--light-gray-color);
    z-index: 3;
    right: 50px;
    top: 0;
}

.messages-chat__popup {
    display: none;
    position: absolute;
    padding: 16px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid var(--light-gray-color);
    transform: translate(0, -50%);
    z-index: 2;
}

.messages-chat__operator-popup {
    display: none;
    position: absolute;
    padding: 16px;
    border-radius: 8px;
    background: #fff;
    transform: translate(-100%, -50%);
    border: 1px solid var(--light-gray-color);
    z-index: 2;
}

.messages-chat__popup-item {
    white-space: nowrap;
}

.messages-chat__popup-item:not(.--popup-item-hidden) + .messages-chat__popup-item {
    margin-top: 16px;
}

.messages-chat__popup-link {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 17px;
    text-transform: none;
    color: var(--black-color);
    padding-left: 26px;
    text-decoration: none;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left center;
}

.messages-chat__popup-link.--icon-reply {
    background-image: url("/images/messages/icon_reply.svg");
}

.messages-chat__popup-link.--icon-respondent {
    background-image: url("/images/messages/icon_respondent.svg");
}

.messages-chat__popup-link.--icon-link {
    background-image: url("/images/messages/icon_link.svg");
}

.messages-chat__popup-link.--icon-mark-reply {
    background-image: url("/images/messages/icon_mark_as_answered.svg");
}

.messages-chat__popup-link.--icon-mark-read {
    background-image: url("/images/messages/icon_mark_as_read.svg");
}

/* Loader */
.content__loader {
    width: 120px;
    height: 80px;
    background: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px
}

.content__loader-wrapper {
    height: 12px;
    width: 60px;
    display: flex;
    position: relative;
}

.content__loader-wrapper .cl_dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #fff;
    animation: move 500ms linear 0ms infinite;
    margin-right: 10px;
}

.content__loader-wrapper .cl_dot:first-child {
    position: absolute;
    top: 0;
    left: 0;
    animation: grow 500ms linear 0ms infinite;
}

.content__loader-wrapper .cl_dot:last-child {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
    animation: grow 500ms linear 0s infinite reverse;
}

.modal-comments-sync .close.mark:after, .modal-comments-sync .close:after {
    display: none;
}

@keyframes grow {
    from {
        transform: scale(0, 0);
        opacity: 0;
    }

    to {
        transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes move {
    from {
        transform: translateX(0px);
    }

    to {
        transform: translateX(25px);
    }
}

.content-page__messages {
    height: calc(100vh - 75px);
    display: flex;
    flex-direction: column;
}

@media (max-width: 1367px) {
    .dialogs__filter-buttons .btn span {
        display: none;
    }
    
    .dialogs__filter-buttons .btn .svg-icon {
        margin: 0;
    }
}

@media (max-width: 991px) {
    .dialogs__filter {
        align-items: flex-start;
        flex-direction: column;
    }

    .dialogs__filter-calendar {
         width: 100%; 
         margin-bottom: 16px;
    }

    .dialogs__filter-right {
        justify-content: space-between;
        width: 100%;
    }
}

@media (max-width: 767px) {

    .dialogs__filter .social-filter__all > span {
        display: none;
    }

    .dialogs__filter-buttons .btn {
        padding: 3px 10px 5px;
    }

    .messages-chat__header-back {
        display: flex;
    }

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

    .messages__contacts {
        display: none;
        width: 100%;
        max-width: none;
        min-width: 310px;
    }

    .messages__contacts.open {
        display: flex;
    }

    .messages-chat__header {
        padding: 8px;
        border-bottom: 1px solid var(--light-gray-color);
        margin: -16px -16px 5px;
    }

    .messages-chat__main_actions {
        right: 0;
    }

    .messages-chat__header-title > div {
        padding-right: 30px;
    }

    .messages-chat__messages {
        padding-left: 0;
    }

    .messages-chat__message {
        max-width: 85%;
        flex-direction: column;
    }

    .messages-chat__message-time {
        margin-top: 8px;
        padding-left: 0;
        justify-content: flex-end;
    }

    .messages__content {
        display: none;
        width: 100%;
        padding: 16px;
    }
    
    .messages__content.open {
        display: flex;
    }

    .messages .feed__tabs {
        padding: 10px 0 0;
        border: none;
        border-radius: 0;
    }

    .messages-chat__popup {
        left: 0 !important;
        transform: translate(0, -50%);
    }

    .messages-chat__main_popup {
        right: 0 !important;
        transform: translate(0, -50%);
    }

    .messages-chat__operator-popup {
        right: 0 !important;
        transform: translate(0, -50%);
    }

    .messages-chat__popup-item {
        white-space: none;
    }

    .messages-chat__header .messages-chat__main_popup {
        transform: translate(0, 50%);
    }

    .messages__search {
        padding: 0 16px 20px;
    }

    .messages-contacts__item {
        padding: 8px 16px;
    }
}

/* Mention */
.--mention-statistic {
    max-width: 80%;
}

.mention-graph {
    display: flex;
}

.mention-graph__wrapper {
    display: flex;
    width: 100%;
    margin: 20px -10px 0;
}

.mention-graph-item {
    width: 50%;
    padding: 0 0 0 10px;
}

.--page__header-title-w-button {
    display: flex;
    justify-content: space-between;
}

.--page__header-calendar-w-button {
    display: flex;
}

.page__reports {
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    background: var(--white-color);
    padding: 20px 28px;
}

.--reports-grid-text,
.--reports-grid-query {
    flex: 1;
}

.--reports-grid-actions {
    flex-basis: 50px;
    min-width: 50px;
}

.--mention-search {
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    align-items: center;
    gap: 24px;
}

.--mention-search .search-control {
    flex: 1;
}

.search-mention__filters {
    display: flex;
    gap: 24px;
    align-items: center;
}

.page__mention {
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    background: var(--white-color);
    padding: 20px 28px;
}


@media (max-width: 1560px) {
    .--mention-statistic {
        max-width: 100%;
    }
}

@media (max-width: 1367px) {
    .statistic__filter.--mention-statistic-filter {
        flex-direction: row;
        align-items: center;
    }

    .--page-header-mention-reports {
        flex-direction: column;
    }

    .--page-header-mention-reports .page__header-calendar {
        margin-top: 16px;
        justify-content: space-between;
    }
}

@media (max-width: 991px) {
    .mention-graph__wrapper {
        display: flex;
        width: 100%;
        margin: 20px 0 0;
    }

    .mention-graph-item {
        width: 100%;
        padding: 0;
    }

    .--mention-statistic .doughnut__legend {
        padding-left: 36px;
    }

    .--switcher-mention .page__switcher a {
        min-width: auto;
    }

    .page__reports {
        padding: 16px;
    }

    .page__mention {
        padding: 0;
        border: none;
    }

    .table-grid.--reports-grid {
        margin: -16px -16px 0;
    }

    .--reports-grid .table-grid__row {
        gap: 0;
        position: relative;
    }

    .--reports-grid .table-grid__header + .table-grid__row {
        border-top: none;
    }

    .--reports-grid .table-grid__column + .table-grid__column {
        margin-top: 8px;
    }

    .--reports-grid .table-grid__row:last-of-type {
        border-bottom: none;
    }

    .--reports-grid-query {
        flex-direction: column;
        padding-right: 30px;
    }

    .--reports-grid-actions {
        position: absolute;
        right: 16px;
        top: 16px;
        min-width: auto;
        flex-basis: auto;
    }
}

@media (max-width: 767px) {
    .statistic__filter.--mention-statistic-filter {
        flex-direction: column;
        align-items: flex-start;
    }

    .--mention-statistic-filter .page__header-calendar {
        width: 100%;
        margin-bottom: 16px;
    }

    .--mention-statistic .doughnut__legend {
        padding-left: 0;
    }

    .--page__header-title-w-button {
        flex-direction: column;
    }

    .--page__header-title-w-button .keywords-add {
        padding-left: 0;
        margin-top: 16px;
    }

    .--page__header-calendar-w-button {
        flex-direction: column;
    }

    .--mention-search {
        flex-direction: column;
    }

    .--mention-search .search-control {
        width: 100%;
    }

    .search-mention__filters {
        justify-content: space-between;
        width: 100%;
    }

    .page__mention .comment-item,
    .page__mention-card .comment-item {
        margin: 0;
        padding: 16px;
        border: 1px solid var(--light-gray-color);
        border-radius: 8px;
    }

    .page__mention .--comment-item-person .person__name,
    .page__mention-card .--comment-item-person .person__name {
        padding-right: 0;
        align-items: flex-start;
    }

    .page__mention .comment-item + .comment-item {
        margin-top: 16px;
    }

    .page__mention .pagination-custom {
        margin: 0;
    }
}

/* Etalon statisitc */
.page__statistic-etalon {
    margin-bottom: 30px;
}

.statistic-region {
    margin-top: 20px;
}

.statistic-region form {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

.statistic-filter__actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.statistic-filter__types {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

/*.feed__posts .comment-item.feed_send {
    border-left: 4px solid #20C4F8;
}

.feed__posts .comment-item.feed_answered {
    border-left: 4px solid #B57BFD;
}

.feed__posts .comment-item.feed_delayed {
    border-left: 4px solid #FF523C;
}*/

.page__statistic-etalon .comment-item__header-actions {
    flex-direction: column;
    gap: 16px;
    align-items: flex-end;
}

.page__statistic-etalon .feed__posts {
    overflow: initial;
    height: auto;
}

.comment-item__type {
    padding: 7px 24px;
    border-radius: 69px;
    border-style: solid;
    border-width: 1px;
    font-size: 1.4rem;
    border-color: currentColor;
}

.comment-item__type.feed_send {
    color: var(--blue-color);
}

.comment-item__type.feed_answered {
    color: var(--green-color);
}

.comment-item__type.feed_delayed {
    color: var(--red-color);
}

.comment-item__date {
    color: var(--gray-color);
}

@media (max-width: 767px) {
    .page__statistic-etalon .comment-item__header-actions {
        position: static;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        margin-top: 16px;
    }

    .comment-item__type {
        padding: 3px 16px;
    }

    .--statistic__filter-etalon .statistic__filter-right .page__header-calendar {
        order: 1;
        margin-top: 0;
    }

    .--statistic__filter-etalon .statistic__filter-right > div {
        width: 100%;
    }

    .--statistic__filter-etalon .statistic__export {
        order: 2;
        margin-top: 16px;
    }

    .--statistic__filter-etalon .statistic__export .--btn-w-icon {
        width: 100%;
    }

    .statistic-region .select2-container {
        width: 100% !important;
    }

    .statistic-filter__actions {
        margin-top: 16px;
        flex-direction: column;
    }

    .statistic-filter__types {
        gap: 8px;
        align-items: flex-start;
    }
    
    .statistic-filter__types .btn {
        min-width: auto;
    }

    .statistic-filter__sort {
        margin-top: 16px;
        width: 100%;
    }

    .statistic-filter__sort .select2-container {
        width: 100%!important;
    }
}

/* Modal */
.modal-footer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pb_chart_container {
    min-height: 200px;
    max-height: 300px;
    width: 100%;
    position: relative;
}

textarea.managed-obj:not(text-muted) {
    padding: 12px;
    margin-bottom: 8px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1;
    resize: vertical;
    width: 100%;
    outline: none;
    border: 1px solid var(--light-gray-color);
    transition: all .2s ease;
}

textarea.managed-obj:not(.text-muted) {
    background: var(--white-color);
}

textarea.managed-obj:focus {
    border-color: var(--main-color);
}

#modal-managedobj .modal-footer:before {
    display: none;
}

.modal.publish-empty {
    padding: 0 !important;
}

.publish-empty .modal-title, .--publish-empty {
    display: none;
}

.publish-empty .modal-title.--publish-empty {
    display: block;
}

.publish-empty .modal-dialog {
    transform: none !important;
    display: flex;
    align-items: center;
    min-height: calc(100% - 60px);
    width: fit-content;
}

.publish-empty .modal-body {
    text-align: center;
}

@media (max-width: 991px) {
    .publish-empty .modal-dialog {
        min-height: 100%;
        margin: 10px auto;
    }

    .publish-empty .modal-content {
        max-width: 95%;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .modal-body .btn {
        min-width: 130px;
    }

    .modal-footer {
        gap: 16px;
    }

    .modal-footer .btn + .btn {
        margin-left: 0;
    }
    
    .modal-footer .btn  {
        min-width: auto;
    }

    #modal-managedobj .modal-dialog {
        width: 100%!important;
    }

    .text-muted.managed-obj {
        height: 300px!important;
    }
}

/* Projects */
.page__projects {
    border: 1px solid var(--light-gray-color);
    border-radius: 8px;
    background: var(--white-color);
    padding: 20px 28px;
}

.table-grid.--projects-grid {
    margin: 0 -28px;
}

.--projects-grid .table-grid__row {
    position: relative;
}

.--projects-grid-name {
    flex: 1;
    flex-basis: 80px;
    min-width: 80px;
}

.--projects-grid-date {
    flex: 1;
    flex-basis: 100px;
    min-width: 100px;
}

.--projects-grid-user {
    flex: 1;
    flex-basis: 200px;
    min-width: 100px;
}

.--projects-grid-actions {
    flex: 1;
    flex-basis: 150px;
    min-width: 150px;
    flex-direction: column;
}

.--projects-grid-actions a + a {
    margin-top: 10px;
}

.--projects-grid-checkbox {
    flex: 1;
    flex-basis: 30px;
    min-width: 30px;
}
.--projects-grid-checkbox .custom-control__mark {
    margin-right: 0;
}

@media (max-width: 991px) {
    .page__projects {
        padding: 16px;
    }

    .table-grid.--projects-grid {
        margin: -16px -16px 0;
    }

    .--projects-grid .table-grid__row {
        gap: 0;
    }

    .--projects-grid .table-grid__header + .table-grid__row {
        border-top: none;
    }

    .--projects-grid-name, .--projects-grid-date, .--projects-grid-user, .--projects-grid-actions, .--projects-grid-chekbox {
        flex-basis: auto;
        min-width: 0;
        width: 100%;
    }

    .--projects-grid-name {
        padding-right: 40px;
    }

    .--projects-grid-user {
        flex-direction: column;
        margin-top: 16px;
    }

    .--projects-grid-user .table-grid__mobile-title {
        margin-right: 0;
    }

    .--projects-grid-checkbox {
        position: absolute;
        right: 16px;
        top: 16px;
    }

    .--projects-grid-actions {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 16px;
    }

    .--projects-grid-actions a + a {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .--page__header-title-w-button .page__header-button {
        padding-left: 0;
        margin-top: 16px;
    }

    .page__header-button .btn {
        width: 100%;
        justify-content: center;
        padding: 6px 20px 6px;
    }
}

/* DataTables */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: inherit;
}

.table-hover > tbody > tr:hover {
    background-color: var(--gray-bg)!important;
}

.table-bordered {
    border: 1px solid var(--light-gray-color);
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid var(--light-gray-color);
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid var(--light-gray-color);
}

.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border-bottom-width: 0;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 10px!important;
}

.table-bordered > tbody > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    font-weight: 700;
    color: var(--gray-color);
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 12px;
}

.table-bordered > tbody > tr > th:after, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th:after {
    color: var(--black-color);
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    opacity: 1 !important;
}

table.dataTable thead .sorting:after {
    opacity: 0.5!important;
}

.dataTables_filter input[type=search] {
    width: 100%;
    padding: 10px 16px;
    border-radius: 4px;
    border: 1px solid var(--light-gray-color);
    background: var(--white-color);
    outline: none;
    line-height: 1;
    box-shadow: none;
}

.dataTables_filter input[disabled] {
    background: var(--light-gray-color);
}

.dataTables_filter input[type=search]:focus {
    border-color: var(--main-color);
    box-shadow: none;
}

.region-select__form {
    margin: 5px 0 0;
}


/* Modal confirm */

.modal-confirm__title {
    margin: 0 0 20px;
    font-size: 2rem;
}

.modal-confirm__buttons {
    display: flex;
    justify-content: flex-end;
}

.modal-confirm__buttons .btn + .btn {
    margin-left: 15px;
}

@media (max-width: 767px) {

    .modal-confirm__buttons .btn {
        min-width: auto;
    }
}

/* Header notify */

.header-notifies {
    position: absolute;
    right: 20px;
    top: 80px;
    z-index: 1060;
}

.header-notify {
    display: none;
    position: relative;
    min-width: 300px;
    min-height: 70px;
    padding: 0 16px 20px;
    background: #fff;
    box-shadow: 0px 0px 32px 0px #00000040;
    border-radius: 4px;
}

.header-notify.active {
    display: block;
}

.header-notify__close {
    position: absolute;
    right: 16px;
    top: 8px;
    cursor: pointer;
    transition: all .2s ease;
}

.header-notify__close:hover {
    opacity: .85;
}

.header-notify__close .icon-close {
    width: 20px;
    height: 20px;
}

.header-notify__text {
    padding-right: 40px;
    padding-top: 8px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 8px;
}

.header-notify__text span {
    color: var(--main-color);
}

.header-notify__link a {
    color: var(--main-color);
    text-decoration: underline;
    font-weight: 500;
}

.header-notify__link a:hover {
    text-decoration: none;
}

.header-notify + .header-notify {
    margin-top: 10px;
}

.news-slider__dots-item.is-active .news-slider__dots-progress:before {
    background: #DCAA43;
    width: 100%;
}

.header-notify__progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 8px;
    border-radius: 12px;
    background: var(--main-color);

}

.header-notify.active .header-notify__progress {
    animation-name: progressWidth;
    animation-timing-function: linear;
    animation-duration: 10s;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}


@keyframes progressWidth {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .header-notifies {
        position: absolute;
        left: 15px;
        right: 15px;
        top: 60px;
        z-index: 1060;
    }

    .header-notify {
        min-width: auto;
        width: 100%;
    }
}

/* Heat map */

.--statistic__grid-map {
    grid-area: heat-map;
}

.heat-map {
}

#heat-map {
    width: 100%;
}

.heat-map__title {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 16px;
}

.heat-map__map {

}

.map-region__group {
}

.map-region__group path {
    fill: #A8A8A8;
}

.map-region__group:hover {
    opacity: .85;
}

.heat-map__map:not(.--filter-map) .map-region__group.--map-color1 path {
    fill: #A6C253;
}

.heat-map__map:not(.--filter-map) .map-region__group.--map-color2 path {
    fill: #D4E175;
}

.heat-map__map:not(.--filter-map) .map-region__group.--map-color3 path {
    fill: #FBAF41;
}

.heat-map__map:not(.--filter-map) .map-region__group.--map-color4 path {
    fill: #EB6753;
}

.heat-map__map:not(.--filter-map) .map-region__group.--map-color5 path {
    fill: #A44735;
}
.heat-map__map:not(.--filter-map) .map-region__group.--map-color6 path {
    fill: #94181C;
}

.map-region__group.--map-color6 {
    background: #94181C;
}

.map-region__group.active.--map-color1 path {
    fill: #A6C253;
}

.map-region__group.active.--map-color2 path {
    fill: #D4E175;
}

.map-region__group.active.--map-color3 path {
    fill: #FBAF41;
}

.map-region__group.active.--map-color4 path {
    fill: #EB6753;
}

.map-region__group.active.--map-color5 path {
    fill: #A44735;
}

.map-region__group.active.--map-color6 path {
    background: #94181C;
}

.heat-map__legend {
    margin-top: 24px;
}

.heat-map__legend-title {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 16px;
}

.map-legend {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.map-legend__item {
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 5px 8px;
    cursor: pointer;
    user-select: none;
    transition: all .2s ease;
}

.map-legend__item.active {
    border-color: #EDEDED;
}

.map-legend__item-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 8px;
}

.map-legend__item-text {
    font-size: 1.6rem;
}

.--map-color1 {
    background: #A6C253;
}

.--map-color2 {
    background: #D4E175;
}

.--map-color3 {
    background: #FBAF41;
}

.--map-color4 {
    background: #EB6753;
}

.--map-color5 {
    background: #A44735;
}

.--map-color6 {
    background: #94181C;
}

.heat-map__tooltip {
    visibility: hidden;
    position: fixed;
    background: #fff;
    color: #000;
    display: inline-block;
    padding: 10px 14px;
    border-radius: 5px;
    font-size: 1.6rem;
    z-index: 99999999;
    margin-top: -60px;
}

@media (max-width: 768px) {
    .map-legend {
        display: block;
        column-gap: 8px;
        columns: 3;
    }

    .map-legend__item {
        white-space: nowrap;
    }

    .map-legend__item-color {
        margin-right: 4px;
        vertical-align: middle;
    }
}

@media (max-width: 480px) {
    .map-legend__item-text {
        font-size: 1rem;
    }
}