body {
    line-height: 1.3 !important;
}

input {
    height: 50px;
}

input, textarea {
    padding: 0 10px;
    border-radius: 8px;
    font-size: 18px !important;
}

.h700, .h600, .h500, .h400, .h300, .h200 {
    font-weight: 700;
    color: #263238;
}

.h700 {
    font-size: 36px;
    line-height: 110%;
}

.h600 {

    font-weight: 700;
    font-size: 32px;
    line-height: 112%;
}

.h500 {

    font-weight: 700;
    font-size: 24px;
    line-height: 116%;
}

.h400 {

    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
}

.h300 {

    font-weight: 700;
    font-size: 18px;
    line-height: 132%;
}

.h200 {
    font-size: 15px;
    line-height: 125%;
}

.h100 {
    font-size: 14px;
    line-height: 140%;
}

.text400, .text300, .text200 {

    font-weight: 400;
    color: #263238;
}

.text400 {
    font-size: 16px;
    line-height: 150%;
}

.text300 {
    font-size: 14px;
    line-height: 140%;
}

.text200 {
    font-size: 12px;
    line-height: 132%;
}

.label400 {

    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.label200 {

    font-weight: 400;
    font-size: 12px;
    line-height: 140%;

}

.label300, .label200, .label100 {

    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
}

.label100 {
    font-size: 10px;
    line-height: 120%;
}

.label200 {
    font-size: 11px;
    line-height: 144%;
}

.label300, .label300b {
    font-size: 12px;
    line-height: 132%;
}

.label300b {

    font-weight: 700;
}

.status-md, .status-sm-1, .status-sm-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    font-weight: 700;
    font-size: 12px;
}

.status-md.green, .status-sm-1.green, .status-sm-2.green {
    background-color: #30AA84;
    color: white;
}

.status-md.green:hover, .status-sm-1.green:hover, .status-sm-2.green:hover {
    background-color: #349660;
}

.status-md.new, .status-sm-1.new, .status-sm-2.new {
    color: #fff;
    background-color: #3F8CFF;
    border-color: #6A7481;
    border-width: 0.5px;
}

.status-md.grey, .status-sm-1.grey, .status-sm-2.grey {
    color: #546E7A;
    background-color: #E2E6E9;
}

.status-md.grey:hover, .status-sm-1.grey:hover, .status-sm-2.grey:hover {
    background-color: #CFD8DC;
}

.status-md.grey svg path, .status-sm-1.grey svg path, .status-sm-2.grey svg path {
    stroke: #546E7A;
}

.status-md.yellow, .status-sm-1.yellow, .status-sm-2.yellow {
    color: #263238;
    background-color: #F6C854;
}

.status-md.yellow:hover, .status-sm-1.yellow:hover, .status-sm-2.yellow:hover {
    background-color: #EFBB36;
}

.status-md.yellow svg path, .status-sm-1.yellow svg path, .status-sm-2.yellow svg path {
    stroke: #263238;
}

.status-md.red, .status-sm-1.red, .status-sm-2.red {
    color: white;
    background-color: #ED5052;
}

.status-md.red:hover, .status-sm-1.red:hover, .status-sm-2.red:hover {
    background-color: #CD172B;
}

.status-md {
    height: 24px;
    padding: 6px 6px 6px 10px;
    border-radius: 12px;
}

.status-sm {
    padding: 3px, 5px;
}

.status-sm-1 {
    border-radius: 0 8px;
}

.status-sm-2 {
    border-radius: 8px;
}

.chip-numb {
    width: 26px;
    height: 24px;
    border-radius: 8px;
    padding: 4px 8px;
    background-color: #dadada;
    font-size: 16px;

    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.chip-numb.sm {
    padding: 2px 4px;
    width: 22px;
    height: 16px;
    font-size: 11px;
}

.link200, .link300 {
    color: #2A60E4;

    font-weight: 700;
}

.link300 {
    font-size: 14px;
    line-height: 116%;
}

.link200 {
    font-size: 12px;
    line-height: 132%;
}

.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

html, body {
    height: 100%;
    background-color: #F6F7FB;
}

h1, h2, h3, h4, h5 {
    color: #263238;
}

p {

    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
}

.wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

footer {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}

.layout {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.item.limit.ended {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 25px;
}

.header.messaging {
    padding: 0 32px;
}

.header-logo:hover {
    border-radius: 15px;
}

.header.messaging .header-logo .vacansy-info:hover {
    background: none;
}

.header.messaging .header-logo .vacansy-info-status span {
    color: #BFCAF6;
    font-size: 13px;
}

.header.messaging .header-logo .vacansy-info-status span.working:before {
    background: #30AA84;
}

.header.messaging .header-logo .vacansy-info-status span:after {
    content: none;
}

.header.messaging .header-info {
    opacity: 0;
    visibility: hidden;
}

.header.messaging .header-info button {
    background: none;
}

.header.messaging .header-info .popup {
    min-height: 150px;
    padding: 30px 50px;
    width: 95vw;
    top: 70px;
    left: 0;
    right: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: calc(100dvh - 46px);
    overflow: auto !important;
}

.row.board-description {
    margin-bottom: 20px;
}

.row.board-description .popup-item {
    height: max-content;
}

.header.messaging .header-info .popup-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.header.messaging .header-info .popup-item:first-child {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
}

.header.messaging .header-info .popup .text300 {
    color: #546E7A;
}

.header.messaging .header-info .popup button {
    position: absolute;
    right: 0;
    top: 0;
    margin: 15px 15px;
    background: none;
}

.header-logo .vacansy-info {
    width: 100%;
    position: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-logo .vacansy-info-heading {
    background: none;
}

.header-logo .vacansy-info-heading h2 {
    color: white;
    height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.header-logo .vacansy-info-heading h2:after {
    content: url(../images/icon/arrow.svg);
    width: 16px;
    height: 16px;
    margin-left: 10px;
}

.header-logo .vacansy-info.working:before, .header-logo .vacansy-info.working span:first-child:before {
    background-color: #30AA84;
}

.header-logo .vacansy-info.ended:before, .header-logo .vacansy-info.ended span:first-child:before {
    background-color: #E2E6E9;
}

.header-logo .vacansy-info.review:before, .header-logo .vacansy-info.review span:first-child:before {
    background-color: #F6C854;
}

.header-logo .vacansy-info.redstatus:before, .header-logo .vacansy-info.redstatus span:first-child:before {
    background-color: #ED5052;
}

.header-logo .vacansy-info.greystatus:before, .header-logo .vacansy-info.redstatus span:first-child:before {
    background-color: #F6C854;
}


.header-logo .vacansy-info-status span:first-child:before {
    content: '';
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    margin-right: 8px;
}

.header-logo .vacansy-info-status span:first-child:after {
    content: '|';
    margin-left: 5px;
}

.header-logo .vacansy-info .popup {
    min-height: 150px;
    padding: 30px 50px;
    width: 95vw;
    top: 70px;
    left: 0;
    right: 0;
    margin: auto;
    gap: 40px;
}

.header-logo .vacansy-info .popup .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

.header-logo .vacansy-info .popup .row.stay-left {
    justify-content: flex-start;
}

.header-logo {
    width: 100%;
}

.popup-btn {
    display: inline-block;
    width: max-content;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}

#add-member-btn {
    background: #E9FBF3;
}

#add-member-btn .popup-btn-heading {
    color: #30AA84;
}

#scorring-links-btn {
    background: #FEEBFE;
}

#scorring-links-btn .popup-btn-heading {
    color: #EC4AEC;
}

.popup-btn .popup-btn-heading {
    display: flex;
    justify-content: space-between;
    padding: 8px 12px;
}

.popup-btn .popup-btn-heading .icon {
    font-size: 14px;
}

.popup-btn .popup-btn-body {
    position: relative;

    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 140%;
    padding: 0 12px 20px 12px;
    color: rgba(0, 0, 0, 0.53);
}

.popup-btn .popup-btn-heading p {

    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 112%;
}

.header-logo .vacansy-info {
    margin: 0 0 0 0;
}

.popup-item {
    margin: 0 18px 10px 0;
}

.header-logo .vacansy-info .popup-item.big-block {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
}

.header-logo .vacansy-info .popup .text300 {
    color: #546E7A;
}

.header-logo .vacansy-info .popup button {
    position: absolute;
    right: 0;
    top: 0;
    margin: 15px 15px;
    background: none;
}

.header-right, .header-left, .header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 95%;
}

.header-right > div, .header-left > div, .header-logo > div {
    padding: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    position: relative;
    font-size: 14px;
    color: white;

    font-weight: 700;
}

.header-right > div:hover, .header-left > div:hover, .header-logo > div:hover {
    background-color: #1A1D5A;
}

.header-left-jobs {
    border-radius: 15px;
}

.header-left-jobs .popup {
    overflow-y: scroll;
    height: 600px;
    left: 0;
}

.header-left-jobs-popup .popup-list-item:hover {
    color: #2E4AD3;
}

.header-left-jobs, .header-right-notify, .header-right-avatar {
    cursor: pointer;
}

.header-left-jobs-popup, .header-right-notify-popup, .header-right-avatar-popup {
    cursor: default;
    border-radius: 8px;
    top: 101%;
    width: 280px;
    background-color: #FFFFFF;
    color: #263238;
    padding: 12px 0;
    position: absolute;
    z-index: 6;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .5s ease all;
    transition: .5s ease all;

    font-weight: 700;
}

.header-left-jobs-popup .popup-heading, .header-right-notify-popup .popup-heading, .header-right-avatar-popup .popup-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    padding: 0 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #ECEFF1;
}

.header-left-jobs-popup .popup-heading > p, .header-right-notify-popup .popup-heading > p, .header-right-avatar-popup .popup-heading > p {

    font-weight: 700;
}

.header-left-jobs-popup .popup-heading > button, .header-right-notify-popup .popup-heading > button, .header-right-avatar-popup .popup-heading > button {

    font-weight: 700;
    background: none;
}

.header-left-jobs-popup .popup-list, .header-right-notify-popup .popup-list, .header-right-avatar-popup .popup-list {
    padding: 0 20px;
}

.header-left-jobs-popup .popup-list-item, .header-right-notify-popup .popup-list-item, .header-right-avatar-popup .popup-list-item {
    padding: 12px 0;
    display: block;
    color: #263238;
}

.header-left-jobs-popup.show, .header-right-notify-popup.show, .header-right-avatar-popup.show {
    opacity: 1;
    visibility: visible;
}

.header-right-notify .popup-list, .header-right-avatar .popup-list {
    padding: 0 4px;
}

.header-right-notify .popup-list-item, .header-right-avatar .popup-list-item {
    border-radius: 8px;
    padding: 12px 16px;
    margin-top: 4px;
}

.header-right-notify-popup, .header-right-avatar-popup {
    right: 0;
}

.header-right-notify > a {
    position: relative;
}

.header-right-notify > a:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #ED5052;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.header-right-notify .popup-list-item {
    -webkit-box-shadow: 0px 2px 4px 0px #3939690F;
    box-shadow: 0px 2px 4px 0px #3939690F;
}

.header-right-notify .popup-list-item.new {
    background-color: #EAFFF7;
}

.header-right-notify .popup-list-item .message-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
}

.header-right-notify .popup-list-item .message-info span:nth-of-type(1) {
    margin-left: 10px;
}

.header-right-notify .popup-list-item .message-info span:last-child {
    margin-left: auto;
    font-size: 9px;
    color: #9c9c9c;
}

.header-right-notify .popup-list-item .message-content {
    color: rgba(0, 0, 0, 0.53);
}

.header-right-avatar > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-right-avatar .image {
    max-width: 32px;
    max-height: 32px;
    height: 32px;
    width: 32px;
    border-radius: 100%;
    margin-right: 8px;
}

.header-right-avatar .image img {
    border-radius: 100%;
}

.header-right-avatar .profile-info p {

    font-weight: 700;
}

.header-right-avatar .profile-info span {
    font-size: 12px;
    color: #889DA7;

    font-weight: 600;
}

.header-right-avatar .popup-heading {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-right-avatar .popup-heading button {
    margin-left: auto;
    margin-bottom: auto;
}

.header-right-avatar .popup-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-right-avatar .popup-list-item span {
    margin-left: 8px;
}

.header-right-avatar .popup-list-item:hover {
    background-color: #EBEDF3;
}

.header-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-logo a img {
    width: 40px;
    height: 40px;
}

body .overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
}

