.custom-table tr,
.custom-table th,
.custom-table td {
    padding: 0.75rem  1.75rem !important;
}

.full__loader {
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
    display: flex;
    height: 30vh;
}
.full__loader_text {
    animation: l 1s steps(4) infinite;
    clip-path: inset(0 10px 0 0);
    position: absolute;
    font-weight: 600;
    color: #3F4254;
}

@keyframes l {
    to {
        clip-path: inset(0 -3px 0 0)
    }
}


.vue-notification {
    padding: 12px 20px !important;
    border-radius: 6px !important;
    border-left: none !important;
    font-size: 14px !important;
    margin: 5px !important;
}
.notification-title {
    font-weight: 500 !important;
}
.notification-content {
    font-size: 12px;
}

.vs__dropdown-toggle {
    border: 1px solid var(--bs-gray-300);
    padding: .25rem .25rem .45rem .25rem;
    border-radius: .425rem;
    font-size: .95rem;
}
.custom-select.dynamic {
    position: relative;
}
.custom-select.dynamic label {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    opacity: .65;
    transform-origin: 0 0;
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}
.custom-select.dynamic label.required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: var(--bs-danger);
    padding-left: .25rem;
    font-weight: 600;
}
.form .vs__dropdown-toggle {
    border: none !important;
    padding: 1.5rem .7rem .5rem .5rem;
    background-color: #f9f9f9;
    border-radius: .475rem;
    font-size: .95rem;
    color: var(--bs-gray-700);
}
.vs__open-indicator {
    fill: rgb(178 181 196);
    transform: scale(.7) !important;
}
.custom-select.dynamic .vs__actions {
    padding-top: 0;
    position: relative;
    top: -5px;
}
.vs--open .vs__open-indicator {
    transform: rotate(180deg) scale(.7) !important;;
}
.vs__clear {
    fill: rgb(169 173 189);
    margin-top: -2px;
}
.vs__search::placeholder {
    color: #a1a5c7;
    opacity: 1; /* Firefox */
}

.multiline-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; /* Для предотвращения переноса строки */
}

html[data-bs-theme="dark"] .v-select,
body[data-bs-theme="dark"] .v-select {
    background-color: #1e1e1e;
    color: #f0f0f0;
    border-color: #333;
}

html[data-bs-theme="dark"] .v-select .vs__dropdown-toggle {
    background-color: #1e1e1e;
    color: #f0f0f0;
    border-color: #444;
}

html[data-bs-theme="dark"] .v-select .vs__dropdown-menu {
    background-color: #2a2a2a;
    color: #f0f0f0;
    border-color: #444;
}

html[data-bs-theme="dark"] .v-select .vs__dropdown-option--highlight {
    background-color: #333;
}

html[data-bs-theme="dark"] .vs__selected,
html[data-bs-theme="dark"] .vs__search,
html[data-bs-theme="dark"] .vs__search:focus {
    color: var(--bs-gray-700);
}

html[data-bs-theme="dark"] .apexcharts-legend-text {
    color: #F5F5F5 !important;
}
html[data-bs-theme="dark"] .apexcharts-title-text,
html[data-bs-theme="dark"] .apexcharts-text,
html[data-bs-theme="dark"] .apexcharts-text tspan {
    fill: #F5F5F5 !important;
}