:root {
    --color-datastatus0: #ffd335;
    --color-datastatus1: #2bc032;
    --color-datastatus2: #ff1d1d;
}

.vks-contact-table {
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 10px;
    border: 1px solid #EEE;
    flex-shrink: 0;
    width: 100%;
}

.status_reviewed > .grid{
    border-color: rgb(92, 243, 92)!important;
}

.status_decline  > .grid{
    border-color: rgb(250, 64, 64)!important;
}

.status_wait  > .grid{
    border-color: rgb(238, 189, 84)!important;
}

.status_delete  > .grid{
    border-color: rgb(36, 36, 36)!important;
}

.status_event  > .grid{
    border-color: rgb(60, 72, 245)!important;
}


.vks-contact-table td {
    vertical-align: top;
    border-top: 1px solid #EEE;
    padding: 10px;
}

.vks-contact-abbr {
    margin-right: 42px;
    border-bottom: 1px dotted #000;
    text-decoration: none;
    cursor: pointer;
    color: #000;
    font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.vks-error {
    border: 2px solid red;
}

.vks-contact-switch input {
    color: #D8D5D5;
    margin-bottom: 12px;
}

.vks-contact-switch label {
    color: #D8D5D5;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.vks-contact-table th,
td {
    vertical-align: top;
    padding: 5px;
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.vks-contact-title {
    color: var(--black-100, #1C1C1C);
    font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.vks-contact-button {
    width: 126px;
    height: 38px;
    flex-shrink: 0;
    border-color: transparent;
    border-radius: 5px;
    background: #F7F9FB;
    color: #A5A5A5;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.clickableTH{
    cursor: pointer;
    flex-direction: row;
    align-items: center;
}

.invisible{
    display: none;
}

.vks-button-filter {
    width: 126px;
    height: 38px;
    flex-shrink: 0;
    border-color: transparent;
    border-radius: 5px;
    background: #95A4FC;
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.vks-contact-calendar input {
    border-radius: 5px;
    border: 1px solid #EEE;
    height: 38px;
}

.buttonsTD{
    display: flex;
    flex-direction: row;
    padding: 5px;
    align-items: center;
    justify-content: space-evenly;
}

.vks-contact-calendar input::placeholder {
    color: rgba(0, 0, 0, 0.30);
    font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.vks-contact-text {
    height: 38px;
    border-radius: 5px;
    border: 1px solid #EEE;
}

.vks-contact-text::placeholder {
    color: rgba(0, 0, 0, 0.30);
    font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.vks-contact-number {
    border-radius: 5px;
    border: 1px solid #EEE;
    height: 38px;
}

.vks-contact-time {
    border-radius: 5px;
    border: 1px solid #EEE;
    height: 38px;
}

.vks-contact-time::-webkit-calendar-picker-indicator {
    background: none;
    display: none;
}

.vks-contact-number::placeholder {
    color: rgba(0, 0, 0, 0.30);
    font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    height: 38px;
}

.vks-contact-label {
    color: #000;
    font-family: Inter;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.hidden {
    display: none;
}

.vks-contact-loadCaseButton {
    background: white;
    border-radius: 5px;
    border: 1px solid #95A4FC;
    color: #6A6A6A;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.vks-contact-inputContainer label,
input {
    display: block;
}

.vks-caseNumberContainer {
    gap: 25px;
    display: flex;

}

.vks-addButton {
    border-radius: 5px;
    background: #95A4FC;
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    border-color: transparent;
    width: 340px;
    height: 38px;
}


.vks-changePageButton {
    background: #95A4FC;
    color: #FFF;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    border-color: transparent;
    width: 30px;
    height: 30px;
}


.vks-contact-rowOfInputsContainer {
    display: flex;
    gap: 25px;
}

#vks-add {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.select2-court-selector-container {
    border-radius: 5px;
    border: 1px solid #EEE;
    max-width: 679px;
}

.acceptButton {
    border-radius: 5px;
    background: #BAEDBD;

}

.declineButton {
    border-radius: 5px;
    background: #F8C6CF;
}

.vks-button {
    text-align: center;
    border-color: transparent;
    width: 73px;
    height: 38px;
    flex-shrink: 0;
    color: #000;
    font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.vks-requests-input {
    border-radius: 5px;
    border: 1.4px solid #F2F2F2;
    background: #FFF;
}

.vks-addFileButton {
    background: transparent;
    border-color: transparent;
    margin-left: auto;
    font-size: 22px;
    line-height: 18px;
}

.vkc-contact-buttonPage {
    border-color: transparent;
    color: #FFF;
    background-color: #95A4FC;
}

.vks-contact-inputPage {
    width: 30px;
}

.vks-contact-inputPage::-webkit-outer-spin-button,
.vks-contact-inputPage::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.vks-contact-popupFileBox {
    z-index: 3;
    display: none;
    position: absolute;
    width: 250px;
    flex-shrink: 0;
    border-radius: 10px;
    border: 1px solid #E6E8EB;
    background: #FFF;
}

.vks-contact-fileElement {
    padding: 12px 15px;
    display: flex;
    border-bottom: 1px solid #E6E8EB;
}

.bottomBorder {
    border: transparent;
}

.vks-contact-fileElementLabel {
    color: #000;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.vks-contact-buttonShowFiles {
    color: #000;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    background: transparent;
    border-color: transparent;
}

.statusCircle {
    border-radius: 100%;
    width: 5px;
    height: 5px;
    margin-right: 5px;
}

.statusType {
    text-wrap: nowrap;
}

.statusAdvText {
    hyphens: auto;
}

.statusContainer[data-idStatus="0"] .statusCircle {
    background-color: var(--color-datastatus0);
}

.statusContainer[data-idStatus="0"] .statusType {
    color: var(--color-datastatus0);
}

.statusContainer[data-idStatus="1"] .statusCircle {
    background-color: var(--color-datastatus1);
}

.statusContainer[data-idStatus="1"] .statusType {
    color: var(--color-datastatus1);
}

.statusContainer[data-idStatus="2"] .statusCircle {
    background-color: var(--color-datastatus2);
}

.statusContainer[data-idStatus="2"] .statusType {
    color: var(--color-datastatus2);
}

.statusTypeContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.statusContainer p {
    margin-bottom: 0px;
}

.vksCaseNumber, .vksJudgeSpeaker, .vksDutyJudge, .vksAuthor{
    text-wrap: nowrap!important;
}

.statusReasonContainer {
    border-radius: 15px;
    padding: 5px 10px 5px 10px;
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.40);
    font-family: Inter;
}

.vksTableColContainer {
    /* display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font-family: Inter;
    width: 100%;
    height: 100%; */
}

.vksTableColContainer span {
    white-space: pre-wrap;
    hyphens: auto;
}

.vksChangeViewListButton{
    height:100%;
    width: 100%;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:8;
}

.vksActionContainer {
    gap:8px;
    display:flex;
    flex-direction:row;
}

.buttonDisabled{
    background:#F7F9FB !important;
    color:#A5A5A5 !important;
}

.invalid{
    border-color:red;
}

.input__wrapper {
    width: 100%;
    position: relative;
    margin: 15px 0;
    text-align: center;
    cursor: pointer;
}

.input__file {
    opacity: 0;
    position: absolute;
}

.input__file-icon-wrapper {
    height: 30px;
    width: 30px;
    border: 2px solid #E5ECF6;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    border-radius: 7px;
    align-items: center;
}

.input__file-button-text {
    line-height: 1;
    margin-top: 1px;
}

.input__file-button {
    display: flex;
    flex-direction: row;
    height: 30px;
    cursor: pointer;
    align-items: center;
}

.VKSAuthorContainer{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
}

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

.VKSDefinitionFile {
    display: flex;
    flex-direction: row;
    cursor: pointer;
}

.VKSDefinitionTitle {
    display: flex;
    flex-direction: row;
}

.VKSDefinitionIcon {
    height: 30px;
    width: 30px;
    border: 2px solid #E5ECF6;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    border-radius: 7px;
    align-items: center;
    background-color: #E5ECF6;
}

.btn_send_mail {
    margin-top:5px;
    width: 100px;
    height: 30px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    justify-content: center;
    background-color: #FFF;
    border: 1px solid #FC879C;
    padding: 10px 100px 10px 100px;
}

.btn_send_mail:has(.runAnimate) {
    border: 1px solid #BAEDBD !important;

}

.btn_send_mail:has(.endAnimate) {
    border: 1px solid #BAEDBD !important;

}

.btn_send_mail>span {
    z-index: 100;
    text-wrap: nowrap;
}

.runAnimate {
    animation-play-state: running;
    height: 100%;
}

.endAnimate {
    animation-play-state: paused!important;
    height: 100%!important;
    width: 100%!important;
}

.stopAnimate {
    animation-play-state: paused;
    height: 0%;
}

.btn_send_mail_loader {
    z-index: 99;
    border-radius: 8px;
    width: 0%;
    background-color: #BAEDBD;
    position: absolute;
    left: 0px;
    right: auto;
    animation-duration: 2s;
    animation-name: gradient;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    text-wrap: nowrap;
}

.vks-decline {
    color: var(--black-100, #1C1C1C);
    border-radius:8px;
    font-feature-settings: 'cv11' on, 'cv01' on, 'ss01' on;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-wrap: nowrap;
    border:none;
    /* 142.857% */
}

.VKSFileText{
    font-family: Inter;
    font-size: 14px;
}

.VKSActionContainer{
    align-items:center;
    display:flex;
    flex-direction:row;
    border-radius: 8px;
    background: var(--black-5, rgba(0, 0, 0, 0.05));
}


@keyframes gradient {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

.paginationContainer{
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    margin-top: 15px;
}

.page_item{
    color: #1C1C1C;
    padding: 5px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.page_item:hover{
    background-color: var(--black-5, rgba(0, 0, 0, 0.05));
}

.page_item.active{
    background-color: var(--black-5, rgba(0, 0, 0, 0.05));
}

.page_item.disabled i{
    color: #8a8a8a!important;
}

.page_item.disabled:hover{
    background-color: #fff!important;
    color: #8a8a8a!important;
}

#filters_container{
    padding: 10px;
    background-color: var(--primary-light, #F7F9FB);
    border-radius: 8px;
    margin-bottom: 10px;
}

#inputSize{
    width:70px;
    height: 36px;
}

.not_found{
    color:red;
}
.found{
    color:green;
}

.timeClosestA{
    text-decoration: underline!important;
    cursor: pointer;
}

.timeClosestA:hover{
    color: #95A4FC!important;
    text-decoration: none!important;
}