body .overlay.show {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.home .page-heading {
    padding-top: 50px !important;
}

.home-content-header .item:first-child, .home-content-header .item-infos .cell:first-child, .home-content-list > .item .item:first-child, .home-content-list > .item .item-infos .cell:first-child {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.home-content-header .item:not(:first-child), .home-content-header .item-infos .cell:not(:first-child), .home-content-list > .item .item:not(:first-child), .home-content-list > .item .item-infos .cell:not(:first-child) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.home-content-header .item:nth-last-child(2), .home-content-header .item-infos .cell:nth-last-child(2), .home-content-list > .item .item:nth-last-child(2), .home-content-list > .item .item-infos .cell:nth-last-child(2) {
    min-width: 80px;
    max-width: 80px;
}

.home-content-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.home-content-header .item {
    color: #889DA7;
}

.home-content-list .item {
    margin-bottom: 8px;
    width: 100%;
    background-color: white;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 4px 0px #3939690f;
    box-shadow: 0px 2px 4px 0px #3939690f;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.home-content-list .item-infos {
    gap: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 96px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-content-list .item-infos .cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-content-list .item-infos .cell:first-child a {
    #color: #263238;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.home-content-list .item-infos .cell:first-child:hover a {
    color: #2E4AD3;
}

.home-content-list .item-infos .cell svg {
    margin-right: 5px;
}

.home-content-list .item-infos .cell.red .redfont {
    color: #ED5052;
}

.home-content-list .item-infos .cell.red svg path {
    fill: #ED5052;
    stroke: #ED5052;
}

.home-content-list .item-infos .cell.status-md {
    cursor: pointer;

    font-weight: 700;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.home-content-list .item-infos .cell.status-md:hover .status-list {
    max-height: 100px;
}

.home-content-list .item-infos .cell.status-md .status-list {
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    top: 24px;
    position: absolute;
    width: 100%;
    z-index: 10;
    #max-height: 0;
    overflow: hidden;
}

.home-content-list .item-infos .cell.status-md .status-list-item {
    margin-top: 4px;
    float: right;
}

.home-content-list .item-infos .cell.status-md svg {
    margin-right: 0;
    margin-left: 5px;
}

.home-content-list .item-infos .cell .link300 {
    background: none;
}

.home-content-list .item-infos .cell .link300 svg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.home-content-list .item-infos .cell .link300 svg path {
    stroke: #2E4AD3;
}

.home-content-list .item-infos .cell:nth-child(4) svg {
    width: 18px;
    height: 18px;
}

.home-content-list .item-infos .cell:last-child {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home-content-list .stat-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    padding: 0;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    border-top: 2px solid rgba(0, 0, 0, 0);
}

.home-content-list .item-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    #max-height: 0;
    padding: 0;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    border-top: 2px solid rgba(0, 0, 0, 0);
}


.home-content-list .item-description-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    padding: 0;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    #border-top: 2px solid rgba(0, 0, 0, 0);
}

.item-description-2 .stat_block {
    width: calc(50% - 10px);
    min-width: 200px;
}

.stat_block .title {
    background-color: #fff;
    border-radius: 5px;
    font-weight: 700;
    font-size: 12px;
    color: #000;
    line-height: 14px;
    padding: 10px 24px;
    margin: 1px;
    position: relative;
}

.fl_item-close {
    position: absolute;
    top: 14px;
    right: 14px;

    &:before {
        width: 12px !important;
        height: 12px !important;
        background: #545454 !important;
    }

    &:hover {
        &:before {
            background: #1567F3 !important;
        }
    }
}

.stat_block .stat_content {
    border-radius: 5px;
    padding: 15px 25px;
    width: 100%;
    min-width: 400px;
    display: flex;
    flex-wrap: wrap;
    background: white;
    overflow: hidden;
}

.stat_content .item {
    width: 80%;
    font-weight: 400;
    background-color: unset;
    padding: 5px;
}

.stat_content .item_value {
    width: 20%;
    background-color: #fff;
    border-radius: 15px;
    padding: 5px;
}

.item-description-2 > div {
    flex: 50%;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.item-description-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    #gap: 50px;
    padding: 0;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    margin-top: 10px;
    column-gap: 10px;
    #border-top: 2px solid rgba(0, 0, 0, 0);
}

.fl_item {
    width: 50%;
    font-weight: 400;
    background-color: unset;
}

.stat_block .title .title_description {
    font-size: 10px;
    color: #000000;
    margin-top: 3px;
}


.home-content-list .item-description.show {
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    padding: 35px 0;
    border-top: 2px solid #ECEFF1;
}

.home-content-list .item-description-item:first-child {
    -ms-flex-preferred-size: 50%;
    #flex-basis: 50%;
}

.home-content-list .item-description-item p:last-child {
    color: #546E7A;
    margin: 4px 0;
}

.home-content-list .item-description-2 {
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    padding: 35px 0;
    #border-top: 2px solid #ECEFF1;
}


.page.modal-md {
    z-index: 4;
}

.page.modal-md input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.page.modal-md .select_wrapper {
    position: relative;
}

.page.modal-md .select_wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.page.modal-md .select_wrapper:after {
    content: url("../images/icon/dropdown_arrow.svg");
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    display: block;
    width: 10px;
    height: 10px;
    -webkit-transform: translate(-150%, -50%);
    transform: translate(-150%, -50%);
    z-index: -1;
}

.page-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-heading h1 {
    padding: 0 25px;
}

.page input::-webkit-input-placeholder, .page select::-webkit-input-placeholder, .page textarea::-webkit-input-placeholder {
    color: #889DA7;
}

.page input:-ms-input-placeholder, .page select:-ms-input-placeholder, .page textarea:-ms-input-placeholder {
    color: #889DA7;
}

.page input::-ms-input-placeholder, .page select::-ms-input-placeholder, .page textarea::-ms-input-placeholder {
    color: #889DA7;
}

.page input::placeholder, .page select::placeholder, .page textarea::placeholder {
    color: #889DA7;
}

.page input:focus-within, .page select:focus-within, .page textarea:focus-within {
    border-color: #2593D1;
}

input::placeholder {
    overflow: visible !important;
    #opacity: 1 !important;
}

.page textarea {
    min-height: 280px;
    padding-top: 12px;
}

.page.image-background-base, .page.blank {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page.image-background-base:before {
    content: "";
    background-image: url(../images/bgLogin2.png);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-filter: blur(100px);
    filter: blur(100px);
}

.page.image-background-base .form, .page.blank .form, #add-promo-form, #add-new-user-form {
    z-index: 2;
    max-width: 360px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0px 2px 4px rgba(57, 57, 105, 0.06);
    box-shadow: 0px 2px 4px rgba(57, 57, 105, 0.06);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #F6F7FB;
    border-radius: 16px;
    padding: 0 40px 40px;
}

.page.blank .form {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    max-width: 500px;
}

.page.image-background-base .survey {
    z-index: 2;
    width: 45vh;
    min-width: 280px;
    max-width: 1280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0px 2px 4px rgba(57, 57, 105, 0.06);
    box-shadow: 0px 2px 4px rgba(57, 57, 105, 0.06);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #F6F7FB;
    border-radius: 16px;
    padding: 50px 40px;
}

.form > * {
    margin: 8px 0;
}

.form h1 {

    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    line-height: 132%;
    color: #263238;
}

.form.full-width h1 {
    font-size: 32px;
    line-height: 112%;
}

.form p {
    color: grey;
    margin-top: 0;
}

.form input {
    height: 50px;
    border-radius: 8px;
}

.form button {
    height: 38px;
    border-radius: 8px;
    background-color: #2E4AD3;
    color: #fff;
}

.form button {
    margin-left: 5px;
    margin-right: 5px;
}

.form button:first-child {
    margin-left: 0;
}

.form button:last-child {
    margin-right: 0;
}


/*.form a {
    display: block;
}

.form a:first-child {
    margin-top: 0;
}*/

/*.form a:not(:first-child) {
    text-align: end;

    font-weight: 700;
    font-size: 12px;
    color: #2E4AD3;
}

.form a:not(:first-child):hover {
    color: #2D42B9;
}*/

.form input[type='submit'],
#add-new-promo-btn {
    width: max-content;
    line-height: 14px;
    font-size: 14px;
    padding: 13px 40px;

    font-weight: 700;
    background-color: #2E4AD3;
    color: white;
}

.form.full-width button,
.form.full-width input[type='submit'] {
    width: 100%;
    padding: 13px auto;
}

.form button:hover,
#add-new-promo-btn {

}

#add-new-promo-btn {
    position: absolute;
    border-radius: 8px;
    right: 0;
    width: 15%;
    margin-right: 25px;
}

#add-promo-form {
    background-color: #fff;
    margin: 15px auto;
    display: none;
}

.page.profile {
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page.profile .profile-infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25px 0;
}

.page.profile .profile-infos .image img {
    height: 70px;
    width: 70px;
    border-radius: 100%;
    border: 4px solid #eceff1;
    -o-object-fit: cover;
    object-fit: cover;
}

.page.profile .profile-infos .info {
    margin-left: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.page.profile .profile-infos .info span {
    color: #889DA7;
}

.page.profile .profile-tabs-item {
    background-color: white;
    color: #889DA7;
    border-radius: 8px 8px 0 0;
    padding: 10px 20px;
}

.page.profile .profile-tabs-item:hover {
    background-color: #F6F7FB;
    color: #546E7A;
}

.page.profile .profile-tabs-item.active {
    background-color: #F6F7FB;
    color: #546E7A;
}

.page.profile .profile-contents {
    width: 100%;
    height: 100%;
    background-color: #F6F7FB;
    padding: 30px 0;
}

.page.profile .profile-contents > div {
    max-width: 600px;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}

.page.profile .profile-contents > div.show {
    opacity: 1;
    visibility: visible;
}

.page.profile .profile-contents .item-profile .form button:last-child, #survey-btn {
    background-color: #2E4AD3;
    padding: 13px 40px;
    border-radius: 8px;

    font-weight: 700;
    font-size: 14px;
    color: white;
    margin: 24px 0;
}

.survey > input[type=file] {
    display: none;
}

.survey-file-input {
    width: 100%;
    height: 100%;
    background: #ED5052;
    color: white;
    margin-bottom: 8px;
    position: relative;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 16px;
    -webkit-box-shadow: 0px 2px 4px 0px #3939690f;
    box-shadow: 0px 2px 4px 0px #3939690f;
    text-align: center;
}

#survey-btn {
    margin-bottom: 8px;
    position: relative;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px;
    -webkit-box-shadow: 0px 2px 4px 0px #3939690f;
    box-shadow: 0px 2px 4px 0px #3939690f;
    text-align: center;
}

.survey-file-input:hover {
    background: #d3383a;
}

.page.profile .profile-contents .item-profile .form button:last-child:hover {
    background-color: #2D42B9;
}

.dashboard_buttons {
    display: flex;
    padding: 10px 0px 5px 30px;
}

.test-block-end {
    display: none;
}

.test-block-end.active {
    display: block;
}

.form-contact {
    display: flex;
    margin-bottom: 10px;
}

.form-contact a {
    margin-right: 10px;
    width: 32px;
}

.form-contact a:hover {
    opacity: .7;
}

.button-container {
    display: flex;
    justify-content: flex-start;
}

.main-form {
    max-width: 600px;
}

.button-create {
    max-width: 250px;
}

.form-item_main textarea {
    width: 100%;
    position: relative;
    min-height: 50px;
    background: white;
    border-radius: 5px;
    font-size: 14px !important;
    padding: 23px 17px 0;
    border: 1px solid rgba(218, 222, 226, 1);
}

.test-create .form-item_main .form-item__label {
    color: rgba(84, 84, 84, 1);
    font-size: 12px;
    position: absolute;
    top: 1px;
    left: 17px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
    width: 88%;
}

#user-notes {
    display: block !important;
}

.h-50-p {
    height: 50px !important;
}

.h-58-p {
    height: 58px !important;
}

.m-0-important {
    margin: 0 !important;
}

.m-0-20 {
    margin: 20px 0 0 !important;
}

.form-item__name {
    margin-bottom: 50px !important;
}

.question-answer-columns {
    display: flex;
    font-size: 14px;
    margin-bottom: 20px;
}

.question-answer__column {
    width: 100%;
}

.question-answer__column_true {
    width: 86px;
    margin-right: 20px;
    flex-shrink: 0;
    text-align: center;
}

.question-answer__item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 0 !important;
}

.question-answer__check {
    width: 86px;
    margin-right: 20px;
    flex-shrink: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.question-answer__check .check {
    width: 20px;
    height: 20px;
    border: 1px solid #444;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.question-answer__check .icon {
    display: none;
}


.question-answer__check .icon:before {
    width: 14px;
    height: 14px;
}

.question-answer__check input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    left: 0;
    top: 0;
}

.question-answer__check input:checked + label .icon {
    display: block;
}

.question-answer__check label {
    cursor: pointer;
}

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

.question-answer__main-filled {
    position: relative;
    width: 100%;
}

.main-form-test {
    position: relative;
}

.load.main-form-test {
    display: block;
}

.spinner-form {
    height: 500px;
    max-width: 600px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner-form.load {
    display: none;
}

.icon-delete {
    position: absolute;
    top: 10px;
    left: calc(100% + 10px);
    height: 30px !important;
    background: transparent !important;
}

.icon-delete:hover .icon:before {
    background: #1567F3;
}


.icon-delete .icon:before {
    width: 20px;
    height: 20px;
}

@media (max-width: 767px) {
    .main-form-test {
        padding-right: 40px;
    }

    .item-description-2 .stat_block {
        width: 100%;
    }

    .dashboard_buttons {
        padding-left: 0;
    }

    .board_buttons {
        display: flex;
    }

    .board_buttons a {
        margin-right: 5px;
    }

    .page.dashboard {
        padding-left: 0 !important;
    }

    .instruction-content ul {
        padding-left: 0;
    }
}

.base-table__td, .base-table__th {
    line-height: 1.2;
}

.page.dashboard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    min-height: 85vh;
    padding: 10px 22px;
    user-select: none;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}

.button-menu-hamburger {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page.dashboard .dashboard-row {
    min-width: 250px;
    max-width: 250px;
    #min-height: 85vh;
    vertical-align: top;
    display: inline-block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    #border-right: 0.5px solid;
    # -o-border-image: linear-gradient(0deg, rgba(238, 239, 244, 0) 0%, #e2e6e9 15%, #e2e6e9 85%, rgba(226, 230, 233, 0) 100%) 1;
    # border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(238, 239, 244, 0)), color-stop(15%, #e2e6e9), color-stop(85%, #e2e6e9), to(rgba(226, 230, 233, 0))) 1;
    # border-image: linear-gradient(0deg, rgba(238, 239, 244, 0) 0%, #e2e6e9 15%, #e2e6e9 85%, rgba(226, 230, 233, 0) 100%) 1;
    border-color: #cfcfcf;
    margin-right: 5px;
}

.dashboard-row {
    #background-color: #ededed;
    #padding-top: 10px !important;
    border-radius: 15px;
}

.page.dashboard .dashboard-row-heading[rel=""] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
    background-color: #ededed;
    margin: 10px 0px 0px 0px;
    justify-content: center;
    padding: 10px;
    #border-top-left-radius: 15px;
    #border-top-right-radius: 15px;
    border-radius: 15px;
}

.page.dashboard .dashboard-row-heading[rel="empty"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    background-color: #ededed;
    margin: 10px 0px 0px 0px;
    padding: 10px;
    border-radius: 15px;
}

.page.dashboard .dashboard-row-heading .addButton + .popup {
    top: 50%;
    left: 50%;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 280px;
}

.page.dashboard .dashboard-row-heading {
    margin-top: 15px;
}

.page.dashboard .dashboard-row-heading .addButton + .popup .popup-list {
    padding: 0 8px;
}

.page.dashboard .dashboard-row-heading p {
    margin-right: 8px;
    white-space: normal;
}

.page.dashboard .dashboard-row-heading > span {
    font-size: 11px;
}

.page.dashboard .dashboard-row-heading .filter {
    margin-left: auto;
    position: relative;
}

.page.dashboard .dashboard-row-heading .filter span {

    font-weight: 700;
    color: #889DA7;
    cursor: pointer;
}

