html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.cursor-pointer {
    cursor: pointer;
}

.filter-label {
    padding-top: 0px !important;
}

.form-group label {
    padding-top: 20px;
}

.form-button {
    margin-top: 20px;
}

.form-floating {
    margin-bottom: 20px;
}

.check-large {
    height: 36px;
    width: 36px;
}

.ims-table td:first-child {
    text-align: left;
}

.ims-table th:first-child {
    text-align: left;
}

.ims-table th,td {
    text-align: center;
}

.note-content-popover {
    --bs-popover-max-width: 350px;
    --bs-popover-border-color: #0d6efd;
    --bs-popover-header-bg: #0d6efd;
    --bs-popover-header-color: white;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}

.medium-width-popover {
    --bs-popover-max-width: 400px;
    --bs-popover-border-color: #0d6efd;
    --bs-popover-header-bg: #0d6efd;
    --bs-popover-header-color: white;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: .5rem;
}

.large-width-popover {
    --bs-popover-max-width: 600px;
    --bs-popover-border-color: #0d6efd;
    --bs-popover-header-bg: #0d6efd;
    --bs-popover-header-color: white;
    --bs-popover-body-padding-x: 2rem;
    --bs-popover-body-padding-y: .5rem;
}

.search-bar {
    width: 75%;
}

.search-navbar-ul {
    width: 50%;
}

@media screen and (max-width: 575px) {
    .search-navbar-ul {
        width: 100%;
    }

    .search-bar {
        width: 100%;
    }
}

.environment-banner {
    background-color: red;
    color: white;
    font-weight: bolder;
}

.filter-card-header:active {
    border: 1px solid #0d6efd !important;
}

.filter-card-header i {
    transform: rotate(0deg);
    transition: transform 0.25s linear;
}

.filter-card-header i.open {
    transform: rotate(180deg);
    transition: transform 0.25s linear;
}

.filter-card-header-closed {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.filter-small {
    font-size: 0.85em; /* Reduces font size */
}

    .filter-small .accordion-button {
        padding: 0.4rem 1rem; /* Smaller padding for accordion headers */
        font-size: 0.85em; /* Smaller font in headers */
    }

    .filter-small h5 {
        font-size: 0.6em; /* Smaller font in headers */
    }

    .filter-small .card-header {
        padding: 0.25rem 0.5rem; /* Reduces padding in form inputs */
        font-size: 2em; /* Smaller font size for inputs */
    }

    .filter-small .card-body {
        padding: 0.25rem 0.5rem; /* Reduces padding in form inputs */
        font-size: 0.95em; /* Smaller font size for inputs */
    }

    .filter-small .form-select {
        padding: 0.25rem 0.5rem; /* Reduces padding in form inputs */
        font-size: 0.95em; /* Smaller font size for inputs */
    }

    .filter-small .dropdown-menu {
        padding: 0.25rem 0.5rem; /* Reduces padding in form inputs */
        font-size: 0.95em; /* Smaller font size for inputs */
    }

    .filter-small .form-label {
        padding: 0.25rem 0.5rem; /* Reduces padding in form inputs */
        font-size: 0.95em; /* Smaller font size for inputs */
    }

    .filter-small .form-control {
        padding: 0.25rem 0.5rem; /* Reduces padding in form inputs */
        font-size: 0.95em; /* Smaller font size for inputs */
    }

    .filter-small .form-group {
        margin-bottom: 0.5rem; /* Less spacing between form controls */
    }

    .filter-small .btn {
        padding: 0.25rem 0.5rem; /* Reduces button padding */
        font-size: 0.85em; /* Smaller button text */
    }

.bg-construction {
    /*background-color: #FF7000;*/
    background-color: rgba(255, 112, 0, 1) !important;
}

.bg-environmental {
    /*background-color: #70AE2E;*/
    background-color: rgba(112, 174, 46, 1) !important;
}

.bg-planning {
    /*background-color: #1A2B68;*/
    background-color: rgba(26, 43, 104, 1) !important;
}

.bg-training {
    /*background-color: #006AB4;*/
    background-color: rgba(0, 106, 180, 1) !important;
}