/**
 * Тема цветового оформления "Новосибирск".
 *
 * @author Halimov Eduard <ed@baltpoint.com>
 */



/*
 * Табы.
 */
.nav-tabs-alt {
    padding: 0 var(--bs-border-radius) 0 0;
}
.nav-tabs {
    --bs-nav-tabs-border-width: 0 !important;
}
.nav-tabs .nav-item.active {
    border-radius: .3rem .3rem 0 0;
    background: linear-gradient(to bottom, var(--color-blue-dark) 15%, white 0%) !important;
}
.nav-tabs .nav-item.active > .nav-link {
    background: transparent;
}


/**
 * Формы.
 */
.form-control {
    border: 1px solid var(--form-control-border) !important;
}

.dependent-date-presets label {
    border: 1px solid var(--form-control-border) !important;
}
.dependent-date-presets .btn-default:not([disabled]):not(.disabled).active {
    background-color: var(--button-bg-color) !important;
    border-color: var(--button-bg-color) !important;
    box-shadow: none !important;
    color: #fff !important;
}


/**
 * Кнопки.
 */
.btn:hover {
    box-shadow: none !important;
}
.btn-primary {
    background-color: var(--button-bg-color) !important;
    border: none !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: var(--button-hover-bg-color) !important;
}


/**
 * Фильтр.
 */
.filtered-area {
    background-color: #cde2f4 !important;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0.125rem 0.25rem rgba(21,20,26,.075);
}
.filtered-area .form-control,
.filtered-area .dependent-date-presets label,
.filtered-area .datetime-presets-group label:not(.btn-primary) {
    border: 1px solid #a3c1db !important;
    box-shadow: none;
}
.filtered-area label:not(.btn) {
    color: #2b5a95;
    line-height: 1;
    margin-bottom: .25rem;
}
.filtered-area .datetime-presets-group {
    width: 100%;
    max-width: 100%;
}
.filtered-area .datetime-presets-group label.btn {
    width: calc(75% / 5);
}
.filtered-area .datetime-presets-group input {
    margin-left: .2rem !important;
}

.filtered-actions {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}

@media (max-width: 768px) {
    .filtered-area .form-group {
        width: 100%;
    }
    
    .filtered-area .datetime-presets-group label.btn {
        width: calc(100% / 5);
    }

    .filtered-area .datetime-presets-group input, .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        margin-left: 0 !important;
    }

    .form-control {
        max-width: unset;
    }
}

@media (max-width: 426px) {
    .filtered-area .datetime-presets-group label.btn {
        width: 100%;
    }
}