.page.dashboard .dashboard-row-heading .filter span svg {
    margin-left: 4px;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.page.dashboard .dashboard-row-heading .filter span svg path {
    stroke: #889DA7;
}

.page.dashboard .dashboard-row-heading .filter.show > span svg {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.page.dashboard .dashboard-row-heading .filter.show .filter-list {
    opacity: 1;
    visibility: visible;
}

.page.dashboard .dashboard-row-heading .filter-list {
    opacity: 0;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    visibility: hidden;
    margin-top: 8px;
    position: absolute;
    z-index: 2;
    background: white;
    right: 0;
    min-width: 160px;
    padding: 6px 8px;
    -webkit-box-shadow: 0px 4px 16px 0px #39396929;
    box-shadow: 0px 4px 16px 0px #39396929;
    border-radius: 8px;
}

.page.dashboard .dashboard-row-heading .filter-list-item {
    margin: 12px 0;
    display: block;

    font-weight: 600;
    padding: 6px 8px;
}

.page.dashboard .dashboard-row-heading .filter-list-item:hover {
    background-color: #f6f7fb;
    border-radius: 8px;
}

.page.dashboard .dashboard-row-list {
    #min-height: 400px;
    min-height: 100px;
    background-color: transparent;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
    height: 100%;
    overflow: auto;
}


.page.dashboard .dashboard-row-list[rel="empty"] {
    /* height: 100%;*/
    /* min-height: 85vh !important;*/
    /*  background-color: unset !important;*/
}

.sortable-placeholder {
    height: 100px; /* Можно настроить по высоте карточек */
    background: rgba(0, 0, 0, 0.1);
    border: 2px dashed #ccc;
    margin-bottom: 10px;
}

/*.page.dashboard .dashboard-row-list[rel=""] {
    background-color: #ededed !important;
}*/

.dashboard-row-list-items {
    background-color: #ededed !important;
}


.page.dashboard .dashboard-row-list-item {
    margin-bottom: 8px;
    position: relative;
    min-height: 90px;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    background-color: #fff;
    padding: 12px 16px;
    -webkit-box-shadow: 0px 2px 4px 0px #3939690f;
    box-shadow: 0px 2px 4px 0px #3939690f;
}

.page.dashboard .dashboard-row-list-item.yellowstatus:after, .page.dashboard .dashboard-row-list-item.redstatus:after, .page.dashboard .dashboard-row-list-item.greystatus:after, .page.dashboard .dashboard-row-list-item.greenstatus:after {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px 5px;
    border-radius: 0 8px;
    background-color: #F6C854;

    font-weight: 700;
    font-size: 10px;
}

.page.dashboard .dashboard-row-list-item.redstatus:after {
    content: attr(status);
    background-color: #ED5052;
    color: white;
}

.page.dashboard .dashboard-row-list-item.yellowstatus:after {
    content: attr(status);
    color: white;
}

.page.dashboard .dashboard-row-list-item.greystatus:after {
    content: attr(status);
    background-color: #E2E6E9;
    color: #546E7A;
}

.page.dashboard .dashboard-row-list-item.greenstatus:after {
    content: attr(status);
    background-color: #30AA84;
    color: white;
}

.page.dashboard .dashboard-row-list-item.newstatus:after {
    background-color: #E9FBF3;
    content: attr(status);
}

.page.dashboard .dashboard-row-list-item .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.page.dashboard .dashboard-row-list-item .info img {
    max-height: 36px;
    max-width: 36px;
    min-height: 36px;
    min-width: 36px;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: 8px;
}

.page.dashboard .dashboard-row-list-item .info .name {
    color: #263238;

    font-weight: 700;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.page.dashboard .dashboard-row-list-item .info .name p {
    color: #263238;

    font-weight: 700;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}

.page.dashboard .dashboard-row-list-item .info .name span {
    color: #889DA7;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    text-overflow: ellipsis;
}

.page.dashboard .dashboard-row-list-item .info .name span span {
    display: block;
}

.page.dashboard .dashboard-row-list-item .system {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.page.dashboard .dashboard-row-list-item .system span {
    color: #889DA7;
}

.page.dashboard .dashboard-row-list-item .system span svg {
    margin-right: 4px;
}

.date img {
    margin-right: 4px;
    transform: translateY(-1px);
}

.page.dashboard .dashboard-row-list-item .system .message, .page.dashboard .dashboard-row-list-item .system .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page.dashboard .dashboard-row-list-item .system .message svg, .page.dashboard .dashboard-row-list-item .system .date svg {
    -ms-flex-item-align: baseline;
    align-self: baseline;
}

.page.dashboard .dashboard-row-list-item .system .message svg {
    margin-top: 1px;
}

.page.dashboard .dashboard-row-list-item:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

.page.messaging {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    height: 100vh;
}

.page.messaging .messaging-side {
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    margin-top: 68px;
    padding: 32px;
    max-height: calc(100dvh - 68px);
    overflow: auto;
}

.page.messaging .messaging-side span {

    font-weight: 700;
    color: #263238;
    font-size: 18px;
    display: block;
    margin-bottom: 8px;
}

.page.messaging .messaging-side p {
    color: #546E7A;
    margin-bottom: 24px;
}

.page.messaging .messaging-content {
    margin-top: 68px;
    height: auto;
    background-color: white;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.page.messaging .messaging-content .popup-messages-send {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 32px;
    position: -webkit-sticky;
    position: sticky;
    background: white;
    bottom: 0;
}

.page .message.red {
    color: #ED5052 !important;
}

.page .message.red svg path {
    fill: #ED5052;
    stroke: #ED5052;
}

.addButton {

    font-weight: 600;
    font-size: 12px;
    background: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #546E7A;
    border-radius: 16px;
    border: 1px dashed #CFD8DC;
    padding: 8px 8px;
    margin-right: 8px;
}

.addButtonImport {

    font-weight: 800;
    font-size: 12px;
    background-color: #ff03ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border-radius: 16px;
    border: 1px dashed #CFD8DC;
    padding: 8px 8px;
    margin-right: 8px;
}

.addButton svg {
    margin-right: 8px;
}

.addButton:hover {
    background-color: #eceff1;
}

.tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8px;
    padding-bottom: 16px;
}

.tags:empty {
    padding: 0;
}

.tags > div {
    font-size: 10px;

    font-weight: 700;
    padding: 3px 5px;
    border-radius: 8px;
    margin-right: 5px;
    border: 1px solid rgba(0, 0, 0, 0);
}

.tags > div svg {
    opacity: 0;
    display: none;
}

.tags > div.current > svg {
    opacity: 1;
    display: block;
}

.tags > div input {
    background: none;
    border: none;
    padding: 0 !important;
    font-size: 16px !important;

    font-weight: 700;
    border: 1px solid rgba(0, 0, 0, 0);
}

.tags > div.blue {
    color: #2593D1 !important;
    background-color: #E4F8FF;
}

.tags > div.blue > span, .tags > div.blue input {
    color: #2593D1 !important;
}

.tags > div.blue svg path {
    stroke: #2593D1;
}

.tags > div.blue:hover {
    background-color: #B5ECFE;
}

.tags > div.green {
    color: #30AA84 !important;
    background-color: #E9FBF3;
}

.tags > div.green > span, .tags > div.green input {
    color: #30AA84 !important;
}

.tags > div.green svg path {
    stroke: #30AA84;
}

.tags > div.green:hover {
    background-color: #CAF7E4;
}

.tags > div.pink {
    color: #EC4AEC !important;
    background-color: #FEEBFE;
}

.tags > div.pink > span, .tags > div.pink input {
    color: #EC4AEC !important;
}

.tags > div.pink svg path {
    stroke: #EC4AEC;
}

.tags > div.pink:hover {
    background-color: #FDD6FD;
}

.tags > div.yellow {
    color: #DC902E !important;
    background-color: #FFF7DB;
}

.tags > div.yellow > span, .tags > div.yellow input {
    color: #DC902E !important;
}

.tags > div.yellow svg path {
    stroke: #DC902E;
}

.tags > div.yellow:hover {
    background-color: #FFEFB7;
}

.popup {
    cursor: default;
    border-radius: 25px;
    border-width: 0px;
    background-color: #ffffff;
    color: #263238;
    #padding: 12px 0;
    position: absolute;
    z-index: 6;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;

    font-weight: 700;
}

.popup .popup-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    #padding: 0px 10px 0px 20px;
    #margin-top: 40px;
    #padding-bottom: 12px;
    #border-bottom: 1px solid #ECEFF1;
    #background-color: #3B40C4;
    color: #fff;
}

.popup-heading .form {
    padding-top: 10px;
    color: #fff !important;
}

.popup .popup-heading > p {

    font-weight: 700;
}

.popup .popup-heading > button {

    font-weight: 700;
    background: none;
}

.popup .popup-list button, .get-link-btn {
    height: 40px;
    width: 100%;
    color: white !important;
    background-color: #2E4AD3;
    border: none;
    border-radius: 8px;

    font-weight: 700;
    margin-top: 8px;
}

.popup .popup-list button:hover, .get-link-btn:hover {
    background-color: #2D42B9;
}

.popup.show {
    opacity: 1;
    visibility: visible;
}

.popup .settings .popup {
    top: 32px;
    left: 0;
}

.popup .settings .popup-list {
    padding: 0 20px;
}

.popup .settings .popup-list-item {
    padding: 12px 0;
    display: block;
    color: #263238;
    text-align: left;
}

.popup .settings .popup-list-item:hover {
    color: #2E4AD3;
}

.popup .status-md {
    position: relative;
    width: 120px;
    bottom: 10%;
    #margin: auto;
}

.popup .status-md > span {
    margin-right: 8px;
}

.popup .status-md .status-list {
    position: absolute;
    max-height: 0;
    overflow: hidden;
    top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
    z-index: 10;
}


.popup .status-md .status-list-item {
    margin-top: 5px;
}

.status-list.show {
    max-height: 200px !important;
}

.popup.card {
    max-width: 1000px;
    min-height: 600px;
    width: 100%;
    display: -ms-grid;
    #display: grid;
    opacity: 1;
    #-ms-grid-columns: 1fr 1fr;
    #grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 70px 1fr;
    grid-template-rows: 70px 1fr;
    grid-template-areas: "head message"
    "result message";
    # "result message";
    #gap: 0 30px;
    top: 80px !important;
    visibility: visible;
    #overflow-y: scroll;
    #max-height: 85%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background-color: #F5F6FA;
}

.popup.card::-webkit-scrollbar {
    display: none;
}

.popup.card > div {
    display: inline-block;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.popup.card > .popup-heading {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: head;
    position: relative;
    width: 100%;
    border-radius: 25px 25px 0px 0px;
    min-height: 50px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.popup.card > .popup-heading .closeModal {
    position: absolute;
    right: 15px;
    cursor: pointer;
    font-size: 20px;
    top: 17px;
}

.popup.card > .popup-heading .popup-heading-image {
    position: relative;
}

.popup.card > .popup-heading .popup-heading-image > img {
    width: 120px;
    border-radius: 32px;
    border: 4px solid #fff;
    -o-object-fit: cover;
    object-fit: cover;
}

.popup.card > .popup-heading .popup-heading-image .settings {
    top: 0;
    z-index: 1;
    cursor: pointer;
    width: 32px;
    background-color: #eceff1;
    height: 32px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    border-radius: 100%;
    position: absolute;
    left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translate(-25%, -15%);
    transform: translate(-25%, -15%);
}

.popup.card > .popup-heading .popup-heading-image .settings .popup-heading a {
    cursor: pointer;
}

.popup.card > .popup-heading .popup-heading-image .settings img {
    max-width: 16px;
}

.popup.card > .popup-heading .popup-heading-image .settings .popup {
    min-width: 240px;
}

.popup.card > .popup-heading .popup-heading-info {
    padding-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 30px;
}

.popup-heading-info .label400 {
    font-size: 14px;
    font-weight: 700;
}

.popup.card > .popup-heading .popup-heading-info p {
    margin: 4px 0;
}

.popup.card > .popup-heading .popup-heading-info span {
    color: #fff;
}

.popup.card > .popup-heading .popup-heading-info span.id {
    margin-left: 8px;
}

.popup.card > .popup-heading .popup-heading-info span.registration > span {
    color: #263238;
}

.popup.card > .popup-heading .popup-heading-info .tags {
    margin-top: 16px;
    max-width: 355px;
    padding: 0;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.popup.card > .popup-heading .popup-heading-info .tags > div, .popup.card > .popup-heading .popup-heading-info .tags > .addButton, .popup.card > .popup-heading .popup-heading-info .tags > input {
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 16px;
    margin-bottom: 5px;
}

.popup.card > .popup-heading .popup-heading-info .tags > .popup {
    top: 100%;
    min-width: 280px;
}

.popup.card > .popup-heading .popup-heading-info .tags > .popup .popup-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popup.card > .popup-heading .popup-heading-info .tags > .popup .popup-list > div {
    cursor: pointer;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    margin-right: 0;
    margin-bottom: 4px;
}

.popup.card > .popup-heading .popup-heading-info .tags > .popup .popup-list > div.focus:focus-within {
    border: 1px solid;
}

.popup.card > .popup-heading .popup-heading-info .tags > .popup .popup-list > div > input {
    max-width: 184px;
}

.popup.card > .popup-heading .popup-heading-info .tags > .popup .popup-list > div > svg {
    min-width: 16px;
    min-height: 16px;
    margin-right: 8px;
}

.popup.card > .popup-heading .popup-heading-info .tags > .popup .popup-list > div span:hover:after {
    content: url("../images/icon/pensil.svg");
    max-width: 16px;
    max-height: 16px;
    margin-left: 10px;
}

.popup.card > .popup-heading .popup-heading-info .tags > .popup .popup-list > div button {
    margin: 0;
    min-width: 28px;
    width: 28px;
    height: 28px;
}

.popup.card > .popup-heading .popup-heading-info .tags > .popup .popup-heading {
    padding: 0;
    padding-bottom: 12px;
}

.popup.card .limited {
    max-width: 100%;
    margin: 0 5%;
}

.popup.card .limited p {
    font-size: 14px;
    line-height: 140%;
    margin: 8px 0;
}

.popup.card .limited p.question {

    font-weight: 700;
    color: #263238;
}

.popup.card .limited p.answers {

    font-weight: 400;
    color: #546E7A;
}

.popup.card .limited .timespent {
    color: #889DA7;

    font-weight: 600;
    margin-bottom: 24px;
    display: block;
}

.popup.card .limited .timespent strong {
    color: #2593D1;

    font-weight: 700;
}

.popup.card .popup-results {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: result;
    padding: 0 20px;
    #padding-left: 50px;
    #border-bottom: 2px solid #ECEFF1;
}

.popup.card .popup-results-test, .popup.card .popup-results-result {
    margin: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.popup.card .popup-results-test > p, .popup.card .popup-results-result > p {
    margin: 0 16px;
}

.popup.card .popup-results-result button {
    margin-top: 16px;
}

.popup.card .popup-results-result .result-content {
    -webkit-transition: 1s ease all;
    transition: 1s ease all;
    max-height: 180px;
    overflow: hidden;

}

.popup.card .popup-results-result .result-content p {
    color: #546E7A;
}

.popup.card .popup-results-result .result-content p:first-child {
    margin: 16px 0;
}

.popup.card .popup-results-result .result-content p {
    color: #263238;

    font-weight: 500;
}

.popup.card .popup-results-result .result-content .heading {
    font-size: 16px;
    color: #263238;

    font-weight: 700;

}

.popup.card .popup-results-result .result-content .bold {
    font-weight: 700;
}

.__popup.card .popup-results button {
    color: #546E7A;
    font-size: 12px;

    font-weight: 700;
    background-color: #ECEFF1;
    border-radius: 8px;
    padding: 10px 12px;
}

.popup.card .popup-results button svg {
    margin-left: 10px;
}

.popup.card .popup-results button svg path {
    stroke: #546E7A;
}

.popup.card .popup-results-test .test-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: 1s ease all;
    transition: 1s ease all;
}

.popup.card .popup-results-test .test-content button svg {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}


}

.popup.card .popup-results-result .notes {
    margin-top: 15px !important;
    -webkit-transition: 1s ease all;
    transition: 1s ease all;
    height: 50px;
    min-height: 100px;
    max-height: 180px;
    overflow-y: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.popup.card .popup-results-result .notes-empty {
    margin-top: 15px;
    background-color: #eceff1;
    border-radius: 10px;
    height: 70px;
    border: 0.5px solid #DEDEDE !important;
}

.popup.card .popup-messages {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 2;
    grid-area: message;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: -webkit-sticky;
    position: sticky;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100%;
    top: 0;
    right: 0;
    #padding: 0 20px;
    min-height: 100%;
}

.popup.card .popup-messages > * {
    padding: 0 20px;
}

.popup.card .popup-messages-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 400px;
    #padding-top: 50px;
}

.popup.card .popup-messages-heading {
    position: relative;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 50px;
    background-color: #3B40C4;
    color: #fff;
}

.popup-messages-heading .label400 {
    font-size: 14px;
    font-weight: 700;
}

.popup.card .popup-messages-heading > img {
    width: 24px;
    height: 24px;
}

.popup.card .popup-messages-heading > p {
    margin: 0 16px;
}

.popup.card .popup-messages-heading > span {
    min-width: 15px;
    min-height: 16px;
    background-color: #ECEFF1;
    text-align: center;
    border-radius: 100%;
}

.popup-messages .sender, .popup-messages .my, .messaging .sender, .messaging .my {
    position: relative;
}

.popup-messages .sender.typing, .messaging .sender.typing {
    min-height: 32px;
}

.popup-messages-content, .messaging-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popup-messages-content-wrapper, .messaging-content-wrapper {
    overflow-y: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.popup-messages-content-wrapper::-webkit-scrollbar, .messaging-content-wrapper::-webkit-scrollbar {
    width: 6px;
}

.popup-messages-content-wrapper::-webkit-scrollbar-thumb, .messaging-content-wrapper::-webkit-scrollbar-thumb {
    background-color: #B0BEC5;
    border-radius: 3px;
    margin-left: 24px;
}

.popup-messages-content .message, .messaging-content .message {
    display: block;
    padding: 6px 12px;
    margin: 1px 0;
    border-radius: 16px;
    max-width: 624px;

    font-weight: 600;
    #word-break: break-all;
    white-space: pre-line;
}

.popup-messages-content .message a, .messaging-content .message a {
    color: #2E4AD3;
    text-decoration: underline;
}

.popup-messages-content .message a:hover, .messaging-content .message a:hover {
    color: #2D42B9;
}

.popup-messages-content .message ol, .popup-messages-content .message ul, .messaging-content .message ol, .messaging-content .message ul {
    list-style-position: inside;
}

.popup-messages-content .message.message-system, .messaging-content .message.message-system {
    background: none !important;
    font-family: 12px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    color: #1C79AE;
    margin-bottom: 16px;
}

.popup-messages-content .message.message-system .message-system-time, .messaging-content .message.message-system .message-system-time {
    color: #B0BEC5;
}

.popup-messages-content .my, .messaging-content .my {
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.popup-messages-content .my .message, .messaging-content .my .message {
    background-color: #E0E6F8;
}

.popup-messages-content .my .message.message-system, .messaging-content .my .message.message-system {
    text-align: right;
}

.popup-messages-content .sender .sender-img, .messaging-content .sender .sender-img {
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

.popup-messages-content .sender .sender-img img, .messaging-content .sender .sender-img img {
    border-radius: 100%;
}

.popup-messages-content .sender.typing .message, .messaging-content .sender.typing .message {
    padding: 0;
    position: relative;
    left: -9985px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #B0BEC5;
    color: #B0BEC5;
    -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    -webkit-animation: dotTyping 1.5s infinite linear;
    animation: dotTyping 1.5s infinite linear;
}

@-webkit-keyframes dotTyping {
    0% {
        -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
        box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    }

    16.667% {
        -webkit-box-shadow: 9984px -10px 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
        box-shadow: 9984px -10px 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    }

    33.333% {
        -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
        box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    }

    50% {
        -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px -10px 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
        box-shadow: 9984px 0 0 0 #B0BEC5, 9999px -10px 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    }

    66.667% {
        -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
        box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    }

    83.333% {
        -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px -10px 0 0 #B0BEC5;
        box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px -10px 0 0 #B0BEC5;
    }

    100% {
        -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
        box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    }
}

@keyframes dotTyping {
    0% {
        -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
        box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    }

    16.667% {
        -webkit-box-shadow: 9984px -10px 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
        box-shadow: 9984px -10px 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    }

    33.333% {
        -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
        box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    }

    50% {
        -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px -10px 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
        box-shadow: 9984px 0 0 0 #B0BEC5, 9999px -10px 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    }

    66.667% {
        -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
        box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    }

    83.333% {
        -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px -10px 0 0 #B0BEC5;
        box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px -10px 0 0 #B0BEC5;
    }

    100% {
        -webkit-box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
        box-shadow: 9984px 0 0 0 #B0BEC5, 9999px 0 0 0 #B0BEC5, 10014px 0 0 0 #B0BEC5;
    }
}

.popup-messages-content .sender.typing .message-system, .messaging-content .sender.typing .message-system {
    display: none;
}

.popup-messages-content .sender .message, .messaging-content .sender .message {
    background-color: #E2E6E9;
    display: table;
    margin-left: 40px;
}

.popup-messages-content .sender .message-system, .messaging-content .sender .message-system {
    display: block;
    margin-left: 32px;
}

.popup-messages-send, .messaging-send {
    width: 100%;
    #border-top: 0.6px solid #F6F7FB;
    min-height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.popup-messages-send button, .messaging-send button {
    background: none;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.popup-messages-send button:last-child, .messaging-send button:last-child {
    background: #E0E6F8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


.popup-messages-send button:last-child svg path, .messaging-send button:last-child svg path {
    stroke: #2E4AD3;
}

.popup-messages-send input, .messaging-send input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    font-size: 16px;

    font-weight: 600;
}

.popup-messages-content, .popup-messages-send, .messaging-content, .messaging-send {
    padding: 0 25px;
}

.popup-messages .system-chose, .messaging .system-chose {
    margin: 0 auto;
}

.popup-messages-send {
    padding: 0 !important;
}

.popup-messages .system-chose span, .messaging .system-chose span {
    display: block;
    text-align: center;
}

.popup-messages .system-chose button, .messaging .system-chose button {
    padding: 10px 20px;

    font-weight: 600;
    font-size: 16px;
    color: white;
    background-color: #2E4AD3;
    border: none;
    border-radius: 8px;
}

.popup-messages .system-chose button:hover, .messaging .system-chose button:hover {
    background-color: #2D42B9;
}


.modal-md {
    max-width: 360px;
    padding: 40px;
    background-color: #F6F7FB;
}

.modal-md .addFile, .modal-md .submitButton {
    font-size: 14px;
}

.modalHeading {
    font-size: 24px;

    font-weight: 700;
}

.modalText {

    font-weight: 400;
    color: #546E7A;
}

.submitButton {
    margin-top: 12px;
    width: 100%;
    height: 40px;
    color: white;

    font-weight: 700;
    background: #2a60e4;
    border-radius: 8px;
}

.submitButton:hover {
    background-color: #2E4AD3;
}

.addFile {
    padding: 12px;
    margin: 8px 0;
    background-color: #E0E6F8;
    color: #2E4AD3;

    font-weight: 700;
    border-radius: 8px;
}

.addFile:before {
    content: "+";
    font-size: 18px;

    font-weight: 700;
    margin-right: 5px;
}

.file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.file button {
    background: none;
}

.file * > {
    display: block;
}

.file span:last-child {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    color: #B0BEC5;
}

.confirm {
    margin: 8px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.confirm input {
    width: 24px;
    height: 24px;
    margin-right: 16px;
}

.confirm.checkbox label, .confirm.radio label {

    font-weight: 400;
    font-size: 14px;
    margin: 0;
}

.switch-toggle {
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.switch-toggle > span {
    margin: 0 4px 0 8px;
}

.switch-toggle .switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 24px;
    margin: 0;
}

.switch-toggle .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.switch-toggle .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #CFD8DC;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.switch-toggle .switch .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.switch-toggle .switch input:checked + .slider {
    background-color: #2E4AD3;
}

.switch-toggle .switch input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #2E4AD3;
    box-shadow: 0 0 1px #2E4AD3;
}

.switch-toggle .switch input:checked + .slider:before {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}

.switch-toggle .switch .slider.round {
    border-radius: 34px;
}

.switch-toggle .switch .slider.round:before {
    border-radius: 50%;
}

.tooltip {
    position: relative;
    opacity: 1;
}

.tooltip:hover .tooltip-content {
    opacity: 1;
    visibility: visible;
}

.tooltip-content {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    bottom: 100%;
    background: white;
    min-width: 175px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 8px 12px;
    -webkit-box-shadow: 0px 2px 4px rgba(57, 57, 105, 0.06);
    box-shadow: 0px 2px 4px rgba(57, 57, 105, 0.06);
    left: 50%;
    -webkit-transform: translate(-50%, -15%);
    transform: translate(-50%, -40%);
}

.tooltip-content:after {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: white;
}

.tooltip > img:hover + .tooltip-content {
    opacity: 1;
    visibility: visible;
}

/*# sourceMappingURL=style.css.map */

.promotion-for-columns-table, .promotion-for-columns-table tr {
    border: 1px solid #dfe1e1;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    border-radius: 1em;
}

.promotion-for-columns-table td, .promotion-for-columns-table th {
    text-align: center;
    border: 1px solid #dfe1e1;

    color: #263238;
    width: 50%;
}

.promotion-for-columns-table th {
    font-weight: 700;
    font-size: 18px;
}

.promotion-for-columns-table td {
    font-weight: 500;
    font-size: 12px;
}

.pre-post-survey-label {
    font-size: 12px;
    color: #000;
}


.vacansy-info > .popup > .popup-btn-list {
    display: block;
}

#add-new-member-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 280px;
}

#add-new-member-popup > .popup-list {
    padding: 0 8px;
}

.error {
    color: red !important;
}

.success {
    color: green !important;
}

[contenteditable="true"] {
    background-color: transparent;
}

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

[contenteditable="true"]:focus {
    border: 2px solid rgb(46, 126, 246);
    background-color: #fff;
}

.flex-break {
    flex-basis: 10%;
    height: 0;
}

.small_gray_title {
    font-size: 10px;
    color: #889DA7;
    font-weight: 0px;
}


.container {
    padding-left: 0px;
}

.card-info {
    width: 100%;
    margin-top: 20px;
    border-radius: 25px;
    background-color: #fff;
    padding: 15px
}

.card-more {
    width: 100%;
    margin-top: 20px;
    border-radius: 25px;
    background-color: #fff;
    padding: 15px
}

.card-info-content,
.card-info-content-row {
    display: table-cell;
}

.row {
    #background-color: #c9c9c9;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
}

.card-avatar {
    width: 45px;
}

#card-title {
    font-size: 16px;
    font-weight: 700;
}

.candidate-info-label200 {
    color: #889DA7;
    font-size: 11px;
    font-weight: 600;
}

.candidate-info-regdate {
    color: #889DA7;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
}

.set_prepared_text {
    border-radius: 10px;
    margin-right: 5px;
    background-color: #3035B1;
    border-width: 0px;
    font-size: 12px;
}

.operator_chat_input {
    width: 100%;
    height: 47px;
    font-size: 12px !important;
    color: #889DA7 !important;
    background: #FFFFFF;
    border: 0.5px solid #DEDEDE !important;
    border-radius: 10px;
    font-size: 12px;
}

.popup-messages-send .operator-btn-send {
    background-color: #3F8CFF !important;
    font-size: 14px;
    color: #fff;
    width: 100%;
}

#user-info p {
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 12px;
    text-wrap: nowrap;
}

.row .stage_status {
    position: relative;
    width: 100%;
    height: 50px;

    background: #FFFFFF;
    border: 2px solid #3F8CFF;
    border-radius: 10px;
    padding: 8px 5px 5px 5px;

    font-weight: 500px !important;
    font-size: 14px;
    line-height: 15px;
    font-style: normal;
}

.stage_status.yellowstatus:after, .stage_status.redstatus:after, .stage_status.greenstatus:after, .stage_status.greystatus:after {
    position: absolute;
    padding: 3px 5px;
    top: -2px;
    right: -2px;
    border-radius: 0 8px;
    background-color: #F6C854;

    font-weight: 700;
    font-size: 10px;
    #z-index: 6;
}


.stage_status.greenstatus:after {
    content: attr(status);
    background-color: #30AA84;
    color: #fff;
}

.stage_status.greystatus:after {
    content: attr(status);
    background-color: #E2E6E9;
    color: black;
}

.stage_status.redstatus:after {
    content: attr(status);
    background-color: #ED5052;
    color: white;
}

.messages-info-block {
    background-color: #ECFCEC;
    min-height: 50px;
    width: 100%;
    paddin-bottom: 0px;
    margin-bottom: 0px;
}

.messages-info-block-warning {
    background-color: #FAD7D7;
    min-height: 50px;
    width: 100%;
    color: black;

}

.messages-info-block-icon {
    margin: 10px 10px 10px 10px;
    text-align: center;
}

.messages-info-block-text {
    font-size: 12px;
    margin: 10px 10px 10px 10px;
    line-height: 110%;
    font-weight: 100;
}

.help_area img {
    #max-width: 650px;
    padding-top: -20px;
}

.help_area .page {
    #max-width: 650px;
    table-layout: fixed;
    width: 100%;
}

.help_area p {
    padding-top: 20px;
    padding-bottom: 20px;
}

.help_area h1 {
    padding-top: 30px;
}

.help_area table {
    max-width: 600px;
    padding-bottom: 100px;
    padding-top: 30px;
    padding-left: 100px;
    padding-bottom: 100px;
}

#chat_url a {
    color: #fff;
    margin-right: 10px;
}

.open-support-button {
    background-color: #2E4AD3;
    color: white;
    border-radius: 15px;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
    bottom: 63px;
    right: 28px;
    width: 110px;
}

.open-support-button-chat {
    background-color: #2E4AD3;
    color: white;
    border-radius: 15px;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    opacity: 0.8;
    position: fixed;
    bottom: 63px;
    right: 28px;
    width: 110px;
}

.hideContent {
    overflow: hidden;
    line-height: 1em;
    height: 2em;
}

.showContent {
    line-height: 1em;
    height: auto;
}


.header_info_wrapper {

}

.header_info_blocks {
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.content_default {
    display: inline-block;
    position: relative;
    padding: 10px 5px 10px 15px;

}

.counter_default {
    display: inline-block;
    position: relative;
    background-color: #2F64E1;
    border-radius: 100px;
    padding: 5px 10px 5px 10px;
    margin-right: 5px;
    color: #fff
}

.indicator_active .counter_default {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border-radius: 100px;
    padding: 5px 10px 5px 10px;
    margin-right: 5px;
    color: #2F64E1
}

.indicator_default {
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    #background-color: #d9d9d9;
    background-color: #fff;
    border-radius: 15px;
    margin-left: 10px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.indicator_active {
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    #background-color: #d9d9d9;
    color: #fff;
    background-color: #0e6ffd;
    border-radius: 15px;
    margin-left: 10px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

cardnav a, .tabs-container a {
    font-weight: normal;
    font-size: 15px;
    text-decoration: none;
    color: #2A5DD4;
    position: relative;
    margin: 10px 0;
    display: inline-block;
    padding: 12px 10px;
}

cardnav a::after, .tabs-container a::after {
    content: "";
    #background: blue;
    height: 3px;
    position: absolute;
    bottom: 0;
    transition: .16s all 0.025s;
}

cardnav a::after, .tabs-container a:after {
    left: 100%;
    right: 0;
}

cardnav a:hover ~ a::after, .tabs-container a:hover ~ a::after {
    left: 0;
    right: 100%;
}

cardnav a:hover::after, .tabs-container a:hover::after {
    left: 0;
    right: 0;
}

cardnav a.active, .tabs-container a.active {
    content: "";
    #background: blue;
    position: relative;
    padding-bottom: 4px;
    border-bottom: 4px solid #2A5DD4;
    #transition: .16s all 0.025s;
}

.home-content p {
    font-size: 16px;
}

/* CONTENT */

.content {
    position: relative;
    max-width: 366px;
    width: 100%;
    display: none;
}

.content.active {
    display: block;
}

.content__block {
    margin-top: 46px;
}

.content__block-title {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}

.content__block-descr {
    margin-top: 7px;
    color: #8C8C8C;
    font-size: 18px;
    font-weight: 400;
}

.vacancies-input {
    padding: 9px 11px;
    margin-top: 20px;
    border-radius: 5px;
    background: #FFF;
    width: 100%;
    color: #000;
    font-weight: 400;
}

.vacancies-input::placeholder {
    color: #8C8C8C;
}

.vacancies-input.textarea {
    margin-top: 18px;
    margin-bottom: 22px;
    height: 163px;
    resize: none;
}

.test__list-item, .questions__list-title, .questions__list__answers-item {
    font-size: 18px !important;
}

.questions__list__answers-item {
    font-size: 14px;
}

.test__list.active, .questions__list.active {
    max-height: 130px !important;
    margin-top: 10px;
}

.vacancies__list {
    position: relative;
    margin-top: 2px;
    background-color: #FFF;
    padding: 7px 11px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    height: auto;
    overflow-y: scroll;
    z-index: -1;
    opacity: 0;
    transition: .3s all;
    #margin-bottom: 150px;
}

.vacancies__list.active {
    z-index: 1;
    opacity: 1;
}

.vacancies__list-item {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}

.state__btns {
    display: inline-flex;
    gap: 11px;
    margin-top: 40px;
}

.state-btn {
    padding: 9px 26px;
    border-radius: 5px;
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
}

.btn-next {
    background: #2F64E1;
}

.btn-prev {
    background: #8C8C8C;
}

.test-content {
    max-width: 436px;
}

.top-descr {
    margin-top: 17px;
}

.test-check {
    width: 18px !important;
    accent-color: #000;
}

.test-check-text {
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.test {
    display: flex;
    gap: 27px;
    padding-left: 0;
}

.test:not(.test:first-child) {
    margin-top: 19px;
}

.test-input {
    margin-top: 0;
    background: #fff url(../img/trigger-arrow.svg) right 13px center / 10px no-repeat;
}

.more {
    margin-top: 7px;
    color: #2F64E1;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
}

.test-input__wrapper {
    margin-top: 13px;
    position: relative;
}

.test__list,
.questions__list {
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 7px;
    opacity: 0;
    z-index: -1;
    transition: .4s all;
    max-height: 0;
    overflow-y: scroll;
}

.questions__list {
    position: relative;
}

.test__list.active,
.questions__list.active {
    opacity: 1;
    z-index: 1;
    max-height: 100px;
    padding: 9px 11px;
    margin-top: 7px;
}

.test__list.active {
    z-index: 2;
}

.test__list-item,
.questions__list-title,
.questions__list__answers-item {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}

.questions__list-title {
    font-weight: 700;
}

.questions__list__answers-item {
    font-size: 10px;
    margin-left: 11px;
    display: list-item;
    list-style-type: decimal;
}

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

.test-content .state__btns {
    margin-top: 75px;
}


.board_buttons {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.board_buttons a {
    margin-right: 10px;
}

.board_button {
    border-radius: 5px;
    width: max-content;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 10px;
    display: inline-flex;

}

.board_button_new {
    background-color: #2AA1D4;
    color: #fff !important
}

.board_button_copy {
    background-color: #2A5DD4;
    color: #fff !important
}

.board_button_invite {
    background-color: #ededed;
    color: #777777 !important
}

.board_button_report {
    background-color: #fff;
}


.button_icon {
    padding: 5px;
    width: 35px
}

.button_title {
    padding: 10px;
    font-size: 12px;
    font-weight: bold
}

.nodec {
    text-decoration: none;
}

.help_column {
    border-radius: 15px;
    font-size: 10px;
    color: #A4A4A4;
    padding: 10px;
    max-width: 200px;
    background-color: #fff;
    text-wrap: wrap;
}

.dashboard-tooltip {
    margin-top: 10px;
    max-width: 250px;
    padding: 20px 32px 20px 26px;
    background: white;
    border-radius: 5px;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    color: #A4A4A4;
    white-space: normal;
}

.dashboard-tooltip ol {
    padding-left: 12px;
}

.dashboard-tooltip li {
    margin-top: 12px;
}

.dashboard-tooltip__text p {
    font-size: 10px;
}

.dashboard-tooltip img {
    margin-top: 6px;
}

.dashboard-tooltip__text p + p {
    margin-top: 12px;
}

.button-blue.button-buffer {
    font-size: 12px;
    font-weight: 600;
    margin-top: 16px;
    line-height: 15px;
    height: auto;
    padding: 8px;
    flex-direction: column;
}

.button-blue.button-buffer.active {
    text-align: left;
    background: #4F9836;
}

.card-container {
    height: 100dvh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    padding-bottom: 30px;
}

.popup-active {
    overflow: hidden;
}

.popup-active jdiv {
    opacity: 0;
}

.instructions.active {
    display: none;
}

.instructions {
    max-width: 997px;
    padding: 28px 74px 13px 30px;
    background: white;
    border-radius: 15px;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.instructions-pic {
    flex-shrink: 0;
    margin-left: 50px;
    width: 260px;
}

.instruction-content p {
    max-width: 626px;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}

.instructions-close {
    cursor: pointer;
    top: 15px;
    right: 15px;
    position: absolute;
}

.error-field {
    border: 1px solid red !important;
}

.highcharts-figure, .highcharts-data-table table {
    max-width: 100% !important;
    background: white;
    display: flex;
    align-items: center;
    margin: 0 !important;
    justify-content: center;
    border-radius: 15px;
    overflow: hidden;
}

.page.test-container {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: flex-start;
    padding: 0 14px;
}

.test-container-center {
    max-width: 530px;
    width: 100%;
    padding-left: 32px;
    align-items: flex-start;
    position: relative;
    color: black;
    display: flex;
    flex-direction: column;
}

.back {
    display: inline-flex;
    align-items: center;
    margin-left: -32px;
    margin-bottom: 7px;
    transition: all .25s linear;
    color: #2A5DD4;
    font-weight: 500;
    font-size: 14px;
}

.back:hover span {
    border-bottom: 1px solid transparent;
}

.back span {
    border-bottom: 1px solid;
    transition: all .25s linear;
}

.back svg {
    margin-right: 8px;
}

.title-black {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-16 {
    margin-bottom: 16px;
}

.mb-8 {
    margin-bottom: 8px;
}

.size-14 {
    font-size: 14px;
}

.size-12 {
    font-size: 12px;
}

.fw-500 {
    font-weight: 500;
}

.color-gray {
    color: #818181;
}

.color-99 {
    color: #99A3CB;
}

.company-change {
    margin: 25px 16px 0;
}

.company-list {
    margin-top: 5px;
}

.company-list.active .company-default:after {
    transform: rotate(180deg);
}

.company-list.active .company-items {
    display: block;
}

.dropdown .company-default {
    cursor: pointer;
}

.dropdown .company-default:after {
    content: url(../images/icon/arrow-light.svg);
    width: 6px;
    height: 6px;
    margin-left: 5px;
    flex-shrink: 0;
    transform-origin: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: -1px;
}

.company-items {
    display: none;
}

.icon-board {
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;

    &:before {
        width: 16px !important;
        height: 16px !important;
        background: #DADADA !important;
    }
}

.icon-board:hover:before, .icon-board.active:before {
    background: #0e6ffd !important;
}

.company-default span {
    display: block;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-default {
    font-size: 12px;
    color: white;
    display: flex;
    align-items: center;
    height: 16px;
}

.company-item {
    font-size: 12px;
    color: white;
    line-height: 1 !important;
    margin-top: 5px;
    display: inline-flex;
}

.company-item.active {
    display: none;
}

.company-item:hover {
    color: rgba(255, 255, 255, 0.8);
}

.vacancies-head {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 12px;
}

.test-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.test-link {
    margin-bottom: 6px;
    border-bottom: 1px solid;
    font-size: 18px;
    font-weight: 500;
}

.test-link:hover {
    border-bottom: 1px solid transparent;
}

.create-test {
    display: none;
    flex-direction: column;
}

.test-container.test-container-create .test-container-current {
    display: none;
}

.test-container.test-container-create .create-test {
    display: flex;
}

.form-no-padding {
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    width: 100% !important;
    max-width: 100% !important;
}

.button-container {
    display: flex;
    align-items: center;
}

.btn-back {
    margin-right: 8px;
}

.question-item, .question-answer {
    width: 100%;
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}

.fw-700 {
    font-weight: 700;
}

.mb-24 {
    margin-bottom: 24px;
}

.size-25 {
    font-size: 25px;
}

.question-answer:last-child {
    margin-bottom: 0;
}

.question-item a {
    text-decoration: underline !important;
    flex: 1;
}

.question-item a:hover {
    text-decoration: none !important;
}

.delete-question path {
    transition: all .25s linear;
}

.delete-question:hover path {
    fill: #2E4AD3
}

.w-100 {
    width: 100%;
}

.answer-true {
    display: flex;
    align-items: center;
}

.answer-true label {
    margin: 0 !important;
}

.answer-true input {
    margin-right: 9px;
    width: 18px;
    height: 18px;
}

.question-answer-true {
    border-bottom: 1px solid;
    color: #4CD42A;
}

.question-answer-false {
    border-bottom: 1px solid;
    color: #D42A2A;
}

.modal-body {
    padding: 50px;
    position: relative;
}

.btn-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.modal-body .form-entry-title {
    font-size: 30px;
}

.modal-body .button-blue {
    height: 82px;
}

.form-item .form-input.error {
    border: 1px solid red !important;
}

.candidate-pic {
    position: absolute;
    left: 40px;
    top: 6px;
    width: 73px;
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #3F8CFF;
    border: 5px solid white;
    font-size: 20px;
    color: white;
}

.card-flex {
    display: flex;
    padding: 18px 36px 31px 45px;
    align-items: flex-start;
    font-weight: 400;
    color: #000;
}

.card-column-left {
    flex-basis: calc(100% - 233px);
    width: calc(100% - 233px);
    padding-top: 18px;
    display: flex;
    flex-direction: column;
}

.card-column__info {
    display: flex;
    width: 100%;
}

.card-column__email {
    color: #545454;
    text-decoration: underline;
}

.candidate-label {
    position: relative;

    &.active {
        .candidate-label__items {
            display: block;
        }
    }
}

.candidate-label__item {
    border-radius: 25px;
    border: 5px solid #FFF;
    padding: 3px 6px 3px 30px;
    background: #C5FF3F;
    display: inline-flex;
    width: 258px;
    transition: all .25s linear;
}

.candidate-label__item span {
    background: white;
    font-weight: 500;
    font-size: 12px;
    padding: 6px 11px;
    border-radius: 16px;
    width: 100%;
    text-align: right;
    display: inline-flex;
    justify-content: flex-end;
}

.candidate-label__item:hover {
    cursor: pointer;
    background: #3FBFFF;
}

.candidate-label__green {
    background: #C5FF3F;
}

.candidate-label__yellow {
    background: yellow;
}

.candidate-label__pink {
    background: #E53FFF;
}

.candidate-label__gray {
    background: #D9D9D9;
}

.candidate-label__black {
    background: black;
}

.candidate-label__items {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    background: #F5F6FA;
    z-index: 2;
    display: none;
}

.card-column__info-left {
    display: flex;
    flex-direction: column;
    margin-right: 40px;
    max-width: 50%;
}

.card-column-right {
    flex-basis: 211px;
    flex-shrink: 0;
    margin-left: 22px;
    display: flex;
    flex-direction: column;
}

.card-column-text {
    font-size: 12px;
    margin-bottom: 17px;
}

.card-column-text a {
    text-decoration: underline !important;
}

.action-candidate {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
}

.action-candidate__message {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.action-candidate__comment {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.action-candidate__comment:last-child {
    margin-bottom: 0;
}

.action-candidate__icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3F8CFF;
    font-size: 16px;
    color: white;
    font-weight: 700;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 8px;
}

.action-candidate__icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#card-registration-date {
    margin-top: 10px !important;
    margin-bottom: 10px;
    display: inline-flex;
}

.notes {
    height: 200px;
    border: 2px solid rgba(63, 140, 255, 1);
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: auto;
}

.input_message {
    background: white;
    width: 100%;
    height: 34px;
    border-radius: 5px;
    padding: 0 12px;
}

.transferCard {
    position: relative;
}

.size-18 {
    font-size: 18px;
}

.size-14 {
    font-size: 14px;
}

.size-12 {
    font-size: 12px;
}

.mb-36 {
    margin-bottom: 36px;
}

.mb-20 {
    margin-bottom: 20px;
}

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

.mb-10 {
    margin-bottom: 10px;
}

.mb-8 {
    margin-bottom: 8px;
}

.mb-m-4 {
    margin-bottom: 4px;
}

.button.button-modal {
    text-align: center;
    font-size: 12px;
    padding: 10px;
    line-height: 1;
    width: 100%;
    min-height: 48px;
    box-sizing: border-box;
    height: auto;
    margin-top: 0;
}

.color-gray-2 {
    color: #545454;
}

.tab-content {
    display: none;
    opacity: 0;
    margin-top: 20px;
}

.tab-content.active {
    display: block;
    animation: tab-active .5s linear;
    animation-fill-mode: forwards;
}

.block-white {
    border-radius: 25px;
    background-color: #fff;
    padding: 20px;
    width: 100%;
}

@keyframes tab-active {
    100% {
        opacity: 1;
    }

}

.candidate-contact {
    display: flex;
    flex-direction: column;
}

.main-filter__search_candidates .main-filter__search-input {
    width: 800px;

}


.candidate-contact__item {
    height: 66px;
    background: white;
    padding: 13px 20px;
    border-radius: 5px;
    display: flex;
    position: relative;
    flex-direction: column;
    margin-bottom: 10px;
    transition: all .25s linear;
    border: 1px solid transparent;
}

.candidate-contact__item .candidate-contact__input-bottom {
    padding: 0;
    border-radius: 0;
}

.button-save, .button-cancel {
    display: none !important;
}

.candidate-container.active .button-add {
    display: none;
}

.candidate-container.active .button-save, .candidate-container.active .button-cancel {
    display: inline-flex !important;
}

.candidate-contact__input-top {
    height: 14px;
    border: none;
    outline: none;
    font-family: inherit;
    color: #545454;
    margin-bottom: 5px;
    font-size: 12px;
    width: 100%;
    line-height: 1;
    background: transparent;

    &::placeholder {
        color: #545454;
    }
}

.candidate-contact__input-top:focus::placeholder, .candidate-contact__input-bottom:focus::placeholder {
    opacity: 0;
}

.candidate-contact__input-bottom {
    height: 16px;
    border: none;
    outline: none;
    font-family: inherit;
    color: black;
    font-size: 14px;
    width: 100%;
    line-height: 1.3;
    background: transparent;

    &::placeholder {
        color: #545454;
    }
}

.candidate-contact__item_temporary.error {
    border: 1px solid red;
    animation: errorInput 1s ease-in-out;
}

@keyframes errorInput {
    0% {
        transform: translateX(-10px);
    }
    20% {
        transform: translateX(10px);
    }
    40% {
        transform: translateX(-5px);
    }
    60% {
        transform: translateX(5px);
    }
    100% {
        transform: translateX(0px);
    }
}

.candidate-button {
    display: flex;
    margin-top: 8px;
    margin-bottom: 20px;
}

.candidate-button .button-modal {
    margin-right: 10px;
    width: auto;
    padding: 0 40px;
}

.popup-list__container {
    display: flex;
    flex-direction: column;
    padding: 40px 20px;
}

.mb-50 {
    margin-bottom: 50px;
}

.test-container-current {
    display: flex;
    flex-direction: column;
}

.popup-list__container input {
    margin: 16px 0 6px;
    background: #f5f6fa;
    padding: 9px 11px;
    width: 100%;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    height: 40px;
    border-radius: 8px;
}

.candidate-contact__item_flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.candidate-contact-delete {
    flex-shrink: 0;
    color: #545454;
    position: absolute;
    right: 20px;
    bottom: 14px;
}

.candidate-contact-delete:hover {
    color: #2A5DD4;
    cursor: pointer;
}

.vacation-fast-links {
    display: flex;
    margin: 20px 0;
}

.vacation-fast-link {
    flex-basis: calc(25% - 10px);
    margin-right: 10px;
    background: #ededed;
    border-radius: 16px;
    border: 2px solid transparent;
    padding: 16px;
    color: black;
    text-decoration: none;
    display: flex;
    flex-direction: column;
}

.vacation-fast-link:hover {
    border: 2px solid #2AA1D4;
}

.vacation-fast-link.active {
    border: 2px solid #2AA1D4;
    background: whitesmoke;
}

.vacation-fast-link__title {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 600;
}

.vacation-fast-link.active .vacation-fast-link__title {
    color: #2A5DD4;
}

.label-card-event-container {
    position: relative;
}

.card-column-right .button-delete-resume{
    margin-top: 5px;
    width: 100% !important;
}

.button-add-label {
    background: #2A5DD4;
    color: white;
    border-radius: 4px;
    padding: 3px 10px;
    margin-top: 5px;
    min-height: 28px;
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.label-popup {
    position: absolute;
    width: 310px;
    background: #F5F6FA !important;
    z-index: 10;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 12px;
    display: none;
    right: 0;
}

.card-column__info-right {
    position: relative;
}

.label-popup__title {
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    color: #44546f;
    font-weight: 500;
}

.label-popup__close {
    position: absolute;
    top: 15px;
    right: 10px;
    cursor: pointer;
}

.label-popup__close:before {
    background: #2A5DD4 !important;
    width: 12px !important;
    height: 12px !important;
}

.label-popup.active {
    display: block;
}

.label-line {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    width: 100%;
}

.label-line.active .label-line-check .icon:before {
    display: block;
}

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

.label-line-check {
    flex-shrink: 0;
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2A5DD4;
}

.label-line-check .icon:before {
    background: #2A5DD4 !important;
    width: 12px !important;
    height: 12px !important;
    display: none;
}

.label-line-color {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: white;
    height: 32px;
    padding: 0 12px;
    cursor: pointer;
    border-radius: 4px;
    width: 100%;
    font-size: 14px;
}

.label-edit {
    flex-shrink: 0;
    margin-left: 8px;
}

.label-edit:before {
    background: #2A5DD4 !important;
    width: 12px !important;
    height: 12px !important;
}

.label-popup__back {
    position: absolute;
    top: 14px;
    left: 10px;
    transform: rotate(90deg);
}

.label-popup__back:before {
    background: #2A5DD4 !important;
    width: 16px !important;
    height: 16px !important;
}

.preview-label {
    padding: 30px 20px;
    background: #f3f2f2;
    border-radius: 4px;
    margin-bottom: 10px;
}

.preview-label-element {
    height: 28px;
    width: 100%;
    border-radius: 4px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    padding: 5px;
    text-overflow: ellipsis;
}

#colorText {
    border: 1px solid #f3f2f2;
    padding: 0 10px;
    display: flex;
    align-items: center;
    height: 40px;
    font-size: 14px !important;
    margin-top: 5px;
    width: 100%;
    margin-bottom: 10px;
}

.color-items {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    margin-bottom: 16px;
    margin-top: 5px;
    justify-content: space-between;
}

.color-item {
    height: 32px;
    border-radius: 4px;
    margin: 2px 0;
    position: relative;
    cursor: pointer;
}

.color-item.active:before {
    content: '';
    top: -3px;
    left: -3px;
    position: absolute;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    border: 1px solid #172b4d;
    border-radius: 4px;
}

.second-popup {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    padding: 10px;
    width: 310px;
    border-radius: 5px;
    z-index: 1;
    right: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.second-popup.active {
    display: block;
}

.add-tags {
    display: flex;
    flex-flow: row wrap;
}

.checked-label {
    height: 28px;
    min-width: 28px;
    margin-right: 5px;
    margin-top: 5px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 4px;
    color: white;
    display: inline-flex;
    align-items: center;
}

.card-column__info_flex {
    display: flex;
    flex-flow: row wrap;
}

.button-create-tag {
    background: #DCDFE4;
    border-radius: 4px;
    padding: 3px 10px;
    min-height: 32px;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    margin-top: 15px;
    color: #172b4d;
}

.button-create-tag:hover {
    background: #B3B9C4;
}

.popup-button-flex {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #091e4224;
}

.popup-button-save {
    background: #2A5DD4;
    color: white;
    border-radius: 4px;
    padding: 3px 10px;
    min-height: 34px;
    font-size: 16px;
}

.popup-button-save:hover {
    background: #4775dc;
}

.popup-button-delete {
    background: #c9372c;
    color: white;
    border-radius: 4px;
    padding: 3px 10px;
    min-height: 34px;
    font-size: 16px;
}

.popup-button-delete:hover {
    background: #ae2e24;
}

.button-remove-color {
    background: #DCDFE4 !important;
    color: #172b4d !important;
    width: 100%;
    border-radius: 4px;
    font-weight: 500 !important;
    padding: 3px 10px !important;
    min-height: 34px !important;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.button-remove-color:hover {
    background: #B3B9C4 !important;
}

.button-remove-color:before {
    background: #172b4d;
    width: 12px !important;
    height: 12px !important;
    margin-right: 12px !important;
}

.green_light {
    background-color: #baf3db;
    color: #164b35;
}

.green_light:hover {
    background-color: #7ee2b8;
}

.green {
    background-color: #4bce97;
    color: #164b35;
}

.green:hover {
    background-color: #7ee2b8;
}

.green_dark {
    background-color: #1f845a;
    color: #ffffff;
}

.green_dark:hover {
    background-color: #216e4e;
}

.yellow_light {
    background-color: #f8e6a0;
    color: #533f04;
}

.yellow_light:hover {
    background-color: #f5cd47;
}

.yellow {
    background-color: #e2b203;
    color: #533f04;
}

.yellow:hover {
    background-color: #f5cd47;
}

.yellow_dark {
    background-color: #946f00;
    color: #ffffff;
}

.yellow_dark:hover {
    background-color: #7f5f01;
}

.orange_light {
    background-color: #ffe2bd;
    color: #5f3811;
}

.orange_light:hover {
    background-color: #fec57b;
}

.orange {
    background-color: #faa53d;
    color: #5f3811;
}

.orange:hover {
    background-color: #fec57b;
}

.orange_dark {
    background-color: #b65c02;
    color: #ffffff;
}

.orange_dark:hover {
    background-color: #974f0c;
}

.red_light {
    background-color: #ffd2cc;
    color: #601e16;
}

.red_light:hover {
    background-color: #ff9c8f;
}

.red {
    background-color: #f87462;
    color: #601e16;
}

.red:hover {
    background-color: #ff9c8f;
}

.red_dark {
    background-color: #ca3521;
    color: #ffffff;
}

.red_dark:hover {
    background-color: #ae2a19;
}

.purple_light {
    background-color: #dfd8fd;
    color: #352c63;
}

.purple_light:hover {
    background-color: #b8acf6;
}

.purple {
    background-color: #9f8fef;
    color: #352c63;
}

.purple:hover {
    background-color: #b8acf6;
}

.purple_dark {
    background-color: #6e5dc6;
    color: #ffffff;
}

.purple_dark:hover {
    background-color: #5e4db2;
}

.none-color {
    background: #e9ebee;
    color: black;
}

.none-color:hover {
    background: #dadde1;
}

.form-element {
    position: relative;
    margin-bottom: 10px;
}

.form-element__input {
    height: 48px;
    background: white;
    border-radius: 5px;
    border: 1px solid transparent;
    font-size: 14px !important;
    padding: 27px 17px 9px;
    width: 100%;
}

.form-element__label {
    color: rgba(84, 84, 84, 1);
    font-size: 12px;
    position: absolute;
    top: 7px;
    left: 17px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 1;
    width: 88%;
}

.form-element__input::placeholder {
    color: rgba(169, 169, 169, 1);
}

.button-save-journal {
    max-width: 211px;
    width: 100%;
}

.button_blue {
    background: #1567F3;
    color: white;

    &:hover {
        background: #3384fd;
    }
}

.journal-items {
    margin-top: 44px;
}

.journal-item {
    display: flex;
    align-items: flex-start;
    margin-top: 27px;
    font-size: 12px;
    line-height: 1.2;
}

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

.journal-item__content {
    padding-top: 2px;
}

.journal-item__icon {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    background: rgba(63, 140, 255, 1);
    border-radius: 50%;
    color: white;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.journal-item__icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.journal-item__email {
    display: inline-block;
    margin-right: 4px;
    font-weight: 700;
}

.journal-item__task {
    display: inline-block;
}

.journal-item__task_system {
    font-size: 14px;
    font-weight: 700;
}

.journal-item__date {
    margin-top: 4px;
    font-size: 10px;
}

.journal-item__description {
    font-size: 14px;
    margin-top: 17px;
}

.container-refusal {
    margin-top: 5px;
    position: relative;
}

.button_gray {
    background: rgba(174, 174, 174, 1);
    color: white;
}

.button_gray:hover {
    background: rgb(154, 149, 149);
    color: white;
}

.button-full {
    width: 100%;
}

.refusal-modal {
    position: absolute;
    top: 0;
    left: -10px;
    width: calc(100% + 20px);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    background: white;
    z-index: 1;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px 19px 14px;
    color: rgba(84, 84, 84, 1);
}

.refusal-modal-title {
    text-align: center;
    margin-bottom: 16px;
    color: rgba(84, 84, 84, 1);
}

.refusal-close {
    position: absolute;
    top: 10px;
    right: 15px;
}

.refusal-close:before {
    width: 12px !important;
    height: 12px !important;
    background: rgba(84, 84, 84, 1) !important;
}

.refusal-close:hover:before {
    background: rgba(63, 140, 255, 1) !important;
}

.refusal-block {
    border: 1px solid rgba(63, 140, 255, 1);
    padding: 8px 10px;
    margin-bottom: 30px;
    border-radius: 5px;
}

.refusal-block__label {
    margin-bottom: 10px;
}

.multiselect__option--highlight {
    background: none !important;
    color: inherit !important;
}

.multiselect__option:hover {
    background: #3f8cff !important;
    color: white !important;
}

.multiselect__option--selected {
    background: #3f8cff !important;
    color: white !important;
}

.multiselect__option--selected:hover {
    background: #3f8cff !important;
    color: white !important;
}

.refusal-modal .multiselect {
    margin-bottom: 15px;
}

.refusal-modal .multiselect__select {
    height: 100% !important;
}


.refusal-textarea {
    border: none;
    outline: none;
    transition: all .25s linear;
    resize: none;
    max-height: 300px;
    min-height: 60px;
    font-size: 12px !important;
    width: 100%;
    height: 18px;
    border-radius: 0;
    padding: 0 !important;
}

.multiselect__select {
    width: 50px !important;
    height: 50px !important;
    z-index: 1 !important;
}

.refusal-textarea::placeholder {
    color: rgba(169, 169, 169, 1);
}

textarea:focus::placeholder {
    opacity: 0;
}

.refusal-message {
    text-align: center;
    margin-bottom: 16px;
}

.button_red {
    color: white;
    background: rgba(174, 46, 36, 1);
}

.button_red:hover {
    color: white;
    background: rgb(162, 40, 31);
}

.h-36 {
    height: 36px;
}

.h-48 {
    height: 48px !important;
}

.form-element__select .multiselect__placeholder {
    margin-bottom: 0;
}

.form-element__select {
    position: relative;
    min-height: 50px;
    background: white;
    border-radius: 5px;
    font-size: 14px !important;
    padding: 0;
    width: 100%;
}

.form-element__select .multiselect__tags {
    padding: 22px 17px 9px;
    min-height: 53px;
}


[v-cloak] {
    display: none !important;
}

.multiselect__single {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    padding-right: 20px;
}

.multiselect__option {
    white-space: normal !important;
}

.form-element__select .multiselect__single {
    padding: 0;
    font-size: 14px !important;
    margin-bottom: 0;
}

.form-element__textarea {
    padding: 7px 17px;
    background: white;
    border-radius: 5px;

    .form-element__label {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 4px;
    }

    .form-element__input {
        border: none;
        outline: none;
        transition: all .25s linear;
        resize: none;
        max-height: 300px;
        font-size: 12px !important;
        width: 100%;
        min-height: auto;
        height: 18px;
        padding: 0 !important;
    }
}

.form-item_name {
    display: none;
}

.form-item_name.active {
    display: block;
}

.button-blue.disabled {
    opacity: .5;
    pointer-events: none;
}

.button[disabled] {
    opacity: .5;
    pointer-events: none;
}

.text-block {
    max-height: 14.3em; /* Ограничение высоты на 14 строк */
    transition: max-height 0.3s ease;
    overflow: hidden;
}

.sortable-ghost {
    opacity: 0.5;
    background-color: #ddd;
}

.sortable-chosen {
    opacity: 0.8;
}

.simplebar-content-wrapper{
    border-radius: 15px;
}

.sortable-drag {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #aaa;
}

.expanded {
    max-height: none; /* При раскрытии убираем ограничение высоты */

    & + .show-more-btn:before {
        transform: rotate(180deg);
    }
}

.button.show-more-btn {
    width: 100%;
    align-items: center;
    margin-top: 15px;
    background: rgba(242, 242, 242, 1);
    color: rgba(0, 0, 0, 1) !important;
}

.show-more-btn:hover {
    background: rgb(229, 223, 223);
}

.show-more-btn:before {
    background: rgba(0, 0, 0, 1);
    width: 12px !important;
    height: 12px !important;
    margin-right: 10px;
}

.show-more-btn.active:before{
    transform: rotate(180deg);
}

.resume-evaluation {
    background: white;
    border-radius: 15px;
    padding: 22px 70px 52px 26px;
    display: flex;
    align-items: flex-start;
    max-width: 1105px;
    margin-bottom: 40px;
    width: 100%;
}

.resume-evaluation__description {
    font-size: 14px;
    line-height: 1.1;
    flex-basis: 190px;
    margin-right: 44px;
    flex-shrink: 0;
}

.resume-evaluation__selects {
    flex-basis: 100%;
}

.resume-evaluation__block {
    flex-basis: 211px;
    flex-shrink: 0;
    margin-left: 30px;
}

.resume-evaluation__block .button {
    height: 53px;
}

.resume-evaluation__text {
    font-size: 12px;
    line-height: 1.1;
    margin-top: 12px;
    color: black;
}

.custom-option {
    display: flex;
    flex-direction: column;
    white-space: normal;
}

.custom-option strong {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 5px;
}

.custom-option small {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
}

.multiselect {
    color: black !important;
}


.button-red {
    background: rgba(212, 42, 42, 1);
}

.button-resume-evaluation {
    width: 100%;
    opacity: 1 !important;
}

/*
.connectedSortable{
    background-color: #ededed !important;
}*/

.tabs-content__item {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.tabs-content__item.active {
    display: block;
    opacity: 1;
}

.tabs-flex {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 12px;
}

.tabs-flex-button {
    padding: 13px 28px;
    background: rgba(255, 255, 255, 1);
    border-radius: 15px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 8px;
    margin-right: 14px;
    text-align: left !important;
    color: rgba(35, 44, 49, 1);
}

.tabs-flex-button:hover {
    background: rgb(241, 238, 238);
}

.tabs-flex-button.active {
    background: rgba(255, 255, 255, 1);
    pointer-events: none;
    color: rgba(38, 86, 198, 1);
}

.dashboard-row-heading {
    position: relative;
}

.column-menu {
    position: absolute;
    right: 13px;
}

.main-modal {
    position: absolute;
    top: 50%;
    width: 324px;
    padding: 12px 24px 24px;
    background: white;
    left: 50%;
    transform: translateX(-162px);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    z-index: 1;
    white-space: normal;
}

.main-modal .form-element {
    margin-bottom: 17px;
}

.main-modal .button {
    width: 100%;
}

.main-modal__close {
    position: absolute;
    top: 12px;
    right: 24px;
}

.main-modal__close:before {
    width: 12px !important;
    height: 12px !important;
    background: #545454 !important;
}

.main-modal__title {
    margin-bottom: 30px;
}

.resume-evaluation__text a {
    color: rgba(63, 140, 255, 1);
    text-decoration: underline !important;
}

.start-test {
    display: flex;
    align-items: center;
}

.select-block {
    display: none !important;
}

.select-block.active {
    display: block !important;
}

.start-test__link {
    flex-shrink: 0;
    width: 270px;
    border: 1px solid rgba(218, 222, 226, 1);
    border-radius: 5px;
    background: white;
    align-items: center;
    justify-content: space-between;
    display: flex;
}

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

.start-test__link-input {
    display: block;
    padding: 0 5px 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 500;
}

.start-test__link .button {
    flex-shrink: 0;
    padding: 0 20px;
    height: 48px;
    width: 108px;
    font-size: 12px;
    color: #8C8C8C;
    background: #EAEAEA;
    &.active {
        color: white;
        background: green;
    }
}

.dragging {
    cursor: grabbing !important;
}

.color-blue {
    color: #2656C6;
}

.size-16 {
    font-size: 16px;
}

.role-head {
    display: flex;
    align-items: center;
}

.role-head .button {
    height: 31px;
    font-size: 10px;
    padding: 0 14px;
}

.role-head .size-16 {
    min-width: 146px;
    margin-right: 30px;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    padding: 20px 5px; /* Чтобы модалка не прижималась к краям экрана */
    z-index: 10;
    display: none;
}

.modal-overlay.active {
    display: flex;
}

.modal-main {
    background: white;
    width: 100%;
    max-width: 513px;
    max-height: 100vh; /* Ограничение по высоте */
    padding: 20px 26px;
    border-radius: 15px;
    border: 1px solid #D6D6D6;
    display: flex;
    flex-direction: column;
    position: relative;
}

.modal-main .size-24 {
    padding-right: 20px;
}

.close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #546e7a;
    font-size: 16px;
}

.close-btn:hover {
    color: #546e7a;
}

.modal-content {
    flex: 1;
    overflow: hidden;
    overflow-y: auto; /* Скролл при переполнении */
    max-height: 85vh;
    margin-bottom: 10px;
}

.multiselect__content {
    max-height: 180px;
}

/* Анимация */
.fade-enter-active, .fade-leave-active {
    transition: opacity 0.3s;
}

.fade-enter-from, .fade-leave-to {
    opacity: 0;
}

.form-filter .multiselect__tags-wrap {
    display: flex;
    flex-flow: row wrap;
}

.users-table {
    max-width: 920px;
    width: 100%;
    flex: 1 0 auto;
    display: none;
}

.modal-content .button_red {
    margin-top: 10px;
}

.users-table.active {
    display: block;
}

.main-container-100 {
    width: 100%;
}

.form-filter {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    min-height: 70px;
}

.form-element_select-filter {
    position: relative;
    margin-right: 20px;
    display: none;
}

.form-element_select-filter.active {
    display: block;
}

.form-element_select-filter .size-12 {
    margin-bottom: 4px;
}

.form-filter .main-filter__search {
    margin-bottom: 10px;
}

body {
    overflow: hidden;
    overflow-y: auto;
}

.users-table__line-hidden {
    display: none;
}

.users-table__line-hidden.active {
    display: block;
}

.form-filter .multiselect__select {
    width: 40px !important;
    height: 40px !important;
}

.form-filter .multiselect {
    min-width: 184px;
}

.form-filter .multiselect__select::before {
    border-color: #99A3CB transparent transparent;
}

.form-filter .multiselect__tags {
    background: #2D3E84;
    border: none;
}

.form-filter .multiselect__placeholder {
    color: white;
    margin-bottom: 0;
    padding-left: 6px;
}

.users-table__tr {
    display: flex;
    padding: 10px 24px;
    min-height: 55px;
    margin-bottom: 4px;
}

.users-table__head .users-table__td {
    color: #3F3F3F;
    font-size: 10px;
}

.users-table__td {
    padding-right: 5px;
    line-height: 1.5;
}

.users-table__td .size-14 {
    line-height: 1.1;
}

.users-table__td:nth-child(1) {
    flex-basis: 10%;
}

.form-item__input.filled .form-item__label {
    top: 10px;
}

.form-item__input_select {
    background: #F2F4F7;
    border-radius: 15px;
    padding-right: 10px;
}

.question-item .users-table__td:nth-child(3) {
    flex-basis: 40px;
}


.users-table__td:nth-child(2) {
    flex-basis: 24%;
}

.users-table__td:nth-child(3) {
    flex-basis: 36%;
}

.users-table__td:nth-child(4) {
    flex-basis: 15%;
}

.users-table__td:nth-child(5) {
    flex-basis: 12%;
}

.users-table_vacancies {
    max-width: 855px;
}

.users-table_vacancies .users-table__td:nth-child(1) {
    flex-basis: 41%;
}

.users-table_vacancies .users-table__td:nth-child(2) {
    flex-basis: 24%;
}

.users-table_vacancies .users-table__td:nth-child(3) {
    flex-basis: 16%;
}

.users-table_vacancies .users-table__td:nth-child(4) {
    flex-basis: 9%;
}

.users-table_vacancies .users-table__td:nth-child(5) {
    flex-basis: 8%;
}

.users-table__body .users-table__tr {
    background: white;
    border-radius: 5px;
    cursor: pointer;
}

.required-icon {
    color: red;
}

.multiselect__tags {
    transition: all .25s linear;
}

.multiselect__tag {
    background: #2A5DD4 !important;
}

.multiselect__tag-icon::after {
    color: white !important;
}

.multiselect__tags:hover, .multiselect__tags:focus {
    border-color: #2593D1 !important;
}

.form-element__input .input, .form-element__input.input {
    width: 100%;
    border: 1px solid rgba(218, 222, 226, 1);
    border-radius: 5px;
    font-size: 12px !important;
    padding: 15px 17px 0;
}

.form-element__input .input:hover, .form-element__input .input:focus,
.form-element__input.input:hover, .form-element__input.input:focus {
    border-color: #2593D1 !important;
}

.users-table__body .button {
    width: 100%;
    padding: 10px 5px;
    height: 32px;
}

.list-vacation-trigger {
    margin-top: 5px;
    display: flex;
    align-items: center;
    color: #2656C6;
}

.list-vacation-trigger.active img {
    transform: rotate(180deg);
}

.list-vacation-trigger:hover span {
    border-bottom: 1px solid transparent;
}

.list-vacation-trigger span {
    border-bottom: 1px solid #2656C6;
    transition: all .25s linear;
}

.list-vacation-trigger img {
    transition: all .25s linear;
    margin-left: 5px;
}

.users-table__td-mobile {
    display: none;
}

.users-table__td {
    font-size: 12px;
}

.users-vacation {
    max-width: 100%;
    margin-bottom: 10px;
}

.users-vacation__thead {
    margin-bottom: 10px;
}

.users-vacation__thead .users-vacation__td {
    color: #3F3F3F;

}

.users-vacation__tbody .users-vacation__td {
    font-size: 12px;
}

.users-vacation__td {
    font-size: 10px;
    padding-right: 10px;
}

.users-vacation__tr {
    display: flex;
    padding: 5px 10px;
    align-items: flex-start;
}

.users-vacation__td:nth-child(1) {
    flex-basis: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.users-vacation__td:nth-child(2) {
    flex-basis: 38%;
    padding-right: 8%;
}

.users-vacation__td:nth-child(3) {
    flex-basis: 16%;
}

.main-filter_customer {
    .main-filter__search {
        max-width: 344px;
    }
}

.form-filter .multiselect__tag {
    height: 32px;
    margin: 2px 10px 2px 0;
    background: #2A5DD4;
    display: flex;
    align-items: center;
}

.form-filter .multiselect__tag-icon::after {
    color: white;
}

.form-filter .multiselect__tags {
    padding: 0 40px 0 10px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.form-filter .multiselect__tag-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.users-table__td[data-name="ID"] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.users-table__td[data-name="Email"] .size-14 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-select:focus {
    box-shadow: none !important;
}

.form-select_50 {
    height: 50px !important;
}

.users-table_client {
    max-width: 880px;
}

.users-table_client .users-table__tr {
    padding: 16px 26px;
}

.users-table_client .users-table__td:nth-child(1) {
    flex-basis: 8%;
}

.users-table_client .users-table__td:nth-child(2) {
    flex-basis: 28%;
}

.users-table_client .users-table__td:nth-child(3) {
    flex-basis: 23%;
}

.users-table_client .users-table__td:nth-child(4) {
    flex-basis: 24%;
}

.users-table_client .users-table__td:nth-child(5) {
    flex-basis: 16%;
}

.pagination-link {
    cursor: pointer;
}

.pagination-link[disabled="true"] {
    display: none;
}

.pagination {
    margin-top: 15px;

    .pagination-items {
        padding-left: 0;
    }
}

.pagination-main{
    display: none;
    &.active{
        display: flex;
    }
}

.user-main {
    margin-top: 30px;
    display: none;

    &:first-child {
        margin-top: 0;
    }
}

.user-main.active {
    display: block;
}

.popup .button {
    font-size: 14px !important;
}

.base-table__td .button {
    font-size: 12px;
}

.tariff-item {
    max-width: 464px;
    margin-bottom: 10px;
    background: white;
    border-radius: 5px;
    padding: 20px;
}

.tariff-item__head {
    display: flex;
    align-items: flex-start;
}

.tariff-item__name {
    width: 100%;
    font-weight: 700;
    color: #2656C6;
    font-size: 16px;
}

.tariff-item__price {
    font-weight: 700;
    display: flex;
    flex-direction: column;
    color: #4F9836;
    font-size: 16px;
    line-height: 1;
    flex-basis: 78px;
    flex-shrink: 0;
    margin-left: 10px;
}

.tariff-item__price span {
    font-size: 12px;
}

.tariff-item__event {
    flex-basis: 168px;
    flex-shrink: 0;
    margin-left: 18px;
    line-height: 1.7;
    font-size: 12px;
}

.tariff-item__event .button {
    font-size: 10px;
    padding: 5px;
    width: 100%;
    line-height: 1;
}

.tariff-item__content {
    margin-top: 26px;
    font-size: 12px;
}

.form-check-top {
    align-items: flex-start;
}

.form-check-top input {
    height: 20px;
    flex-shrink: 0;
}

.form-check-top .test-check-text {
    margin-bottom: 7px;
}

.form button.button_gray {
    background: rgba(174, 174, 174, 1);
}

.form button.button_gray:hover {
    background: rgb(154, 149, 149);
}

.form-test {
    max-width: 700px;
    width: 100%;
}

.form-test input {
    width: 100%;
}

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

.delete-question, .basic-question {
    flex-shrink: 0;
    margin-left: 20px;
}

.delete-question:before {
    width: 44px;
    height: 44px;
    background: #000c3c;
}

.delete-question:hover:before {
    background: #4d65cb;
}

.basic-question:before {
    width: 44px;
    height: 44px;
    background: #4f9836;
}

.basic-question:hover:before {
    background: #42882a;
}

#candidate_notes {
    margin-bottom: 20px;
}

.resume-container {
    position: relative;
    background: #EAEAEA;
    overflow: hidden;
    border-radius: 15px;
    margin-top: 0 !important;
    min-height: 166px;
}

.resume-label {
    position: relative;
    background: #EAEAEA;
    height: 166px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    color: #8C8C8C;
    border: 1px solid transparent;
}

.resume-label.dragover{
    border: 1px solid #2656C6;
}

.error-event .resume-label{
    display: none;
}

.error-event .file-error{
    display: flex;
}

.spinner-event .resume-label{
    display: none;
}

.spinner-event .spinner-container{
    display: flex;
}

.preview-event .resume-label{
    display: none;
}

.preview-event .preview{
    display: flex;
}

.spinner-container{
    position: relative;
    background: #EAEAEA;
    height: 166px;
    border-radius: 15px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    color: #8C8C8C;
    text-align: center;
}

.spinner-file{
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.file-error{
    position: relative;
    background: #EAEAEA;
    height: 166px;
    border-radius: 15px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    color: red;
    display: none;
}

.resume-label img {
    margin-bottom: 20px;
}
.preview{
    display: none;
    max-height: 166px;
    border: 1px solid #dee2e6;
    border-radius: 15px;
}

.simplebar-vertical:not([style]){
    display: none;
}

.preview-collapsed{
    max-height: inherit;
}

.preview canvas{
    width: 100%;
}

.resume-container input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

#createCardForm{
    display: flex;
    flex-direction: column;
}

.add-card-container{
    margin: auto;
    background: white;
}

#add_card{
    max-height: 100%;
    overflow: auto;
    left: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100% !important;
    background: transparent !important;
}

.button-delete-resume{
    width: max-content !important;
    display: none !important;
}

.button-delete-resume.show{
    display: inline-flex !important;
}

.resume-carduser__current{
    display: none;
}

.resume-carduser__current.visible .show-more-btn:before{
    transform: rotate(180deg);
}

.resume-carduser__current-file {
    height: 166px;
    border-radius: 15px;
    width: 100%;
}

.resume-carduser__current-file canvas{
    width: 100% !important;
}

.resume-carduser__current.visible .resume-carduser__current-file {
    height: auto;
}

.title_bold{
    display: block;
    margin-top: 10px;
}

.simplebar-track.simplebar-vertical{
    right: 7px !important;
    width: 7px !important;
    top: 10px !important;
    height: calc(100% - 20px);
}

.simplebar-scrollbar:before{
    width: 7px;
    border-radius: 0 !important;
    background: #D9D9D9 !important;
    opacity: 1 !important;
}


.resume-carduser.active .block-white{
    display: none;
}

.file-trigger{
    position: relative;
    overflow: hidden;
}

.file-trigger input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.pdf-container {
    display: inline-block; /* или block */
    width: 100%;
}

.resume-carduser.active .resume-carduser__current{
    display: block;
}

.pdf-wrapper { height: auto; }

.form-check{
    display: flex;
    align-items: center;
    padding-left: 0;
}

.form-switch .form-check-input{
    margin-left: 0px;
}
.card-title-create.error{
    border: 1px solid red;
}
.form-check-input{
    width: 2em !important;
    height: 1.2em !important;
    margin-top: 0 !important;
}
.margin-0-important{
    margin: 0 !important;
}
#createCardForm{
    line-height: 1 !important;
}
.tabs-preload {
    display: flex;
    min-height: 193px;
    max-width: 1105px;
    width: 100%;
    flex-direction: column;
}

.tabs-preload-flex{
    display: flex;
    height: 48px;
    margin-bottom: 12px;
}

.skeleton {
    position: relative;
    overflow: hidden;
    background: #e0e0e0;
    border-radius: 8px;
}

.skeleton-tab {
    width: 120px;
    height: 40px;
    margin-right: 14px;
}

/* Большой белый блок */
.skeleton-content {
    background: white;
    border-radius: 15px;
    min-height: 92px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    max-width: 1105px;
    margin-bottom: 40px;
    width: 100%;
    padding: 20px;
}

/* Внутри блока */
.skeleton-line {
    width: 80%;
    height: 18px;
    border-radius: 6px;
}
.skeleton-line.short {
    width: 40%;
}

.skeleton-button {
    width: 160px;
    height: 40px;
    border-radius: 10px;
}

/* shimmer effect */
.skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150px;
    height: 100%;
    width: 150px;
    background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0) 0,
            rgba(255, 255, 255, 0.4) 50%,
            rgba(255, 255, 255, 0) 100%
    );
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    100% {
        left: 100%;
    }
}
.board-skeleton {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 16px;
    overflow: hidden !important;
    width: calc(120%);
    height: 100%;
}

/* Верхние кнопки */
.board-skeleton__header {
    display: flex;
    gap: 12px;
}
.skeleton-btn {
    width: 220px;
    height: 44px;
    border-radius: 8px;
    background: #e0e0e0;
    position: relative;
    overflow: hidden;
}
.skeleton-btn.small {
    width: 150px;
}

/* Колонки */
.board-skeleton__columns {
    display: flex;
    gap: 16px;
    overflow: hidden;
}
.page.home a{
    text-decoration: underline;
    color: blue;
}
.page.home .button {
    font-size: 16px;
    padding: 10px 25px;
    text-decoration: none;
    height: 40px;
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
    border-radius: 5px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    &:hover {
        background: #3384fd;
    }
}
.skeleton-column {
    background: #f5f5f5;
    border-radius: 12px;
    padding: 12px;
    width: 220px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.skeleton-title {
    width: 100%;
    height: 38px;
    border-radius: 6px;
    background: #e0e0e0;
}
.skeleton-card {
    background: white;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.skeleton-line {
    width: 100%;
    height: 12px;
    border-radius: 6px;
    background: #e0e0e0;
    position: relative;
    overflow: hidden;
}
.skeleton-line.short {
    width: 60%;
}

/* shimmer effect */
.skeleton::after,
.skeleton-btn::after,
.skeleton-title::after,
.skeleton-line::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150px;
    height: 100%;
    width: 150px;
    background: linear-gradient(
            90deg,
            rgba(255, 255, 255, 0) 0,
            rgba(255, 255, 255, 0.4) 50%,
            rgba(255, 255, 255, 0) 100%
    );
    animation: shimmer 1.5s infinite;
}

.tab-current{
    min-height: 193px;

    display: none;
    flex-direction: column;
}
.tab-current.active{
    display: flex;
}

.file-load{
    position: relative;
    &:before{
        content: '';
        z-index: 2;
        background: rgba(255, 255, 255, 0.8);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .file-load-button{
        opacity: 0;
    }
}

.not-subscription{
    margin: 0 10px 10px 30px;
    background: #FFFFFF;
    padding: 28px 50px;
    display: flex;
    align-items: center;
    border-radius: 15px;
    max-width: 568px;
    img{
        margin-right: 50px;
    }
    a{
        color: #2656C6;
        text-decoration: underline !important;
        font-weight: 700;
        &:hover{
            text-decoration: none !important;
        }
    }
}

.upload-spinner {
    width: 30px;
    height: 30px;
    border: 3px solid #ccc;
    border-top-color: #010448;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    position: absolute;
    top: 50%;
    left: 9px;
    margin-top: -16px;
    z-index: 4;
}

.hidden {
    display: none;
}

.line-h-1{
    line-height: 1;
}

.resume-evaluation__pic{
    width: 159px;
    flex-shrink: 0;
    margin-right: 60px;
}

.resume-evaluation_test{
    padding: 28px 26px 33px 56px;
    align-items: center;
    max-width: 870px;
    color: black;
}

.resume-evaluation__link{
    display: flex;
    align-items: center;
}

.resume-evaluation__link-arrow{
    flex-shrink: 0;
    margin: 0 25px;
    display: flex;
}

.resume-evaluation__link-text{
    font-size: 12px;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

.card-contact{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    svg{
        width: 28px;
        height: 28px;
    }
    .form-contact{
        margin: 0 0 0 15px;
        gap: 10px;
        a{
            width: auto;
            margin: 0;
        }
    }
}

#phone-link{
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline;
    &:hover{
        color: #2A5DD4;
    }
}

.pdf-page-wrapper {
    position: relative;
    margin-bottom: 16px; /* расстояние между страницами */
}

.pdf-page-wrapper canvas.pdf-page {
    display: block;
    width: 100%;
}

.pdf-page-wrapper .textLayer {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: auto; /* чтобы кликабельные ссылки работали */
    color: transparent;   /* чтобы текст не перекрывал визуально canvas */
}

.pdf-page-wrapper .textLayer span {
    color: transparent;   /* оставляем прозрачный текст для выделения */
    letter-spacing: -.03em;
}

.pdf-page-wrapper{
    height: auto !important;
}

.pdf-page-wrapper .textLayer a {
    color: rgba(0, 0, 255, 0.5); /* можно подсветить ссылки */
    text-decoration: underline;
    pointer-events: auto;
    display: block;
}

.message.correct {
    background-color: #2ecc71 !important;
    color: white;
}

.message.incorrect {
    background-color: #e74c3c !important;
    color: white;
}

.dashboard-row-list-item{
    cursor: pointer;
}

@media (max-width: 1024px) {
    #card .popup-heading {
        min-height: auto !important;
    }

    .popup.card > .popup-heading .popup-heading-info {
        padding-bottom: 15px;
    }
}

@media (max-width: 991px) {
    .resume-evaluation__pic{
        margin-right: 0;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        img{
            width: 100px;
        }
    }
    .resume-evaluation__content{
        width: 100%;
    }
    .resume-evaluation__link{
        flex-direction: column;
    }
    .resume-evaluation__link-arrow{
        margin: 12px 0;
        height: 34px;
        width: auto;
        img{
            max-height: 100%;
            width: 34px;
            transform: rotate(90deg);
        }
    }
    #add_card{
        padding: 0 !important;
    }
    .add-card-container{
        border-radius: 0 !important;
        width: 100% !important;
    }
    .popup-head{
        padding: 16px 0 !important;
    }
    .popup-results{
        padding: 16px 0 !important;
    }
    #add_card{
        width: 100% !important;
        left: 0 !important;
        border-radius: 0 !important;
    }
    .card-column__info-left {
        max-width: 100%;
    }

    .main-filter__search_candidates {
        flex-basis: 365px !important;
    }

    .no-br-mobile br {
        display: none;
    }

    .resume-evaluation__selects {
        flex-basis: auto;
        width: 100%;
    }

    .start-test__link {
        flex-direction: column;
        width: 100%;
    }

    .start-test__link .button {
        width: 100%;
    }

    .start-test__link-input {
        padding: 16px 10px;
        width: 100%;
    }

    .start-test {
        flex-direction: column;
        max-width: 100%;
    }

    .tabs-flex-button {
        padding: 13px 10px;
        font-size: 13px;
    }

    .resume-evaluation {
        flex-direction: column;
        padding: 20px 26px 26px;
    }

    .vacation-fast-links {
        margin: 20px -20px;
        padding: 0 20px;
        overflow: auto;
    }

    .resume-evaluation__description {
        flex-basis: auto;
        margin-right: 0;
        margin-bottom: 22px;
    }

    .resume-evaluation__block {
        flex-basis: auto;
        margin-left: 0;
        margin-top: 22px;
        width: 100%;
    }

    .vacation-fast-links::-webkit-scrollbar {
        display: none;
    }

    .vacation-fast-link {
        flex-basis: 250px;
        flex-shrink: 0;
    }

    .modal-body .form-entry-title {
        font-size: 24px;
    }

    .modal-body .button-blue {
        height: 60px;
    }

    .item-description-2 > div {
        width: 100%;
    }

    .stat_block .stat_content {
        min-width: 100%;
    }

    .item-description-2 {
        flex-direction: column;
    }

    .instructions {
        padding: 40px 30px 15px;
    }

    .instructions-pic {
        display: none;
    }

    .sidebar-menu__items {
        padding-left: 0;
    }

    .card-flex {
        flex-direction: column;
        padding: 18px 0 30px 0;
    }

    .card-column-right {
        flex-basis: auto;
        margin-left: 0;
        margin-top: 44px;
    }

    #card .popup-heading.popup-heading_new {
        min-height: 50px !important;
    }

    .candidate-pic {
        left: 20px;
    }

    .card-column-left {
        width: 100%;
        flex-basis: auto;
    }

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

    .card-column__info-right {
        margin-top: 20px;
    }

    .card-container_100 {
        width: 100% !important;
    }

    cardnav a, .tabs-container a {
        padding: 12px 4px;
    }
}

@media (max-width: 767px) {
    .not-subscription{
        margin: 0 0 10px;
        padding: 20px;
        align-items: flex-start;
        img{
            margin-right: 20px;
        }
    }
    .list-vacation-trigger_visible {
        display: flex !important;
    }

    .users-vacation__tr {
        flex-direction: column;
        border-bottom: 1px solid black;
        padding: 14px 0;

        &:last-child {
            border-bottom: none;
        }
    }

    .users-vacation__td {
        width: 100%;
        margin-bottom: 8px;
    }

    .users-vacation__td:last-child {
        margin-bottom: 0;
    }

    .users-table__head, .users-vacation__thead {
        display: none;
    }

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

    .role-head .size-16 {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .close-btn {
        top: 10px;
        right: 10px;
    }

    .modal-main {
        padding: 20px;
    }

    .list-vacation-trigger {
        display: none;
    }

    .users-table__td-mobile {
        display: block;
        margin-bottom: 0 !important;
    }

    .users-table__td-mobile .list-vacation-trigger {
        display: inline-flex;
    }

    .users-table__tr {
        flex-direction: column;
        padding: 10px;
    }

    .users-table__td {
        position: relative;
        margin-bottom: 8px;
        display: flex;
        width: 100%;
        align-items: flex-start;
        font-weight: 500;
    }

    .users-table__td .size-14 {
        font-size: 12px;
    }

    .users-table__td:before {
        content: attr(data-name);
        flex-shrink: 0;
        color: #3F3F3F;
        flex-basis: 50%;
    }

    .users-table__td-button {
        padding-left: 0;
        margin-bottom: 4px;
    }
}

@media (max-width: 420px) {
    .tariff-item__head {
        flex-flow: row wrap;
    }

    .tariff-item__event {
        margin-left: 0;
        margin-top: 10px;
        flex-basis: 100%;
    }

    .tariff-item__name {
        flex-basis: calc(100% - 88px);
    }
}