.kv-grid-bs4 {
    font-size: 0.8rem;
}

.logo {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer {
    display: block;
}

.bg-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    opacity: .6;
    background-color: rgb(0 0 0);
}
#layout-main,
#layout-grid {
    margin-top: 100px;
}

.badge-top {
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 0.65em !important;
    padding: 0.20em 0.50em !important;
}

.language-picker {
    margin-top: 10px;
}

.language-picker.small i.ru, .language-picker.small i.ru-RU {
    background-position: -96px -132px !important;
}
.language-picker.small i.en, .language-picker.small i.en-GB, .language-picker.small i.en-PI, .language-picker.small i.en-UD, .language-picker.small i.en-UK {
    background-position: -128px -44px !important;
}

.language-picker.small i {
    width: 32px !important;
    height: 22px !important;
    background-size: 256px 176px !important;
}
.ui-autocomplete {
    z-index: 1000000 !important;
}

.form-prompt {
    font-size: 14px;
    margin-top: 5px;
    color: #808080;
}

.select2-dropdown {
    min-width: min-content !important;
}

.select2-results__option {
    white-space: nowrap;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: contents;
}

.tooltip-inner {
    max-width: 500px !important;
    text-align: left !important;
}

.standard-head {
    top: 80px !important;
}

.cropped-text {
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert.alert-danger p {
    margin-bottom: 0;
}

/* Кнопки, которые прилипают к краю экрана */
.spider-buttons {
    position: fixed;
    right: -230px;
    display: flex;
    gap: 10px;
    transform: rotate(-90deg);
    width: 500px;
    bottom: 280px;
}

.spider-buttons_item {
}

.spider-buttons_button {
    color: #ffffff;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    opacity: 0.7;
    z-index: 9000;
}

.spider-buttons_button__color-blue {
    background-color: #007bff;
}

.spider-buttons_button__color-red {
    background-color: #dc3545;
}
.spider-buttons_button__color-green {
    background-color: #136b32;
}

.spider-buttons_button:hover {
    color: #ffffff;
    opacity: 1;
}

.loading__gif {
    /*display: none;*/
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.3;
    background-image: url('/../images/loading.gif');
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
    z-index: 10000;
}

.loading__gif.active {
    display: block;
}