:root {
    --color-orange: #d97669;
    --color-black: #000000;
    --color-main: #914f97;
    --color-blue: #232b66;
    --color-pink: #d15774;
    --color-darkblue: #000040;
    --color-graypink: #e7d9e1;
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.uk-table-color thead th {
    background-color: var(--color-blue);
}

.uk-table-color thead th,
.uk-table-color thead a {
    color: white;
}

.uk-table-color thead a:hover {
    color: #d6d6d6;
}

input[readonly],
input[disabled] {
    background-color: #e9ecef;
}

/*Custom scrollbar*/
.uk-overflow-auto::-webkit-scrollbar {
    width: 10px;
}

.uk-overflow-auto::-webkit-scrollbar-track {
    background-color: #f9f9f9;
}

.uk-overflow-auto::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e5e5e5;
}

/* Переопределение стилей для UIkit Notification */
/*
 * Success
 */
.uk-notification-message-success {
    display: flex;
    align-items: center;
    background-color: #32d296;
    color: white;
    font-size: 0.95em;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-notification-message-success::before {
    font-family: "Material Symbols Outlined";
    font-size: 1.4em;
    content: '\e5ca';
    margin-right: 10px;
}

/*
 * Warning
 */
.uk-notification-message-warning {
    display: flex;
    align-items: center;
    background-color: #faa05a;
    color: white;
    font-size: 0.95em;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-notification-message-warning::before {
    font-family: "Material Symbols Outlined";
    font-size: 1.4em;
    content: '\e645';
    margin-right: 10px;
}

.uk-notification-message-primary {
    display: flex;
    align-items: center;
    background-color: #1e87f0;
    color: white;
    font-size: 0.95em;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);

}

.uk-notification-message-primary::before {
    font-family: "Material Symbols Outlined";
    font-size: 1.4em;
    content: '\e88e';
    margin-right: 10px;
}

/*
 * Danger
 */
.uk-notification-message-danger {
    display: flex;
    align-items: center;
    background-color: #f0506e;
    color: white;
    font-size: 0.95em;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);

}

.uk-notification-message-danger::before {
    font-family: "Material Symbols Outlined";
    font-size: 1.4em;
    content: '\e000';
    margin-right: 10px;
}

.uk-notification-message-success .uk-close,
.uk-notification-message-danger .uk-close,
.uk-notification-message-warning .uk-close {
    color: white;
    top: 7px;
    right: 7px;
    width: 12px;
    height: 12px;
}

.ul-spinner {
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Настройка под flatpickr */

.flatpickr-input[readonly],
.flatpickr-input[readonly] {
    background-color: white;
}

.uk-table-custom th{
    border-left: 2px solid rgba(255, 255, 255, 0.192);
    border-bottom: 2px solid rgba(255, 255, 255, 0.192);
    text-align: center;
    vertical-align: middle;
    text-wrap: nowrap;
    /* font-size: 15px; */
    margin-top: 10px;
    border-collapse: collapse;
    height: 50%;
}

.uk-table-custom td{
    border-left: 1px solid rgba(65, 63, 63, 0.144);
    vertical-align: middle;
}