/* Minification failed. Returning unminified contents.
(80,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(81,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
 */
body {
}

/*#region MIN-WIDTH BREAKPOINTS*/
/*refer to https://getbootstrap.com/docs/5.1/layout/breakpoints/*/
/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
}
/*#endregion MIN-WIDTH BREAKPOINTS*/

/*#region MAX-WIDTH BREAKPOINTS*/
/*refer to https://getbootstrap.com/docs/5.1/layout/breakpoints/*/
/*`xs` returns only a ruleset and no media query*/

/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .table-responsive-sm .dt-container .row:nth-child(2), .dt-table-responsive .dt-container .row:nth-child(2) {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .table-responsive-md .dt-container .row:nth-child(2), .dt-table-responsive .dt-container .row:nth-child(2) {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

/*`lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .table-responsive-lg .dt-container .row:nth-child(2), .dt-table-responsive .dt-container .row:nth-child(2) {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

/*`xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .table-responsive-xl .dt-container .row:nth-child(2), .dt-table-responsive .dt-container .row:nth-child(2) {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
    .table-responsive-xxl .dt-container .row:nth-child(2), .dt-table-responsive .dt-container .row:nth-child(2) {
        overflow-x: auto;
        overflow-y: hidden;
    }
}
/*#endregion MAX-WIDTH BREAKPOINTS*/

/*#region widgets*/
.wait-popup {
    display: none;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-body-color);
    width: 15rem;
    height: 5rem;
    border-radius: 4px;
}
/*#endregion widgets*/

/*#region dataTables*/
.table-responsive .dt-container .row:nth-child(2), .dt-table-responsive .dt-container .row:nth-child(2) {
    overflow-x: auto;
    overflow-y: hidden;
}
/*#endregion dataTables*/

/*#region date*/
input[type="date"].dateicon-hidden::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
/*#endregion date*/
body {
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}