html,
body,
main,
#sidebar,
#content {
    height: 100%;
}

html {
    overflow: hidden;
}

main {
    display: flex;
}

#sidebar {
    width: 240px;
    padding: 1rem;
    border-right: 1px solid rgba(0, 0, 0, .15);
    box-shadow: 0 0 .5em rgba(0, 0, 0, .1), 0 0 0.25em rgba(0, 0, 0, .15);
}

#sidebar.minimized {
    width: 48px;
    padding: 1rem 0;
}
#sidebar.minimized .jsMinimizedHide {
    display: none;
}

#sidebar.minimized .nav-pills .nav-link,
#sidebar.minimized .btn {
    border-radius: 0;
}

#sidebar.minimized .badge {
    position: absolute;
    transform: translate(50%,-50%);
    border-radius: 50%;
}

#content {
    flex-grow: 1;
    overflow-y: auto;
    padding: .75rem;
    /* max-width: 1700px; */
}

.mw-1200 {
    max-width: 1200px !important;
}

.fs-7 {
    font-size: .875rem;
}

.fs-8 {
    font-size: .75rem;
}

.logo_box {
    display: flex;
    text-decoration: none;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #af0000;
}

.btn-primary {
    --bs-btn-bg: #af0000;
    --bs-btn-border-color: #af0000;
    --bs-btn-hover-bg: #af0000;
    --bs-btn-hover-border-color: #810303;
    --bs-btn-focus-shadow-rgb: 180, 80, 80;
    --bs-btn-active-bg: #810303;
    --bs-btn-active-border-color: #810303;
    --bs-btn-disabled-bg: #af0000;
    --bs-btn-disabled-border-color: #af0000;
}

.btn-outline-primary {
    --bs-btn-color: #af0000;
    --bs-btn-border-color: #af0000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #af0000;
    --bs-btn-hover-border-color: #af0000;
    --bs-btn-focus-shadow-rgb: 175, 0, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #af0000;
    --bs-btn-active-border-color: #af0000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #af0000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #af0000;
    --bs-gradient: none;
}

.form-check-input:checked {
    background-color: #af0000;
    border-color: #af0000;
}

/* .form-control:focus,
.form-check-input:focus {
    border-color: #d39797;
    box-shadow: 0 0 0 0.25rem rgba(175,0,0,.25);
} */

.pagination {
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(175, 0, 0, .25);
    --bs-pagination-active-bg: #af0000;
    --bs-pagination-active-border-color: #af0000;
    --bs-pagination-color: #af0000;
    --bs-pagination-hover-color: #af0000;
    --bs-pagination-focus-color: #af0000;
}

fieldset {
    padding: 1em;
    border: 2px groove #999;
}

legend {
    float: initial;
    width: auto;
    padding: 0 2px;
    margin: 0;
}

.dataTables_filter label {
    width: 100%;
    display: flex;
    align-items: center;
}

.dataTables_filter label input {
    flex-grow: 1;
}

.border_dashed {
    border-bottom: 1px dashed;
}

.table_deals {
    /* чтобы всегда входил dropdown */
    min-height: 115px;
}

.table_deals thead th {
    font-size: .875rem;
}

.table_deals tbody td {
    vertical-align: middle;
}

.table_deals tbody td,
.table_deals tbody th {
    max-width: 100px;
    overflow-wrap: break-word;
}

.deals_action .dropdown-toggle::after {
    margin: 0;
}

.tasks_content .select2-container {
    min-width: 120px;
}

.highlight_td {
    padding: 0 .25rem;
    margin: 0 -.25rem;
}

@media (min-width: 1400px) {
    #content {
        padding: 1.5rem;
    }

    .table_deals tbody td,
    .table_deals tbody th {
        max-width: 200px;
    }
}