.content-wrapper {
    position: relative;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

.bg-yellow {
    background-color: #ffd648!important
}

a.bg-yellow,button.bg-yellow {
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.text-yellow {
    color: #ffd648!important
}

a.text-yellow:focus,a.text-yellow:hover {
    color: #fbc200!important
}

.text-yellow-100 {
    color: #fbc200!important
}

a.text-yellow-100:focus,a.text-yellow-100:hover {
    color: #fba300 !important
}

a.bg-yellow:focus,a.bg-yellow:hover,button.bg-yellow:focus,button.bg-yellow:hover {
    background-color: #ffcb15!important
}

.bg-yellow-100 {
    background-color: #fffbed!important
}

a.bg-yellow-100,button.bg-yellow-100 {
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.bg-yellow-100 {
    background-color: #fffbed!important
}

a.bg-yellow-100,button.bg-yellow-100 {
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.badge-yellow {
    color: #333;
    background-color: #ffd648; }
a.badge-yellow:hover, a.badge-yellow:focus {
    color: #333;
    background-color: #ffcb15; }
a.badge-yellow:focus, a.badge-yellow.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 214, 72, 0.5); }

.badge-yellow-100 {
    color: #333;
    background-color: #fffbed; }
a.badge-yellow-100:hover, a.badge-yellow-100:focus {
    color: #333;
    background-color: #fff0ba; }
a.badge-yellow-100:focus, a.badge-yellow-100.focus {
    outline: 0;
    box-shadow: 0 0 0 0 rgba(255, 251, 237, 0.5); }

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}

/*.dataTables_length, .dataTables_filter { display: none; }*/
.table-sm > :not(caption) > * > * {
    padding: .25rem .25rem;
}

table.searchable thead tr:nth-child(2) th {
    padding: 5px;
}

table.searchable thead tr th.nosort {
    max-width: 150px;
}

.bg-error {
    background-color: #f44336;
}

.border-error {
    border-color: #f44336;
}

.navbar-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;

    & img {
        height: 2.5rem;
        max-height: 100%;
    }
}

.sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 15px;
    z-index: 1020;
}

.sidebar-xs .sidebar:not(.sidebar-component) .sidebar-content {
    overflow-y: auto;
}

.custom-scrollbars * {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: thin;
    scrollbar-color: #999 #eee
}

.custom-scrollbars ::-webkit-scrollbar {
    height: .4rem;
    width: .4rem
}

.custom-scrollbars ::-webkit-scrollbar-track {
    background: #eee
}

.custom-scrollbars ::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: .4rem
}

.custom-scrollbars::-webkit-scrollbar {
    height: .4rem;
    width: .4rem
}

.custom-scrollbars::-webkit-scrollbar-track {
    background: #eee
}

.custom-scrollbars::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: .4rem
}

.tableDrag td, .table th {
    white-space: nowrap;
}
.tableDrag tr th.dtfc-fixed-right,
.tableDrag tr td.dtfc-fixed-right {
    background-color: #ccc;
}
.tableDrag tr th.dtfc-fixed-right:hover,
.tableDrag tr td.dtfc-fixed-right:hover {
    z-index: 1;
}


.grid-table {
    max-height: 34rem;
    overflow-y: auto
}

.grid-table-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.grid-table-item {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

@media (min-width: 768px) {
    .grid-table-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

.datatable-scroll-wrap {
    min-height: 540px;
}

.formattedTextarea {
    white-space: pre-line;
}

.gap-3 {
    gap: 1.25rem;
}