body {
    overflow-x: hidden;
}

/* Override default bootstrap style that breaks badges in buttons */

.btn .badge.position-absolute {
    position: absolute;
}

.active_label {
    background-color: #008000a1;
    border-radius: 12px;
    font-size: 14px;
    padding: 7px;
}

.back_btn {
    display: flex;
    flex-direction: row-reverse;
    gap: 5px !important;
}

.arrow_btn {
    margin-right: 2px;
}

.main-box {
    display: flex;
    gap: 5px;
    align-items: center;
    margin: 5px 0 10px 0;
}

/* Resident page CSS Start */

.display {
    display: none !important;
}

input:focus-visible {
    outline: none;
}

#edit-orders {
    background: transparent;
    border-color: #ccc;
    color: #000;
}

.filter-txt .btn-primary {
    font-size: 12px;
}

.btn-group.me-2.btn-toolbar-custom {
    float: right;
    margin-top: 16px;
}

.form-floating.facility_block p {
    font-size: 14px;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    vertical-align: middle;
}

.commit-Update-below input {
    padding: 5px 25px 5px 25px;
}

.commit-Update-below {
    text-align: center !important;
}

p.table_shipping_restrictions {
    display: -webkit-box;
    max-width: 250px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Resident page CSS END */

/* Start Resident details css */

.resident-header-wrp .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
}

.date-time-wrp ol li {
    font-size: 14px;
}

.dataTables_wrapper .dataTables_length select {
    padding: 1px 0 !important;
    width: 45px;
}

.residents-details-button .btn {
    padding: 3px 8px 3px 8px;
}

.resident-details-border {
    position: relative;
}

.resident-details-border::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #c7c7c7;
    top: 45px;
}

.residents-details-button {
    text-align: end;
}

.resident-details-border legend {
    border: none;
}

/* Fix text wrapping of long URLs on the Resident detail page */

.resident-details-border #resident_details p{
    position: relative;
    overflow-x: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow-wrap: break-word;
}

.resident-details-border #resident_details p:hover {
    overflow-x:visible;
    overflow-wrap: normal;
}

/* Fixes super annoying text overlap issue */

.resident-details-border #resident_details p:hover a{
    position: absolute;
    z-index: 1;
    background-color: lightyellow;
}

.modal-content .modal-header .create-order-modal {
    font-size: 15px;
    font-weight: 600;
}

.form-group .items-list-modal {
    font-size: 14px;
    margin-top: 25px;
    font-weight: bold;
}

/*.hidden {*/

/*    background-color: #d3d3d3 !important;*/

/*    cursor: none !important;*/

/*    border: #d3d3d3 !important;*/

/*    pointer-events: none;*/

/*}*/

.select-resident-detail-order-modal select {
    font-size: 14px;
}

.modal-body.resident-detail-text button {
    padding: 6px 10px;
}

.select-resident-detail-order-modal input {
    font-size: 15px;
    text-align: center;
}

.select-resident-detail-btn-modal button {
    font-size: 14px;
}

.modal-header.resident-detail-create-notes-modal h5 {
    font-size: 16px;
    font-weight: 600;
}

.resident-detail-text label {
    font-size: 14px;
}

.resident-detail-btn-create button {
    font-size: 14px;
}

.modal-content.main-resident-modal {
    padding: 0 16px;
    width: 450px;
}

.modal-body.resident-detail-text {
    padding: 0;
}

.modal-header.resident-detail-create-notes-modal button {
    border: none;
    background: transparent;
    font-size: 20px;
}

.resident-detail-text select {
    font-size: 14px !important;
}

.select-resident-detail-order-modal select {
    width: 100%;
    height: 40px;
    font-size: 14px;
}

.modal-header.resident-detail-create-notes-modal {
    padding: 10px 0;
}

.title-bottom label {
    font-size: 14px;
}

/* End Resident-edit css */

/* logs table css start */

#volunteer-detail-logs-listing-datatable_length,
#copost-volunteer-detail-logs-listing-datatable_length,
#resident-detail-logs-listing-datatable_length {
    float: none;
    display: inline-block;
    width: 50%;
}

#volunteer-detail-logs-listing-datatable_filter,
#copost-volunteer-detail-logs-listing-datatable_filter,
#resident-detail-logs-listing-datatable_filter {
    float: none;
    text-align: right;
    width: 50%;
    display: inline-block;
}

#volunteer-detail-logs-listing-datatable,
#copost-volunteer-detail-logs-listing-datatable,
#resident-detail-logs-listing-datatable {
    border: 1px solid #ccc;
    width: 100% !important;
    margin: 15px 0;
}

#volunteer-detail-logs-listing-datatable thead th,
#copost-volunteer-detail-logs-listing-datatable thead th,
#resident-detail-logs-listing-datatable thead th {
    border: 1px solid #ccc;
    background: #e0e0e0;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 4px !important;
    border: 1px solid #ccc;
}

input:focus-visible {
    outline: none;
}

#volunteer-detail-logs-listing-datatable thead th:first-child,
#copost-volunteer-detail-logs-listing-datatable thead th:first-child,
#resident-detail-logs-listing-datatable thead th:first-child {
    width: 5% !important;
}

#volunteer-detail-logs-listing-datatable thead th:last-child,
#copost-volunteer-detail-logs-listing-datatable thead th:last-child,
#resident-detail-logs-listing-datatable thead th:last-child {
    width: 15% !important;
}

#edit-orders {
    background: transparent;
    border-color: #ccc;
    color: #000;
}

#volunteer-detail-logs-listing-datatable_filter label,
#copost-volunteer-detail-logs-listing-datatable_filter label,
#resident-detail-logs-listing-datatable_filter label {
    font-size: 0;
}

#resident-detail-logs-listing-datatable_filter label input,
#resident-detail-logs-listing-datatable_wrapper label,
#resident-detail-logs-listing-datatable_filter label,
#volunteer-detail-logs-listing-datatable label input,
#volunteer-detail-logs-listing-datatable_wrapper label,
#volunteer-detail-logs-listing-datatable_filter label,
#copost-volunteer-detail-logs-listing-datatable label input,
#copost-volunteer-detail-logs-listing-datatable_wrapper label,
#copost-volunteer-detail-logs-listing-datatable_filter label {
    font-size: 12px !important;
}

#resident-detail-logs-listing-datatable_filter input,
#volunteer-detail-logs-listing-datatable_filter input,
#copost-volunteer-detail-logs-listing-datatable_filter input {
    height: 30px;
    width: 15rem;
}

.resident-details-border-bottom legend h3 {
    font-size: 18px;
    font-weight: 700;
}

.resident-details-border-bottom {
    position: relative;
}

.resident-details-border-bottom::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1.5px;
    background-color: #c7c7c7;
    top: 53px;
}

#resident-detail-logs-listing-datatable_previous,
#resident-detail-logs-listing-datatable_next,
#volunteer-detail-logs-listing-datatable_previous,
#volunteer-detail-logs-listing-datatable_next,
#copost-volunteer-detail-logs-listing-datatable_previous,
#copost-volunteer-detail-logs-listing-datatable_next {
    font-size: 12px;
    padding: 3px 10px;
}

.paginate_button.current {
    padding: 3px 10px !important;
}

#resident-detail-logs-listing-datatable_info,
#resident-detail-logs-listing-datatable_paginate,
#volunteer-detail-logs-listing-datatable_info,
#volunteer-detail-logs-listing-datatable_paginate,
#copost-volunteer-detail-logs-listing-datatable_info,
#copost-volunteer-detail-logs-listing-datatable_paginate {
    font-size: 12px;
}

#resident-detail-logs-listing-datatable tr th,
#volunteer-detail-logs-listing-datatable tr th,
#copost-volunteer-detail-logs-listing-datatable tr th {
    font-size: 12px;
    padding: 9px 18px;
}

#resident-detail-logs-listing-datatable .odd td,
#resident-detail-logs-listing-datatable .even td,
#volunteer-detail-logs-listing-datatable .odd td,
#volunteer-detail-logs-listing-datatable .even td,
#copost-volunteer-detail-logs-listing-datatable .odd td,
#copost-volunteer-detail-logs-listing-datatable .even td {
    font-size: 12px;
}

#resident-detail-logs-listing-datatable thead tr th:nth-child(2),
#volunteer-detail-logs-listing-datatable thead tr th:nth-child(2),
#copost-volunteer-detail-logs-listing-datatable thead tr th:nth-child(2) {
    text-align: center;
    word-break: break-all;
    white-space: break-spaces;
    width: 300px !important;
}

#resident-detail-logs-listing-datatable tbody tr td:nth-child(2),
#volunteer-detail-logs-listing-datatable tbody tr td:nth-child(2),
#copost-volunteer-detail-logs-listing-datatable tbody tr td:nth-child(2) {
    word-break: break-all;
    width: 300px;
    text-align: left;
}

#resident-detail-logs-listing-datatable thead .sorting_asc,
#resident-detail-logs-listing-datatable thead .sorting_desc,
#volunteer-detail-logs-listing-datatable thead .sorting_asc,
#volunteer-detail-logs-listing-datatable thead .sorting_desc,
#copost-volunteer-detail-logs-listing-datatable thead .sorting_asc,
#copost-volunteer-detail-logs-listing-datatable thead .sorting_desc {
    background-image: none !important;
}

#resident-detail-logs-listing-datatable thead .sorting:after,
#resident-detail-logs-listing-datatable thead .sorting:before,
#resident-detail-logs-listing-datatable thead .sorting_asc:after,
#resident-detail-logs-listing-datatable thead .sorting_desc:after,
#volunteer-detail-logs-listing-datatable thead .sorting:after,
#volunteer-detail-logs-listing-datatable thead .sorting:before,
#volunteer-detail-logs-listing-datatable thead .sorting_asc:after,
#volunteer-detail-logs-listing-datatable thead .sorting_desc:after,
#copost-volunteer-detail-logs-listing-datatable thead .sorting:after,
#copost-volunteer-detail-logs-listing-datatable thead .sorting:before,
#copost-volunteer-detail-logs-listing-datatable thead .sorting_asc:after,
#copost-volunteer-detail-logs-listing-datatable thead .sorting_desc:after  {
    content: "";
    display: inline-block;
    vertical-align: middle;
}

#resident-detail-logs-listing-datatable thead .sorting_asc:after,
#volunteer-detail-logs-listing-datatable thead .sorting_asc:after {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #7a80dd;
    font-size: 14px;
    margin-left: 5px;
}

#resident-detail-logs-listing-datatable thead .sorting_desc:after,
#volunteer-detail-logs-listing-datatable thead .sorting_desc::after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #7a80dd;
    font-size: 14px;
    margin-left: 5px;
}

/* logs table css end */

/* facility Listing datatable CSS start */

.facility-main {
    display: flex;
    gap: 10px;
}

.facility-main .left-facility {
    width: 60%;
    margin-right: 0;
}

.facility-main .right-facility {
    width: 40%;
    margin-right: 0;
    margin-top: 8px;
}

/* Resident, Facility, Volunter Editable form */

#facility-editable-form,
#volunteer-editable-form {
    padding: 0 15px;
}

table#facility-listing-datatable {
    width: 100% !important;
}

#facility-listing-datatable_filter {
    float: none;
    text-align: right;
    width: 50%;
    display: inline-block;
}

#facility-listing-datatable {
    border: 1px solid #ccc;
    width: 100% !important;
    margin: 25px 0;
}

#facility-listing-datatable thead th {
    border: 1px solid #ccc;
    background: #e0e0e0;
}

#facility-listing-datatable thead th:first-child {
    width: 48px !important;
}

#facility-listing-datatable thead th:last-child {
    /* width: 105px !important; */
    width: 5px !important;
}

#facility-listing-datatable thead tr th:nth-child(2) {
    width: 521px !important;
}

#facility-listing-datatable thead .sorting_asc,
#facility-listing-datatable thead .sorting_desc {
    background-image: none !important;
}

#facility-listing-datatable thead .sorting:after,
#facility-listing-datatable thead .sorting:before,
#facility-listing-datatable thead .sorting_asc:after,
#facility-listing-datatable thead .sorting_desc:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
}

#facility-listing-datatable thead .sorting_asc:after {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #7a80dd;
    font-size: 14px;
    margin-left: 5px;
}

#facility-listing-datatable thead .sorting_desc:after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #7a80dd;
    font-size: 14px;
    margin-left: 5px;
}

div#facility-listing-datatable_length label {
    font-size: 12px;
}

#facility-listing-datatable_filter label input {
    height: 30px;
    width: 15rem;
}

#facility-listing-datatable tbody th {
    padding: 6px;
    border: 1px solid #ccc;
}

#facility-listing-datatable tbody td {
    text-align: center;
    font-size: 12px;
}

#facility-listing-datatable .paginate_button.disabled {
    cursor: not-allowed !important;
}

#facility-listing-datatable input:focus-visible {
    outline: none;
}

#facility-listing-datatable_filter label {
    font-size: 12px;
}

#facility-listing-datatable_filter label input {
    font-size: 16px;
}

#facility-listing-datatable {
    font-size: 12px;
}

#facility-listing-datatable_paginate,
#facility-listing-datatable_info {
    font-size: 12px;
}

#facility-listing-datatable tbody,
td,
tfoot,
th,
thead,
tr {
    vertical-align: middle;
}

#facility-listing-datatable th {
    text-align: center;
}

#toast-container.toast-top-right {
    width: 400px;
}

.toast-info {
    width: 95% !important;
}

#toast-container.toast {
    width: 80%;
    max-width: 100%;
    text-align: right;
    padding: 15px;
}

#error_item_list {
    color: red;
}

#residentDataTable_length {
    display: none;
}

div#residentDataTable_filter {
    display: none;
}

table#residentDataTable td {
    border: none;
}

.address_title{
    font-size: 19px;
    font-weight: 600;
}

.instruction_title{
    font-size: 13px;
}

.div_mailing_fname{
    margin-bottom: 12px;
}

.top-header span .fa {
    font-size: 24px;
    margin: 0px 14px 0px 0px;
    cursor: pointer;
    color: #000;
}

a[disabled] {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}

.col-6.item_list .form-select {
    font-size: 15px;
}

.batch-boxes {
    height: 300px !important;
}

span.select2-selection.select2-selection--single {
    border: var(--bs-border-width) solid var(--bs-border-color);
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    height: 33px;
}

/* #resident-details-order-model-form #main-div,
#resident-order-model-form #main-div,
#volunteer-details-order-model-form #main-div{
    width: 78%;
} */

div#form .modal-content.main-resident-modal,
#orderform .modal-content.main-resident-modal,
#volunteer-details-order-model-form .modal-content.main-resident-modal,
#copost-volunteer-details-order-model-form .modal-content.main-resident-modal,
#addNewItem .modal-content.main-resident-modal{
    width: 800px !important;
}

#addNewUser .modal-content.main-resident-modal{
    width: 900px !important;
}

div#form .modal-dialog.modal-dialog-centered,
#orderform .modal-dialog.modal-dialog-centered,
#volunteer-details-order-model-form .modal-dialog.modal-dialog-centered,
#copost-volunteer-details-order-model-form .modal-dialog.modal-dialog-centered,
#addNewItem .modal-dialog.modal-dialog-centered
{
    max-width: 800px !important;
}

#addNewUser .modal-dialog.modal-dialog-centered
{
    max-width: 900px !important;
}

#createType .modal-dialog.modal-dialog-centered {
    max-width: 600px !important;
}

#createType .modal-content.main-resident-modal {
    width: 600px !important;
}

#form #resident-details-order-model-form table .transaction_table,
#resident-order-model-form table .transaction_table,
#volunteer-details-order-model-form .transaction_table,
#copost-volunteer-details-order-model-form .transaction_table,
#assign-book-form .transaction_table
 {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

#resident-details-order-model-form th, #resident-details-order-model-form .transaction_table td,
#resident-order-model-form th, #resident-order-model-form .transaction_table td,
#volunteer-details-order-model-form th, #volunteer-details-order-model-form .transaction_table td,
#copost-volunteer-details-order-model-form th, #copost-volunteer-details-order-model-form .transaction_table td,
#assign-book-form th, #assign-book-form .transaction_table td {
    padding: 10px 10px;
}

#form #resident-details-order-model-form .transaction_table th:first-child,
#orderform #resident-order-model-form .transaction_table th:first-child,
#volunteer-details-order-model-form .transaction_table th:first-child,
#copost-volunteer-details-order-model-form .transaction_table th:first-child,
#assign-book-form .transaction_table th:first-child {
  width: 60%;
}

#form  #resident-details-order-model-form .transaction_table th,
#orderform #resident-order-model-form .transaction_table th,
#volunteer-details-order-model-form .transaction_table th,
#copost-volunteer-details-order-model-form .transaction_table th,
#assign-book-form .transaction_table th {
    background-color: #f2eddf;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    width: 13.33%;
}

#form  #resident-details-order-model-form .transaction_table tr,
#orderform #resident-order-model-form .transaction_table tr,
#volunteer-details-order-model-form .transaction_table tr,
#copost-volunteer-details-order-model-form .transaction_table tr,
#assign-book-form .transaction_table tr {
    border-bottom: 1px solid #dddddd;
}

#form  #resident-details-order-model-form .transaction_table tr:hover,
#orderform #resident-order-model-form .transaction_table tr:hover,
#volunteer-details-order-model-form .transaction_table tr:hover,
#copost-volunteer-details-order-model-form .transaction_table tr:hover,
#assign-book-form .transaction_table tr:hover {
    background-color: #f1f1f1;
}

#form  #resident-details-order-model-form .transaction_table tr:nth-child(even),
#orderform #resident-order-model-form .transaction_table tr:nth-child(even),
#volunteer-details-order-model-form .transaction_table tr:nth-child(even),
#copost-volunteer-details-order-model-form .transaction_table tr:nth-child(even),
#assign-book-form .transaction_table tr:nth-child(even) {
    background-color: #f8f9fa;
}

#form #resident-details-order-model-form .transaction_table tr:nth-child(odd),
#orderform #resident-order-model-form .transaction_table tr:nth-child(odd),
#volunteer-details-order-model-form .transaction_table tr:nth-child(odd),
#copost-volunteer-details-order-model-form .transaction_table tr:nth-child(odd),
#assign-book-form .transaction_table tr:nth-child(odd) {
    background-color: #ffffff;
}

#form #resident-details-order-model-form .note-container,
#orderform #resident-order-model-form .transaction_table .note-container,
#volunteer-details-order-model-form .transaction_table .note-container,
#copost-volunteer-details-order-model-form .transaction_table .note-container{
    margin: 10px auto;
    width: 350px;
}

/* #form #resident-details-order-model-form #select-box-container,
#orderform #resident-order-model-form #select-box-container,
#volunteer-details-order-model-form #select-box-container{
    min-height: auto;
    max-height: 200px;
    overflow-y: auto;
} */

table.transaction_table {
    margin-top: 25px;
}

body.modal-open {
    overflow: hidden;
}

.items_box{
    padding: 15px 0px 15px 0px;
}

#addNewItem .form-floating .error,#addNewUser .form-floating .error {
    position: relative;
    height: auto;
    color: red !important;
    padding: 10px 0px 0px 0px;
    white-space: normal;
}

#addNewItem .form-floating>label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-1.5rem) translateX(.15rem);
}

#addNewUser .form-floating>label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(0.85) translateY(-1.5rem) translateX(.15rem);
}

#addNewAccount .form-floating .error,#addNewUser .form-floating .error {
    position: relative;
    height: auto;
    color: red !important;
    padding: 10px 0px 0px 0px;
    white-space: normal;
}

#addNewAccount .form-floating>label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
}

#addNewAccount .form-control{
    padding-top: 40px;
}

.tool_tip {
    padding-top: 5px;
    font-size: 13px;
}

.swal2-title {
    font-family: system-ui;
    font-size: 25px;
}

.swal2-actions {
    gap: 10px;
}

tr[data-active="1"] td {
    background-color: #008000a3;
    color:#FFF
}

a.primary_button {
    text-decoration: none;
    padding: 7px 15px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 3px 8px;
    border-radius: 20px;
    color: #000;
    white-space: nowrap;
}

a.primary_button.added_primary {
    background-color: #008000b0;
    color: #fff;
}

/*.resident-form-name input.cv_conditions_1 {*/

/*    height: auto !important;*/

/*    min-height: auto !important;*/

/*}*/

label.relation_checkbox_div {
    font-size: 15px !important;
}

.checkbox_sections label {
    font-size: 13px !important;
    line-height: 25px;
}

.cv_conditions1_listing li,.cv_conditions2_listing li {
    font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 23px;
}

@media only screen and (max-width: 991px) {
    .facility-main .left-facility {
        width: 100%;
    }

    .facility-main .right-facility {
        width: 100%;
    }

    .resident-main {
        flex-direction: column;
    }
}

@media only screen and (max-width: 575px) {
    .resident-main {
        flex-direction: column;
    }

    #resident-listing-table_filter label input,
    #volunteer-listing-table_filter label input {
        height: 30px;
        width: 10rem;
    }

}

@media only screen and (max-width: 475px) {

    #resident-listing-table_paginate,
    #resident-listing-table_info,
    #volunteer-listing-table_paginate,
    #volunteer-listing-table_info {
        display: flex;
        flex-direction: column;
    }

    #resident-listing-table_length,
    #volunteer-listing-table_length {
        text-align: left;
    }
}

.facility-edit-dragabble-div {
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    /* padding: 0px 15px; */
    width: 100%;
}

.main-container {
    display: flex;
    flex-direction: column;
}

.list-description {
    margin-bottom: 15px;
}

.draggable-block {
    font-size: 12px;
    width: 100%;
    margin: 5px 0;
    padding: 10px;
    border: 1px solid #ccc;
    cursor: move;
    background-color: #ffffff;
    border-radius: 5px;
    /* transition: background-color 0.3s ease; */
    transition: transform 0.3s ease-in-out;
}

.dragging {
    transform: scale(1.04);
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.dropping {
    transform: translateY(-10%) scale(1.1);
    transition: transform 0.3s ease-in-out;
}

.draggable-block:hover {
    background-color: #f0f0f0;
}

#dg_facility_name label {
    margin: 2px 0 0 255px;
    font-size: 12px;
}

#dg_housing_label {
    margin: 2px 0 0 288px;
    font-size: 12px;
}

#dg_facility_name_checkbox,
#dg_housing_checkbox {
    float: right;
    margin: 4px 0;
    justify-items: center;
}

.facility-details p {
    font-size: 14px;
    color: #212529;
}

.facility-heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.facility-details-tabbings {
    border: none !important;
    justify-content: center;
    font-weight: bold;
}

.volunteer-details-tabbings {
    justify-content: start;
}

.facility-details-tabbings .nav-item {
    /* max-width: 25%; */
    max-width: 25%;
    width: 100%;
    text-align: center;
}

/* .volunteer-details-tabbings .nav-item{
    max-width: 50%;
} */

.facility-details-tabbings .nav-item a {
    border: none !important;
    transition: 0.5s;
    margin: 0 0 10px 0;
    height: 42px;
    border-radius: 0px;
    color: #000;
    background-color: #f2f2f2;
    font-size: 14px;
}

.facility-details-tabbings .nav-item a:hover {
    background-color: #f9f9f9;
    box-shadow: 0 1px 0 #f4f4f4 inset;
}

.facility-details-tabbings .nav-item a.active {
    border: none !important;
    background-color: #ffffff;
    color: #000;
    border-top: 1px solid #f2f2f2 !important;
    border-left: 1px solid #f2f2f2 !important;
    border-right: 1px solid #f2f2f2 !important;
}

.bg-color {
    box-shadow: 0px 0px 3px #afafaf;
    background: #ffffff;
}

.tab-content {
    margin: 0 15px;
}

#onchange_user {
    width: 180px;
    max-width: 200px;
}

/* address format listing table css end */

.resident-details-tabbings {
    border: none !important;
    justify-content: center;
    font-weight: bold;
}

.resident-details-tabbings .nav-item {
    max-width: 33.33%;
    width: 100%;
    text-align: center;

}

.resident-details-tabbings .nav-item a {
    border: none !important;
    transition: 0.5s;
    margin: 0 0 10px 0;
    height: 42px;
    border-radius: 0;
    color: #000;
    background-color: #f2f2f2;
    font-size: 14px;
}

.resident-details-tabbings .nav-item a:hover {
    background-color: #f9f9f9;
    box-shadow: 0 1px 0 #f4f4f4 inset;
}

.resident-details-tabbings .nav-item a.active {
    border: none !important;
    background-color: #ffffff;
    color: #000;
    border-top: 1px solid #f2f2f2 !important;
    border-left: 1px solid #f2f2f2 !important;
    border-right: 1px solid #f2f2f2 !important;
}

input:focus-visible {
    outline: none;
}

#edit-orders {
    background: transparent;
    border-color: #ccc;
    color: #000;
}

.resident-details-border-bottom legend h3 {
    font-size: 18px;
    font-weight: 700;
}

.resident-details-border-bottom {
    position: relative;
}

.resident-details-border-bottom::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1.5px;
    background-color: #c7c7c7;
    top: 53px;
}

.paginate_button.current {
    padding: 3px 10px !important;
}

/* logs table css end */

.facility-details-log-border-bottom legend h3 {
    font-size: 18px;
    font-weight: 700;
}

.resident-details-border-bottom {
    position: relative;
}

.resident-details-border-bottom::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1.5px;
    background-color: #c7c7c7;
    top: 53px;
}

/* selected model pop-up */

.batch-action-modal-header {
    display: block !important;
}

.modal-header.batch-action-modal-header button {
    border: none;
    background: transparent;
    font-size: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.modal-header.batch-action-modal-header h5 {
    font-size: 16px;
    font-weight: 600;
}

.savedResidentBatchActionModelTitle {
    font-weight: lighter;
}

.transactions-modal {
    max-width: 800px !important;
}

/* batch action page CSS end */

/* Logs pages CSS START */

.logs-template h1 {
    font-size: 30px;
}

.logs-template .form-control,
.logs-template .form-select {
    font-size: 12px;
}

.logs-template .btn-toolbar-custom button,
.logs-template .btn-toolbar-custom a,
.logs-template .btn-toolbar .btn-outline-primary {
    font-size: 12px;
    height: 32px;
    display: flex;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    line-height: normal;
}

.logs-template .alert.alert-primary {
    font-size: 12px;
}

.logs-template .resident-filter-button a,
.resident-filter-button button {
    padding: 10px 0px 10px 0px;
    font-size: 12px !important;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.logs-template div#log-listing-table_filter {
    display: none;
}

.logs-template .form-floating>label {
    font-size: 14px;
    transform: scale(.85) translateY(-18px) translateX(.15rem) !important;
}

.logs-template input.btn.btn-success {
    font-size: 12px;
}

.logs-template .card-header {
    font-size: 14px;
}

.logs-main {
    display: flex;
    gap: 10px;
}

.logs-main .left-residents {
    width: 100%;
    margin-right: 0;
}

@media only screen and (max-width: 991px) {
    .logs-main .left-residents {
        width: 100%;
    }

    .logs-main {
        flex-direction: column-reverse;
    }
}

/* facility edit page address datatable start */

/* resident page facility magnifier datatable start */

.modal-header button.close.facility-listing-model-close {
    border: none;
    background: transparent;
    font-size: 20px;
}

.modal-header h5#exampleModalLabel {
    font-size: 15px;
    font-weight: bold;
}

.savedResidentBatchActionModelTitleList,
.savedFacilityBatchActionModelTitleList {
    margin-top: 5px;
    font-weight: bold !important;
}

.savedResidentBatchActionModelUserName {
    font-size: 12px;
}

/* resident page facility magnifier datatable end */

.resident-form-box,
.volunteer-editable-form-box {
    display: flex;
    flex-wrap: wrap;
    /* gap: 5px; */
    gap: 7px;
    align-items: center;
    /* justify-content: end; */
    justify-content: flex-start;
}

.resident-magnifier {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

#resident-add-update #assign_btn {
    font-size: 11px;
    /* height: 35px; */
    height: 33px;
    background-color: #0071f8;
    color: #fff;
    border-radius: 6px;
}

.facility-edit-address-message {
    font-size: 12px;
    float: right;
    margin-right: 10px;
    color: red;
    font-weight: 600;
}

span#facility-edit-address-message {
    font-size: 12px;
    float: right;
    margin-right: 14px;
    color: red;
    font-weight: 600;
}

#item-listinh-table input:focus-visible {
    outline: none;
}

.facility-edit-duplicate-model-table-title {
    font-size: 12px;
}

.potentials-duplicate-model-dialog {
    max-width: 750px !important;
}

.potentials-duplicate-model-content {
    width: 750px !important;
}

/* Resident Batch Actions*/

.residents-batch-actions-advance-search-container .advance-search-fomrs {
    vertical-align: top;
    margin-right: 20px;
}

.resident-batch-actions-selected-container {
    margin: 15px 0px !important;
}

#resident-batch-action-listing-table_filter label {
    font-size: 12px;
    margin-bottom: 10px;
}

#resident-batch-actions-selected-listing {
    border: 1px solid #ccc;
    width: 95% !important;
    margin: 10px 12px;
    max-height: 598px;
    height: 100%;
}

#resident-batch-action-listing-table tr th {
    /*#resident-batch-actions-selected-listing tr th,*/
    padding: 12px;
}

#resident-batch-action-modal {
    max-width: 500px !important;
}

.advance-search-forms .advance-search-btn .btn {
    font-size: 12px;
}

.advance-search-forms .advance-search-btn .search_forms_btn,
.add_forms_btn,
.remove_forms_btn,
.save_forms_btn {
    width: 30%;
}

.advance-search-forms .advance-search-btn .clear_forms_btn,
.add_all_forms_btn {
    width: 35%;
}

.advance-search-btn .search-clear-save-btns .btn {
    background-color: #4762f6;
}

.batch-action-card .card-body {
    height: 250px;
}

.batch-action-card {
    max-height: 300px;
    margin-bottom: 20px;
    position: relative;
}

.batch-action-card p.card-text {
    font-size: 14px;
}

.batch-action-card .batch-action-button {
    position: absolute;
    bottom: 16px;
}

.batch-action-icon i {
    position: absolute;
    right: 16px;
    bottom: 20px;
}

/* resident-batch */

.resident-batch-box {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: end;
}

.resident-filter-button {
    display: flex;
}

.resident-filter-button a,
.resident-filter-button button {
    font-size: 10px !important;
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-floating .resident-select {
    width: 90%;
}

.resident-wrp-box {
    display: flex;
}

@media (max-width: 1399px) {
    .batch-action-card .card-body {
        height: 250px;
    }
}

@media (max-width: 1199px) {
    .batch-action-card .card-body {
        height: 290px;
    }
}

@media (max-width: 991px) {
    .batch-action-card .card-body {
        height: 270px;
    }
}

@media (max-width: 767px) {
    .batch-action-card .card-body {
        height: 250px;
    }

    .resident-batch-box {
        justify-content: end;
        margin-top: 20px;
    }

    .batch-action-card .batch-action-button {
        bottom: 15px;
    }

    .batch-action-icon i {
        position: absolute;
        right: 16px;
        bottom: 21px;
    }
}

@media (max-width: 575px) {}

@media (max-width: 414px) {
    .batch-action-card .card-body {
        height: 250px;
    }
}

@media (max-width: 375px) {
    .batch-action-card .card-body {
        height: 270px;
    }

    .resident-batch-box {
        justify-content: end;
        margin-top: 20px;
    }
}

/* RESIDENT BATCH ACTIONS LOADER START */

.spinner {
    position: absolute;
    width: 5px;
    height: 5px;
    right: 50%;
    top: 50%;
    z-index: 9999;
}

.spinner div {
    position: absolute;
    width: 50%;
    height: 150%;
    background: #000000;
    transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1%));
    animation: spinner-fzua35 1s calc(var(--delay) * 1s) infinite ease;
}

.spinner div:nth-child(1) {
    --delay: 0.1;
    --rotation: 36;
    --translation: 150;
}

.spinner div:nth-child(2) {
    --delay: 0.2;
    --rotation: 72;
    --translation: 150;
}

.spinner div:nth-child(3) {
    --delay: 0.3;
    --rotation: 108;
    --translation: 150;
}

.spinner div:nth-child(4) {
    --delay: 0.4;
    --rotation: 144;
    --translation: 150;
}

.spinner div:nth-child(5) {
    --delay: 0.5;
    --rotation: 180;
    --translation: 150;
}

.spinner div:nth-child(6) {
    --delay: 0.6;
    --rotation: 216;
    --translation: 150;
}

.spinner div:nth-child(7) {
    --delay: 0.7;
    --rotation: 252;
    --translation: 150;
}

.spinner div:nth-child(8) {
    --delay: 0.8;
    --rotation: 288;
    --translation: 150;
}

.spinner div:nth-child(9) {
    --delay: 0.9;
    --rotation: 324;
    --translation: 150;
}

.spinner div:nth-child(10) {
    --delay: 1;
    --rotation: 360;
    --translation: 150;
}

@keyframes spinner-fzua35 {

    0%,
    10%,
    20%,
    30%,
    50%,
    60%,
    70%,
    80%,
    90%,
    100% {
        transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1%));
    }

    50% {
        transform: rotate(calc(var(--rotation) * 1deg)) translate(0, calc(var(--translation) * 1.5%));
    }
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 25%);
    z-index: 9998;
    pointer-events: all;
}

/* RESIDENT BATCH ACTIONS LOADER END */

.customdatatable-css {
    background-color: rgba(255, 255, 0, 0.32);
}

.resident-batch-action-template-title {
    font-size: 18px;
    font-weight: 600;
    border: none;
}

/* Envelope Model CSS For RESIDENT & RESIDENT BATCH ACTION MODULE START */

#envelopeModel .modal-dialog-centered,
#envelopeResidentModel .modal-dialog-centered,
#envelopeVolunteersModel .modal-dialog-centered,
#envelopeCopostVolunteersModel .modal-dialog-centered{
    max-width: 700px;
}

table#residentDataTable td {
    text-align: center;
}

#envelope-model .modal-dialog-centered {
    max-width: 900px;
}

.resident-envelope-modal {
    padding: 0 16px;
    width: 100%;
    text-align: center;
}

.resident-batch-action-envelope-table,
.resident-envelope-table,
.volunteer-envelope-table,
#residentDataTable {
    margin: 10px !important;
    border-collapse: collapse !important;
    width: 95% !important;
    border: 1px solid #6e717333 !important;
    font-size: 14px !important;
}

.resident-batch-action-envelope-table th,
.resident-batch-action-envelope-table td,
.resident-envelope-table th,
.resident-envelope-table td,
.volunteer-envelope-table th,
.volunteer-envelope-table td,
#residentDataTable th,
#residentDataTable td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #6e717333;
}

.volunteer-envelope-table td {
    font-size: 12px;
}

.resident-batch-action-envelope-table th,
.resident-envelope-table th,
.volunteer-envelope-table th,
#residentDataTable th {
    background-color: #f2f2f2;
    text-align: center;
}

.resident-batch-action-envelope-table thead th:nth-child(2),
.resident-batch-action-envelope-table thead th:nth-child(3),
.resident-batch-action-envelope-table tbody td:nth-child(2),
.resident-batch-action-envelope-table tbody td:nth-child(3),
.resident-envelope-table thead th:nth-child(2),
.resident-envelope-table thead th:nth-child(3),
.resident-envelope-table tbody td:nth-child(2),
.resident-envelope-table tbody td:nth-child(3),
.volunteer-envelope-table thead th:nth-child(2),
.volunteer-envelope-table thead th:nth-child(3),
.volunteer-envelope-table tbody td:nth-child(2),
.volunteer-envelope-table tbody td:nth-child(3) {
    text-align: center
}

#cf_facility_notes,
#cf_resident_notes{
    font-size: 12px;
}

#cf_facility_notes:empty,
#cf_resident_notes:empty{
    display: none;
}

/* Envelope Model CSS For RESIDENT & RESIDENT BATCH ACTION MODULE END */

/* -------------------------- FACILITY BATCH ACTION START -------------------------- */

table.batch-actions-listing-table {
    width: 100% !important;
}

.batch-actions-listing-table_filter {
    float: none;
    text-align: right;
    width: 50%;
    display: inline-block;
}

.batch-actions-listing-table {
    border: 1px solid #ccc;
    width: 100% !important;
    /* margin: 25px 0; */
    margin: 50px 0px 5px;
}

.batch-actions-listing-table thead th {
    border: 1px solid #ccc;
    background: #e0e0e0;
}

.batch-actions-listing-table thead th:first-child {
    width: 10% !important;
}

.batch-actions-listing-table thead th:last-child {
    width: 10% !important;
}

.batch-actions-listing-table thead tr th:nth-child(2) {
    width: 65% !important;
}

.batch-actions-listing-table thead tr th:nth-child(3) {
    width: 15% !important;
}

.batch-actions-listing-table th.sorting.sorting_asc,
.batch-actions-listing-table th.sorting.sorting_desc {
    background-image: none !important;
}

.batch-actions-listing-table thead .sorting:after,
.batch-actions-listing-table thead .sorting:before,
.batch-actions-listing-table thead .sorting_asc:after,
.batch-actions-listing-table thead .sorting_desc:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
}

.batch-actions-listing-table thead .sorting_asc:after {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #7a80dd;
    font-size: 14px;
    margin-left: 5px;
}

.batch-actions-listing-table thead .sorting_desc:after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #7a80dd;
    font-size: 14px;
    margin-left: 5px;
}

div.batch-actions-listing-table_length label {
    font-size: 12px;
}

.batch-actions-listing-table_filter label input {
    height: 30px;
    width: 15rem;
}

.batch-actions-listing-table thead tr th {
    border-bottom: 1px solid #ccc !important;
}

.batch-actions-listing-table tbody th,
.batch-actions-listing-table tbody td {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: center;
}

.batch-actions-listing-table .paginate_button.disabled {
    cursor: not-allowed !important;
}

.batch-actions-listing-table input:focus-visible {
    outline: none;
}

.batch-actions-listing-table_filter label {
    font-size: 12px;
}

.batch-actions-listing-table_filter label input {
    font-size: 16px;
}

.batch-actions-listing-table {
    font-size: 12px;
}

.batch-actions-listing-table_paginate,
.batch-actions-listing-table_info {
    font-size: 12px;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    font-size: 12px;
    margin-bottom: 15px;
}

.batch-actions-listing-table tbody,
td,
tfoot,
th,
thead,
tr {
    vertical-align: middle;
}

.batch-actions-listing-table th {
    text-align: center;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ccc !important;
    margin-bottom: 10px;
}

table#facility-batch-actions-selected-listing {
    width: 100% !important;
    margin: 12px 0;
}

#facility-batch-actions-selected-listing_filter {
    float: none;
    text-align: right;
    width: 50%;
    display: inline-block;
}

#facility-batch-actions-selected-listing {
    border: 1px solid #ccc;
    width: 100% !important;
}

#facility-batch-actions-selected-listing thead th {
    border: 1px solid #ccc;
    background: #e0e0e0;
}

#facility-batch-actions-selected-listing thead th:first-child {
    width: 315px !important;
}

#facility-batch-actions-selected-listing thead tr th:nth-child(2) {
    width: 70px !important;
    padding: 5px 5px;
}

#facility-batch-actions-selected-listing thead th:last-child {
    width: 73px !important;
    padding: 0 5px;
}

/* #facility-batch-actions-selected-listing thead tr th:nth-child(3) {
  width: 15% !important;
} */

#facility-batch-actions-selected-listing thead .sorting_asc,
#facility-batch-actions-selected-listing thead .sorting_desc {
    background-image: none !important;
}

#facility-batch-actions-selected-listing thead .sorting:after,
#facility-batch-actions-selected-listing thead .sorting:before,
#facility-batch-actions-selected-listing thead .sorting_asc:after,
#facility-batch-actions-selected-listing thead .sorting_desc:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
}

#facility-batch-actions-selected-listing thead .sorting_asc:after {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #7a80dd;
    font-size: 14px;
    margin-left: 5px;
}

#facility-batch-actions-selected-listing thead .sorting_desc:after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #7a80dd;
    font-size: 14px;
    margin-left: 5px;
}

div#facility-batch-actions-selected-listing_length label {
    font-size: 12px;
}

#facility-batch-actions-selected-listing_filter label input {
    height: 30px;
    width: 15rem;
}

#facility-batch-actions-selected-listing tbody th,
#facility-batch-actions-selected-listing tbody td {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: center;
}

#facility-batch-actions-selected-listing .paginate_button.disabled {
    cursor: not-allowed !important;
}

#facility-batch-actions-selected-listing input:focus-visible {
    outline: none;
}

#facility-batch-actions-selected-listing_filter label {
    font-size: 12px;
}

#facility-batch-actions-selected-listing_filter label input {
    font-size: 16px;
}

#facility-batch-actions-selected-listing {
    font-size: 12px;
}

#facility-batch-actions-selected-listing_paginate,
#facility-batch-actions-selected-listing_info {
    font-size: 12px;
}

#facility-batch-actions-selected-listing tbody,
td,
tfoot,
th,
thead,
tr {
    vertical-align: middle;
}

#facility-batch-actions-selected-listing th {
    text-align: center;
}

table.batch-action-saved-list-model {
    width: 100% !important;
    margin: 12px 0;
}

.batch-action-saved-list-model_filter {
    float: none;
    /* text-align: right;
    width: 50%;
    display: inline-block; */
}

.batch-action-saved-list-model {
    border: 1px solid #ccc;
    width: 100% !important;
}

.batch-action-saved-list-model thead th {
    border: 1px solid #ccc;
    background: #e0e0e0;
}

.batch-action-saved-list-model thead th:first-child {
    width: 15% !important;
}

/* .batch-action-saved-list-model thead tr th:nth-child(2) {
  width: 70px !important;
  padding: 5px 5px;
} */

.batch-action-saved-list-model thead th:last-child {
    width: 20% !important;
    padding: 0 5px;
}

/* .batch-action-saved-list-model thead tr th:nth-child(3) {
  width: 15% !important;
} */

.batch-action-saved-list-model th.sorting.sorting_asc,
.batch-action-saved-list-model th.sorting.sorting_desc {
    background-image: none !important;
}

.batch-action-saved-list-model thead .sorting:after,
.batch-action-saved-list-model thead .sorting:before,
.batch-action-saved-list-model thead .sorting_asc:after,
.batch-action-saved-list-model thead .sorting_desc:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
}

.batch-action-saved-list-model thead .sorting_asc:after {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #7a80dd;
    font-size: 14px;
    margin-left: 5px;
}

.batch-action-saved-list-model thead .sorting_desc:after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #7a80dd;
    font-size: 14px;
    margin-left: 5px;
}

div.batch-action-saved-list-model_length label {
    font-size: 12px;
}

.batch-action-saved-list-model_filter label input {
    height: 30px;
    width: 15rem;
}

.batch-action-saved-list-model tbody th,
.batch-action-saved-list-model tbody td {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: center;
}

.batch-action-saved-list-model .paginate_button.disabled {
    cursor: not-allowed !important;
}

.batch-action-saved-list-model input:focus-visible {
    outline: none;
}

.batch-action-saved-list-model_filter label {
    font-size: 12px;
}

.batch-action-saved-list-model_filter label input {
    font-size: 16px;
}

.batch-action-saved-list-model {
    font-size: 12px;
}

.batch-action-saved-list-model_paginate,
.batch-action-saved-list-model_info {
    font-size: 12px;
}

.batch-action-saved-list-model tbody,
td,
tfoot,
th,
thead,
tr {
    vertical-align: middle;
}

.batch-action-saved-list-model th {
    text-align: center;
}

#facility-batch-action-listing-table_filter,
#volunteer-batch-action-listing-table_filter {
    margin-bottom: 10px;
    font-size: 12px;
}

/* -------------------------- FACILITY BATCH ACTION END -------------------------- */

/* -------------------------- MULTIPLE SELECTION START --------------------------- */

span.select2.select2-container.select2-container--default {
    width: 200px !important;
}

.select2-container--default .select2-results>.select2-results__options li.select2-results__option {
    margin: 7px 0;
}

.select2-container {
    min-width: 100%;
}

.select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
}

.select2-results__option:before {
    content: "";
    display: inline-block;
    position: relative;
    height: 16px;
    width: 16px;
    border: 2px solid #e9e9e9;
    border-radius: 4px;
    background-color: #fff;
    margin-right: 5px;
    vertical-align: middle;
}

.select2-results__option[aria-selected=true]:before {
    font-family: fontAwesome;
    content: "\f00c";
    color: #000;
    background-color: #fff;
    display: inline-block;
    padding-left: 2px;
    font-size: 9px;
    padding-top: 0;
    margin-top: 0px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727;
    font-size: 12px;
}

ul#select2-pond-facility-checkboxes-results li {
    font-size: 11px;
    padding: 3px 3px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #dee2e6;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}

.select-icon .select2-selection__placeholder .badge {
    display: none;
}

.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important;
}

.select-icon .select2-search--dropdown {
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f3ede0;
    border: 0;
    border-radius: 6px;
    margin-right: 0;
    margin-top: 0;
    padding: 2px 4px;
    font-size: 11px;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #dee2e6 !important;
    border-radius: 0.375rem !important;
    height: 58px;
    padding: 8px;
    overflow-y: auto;
    overflow-x: hidden;
}

.select2-container--default .select2-selection--multiple::-webkit-scrollbar {
    display: none;
}

.select2-container--default .select2-selection--multiple {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.select2-container--default .select2-search--inline .select2-search__field {
    font-family: "Lucida Grande", Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 12px !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
}

/* -------------------------- MULTIPLE SELECTION END -------------------------- */

/* -------------------------- Notes Page CSS Start -------------------------- */

.notes-table-wrp .form-select {
    font-size: 14px !important;
}

.notes-table-wrp .date-picker {
    position: relative;
}

.notes-table-wrp .date-picker input {
    padding-left: 30px;
    width: 100%;
    font-size: 14px;
}

.notes-table-wrp .date-picker .fa-calendar {
    position: absolute;
    left: 10px;
    top: 40%;
    transform: translateY(-50%);
    pointer-events: none;
}

/* -------------------------- Notes Page CSS End -------------------------- */

/* -------------------------- User Setting Page CSS Start -------------------------- */

.user_settings_div .form-floating .error {
    position: relative !important;
    padding: 0 10px !important;
    transform: inherit !important;
    color: #f00 !important;
    top: 4px !important
}

.user_settings_div .form-floating input,
.user_settings_div .form-floating textarea {
    text-indent: 10px;
}

/* -------------------------- User Setting Page CSS End -------------------------- */

/* -------------------------- User List Page CSS Start -------------------------- */

.user_list_div label {
    display: block;
    margin-top: 10px;
}

.user_list_div .users_batch_action span {
    font-size: 17px;
}

.user_list_div .users_batch_action {
    padding-top: 15px;
}

/* -------------------------- User List Page CSS End -------------------------- */

/* -------------------------- Batch Action Page CSS Start -------------------------- */

.batch_action select#delete-batch-action-list {
    width: 100% !important;
}

.batch_action span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.batch_action .transactions-model .modal-dialog {
    max-width: 670px !important;
}

/* -------------------------- Batch Action Page CSS End -------------------------- */

/* -------------------------- Facility Details CSS Start -------------------------- */

/*.facility-details-tabbings .nav-item {*/

/*    max-width: 16%;*/

/*    width: 100%;*/

/*    text-align: center;*/

/*}*/

#facilityvolunteer-table {
    width: 1260px !important;
}

/* -------------------------- Facility Details CSS End -------------------------- */

/* -------------------------- Item Page CSS Start -------------------------- */

.item_div .form-floating .error {
    position: relative !important;
    padding: 0 !important;
    transform: inherit !important;
    color: #f00 !important;
    top: 4px !important
}

.item_div .form-floating input,
.item_div .form-floating textarea {
    text-indent: 10px;
}

/* -------------------------- Item Page CSS End -------------------------- */

.residents-container {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

#view-resident-details {
  background: transparent;
  color: #000;
}

.resident-main {
  display: flex;
  gap: 10px;
}

.resident-main .left-residents {
  width: 60%;
  margin-right: 0;
}

.resident-main .right-residents {
  width: 40%;
  margin-right: 0;
  margin-top: 8px;
}

/* #resident-add-update {
    padding: 0 15px;
} */

.residents-template h1 {
  font-size: 30px;
}

.residents-template .form-control,
.residents-template .form-select {
  font-size: 12px;
}

.residents-template .btn-toolbar-custom button,
.residents-template .btn-toolbar-custom a,
.residents-template .btn-toolbar .btn-outline-primary {
  font-size: 12px;
  height: 32px;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  line-height: normal;
}

.residents-template .alert.alert-primary {
  font-size: 12px;
}

.residents-template .form-floating>label {
  font-size: 14px;
}

.residents-template input.btn.btn-success {
  font-size: 12px;
}

.residents-template .card-header {
  font-size: 14px;
}

.note-container {
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px;
  background-color: #f9f9f9;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #333;
}

.note-label {
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.editable-order-restrictions {
  font-style: italic;
  justify-content: center;
  align-items: center;
  margin-top: -17px;
  font-size: 18px;
}

.editable-resident-restriction {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -18px;
  font-size: 14px;
  text-align: center;
}

#facilityForm .modal-dialog {
  max-width: 80vh;
}

#facilityForm td {
  text-align: left;
}

/* #facility-listing-table{ */

table#facility-listing-table {
  width: 100%;
}

.noted-div {
  display: none;
}

.right-buckets-buttons {
  text-align: right;
}

.residents-container {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

#view-resident-details {
  background: transparent;
  color: #000;
}

.display {
  display: none !important;
}

.resident-main {
  display: flex;
}

#edit-orders {
  background: transparent;
  border-color: #ccc;
  color: #000;
}

.resident-main {
  gap: 10px;
}

.resident-main .left-residents {
  width: 60%;
  margin-right: 0;
}

.resident-main .right-residents {
  width: 40%;
  margin-right: 0;
  margin-top: 8px;
}

.residents-template h1 {
  font-size: 30px;
}

.residents-template .form-control,
.residents-template .form-select {
  font-size: 12px;
}

.residents-template .btn-toolbar-custom button,
.residents-template .btn-toolbar-custom a,
.residents-template .btn-toolbar .btn-outline-primary {
  font-size: 12px;
  height: 32px;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  line-height: normal;
}

.filter-txt .btn-primary {
  font-size: 12px;
}

.residents-template .alert.alert-primary {
  font-size: 12px;
}

.residents-template .form-floating>label {
  font-size: 14px;
}

.residents-template input.btn.btn-success {
  font-size: 12px;
}

.residents-template .card-header {
  font-size: 14px;
}

.form-floating.facility_block p {
  font-size: 14px;
}

#toast-container.toast-top-right {
  width: 400px;
}

.custom-background-yellow {
  background-color: #fbfbd9;
  /* Change to your desired color */
}

#facility_block_main label.mb-2 {
  font-size: 14px;
}

#facility-listing-table tbody td {
  cursor: pointer;
}

span.inmate_search_link {
  font-size: 12px;
  margin-left: 30px;
}

#resident_details input {
  font-size: 13px;
  width: 14%;
}

#resident_details P {
  font-size: 14px;
}

#resident_details P strong {
  font-size: 14px;
}

.resident-header-wrp legend,
.resident-header-wrp legend h3 {
  font-size: 18px;
  font-weight: 600;
}

.resident-header-wrp button#commitNote {
  font-size: 12px;
}

.resident-header-wrp .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e6e6e6;
}

.row.resident-header-wrp.box {
  border-bottom: 1px solid #c7c7c7;
}

.row.resident-header-wrp.box legend {
  border: none;
  margin: 0 0 15px 0;
}

.resident-detail-order-bottom h3 {
  font-size: 18px;
  font-weight: 600;
}

.resident-detail-order-bottom button {
  font-size: 12px;
}

.resident-detail-order-bottom {
  border-bottom: 1px solid #c7c7c7;
}

.resident-detail-order-bottom legend {
  margin-bottom: 10px !important;
}

.residentEditFacilityModalSelected {
  background-color: #e5e5e5;
}

.resident-create-update-title legend {
  font-size: 18px;
  border: 0;
  margin: 10px 0;
}

.resident-create-update-title a {
  padding: 4px 8px;
  height: 35px;
}

.resident-create-update-title input {
  font-size: 14px;
}

.resident-workflow-state label {
  font-size: 14px;
}

.resident-active label {
  font-size: 15px;
}

.resident-active input {
  width: 28px !important;
}

.resident-create-update-title {
  border-bottom: 1px solid #d3d0d0;
}

.resident-form-name label {
  font-size: 14px;
}

.resident-form-name input:not(.form-check-input) {
  font-size: 12px;
  max-height: 50px;
  height: 150px !important;
  min-height: 54px !important;
}

.resident-form-name select {
  font-size: 12px;
  max-height: 50px;
  height: 150px !important;
  min-height: 54px !important;
}

.resident-bottom-title {
  font-size: 14px;
}

.resident-bottom-title ol li {
  font-size: 13px;
}

.resident-form-bottom .card-header {
  font-size: 14px;
}

.resident-form-bottom ::-moz-placeholder {
  font-size: 14px;
}

.resident-form-bottom ::placeholder {
  font-size: 14px;
}

.resident-form-bottom input {
  font-size: 12px;
}

.resident-form-bottom select {
  font-size: 12px;
}

/* resident-details CSS START */

.order-restrictions {
  font-style: italic;
  justify-content: center;
  align-items: center;
  margin-top: -17px;
  font-size: 18px;
}

.resident-restriction {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -18px;
  font-size: 14px;
  text-align: center;
}

/* <ul> */

.newsletter-subscriptions-list{
  list-style: none;
}

.newsletter-subscriptions-list li{
  list-style: none;
}

.newsletter-subscriptions-list .bi-plus-circle-fill {
  color: var(--bs-success);
}

.newsletter-subscriptions-list .bi-dash-circle-fill {
  color: var(--bs-danger);
}

/* resident-details CSS END */

/* resident-edit & resident-create CSS START */

#resident-edit-page-facility-listing-table_filter,
#volunteer-create-page-facility-listing-table_filter {
  float: none;
  text-align: right;
  font-size: 12px;
  margin-bottom: 10px;
}

.main-resident-create-edit-facility-modal {
  padding: 10px 15px 0px;
  width: 750px;
}

.resident-create-edit-facility-modal {
  padding: 0px 6px 12px;
}

.modal-header.resident-create-edit-facility-modal button {
  border: none;
  background: transparent;
  font-size: 20px;
}

.box a {
  width: 12%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.selected {
  background-color: #e8dbdb94;
}

.box {
  display: flex;
}

input:focus-visible {
  outline: none;
}

.dot {
  height: 10px;
  width: 10px;
  background-color: rgb(255, 229, 204);
  /* border-radius: 50%; */
  display: inline-block;
}

.highlighted{
  font-size: 12px;
  font-weight: 500;
}

#resident-detail-logs-listing-datatable_length label,
#resident-detail-logs-listing-datatable_length label,
#volunteer-detail-logs-listing-datatable_length label,
#copost-volunteer-detail-logs-listing-datatable label,
#volunteer-note-listing-table_filter label
{
  display: block;
  margin-top: 10px;
}

input:focus-visible {
  outline: none;
}

form#volunteer-editable-form label {
  font-size: 14px;
}

#volunteer-editable-form .resident-form-row input {
  font-size: 12px;
}

form#volunteer-editable-form input,
form#volunteer-editable-form select {
  font-size: 12px;
}

#volunteer-editable-form #assign_btn {
  font-size: 11px;
  height: 33px;
  background-color: #0071f8;
  color: #fff;
  border-radius: 6px;
}

form#volunteer-faciity-update-form input {
		font-size: 12px !important;
	}

/* resident-edit & resident-create CSS END */

#role_status {
  font-size: 12px;
}

/* Notes - Start */

.types_selection {
  padding: 10px 0px 10px 0px;
}

.notes-table label,
#notesTabs label {
  display: block;
  margin-top: 10px;
}

.notes-table #notes-table_length{
  float: none;
  display: inline-block;
  width: 50%;
}

.notes-table #notes-table_filter{
  float: none;
  text-align: right;
  width: 50%;
  display: inline-block;
}

.notes-table #notes-table{
  border: 1px solid #ccc;
  width: 100% !important;
  margin: 15px 0;
  font-size: 12px;
}

.notes-table #notes-table thead th{
  border: 1px solid #ccc;
  background: #e0e0e0;
  font-size: 13px;
}

.notes-table table.dataTable tbody th, table.dataTable tbody td {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: center;
}

.notes-table .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #000 !important;
  border: 1px solid #ccc;
  background: linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);

}

.notes-table .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
  color: #000 !important;
}

.notes-table .paginate_button.disabled{
  cursor: not-allowed !important;
}

.notes-table input:focus-visible {
    outline: none;
}

.notes-table #notes-table thead th:first-child,
.notes-table #notes-table thead th:last-child{
  width: 75px !important;
}

.notes-table #edit-orders{
  background: transparent;
  border-color: #ccc;
  color: #000;
}

.notes-table #notes-table_filter label{
    font-size: 12px;
}

.notes-table #notes-table_filter label input {
  height: 30px;
  width: 15rem;
  font-size: 16px;
}

.notes-table #notes-table thead .sorting_asc , .notes-table #notes-table thead .sorting_desc {
  background-image: none !important;
}

.notes-table div#notes-table_length label {
  font-size: 12px;
}

.notes-table #notes-table thead .sorting:after,
.notes-table #notes-table thead .sorting:before,
.notes-table #notes-table thead .sorting_asc:after,
.notes-table #notes-table thead .sorting_desc:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
}

.notes-table .notes-table-wrp .col-md-6 h1 {
  font-size: 30px;
}

.notes-table tbody, .notes-table td, .notes-table tfoot, .notes-table th, .notes-table thead, .notes-table tr{
  vertical-align: middle;
}

.notes-table #notes-table th, .notes-table tr {
  text-align: center;
}

.notes-table #notes-table_paginate, .notes-table #notes-table_info {
  font-size: 12px;
}

/* Style the ascending arrow */

.notes-table #notes-table thead .sorting_asc:after {
  content: "\f0d8";
  font-family: FontAwesome;
  color: #7a80dd;
  font-size: 14px;
  margin-left: 5px;
}

/* Style the descending arrow */

.notes-table #notes-table thead .sorting_desc:after {
  content: "\f0d7";
  font-family: FontAwesome;
  color: #7a80dd;
  font-size: 14px;
  margin-left: 5px;
}

.notes-table table.dataTable thead th, .notes-table table.dataTable thead td {
  font-size: 13px;
}

.notes-table .right-buckets-buttons {
  text-align: right;
}

/* Notes - End */

/* Logs Start */

.logs-main label {
  display: block;
  margin-top: 10px;
}

/* Logs End */

/* Transaction - Start */

.transaction-table input#shipping, .row-checkbox {
  border-radius: 2px !important;
  height: 20px;
  width: 20px;
}

.transaction-table .item {
  align-items: center;
  border: 1px solid;
  text-align: left;
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  padding: 0px 20px 0px 20px;
  margin: 0px 0px 10px 0px;
}

.transaction-table div#itemsDetails p {
  margin-bottom: 0px;
}

.transaction-table div#itemsDetails {
  margin-top: 10px;
  margin-bottom: 10px;
}

.transaction-table .item p {
  margin: 0px;
}

/* Transaction - End */

@media only screen and (max-width: 1199px) {
  .residents-template .right-buckets-buttons {
    padding: 0;
    text-align: left;
  }

  .resident-form-box #assign_btn{
    height: 33px !important;
    border-radius: 7px;
  }

  #resident-listing-table thead th {
    padding: 10px;
  }
}

@media only screen and (max-width: 991px) {

  .resident-form-box {
    justify-content: end;
  }

  .residents-template .right-buckets-buttons a {
    font-size: 13px;
  }

  .resident-main .left-residents {
    width: 100%;
  }

  .resident-main .right-residents {
    width: 100%;
  }

  #resident-add-update {
    padding: 0;
  }

  #resident-listing-table_length {
    text-align: left;
  }

  .resident-main {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 767px) {
  .residents-template .row.mb-3 {
    margin-top: 20px;
  }

  .resident-main {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 575px) {
  .resident-main {
    flex-direction: column-reverse;
  }

  #resident-listing-table_length {
    text-align: left;
  }

  .right-buckets-buttons {
    text-align: left;
  }
}

#resident-listing-table_length,
#volunteer-listing-table_length,
#copost-volunteer-listing-table_length,
#resident-order-listing-table_length,
#resident-note-listing-table_length,
#volunteer-note-listing-table_length,
#facility-listing-datatable_length,
#facility-detail-logs-listing-table_length,
#facility-detail-notes-listing-table_length,
#volunteer-detail-logs-listing-table_length,
#facility-details-address-format-listing-table_length,
#resident-detail-accept-listing-table_length,
#items-order-listing-table_length,
#facility-listing-table_length,
#resident-edit-page-facility-listing-table_length,
#volunteer-create-page-facility-listing-table_length,
#facility-create-address-listing-table_length,
#log-listing-table_length,
#facility-details-address-listing-table_length,
#volunteer-details-address-listing-table_length,
#volunteer-transaction-listing-table_length,
#copost-volunteer-transaction-listing-table_length,
#resident-detail-accept-listing-table_length,
#facility-edit-duplicate-table_length,
#resident-batch-actions-selected-listing_length,
#resident-batch-action-listing-table_length,
#user-listing-table_length, .batch-actions-listing-table_length{
    float: none;
    display: inline-block;
    width: 50%;
}

#resident-listing-table_filter,
#volunteer-listing-table_filter,
#copost-volunteer-listing-table_filter,
#resident-order-listing-table_filter,
#resident-note-listing-table_filter,
#volunteer-note-listing-table_filter,
#facility-detail-logs-listing-table_filter,
#facility-detail-notes-listing-table_filter,
#volunteer-detail-logs-listing-table_filter,
#resident-detail-accept-listing-table_filter,
#items-order-listing-table_filter,
#facility-create-address-listing-table_filter,
#log-listing-table_filter,
#facility-details-address-listing-table_filter,
#volunteer-details-address-listing-table_filter,
#volunteer-transaction-listing-table_filter,
#copost-volunteer-transaction-listing-table_filter,
#resident-detail-accept-listing-table_filter,
#facility-edit-duplicate-table_filter,
#resident-batch-actions-selected-listing_filter {
    float: none;
    text-align: right;
    width: 50%;
    display: inline-block;
}

#facility-listing-table_filter,
#resident-edit-page-facility-listing-table_filter,
#volunteer-create-page-facility-listing-table_filter {
    margin-bottom: 10px;
}

#items-order-listing-table,
#workflowstate-unassigned-listing-table,
#workflowstate-selected-listing-table,
#log-listing-table,
#facility-details-address-listing-table,
#volunteer-details-address-listing-table,
#volunteer-transaction-listing-table,
#copost-volunteer-transaction-listing-table,
#resident-detail-accept-listing-table {
    border: 1px solid #ccc;
    width: 100% !important;
    margin: 25px 0;
}

#resident-order-listing-table,
#resident-note-listing-table,
#volunteer-note-listing-table,
#facility-detail-logs-listing-table,
#facility-detail-notes-listing-table,
#volunteer-detail-logs-listing-table,
#facility-details-address-format-listing-table,
#resident-detail-accept-listing-table,
#resident-edit-page-facility-listing-table,
#volunteer-create-page-facility-listing-table,
#facility-create-address-listing-table {
    border: 1px solid #ccc;
    width: 100% !important;
    margin: 15px 0;
}

#resident-order-listing-table_filter label {
    font-size: 0;
}

#resident-note-listing-table_filter label {
    font-size: 12px !important;
}

#volunteer-note-listing-table_filter label {
    font-size: 12px !important;
}

#resident-order-listing-table_filter label input,
#resident-note-listing-table_filter label input {
    font-size: 16px;
}

#volunteer-note-listing-table_filter label input {
    font-size: 16px;
}

#resident-order-listing-table tr th {
    font-size: 12px;
    padding: 10.5px 18px;
}

#resident-note-listing-table {
    margin: 15px 0;
}

#volunteer-note-listing-table {
    margin: 15px 0;
}

#resident-note-listing-table,
#resident-note-listing-table,
#volunteer-note-listing-table {
    border: 1px solid #ccc;
    width: 100% !important;
}

#resident-note-listing-table,
#volunteer-note-listing-table {
    margin: 15px 0;
    font-size: 12px;
}

#resident-listing-table thead th,
#volunteer-listing-table thead th,
#copost-volunteer-listing-table thead th,
#resident-order-listing-table thead th,
#resident-note-listing-table thead th,
#volunteer-note-listing-table thead th,
#facility-detail-logs-listing-table thead th,
#facility-detail-notes-listing-table thead th,
#volunteer-detail-logs-listing-table thead th,
#facility-details-address-format-listing-table thead th,
#resident-detail-accept-listing-table thead th,
#items-order-listing-table thead th,
#facility-listing-table thead th,
#resident-edit-page-facility-listing-table thead th,
#volunteer-create-page-facility-listing-table thead th,
#facility-create-address-listing-table thead th,
#workflowstate-unassigned-listing-table thead th,
#workflowstate-selected-listing-table thead th,
#log-listing-table thead th,
#facility-details-address-listing-table thead th,
#volunteer-details-address-listing-table thead th,
#volunteer-transaction-listing-table thead th,
#copost-volunteer-transaction-listing-table thead th,
#resident-detail-accept-listing-table thead th,
#resident-batch-actions-listing-table thead th,
#facility-edit-duplicate-table thead th,
#resident-batch-actions-selected-listing thead th,
#resident-batch-action-listing-table thead th,
#user-listing-table thead th,
#user-listing-table thead th{
    border: 1px solid #ccc;
    background: #e0e0e0;
}

#resident-listing-table thead th:nth-child(2),
#volunteer-listing-table thead th:nth-child(2),
#copost-volunteer-listing-table thead th:nth-child(2),
#log-listing-table thead th:nth-child(2),
#facility-details-address-listing-table thead th:nth-child(2),
#resident-detail-accept-listing-table thead th:nth-child(2),
#resident-batch-actions-listing-table thead th:nth-child(2) {
    width: 15px;
}

#resident-listing-table thead th:nth-child(3),
#volunteer-listing-table thead th:nth-child(3),
#copost-volunteer-listing-table thead th:nth-child(3),
#log-listing-table thead th:nth-child(3),
#facility-details-address-listing-table thead th:nth-child(3),
#resident-detail-accept-listing-table thead th:nth-child(3),
#resident-batch-actions-listing-table thead th:nth-child(3) {
    width: 25px;
}

#resident-listing-table_filter label input,
#volunteer-listing-table_filter label input,
#copost-volunteer-listing-table_filter label input {
    font-size: 16px;
}

#resident-listing-table_paginate,
#resident-listing-table_info,
#volunteer-listing-table_paginate,
#volunteer-listing-table_info,
#copost-volunteer-listing-table_paginate,
#copost-volunteer-listing-table_info,
#items-order-listing-table_paginate,
#items-order-listing-table_info,
#resident-edit-page-facility-listing-table_paginate,
#volunteer-create-page-facility-listing-table_paginate,
#facility-listing-table_paginate,
#resident-batch-actions-listing-table_info,
#resident-batch-actions-listing-table_paginate,
#resident-batch-action-listing-table_info,
#resident-batch-action-listing-table_paginate,
#user-listing-table_info,
#user-listing-table_paginate{
    font-size: 12px;
    margin-bottom: 0;
}

#resident-listing-table th,
#volunteer-listing-table th,
#copost-volunteer-listing-table th,
#items-order-listing-table th,
#workflowstate-unassigned-listing-table th,
#workflowstate-selected-listing-table th,
#log-listing-table th,
#log-listing-table tbody td,
#facility-details-address-listing-table th,
#facility-details-address-listing-table tbody td,
#volunteer-details-address-listing-table th,
#volunteer-transaction-listing-table th,
#copost-volunteer-transaction-listing-table th,
#volunteer-details-address-listing-table tbody td,
#volunteer-transaction-listing-table tbody td,
#copost-volunteer-transaction-listing-table tbody td,
#resident-detail-accept-listing-table th,
#resident-detail-accept-listing-table tbody td,
#resident-edit-page-facility-listing-table th,
#volunteer-create-page-facility-listing-table th,
#facility-listing-table th {
    text-align: center;
}

#facility-detail-logs-listing-table_filter label input,
#facility-detail-notes-listing-table_filter label input,
#volunteer-detail-logs-listing-table_filter label input,
#facility-details-address-format-listing-table_filter label input,
#resident-detail-accept-listing-table_filter label input,
#items-order-listing-table_filter label input,
#facility-listing-table_filter label input,
#resident-edit-page-facility-listing-table_filter label input,
#volunteer-create-page-facility-listing-table_filter label input,
#facility-create-address-listing-table_filter label input,
#log-listing-table_filter label input,
#facility-details-address-listing-table_filter label input,
#volunteer-details-address-listing-table_filter label input,
#volunteer-transaction-listing-table_filter label input,
#copost-volunteer-transaction-listing-table_filter label input,
#resident-detail-accept-listing-table_filter label input {
    font-size: 16px;
}

#resident-listing-table_length label,
#volunteer-listing-table_length label,
#copost-volunteer-listing-table_length label,
#facility-detail-logs-listing-table_filter,
#facility-detail-notes-listing-table_filter #volunteer-detail-logs-listing-table_filter,
#resident-listing-table_filter label,
#volunteer-listing-table_filter label,
#copost-volunteer-listing-table_filter label,
#resident-listing-table,
#volunteer-listing-table,
#copost-volunteer-listing-table,
#facility-detail-logs-listing-table_filter label,
#facility-detail-notes-listing-table_filter label,
#volunteer-detail-logs-listing-table_filter label,
#facility-details-address-format-listing-table_filter label,
#resident-detail-accept-listing-table_filter label,
#items-order-listing-table_length label,
#items-order-listing-table_filter label,
#facility-listing-table_filter label,
#facility-listing-table_wrapper label,
#facility-create-address-listing-table_filter label,
#workflowstate-unassigned-listing-table_filter label,
#log-listing-table_filter label,
#log-listing-table,
#facility-details-address-listing-table_filter label,
#volunteer-details-address-listing-table_filter label,
#volunteer-transaction-listing-table_filter label,
#copost-volunteer-transaction-listing-table_filter label,
#workflowstate-selected-listing-table_filter label,
#log-listing-table_length label,
#facility-details-address-listing-table_length label,
#volunteer-details-address-listing-table_length label,
#volunteer-transaction-listing-table_length label,
#copost-volunteer-transaction-listing-table_length label,
#resident-detail-accept-listing-table_filter label,
#resident-detail-accept-listing-table_length label,
#resident-edit-page-facility-listing-table_filter label,
#resident-edit-page-facility-listing-table_wrapper label,
#volunteer-create-page-facility-listing-table_filter label,
#volunteer-create-page-facility-listing-table_wrapper label,
#facility-detail-logs-listing-table_length label,
#facility-detail-notes-listing-table_length label,
#volunteer-detail-logs-listing-table_length label,
#resident-batch-actions-listing-table,
#resident-order-listing-table_wrapper label,
#resident-note-listing-table_wrapper label,
#volunteer-note-listing-table_wrapper label,
#facility-details-address-format-listing-table_wrapper label,
#facility-create-address-listing-table_wrapper label {
    font-size: 12px;
}

#resident-listing-table_filter label input,
#volunteer-listing-table_filter label input,
#copost-volunteer-listing-table_filter label input,
#facility-details-address-format-listing-table_filter input,
#items-order-listing-table_filter label input,
#facility-listing-table_filter input,
#resident-edit-page-facility-listing-table_filter input,
#volunteer-create-page-facility-listing-table_filter input,
#facility-create-address-listing-table_filter input,
#log-listing-table_filter label input,
#facility-details-address-listing-table_filter label input,
#volunteer-details-address-listing-table_filter label input,
#volunteer-transaction-listing-table_filter label input,
#copost-volunteer-transaction-listing-table_filter label input,
#resident-detail-accept-listing-table_filter label input {
    height: 30px;
    width: 15rem;
}

#resident-listing-table tbody th,
#resident-listing-table tbody td,
#volunteer-listing-table tbody th,
#volunteer-listing-table tbody td,
#copost-volunteer-listing-table tbody th,
#copost-volunteer-listing-table tbody td,
#resident-order-listing-table tbody th,
#resident-order-listing-table tbody td,
#resident-note-listing-table tbody th,
#resident-note-listing-table tbody td,
#volunteer-note-listing-table tbody th,
#resident-detail-accept-listing-table tbody th,
#resident-detail-accept-listing-table tbody td,
#items-order-listing-table tbody th,
#items-order-listing-table tbody td,
#workflowstate-unassigned-listing-table tbody th,
#workflowstate-unassigned-listing-table tbody td,
#workflowstate-selected-listing-table tbody th,
#workflowstate-selected-listing-table tbody td,
#resident-batch-actions-listing-table tbody th,
#resident-batch-actions-listing-table tbody td {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: center;
}

#resident-batch-actions-selected-listing tbody td {
    padding: 6px !important;
}

#resident-listing-table tbody, td, tfoot, th, thead, tr,
#volunteer-listing-table tbody, td, tfoot, th, thead, tr,
#copost-volunteer-listing-table tbody, td, tfoot, th, thead, tr,
#items-order-listing-table tbody, td, tfoot, th, thead, tr,
#resident-batch-actions-listing-table tbody, td, tfoot, th, thead, tr {
    vertical-align: middle;
}

#facility-listing-table tbody td,
#resident-edit-page-facility-listing-table tbody td,
#volunteer-create-page-facility-listing-table tbody td {
    cursor: pointer;
}

#facility-details-address-format-listing-table thead th:first-child,
#facility-detail-logs-listing-table thead th:first-child,
#facility-detail-notes-listing-table thead th:first-child,
#volunteer-detail-logs-listing-table thead th:first-child,
#resident-detail-accept-listing-table thead th:first-child {
    width: 30px !important;
}

#resident-edit-page-facility-listing-table thead th:first-child,
#volunteer-create-page-facility-listing-table thead th:first-child {
    width: 80% !important;
}

#facility-create-address-listing-table thead th:first-child,
#facility-create-address-listing-table thead th:last-child {
    width: 75px !important;
}

#facility-edit-duplicate-table thead th:first-child {
    width: 10px;
}

#facility-detail-logs-listing-table thead th:last-child,
#facility-detail-notes-listing-table thead th:last-child,
#volunteer-detail-logs-listing-table thead th:last-child,
#facility-details-address-format-listing-table thead th:last-child,
#resident-detail-accept-listing-table thead th:last-child {
    width: 140px !important;
}

/* #resident-order-listing-table thead th:first-child,
#resident-order-listing-table thead th:last-child{width: 2px !important;} */

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #000 !important;
    border: 1px solid #ccc;
    background: linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #000 !important;
}

.paginate_button.disabled {
    cursor: not-allowed !important;
}

/*Custom CSS for sorting fields start*/

#resident-listing-table thead .sorting_asc,
#resident-listing-table thead .sorting_desc,
#volunteer-listing-table thead .sorting_asc,
#volunteer-listing-table thead .sorting_desc,
#copost-volunteer-listing-table thead .sorting_asc,
#copost-volunteer-listing-table thead .sorting_desc,
#resident-order-listing-table thead .sorting_asc,
#resident-order-listing-table thead .sorting_desc,
#resident-note-listing-table thead .sorting_asc,
#resident-note-listing-table thead .sorting_desc,
#volunteer-note-listing-table thead .sorting_asc,
#volunteer-note-listing-table thead .sorting_desc,
#facility-detail-logs-listing-table thead .sorting_asc,
#facility-detail-notes-listing-table thead .sorting_asc,
#facility-detail-logs-listing-table thead .sorting_desc,
#facility-detail-notes-listing-table thead .sorting_desc,
#volunteer-detail-logs-listing-table thead .sorting_asc,
#volunteer-detail-logs-listing-table thead .sorting_desc,
#facility-details-address-format-listing-table thead .sorting_asc,
#facility-details-address-format-listing-table thead .sorting_desc,
#resident-detail-accept-listing-table thead .sorting_asc,
#resident-detail-accept-listing-table thead .sorting_desc,
#items-order-listing-table thead .sorting_asc,
#items-order-listing-table thead .sorting_desc,
#facility-listing-table thead .sorting_asc,
#facility-listing-table thead .sorting_desc,
#facility-create-address-listing-table thead .sorting_asc,
#facility-create-address-listing-table thead .sorting_desc,
#workflowstate-unassigned-listing-table thead .sorting_asc,
#workflowstate-unassigned-listing-table thead .sorting_desc,
#workflowstate-selected-listing-table thead .sorting_asc,
#workflowstate-selected-listing-table thead .sorting_desc,
#log-listing-table thead .sorting_asc,
#log-listing-table thead .sorting_desc,
#facility-details-address-listing-table thead .sorting_asc,
#facility-details-address-listing-table thead .sorting_desc,
#volunteer-details-address-listing-table thead .sorting_asc,
#volunteer-transaction-listing-table thead .sorting_asc,
#copost-volunteer-transaction-listing-table thead .sorting_asc,
#volunteer-details-address-listing-table thead .sorting_desc,
#volunteer-transaction-listing-table thead .sorting_desc,
#copost-volunteer-transaction-listing-table thead .sorting_desc,
#resident-detail-accept-listing-table thead .sorting_asc,
#resident-detail-accept-listing-table thead .sorting_desc,
#resident-edit-page-facility-listing-table thead .sorting_asc,
#resident-edit-page-facility-listing-table thead .sorting_desc,
#volunteer-create-page-facility-listing-table thead .sorting_asc,
#volunteer-create-page-facility-listing-table thead .sorting_desc,
#resident-batch-actions-listing-table thead .sorting_asc,
#resident-batch-actions-listing-table thead .sorting_desc,
#resident-batch-action-listing-table thead .sorting_asc,
#resident-batch-action-listing-table thead .sorting_desc,
#user-listing-table thead .sorting_asc,
#user-listing-table thead .sorting_desc{
    background-image: none !important;
}

#resident-listing-table thead .sorting:after,
#resident-listing-table thead .sorting:before,
#resident-listing-table thead .sorting_asc:after,
#resident-listing-table thead .sorting_desc:after,
#volunteer-listing-table thead .sorting:after,
#volunteer-listing-table thead .sorting:before,
#volunteer-listing-table thead .sorting_asc:after,
#volunteer-listing-table thead .sorting_desc:after,
#copost-volunteer-listing-table thead .sorting:after,
#copost-volunteer-listing-table thead .sorting:before,
#copost-volunteer-listing-table thead .sorting_asc:after,
#copost-volunteer-listing-table thead .sorting_desc:after,
#resident-order-listing-table thead .sorting:after,
#resident-order-listing-table thead .sorting:before,
#resident-order-listing-table thead .sorting_asc:after,
#resident-order-listing-table thead .sorting_desc:after,
#resident-note-listing-table thead .sorting:after,
#resident-note-listing-table thead .sorting:before,
#resident-note-listing-table thead .sorting_asc:after,
#resident-note-listing-table thead .sorting_desc:after,
#volunteer-note-listing-table thead .sorting:after,
#volunteer-note-listing-table thead .sorting:before,
#volunteer-note-listing-table thead .sorting_asc:after,
#volunteer-note-listing-table thead .sorting_desc:after,
#facility-detail-logs-listing-table thead .sorting:after,
#facility-detail-logs-listing-table thead .sorting:before,
#facility-detail-logs-listing-table thead .sorting_asc:after,
#facility-detail-logs-listing-table thead .sorting_desc:after,
#facility-detail-notes-listing-table thead .sorting:after,
#facility-detail-notes-listing-table thead .sorting:before,
#facility-detail-notes-listing-table thead .sorting_asc:after,
#facility-detail-notes-listing-table thead .sorting_desc:after,
#volunteer-detail-logs-listing-table thead .sorting:after,
#volunteer-detail-logs-listing-table thead .sorting:before,
#volunteer-detail-logs-listing-table thead .sorting_asc:after,
#volunteer-detail-logs-listing-table thead .sorting_desc:after,
#facility-details-address-format-listing-table thead .sorting:after,
#facility-details-address-format-listing-table thead .sorting:before,
#facility-details-address-format-listing-table thead .sorting_asc:after,
#facility-details-address-format-listing-table thead .sorting_desc:after,
#resident-detail-accept-listing-table thead .sorting:after,
#resident-detail-accept-listing-table thead .sorting:before,
#resident-detail-accept-listing-table thead .sorting_asc:after,
#resident-detail-accept-listing-table thead .sorting_desc:after,
#items-order-listing-table thead .sorting:after,
#items-order-listing-table thead .sorting:before,
#items-order-listing-table thead .sorting_asc:after,
#items-order-listing-table thead .sorting_desc:after,
#facility-listing-table thead .sorting:after,
#facility-listing-table thead .sorting:before,
#facility-listing-table thead .sorting_asc:after,
#facility-listing-table thead .sorting_desc:after,
#facility-create-address-listing-table thead .sorting:after,
#facility-create-address-listing-table thead .sorting:before,
#facility-create-address-listing-table thead .sorting_asc:after,
#facility-create-address-listing-table thead .sorting_desc:after,
#workflowstate-unassigned-listing-table thead .sorting:after,
#workflowstate-unassigned-listing-table thead .sorting:before,
#workflowstate-unassigned-listing-table thead .sorting_asc:after,
#workflowstate-unassigned-listing-table thead .sorting_desc:after,
#workflowstate-selected-listing-table thead .sorting:after,
#workflowstate-selected-listing-table thead .sorting:before,
#workflowstate-selected-listing-table thead .sorting_asc:after,
#workflowstate-selected-listing-table thead .sorting_desc:after,
#log-listing-table thead .sorting:after,
#log-listing-table thead .sorting:before,
#log-listing-table thead .sorting_asc:after,
#log-listing-table thead .sorting_desc:after,
#facility-details-address-listing-table thead .sorting:after,
#facility-details-address-listing-table thead .sorting:before,
#facility-details-address-listing-table thead .sorting_asc:after,
#facility-details-address-listing-table thead .sorting_desc:after,
#volunteer-details-address-listing-table thead .sorting:after,
#volunteer-details-address-listing-table thead .sorting:before,
#volunteer-details-address-listing-table thead .sorting_asc:after,
#volunteer-details-address-listing-table thead .sorting_desc:after,
#volunteer-transaction-listing-table thead .sorting:after,
#volunteer-transaction-listing-table thead .sorting:before,
#volunteer-transaction-listing-table thead .sorting_asc:after,
#volunteer-transaction-listing-table thead .sorting_desc:after,
#copost-volunteer-transaction-listing-table thead .sorting:after,
#copost-volunteer-transaction-listing-table thead .sorting:before,
#copost-volunteer-transaction-listing-table thead .sorting_asc:after,
#copost-volunteer-transaction-listing-table thead .sorting_desc:after,
#resident-detail-accept-listing-table thead .sorting:after,
#resident-detail-accept-listing-table thead .sorting:before,
#resident-detail-accept-listing-table thead .sorting_asc:after,
#resident-detail-accept-listing-table thead .sorting_desc:after,
#resident-edit-page-facility-listing-table thead .sorting:after,
#resident-edit-page-facility-listing-table thead .sorting:before,
#resident-edit-page-facility-listing-table thead .sorting_asc:after,
#resident-edit-page-facility-listing-table thead .sorting_desc:after,
#volunteer-create-page-facility-listing-table thead .sorting:after,
#volunteer-create-page-facility-listing-table thead .sorting:before,
#volunteer-create-page-facility-listing-table thead .sorting_asc:after,
#volunteer-create-page-facility-listing-table thead .sorting_desc:after,
#resident-batch-actions-listing-table thead .sorting:after,
#resident-batch-actions-listing-table thead .sorting:before,
#resident-batch-actions-listing-table thead .sorting_asc:after,
#resident-batch-actions-listing-table thead .sorting_desc:after,
#resident-batch-action-listing-table thead .sorting:after,
#resident-batch-action-listing-table thead .sorting:before,
#resident-batch-action-listing-table thead .sorting_asc:after,
#resident-batch-action-listing-table thead .sorting_desc:after,
#user-listing-table thead .sorting:after,
#user-listing-table thead .sorting:before,
#user-listing-table thead .sorting_asc:after,
#user-listing-table thead .sorting_desc:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
}

#resident-listing-table thead .sorting_asc:after,
#volunteer-listing-table thead .sorting_asc:after,
#copost-volunteer-listing-table thead .sorting_asc:after,
#resident-order-listing-table thead .sorting_asc:after,
#resident-note-listing-table thead .sorting_asc:after,
#volunteer-note-listing-table thead .sorting_asc:after,
#facility-detail-logs-listing-table thead .sorting_asc:after,
#facility-detail-notes-listing-table thead .sorting_asc:after,
#volunteer-detail-logs-listing-table thead .sorting_asc:after,
#facility-details-address-format-listing-table thead .sorting_asc:after,
#resident-detail-accept-listing-table thead .sorting_asc:after,
#items-order-listing-table thead .sorting_asc:after,
#facility-listing-table thead .sorting_asc:after,
#facility-create-address-listing-table thead .sorting_asc:after,
#workflowstate-unassigned-listing-table thead .sorting_asc:after,
#workflowstate-selected-listing-table thead .sorting_asc:after,
#log-listing-table thead .sorting_asc:after,
#facility-details-address-listing-table thead .sorting_asc:after,
#volunteer-details-address-listing-table thead .sorting_asc:after,
#volunteer-transaction-listing-table thead .sorting_asc:after,
#copost-volunteer-transaction-listing-table thead .sorting_asc:after,
#resident-detail-accept-listing-table thead .sorting_asc:after,
#resident-batch-actions-listing-table thead .sorting_asc:after,
#resident-batch-action-listing-table thead .sorting_asc:after,
#user-listing-table thead .sorting_asc:after,
#resident-edit-page-facility-listing-table thead .sorting_asc:after,
#volunteer-create-page-facility-listing-table thead .sorting_asc:after {
    content: "\f0d8";
    font-family: FontAwesome;
    color: #7a80dd;
    font-size: 14px;
    margin-left: 5px;
}

#resident-listing-table thead .sorting_desc:after,
#volunteer-listing-table thead .sorting_desc:after,
#copost-volunteer-listing-table thead .sorting_desc:after,
#resident-order-listing-table thead .sorting_desc:after,
#resident-note-listing-table thead .sorting_desc:after,
#volunteer-note-listing-table thead .sorting_desc:after,
#facility-detail-logs-listing-table thead .sorting_desc:after,
#facility-detail-notes-listing-table thead .sorting_desc:after,
#volunteer-detail-logs-listing-table thead .sorting_desc:after,
#facility-details-address-format-listing-table thead .sorting_desc:after,
#resident-detail-accept-listing-table thead .sorting_desc:after,
#items-order-listing-table thead .sorting_desc:after,
#facility-listing-table thead .sorting_desc:after,
#facility-create-address-listing-table thead .sorting_desc:after,
#workflowstate-unassigned-listing-table thead .sorting_desc:after,
#workflowstate-selected-listing-table thead .sorting_desc:after,
#log-listing-table thead .sorting_desc:after,
#facility-details-address-listing-table thead .sorting_desc:after,
#volunteer-details-address-listing-table thead .sorting_desc:after,
#volunteer-transaction-listing-table thead .sorting_desc:after,
#copost-volunteer-transaction-listing-table thead .sorting_desc:after,
#resident-detail-accept-listing-table thead .sorting_desc:after,
#resident-batch-actions-listing-table thead .sorting_desc:after,
#resident-batch-action-listing-table thead .sorting_desc:after,
#user-listing-table thead .sorting_desc:after,
#resident-edit-page-facility-listing-table thead .sorting_desc:after,
#volunteer-create-page-facility-listing-table thead .sorting_desc:after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #7a80dd;
    font-size: 14px;
    margin-left: 5px;
}

/*Custom CSS for sorting fields end*/

/* resident-details CSS START */

#resident-listing-table,
#volunteer-listing-table,
#copost-volunteer-listing-table,
#items-order-listing-table {
    border: 1px solid #ccc;
    width: 100% !important;
    margin: 25px 0px 10px 0px;
}

#resident-order-listing-table tr td {
    font-size: 12px;
}

#resident-order-listing-table select {
    padding: 2px 5px;
    font-size: 14px;
    margin: 0 auto;
}

#resident-order-listing-table a {
    padding: 3px 10px;
}

#workflowstate-unassigned-listing-table_paginate,
#workflowstate-unassigned-listing-table_info,
#workflowstate-selected-listing-table_paginate,
#workflowstate-selected-listing-table_info,
#log-listing-table_paginate,
#log-listing-table_info,
#facility-details-address-listing-table_paginate,
#facility-details-address-listing-table_info,
#volunteer-details-address-listing-table_paginate,
#volunteer-transaction-listing-table_paginate,
#copost-volunteer-transaction-listing-table_paginate,
#volunteer-details-address-listing-table_info,
#volunteer-transaction-listing-table_info,
#copost-volunteer-transaction-listing-table_info {
    font-size: 12px;
}

#resident-order-listing-table_info,
#resident-order-listing-table_paginate a,
#resident-note-listing-table_paginate a,
#volunteer-note-listing-table_paginate a {
    font-size: 12px;
    padding: 3px 10px
}

#resident-note-listing-table_filter input,
#volunteer-note-listing-table_filter input,
#facility-detail-logs-listing-table_filter input,
#facility-detail-notes-listing-table_filter input,
#volunteer-detail-logs-listing-table_filter input,
#resident-detail-accept-listing-table_filter input {
    height: 30px;
    width: 15rem;
}

#resident-note-listing-table_previous,
#volunteer-note-listing-table_previous,
#resident-note-listing-table_next,
#volunteer-note-listing-table_next #facility-details-address-format-listing-table_previous,
#facility-details-address-format-listing-table_next,
#facility-detail-logs-listing-table_previous,
#facility-detail-logs-listing-table_next,
#facility-detail-notes-listing-table_previous,
#facility-detail-notes-listing-table_next,
#volunteer-detail-logs-listing-table_previous,
#volunteer-detail-logs-listing-table_next,
#resident-detail-accept-listing-table_previous,
#resident-detail-accept-listing-table_next,
#facility-listing-table_previous,
#facility-listing-table_next,
#facility-create-address-listing-table_previous,
#facility-create-address-listing-table_next {
    font-size: 14px;
    padding: 3px 10px;
}

#resident-note-listing-table_info,
#volunteer-note-listing-table_info,
#facility-detail-logs-listing-table_info,
#facility-detail-notes-listing-table_info,
#volunteer-detail-logs-listing-table_info,
#facility-details-address-format-listing-table_info,
#resident-detail-accept-listing-table_info,
#facility-listing-table_info,
#facility-create-address-listing-table_info,
#resident-detail-accept-listing-table_paginate,
#resident-detail-accept-listing-table_info,
#facility-detail-logs-listing-table_paginate,
#facility-detail-notes-listing-table_paginate,
#volunteer-detail-logs-listing-table_paginate {
    font-size: 12px;
}

#resident-note-listing-table tr th,
#volunteer-note-listing-table tr th,
#facility-detail-logs-listing-table tr th,
#facility-detail-notes-listing-table tr th,
#volunteer-detail-logs-listing-table tr th,
#facility-details-address-format-listing-table tr th,
#resident-detail-accept-listing-table tr th,
#facility-listing-table tr th,
#facility-create-address-listing-table tr th,
#facility-edit-duplicate-table tr th {
    font-size: 12px;
    padding: 9px 18px;
}

#resident-note-listing-table .odd td,
#resident-note-listing-table .even td,
#volunteer-note-listing-table .odd td,
#volunteer-note-listing-table .even td,
#facility-detail-logs-listing-table .odd td,
#facility-detail-logs-listing-table .even td,
#facility-detail-notes-listing-table .odd td,
#facility-detail-notes-listing-table .even td,
#volunteer-detail-logs-listing-table .odd td,
#volunteer-detail-logs-listing-table .even td,
#facility-details-address-format-listing-table .odd td,
#facility-details-address-format-listing-table .even td,
#resident-detail-accept-listing-table .odd td,
#resident-detail-accept-listing-table .even td,
#facility-listing-table .odd td,
#facility-listing-table .even td,
#facility-create-address-listing-table .odd td,
#facility-create-address-listing-table .even td {
    font-size: 12px;
}

#facility-details-address-format-listing-table thead tr th,
#facility-listing-table thead tr th,
#facility-create-address-listing-table thead tr th,
#facility-edit-duplicate-table thead tr th,
#resident-batch-actions-selected-listing thead tr th,
#resident-batch-action-listing-table thead tr th,
#user-listing-table thead tr th{
    font-size: 12px;
    text-align: center;
}

#facility-details-address-format-listing-table tbody tr td,
#facility-listing-table tbody tr td,
#facility-create-address-listing-table tbody tr td,
#facility-edit-duplicate-table tbody tr td {
    border: 1px solid #ccc;
    font-size: 12px;
    text-align: center;
}

#resident-batch-actions-selected-listing tbody tr td,
#resident-batch-action-listing-table tbody tr td {
    border: 1px solid #ccc;
    font-size: 12px;
    text-align: center;
    height: 22px !important;
    width: 70%;
}

#facility-create-address-listing-table tbody tr td,
#facility-edit-duplicate-table tbody tr td {
    height: 50px !important;
}

#facility-detail-logs-listing-table thead tr th:nth-child(2),
#facility-detail-notes-listing-table thead tr th:nth-child(2),
#volunteer-detail-logs-listing-table thead tr th:nth-child(2),
#facility-details-address-format-listing-table thead tr th:nth-child(2),
#resident-detail-accept-listing-table thead tr th:nth-child(2),
#facility-listing-table thead tr th:nth-child(2),
#facility-create-address-listing-table thead tr th:nth-child(2) {
    text-align: center;
    word-break: break-all;
    white-space: break-spaces;
    width: 300px !important;
}

#resident-note-listing-table thead tr th:nth-child(2) {
    text-align: center;
    word-break: break-all;
    white-space: break-spaces;
    width: 60% !important;
}

#resident-note-listing-table thead th:first-child,
#volunteer-note-listing-table thead th:first-child {
    width: 5% !important;
}

#resident-note-listing-table thead tr th:nth-child(3),
#resident-note-listing-table thead th:last-child,
#volunteer-note-listing-table thead tr th:nth-child(3),
#volunteer-note-listing-table thead th:last-child,
#facility-detail-notes-listing-table thead th:last-child {
    width: 6% !important;
}

#resident-note-listing-table tbody tr td:nth-child(2),
#volunteer-note-listing-table tbody tr td:nth-child(2),
#facility-detail-logs-listing-table tbody tr td:nth-child(2),
#facility-detail-notes-listing-table tbody tr td:nth-child(2),
#volunteer-detail-logs-listing-table tbody tr td:nth-child(2),
#facility-details-address-format-listing-table tbody tr td:nth-child(2),
#resident-detail-accept-listing-table tbody tr td:nth-child(2),
#facility-listing-table tbody tr td:nth-child(2),
#facility-create-address-listing-table tbody tr td:nth-child(2) {
    word-break: break-all;
    width: 300px;
    text-align: left;
}

/*table#resident-edit-page-facility-listing-table,*/

table#items-order-listing-table, table#workflowstate-unassigned-listing-table, table#workflowstate-selected-listing-table {
    width: 100% !important;
}

#resident-edit-page-facility-listing-table,
#volunteer-create-page-facility-listing-table {
    font-size: 12px;
}

#volunteer-details-address-listing-table td {
    width: 150px;
}

/* resident-details CSS END */

/* facility CSS start */

#facility-details-address-format-listing-table_filter {
    margin-bottom: 10px;
}

#facility-detail-logs-listing-table,
#facility-detail-notes-listing-table,
#volunteer-detail-logs-listing-table,
#items-order-listing-table,
#workflowstate-unassigned-listing-table,
#workflowstate-selected-listing-table,
#facility-details-address-listing-table,
#volunteer-details-address-listing-table,
#volunteer-transaction-listing-table,
#copost-volunteer-transaction-listing-table,
#resident-detail-accept-listing-table,
#user-listing-table {
    font-size: 13px;
}

#workflowstate-unassigned-listing-table_filter,
#workflowstate-selected-listing-table_filter {
    float: right;
    text-align: right;
    margin-bottom: 15px;
}

#log-listing-table thead th:first-child,
#facility-details-address-listing-table thead th:first-child,
#volunteer-details-address-listing-table thead th:first-child,
#volunteer-transaction-listing-table thead th:first-child,
#copost-volunteer-transaction-listing-table thead th:first-child,
#resident-detail-accept-listing-table thead th:first-child,
#resident-edit-page-facility-listing-table th:first-child,
#volunteer-create-page-facility-listing-table th:first-child {
    max-width: 360px;
    width: auto !important;
}

#log-listing-table tbody td:first-child,
#facility-details-address-listing-table tbody td:first-child,
#volunteer-details-address-listing-table tbody td:first-child,
#volunteer-transaction-listing-table tbody td:first-child,
#copost-volunteer-transaction-listing-table tbody td:first-child,
#resident-detail-accept-listing-table tbody td:first-child {
    white-space: inherit;
    word-wrap: break-word;
    word-break: break-all;
}

#facility-details-address-listing-table select#address_type {
    font-size: 12px;
}

table#facility-details-address-listing-table tbody tr td:nth-child(2) {
    width: 175px;
}

table#volunteer-details-address-listing-table thead th:nth-child(2) {
    width: 400px;
}

table#volunteer-details-address-listing-table thead th:nth-child(5) {
    width: 100px;
}

table#facility-details-address-listing-table thead tr th:nth-child(8) {
    width: 10% !important;
}

table#facility-details-address-listing-table thead tr th:nth-child(3) {
    width: 20% !important;
}

#volunteer-transaction-listing-table thead th:first-child,
#copost-volunteer-transaction-listing-table thead th:first-child {
    width: 48px !important;
}

/* Resident Batch Actions */

#resident-batch-actions-listing-table {
    border: 1px solid #ccc;
    width: 100% !important;
    /* margin: 25px 0px 9px; */
    margin: 35px 0px 9px;
    max-height: 598px;
    height: 100%;
}

#resident-batch-actions-selected-listing_info {
    font-size: 11px;
    margin: 0 0 0 10px;
}

#resident-batch-actions-selected-listing_paginate {
    font-size: 9px;
    margin: 4px 0 0 12px;
}

#facility-edit-duplicate-table {
    border: 1px solid #ccc;
    width: 95% !important;
    margin: 10px 12px;
}

#resident-batch-action-listing-table {
    border: 1px solid #ccc;
    width: 100% !important;
    margin-bottom: 8px;
}

#user-listing-table{
    border: 1px solid #ccc;
    width: 100% !important;
    margin-bottom: 8px;
    margin-top: 25px;
}

#facility-details-address-listing-table th:last-child {
    width: 115px !important;
}

/* Fixes some bug in datatables that is causing the table wrapper to not be full width */

#legacy-page-residents-batch-actions .left-residents div.table-responsive > div.dt-container > :nth-last-child(2){
    margin-top: 50px !important;
}

.dropdown-toggle.btn-primary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis);
}

.dropdown-toggle.btn-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-primary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-secondary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis);
}

.dropdown-toggle.btn-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-secondary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6c757d;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-success + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-success + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis);
}

.dropdown-toggle.btn-success + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li.active,
.dropdown-toggle.btn-success + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #198754;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-info + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-info + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis);
}

.dropdown-toggle.btn-info + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li.active,
.dropdown-toggle.btn-info + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #1580A2;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-warning + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
}

.dropdown-toggle.btn-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-warning + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #ffc107;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-danger + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis);
}

.dropdown-toggle.btn-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-danger + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #dc3545;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-light + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-light + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
}

.dropdown-toggle.btn-light + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li.active,
.dropdown-toggle.btn-light + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #f8f9fa;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-dark + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis);
}

.dropdown-toggle.btn-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-dark + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #212529;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-caution + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-caution-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-caution-text-emphasis);
}

.dropdown-toggle.btn-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-caution + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D85F08;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-action + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-action + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-action-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-action-text-emphasis);
}

.dropdown-toggle.btn-action + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li.active,
.dropdown-toggle.btn-action + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6C58D4;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-add + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-add + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-add-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-add-text-emphasis);
}

.dropdown-toggle.btn-add + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li.active,
.dropdown-toggle.btn-add + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #577E00;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-accent + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-accent-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-accent-text-emphasis);
}

.dropdown-toggle.btn-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-accent + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D63384;
  --bs-dropdown-link-active-color: #fff;
}

.form-switch.form-switch-primary .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-switch.form-switch-secondary .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.form-switch.form-switch-success .form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-switch.form-switch-info .form-check-input:checked {
  background-color: #1580A2;
  border-color: #1580A2;
}

.form-switch.form-switch-warning .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.form-switch.form-switch-danger .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-switch.form-switch-light .form-check-input:checked {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.form-switch.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch.form-switch-caution .form-check-input:checked {
  background-color: #D85F08;
  border-color: #D85F08;
}

.form-switch.form-switch-action .form-check-input:checked {
  background-color: #6C58D4;
  border-color: #6C58D4;
}

.form-switch.form-switch-add .form-check-input:checked {
  background-color: #577E00;
  border-color: #577E00;
}

.form-switch.form-switch-accent .form-check-input:checked {
  background-color: #D63384;
  border-color: #D63384;
}

.form-control::-moz-placeholder {
  color: #7D7D7D !important;
}

.form-control::placeholder {
  color: #7D7D7D !important;
}

.dropdown-toggle.btn-primary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis);
}

.dropdown-toggle.btn-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-primary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-secondary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis);
}

.dropdown-toggle.btn-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-secondary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6c757d;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-success + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-success + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis);
}

.dropdown-toggle.btn-success + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li.active,
.dropdown-toggle.btn-success + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #198754;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-info + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-info + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis);
}

.dropdown-toggle.btn-info + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li.active,
.dropdown-toggle.btn-info + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #1580A2;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-warning + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
}

.dropdown-toggle.btn-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-warning + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #ffc107;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-danger + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis);
}

.dropdown-toggle.btn-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-danger + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #dc3545;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-light + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-light + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
}

.dropdown-toggle.btn-light + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li.active,
.dropdown-toggle.btn-light + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #f8f9fa;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-dark + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis);
}

.dropdown-toggle.btn-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-dark + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #212529;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-caution + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-caution-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-caution-text-emphasis);
}

.dropdown-toggle.btn-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-caution + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D85F08;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-action + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-action + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-action-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-action-text-emphasis);
}

.dropdown-toggle.btn-action + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li.active,
.dropdown-toggle.btn-action + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6C58D4;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-add + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-add + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-add-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-add-text-emphasis);
}

.dropdown-toggle.btn-add + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li.active,
.dropdown-toggle.btn-add + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #577E00;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-accent + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-accent-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-accent-text-emphasis);
}

.dropdown-toggle.btn-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-accent + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D63384;
  --bs-dropdown-link-active-color: #fff;
}

.form-switch.form-switch-primary .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-switch.form-switch-secondary .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.form-switch.form-switch-success .form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-switch.form-switch-info .form-check-input:checked {
  background-color: #1580A2;
  border-color: #1580A2;
}

.form-switch.form-switch-warning .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.form-switch.form-switch-danger .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-switch.form-switch-light .form-check-input:checked {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.form-switch.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch.form-switch-caution .form-check-input:checked {
  background-color: #D85F08;
  border-color: #D85F08;
}

.form-switch.form-switch-action .form-check-input:checked {
  background-color: #6C58D4;
  border-color: #6C58D4;
}

.form-switch.form-switch-add .form-check-input:checked {
  background-color: #577E00;
  border-color: #577E00;
}

.form-switch.form-switch-accent .form-check-input:checked {
  background-color: #D63384;
  border-color: #D63384;
}

.form-control::-moz-placeholder {
  color: #7D7D7D !important;
}

.form-control::placeholder {
  color: #7D7D7D !important;
}

#site-header {
  background-color: hsl(44, 30%, 91%);
}

#site-header .container {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
}

#site-header .pond-mark {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}

#site-header .pond-mark svg {
  height: 3.3rem;
  width: auto;
  align-self: center;
}

#site-header .pond-mark span {
  line-height: 1em;
  margin-bottom: 0;
  font-size: 2.4rem;
  font-weight: 900;
}

main > header .h3 {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#menu-main {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  align-items: center;
  flex-grow: 1;
  justify-content: space-between;
  padding: 10px 0;
}

#menu-main .navbar-toggler {
  background-color: transparent;
  border-radius: 50%;
  padding: 0.375rem 0.75rem;
  border: 0 solid transparent;
  line-height: 1.9;
  aspect-ratio: 1;
  align-self: center;
}

#menu-main .navbar-toggler:hover {
  transition: background-color 0.2s;
  background-color: rgba(125, 92, 0, 0.07);
}

#menu-main .offcanvas-body .nav-heading {
  margin-top: 1.6rem;
}

#menu-main .offcanvas-body .nav-heading span {
  margin-bottom: 0;
}

#menu-main .offcanvas-body .nav-heading hr {
  margin: 0.5rem 0;
}

#menu-main .offcanvas-body .nav-item {
  margin-left: -16px;
  padding-left: 16px;
  border-left: 7px solid transparent;
}

#menu-main .offcanvas-body .nav-item:hover {
  border-left-color: slategray;
  background-color: aliceblue;
}

#menu-main .offcanvas-body .nav-item:has(.active) {
  border-left-color: #0d6efd;
  background-color: rgb(206.6, 226, 254.6);
}

@media (min-width: 992px) {
  #site-header.navbar {
    --bs-navbar-padding-y: 0;
  }
  #site-header .navbar-collapse {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
  }
}

.org-switch .dropdown-toggle {
  font-size: 0.875rem;
  padding: 0;
  background: none;
  border: none;
}

.org-switch .dropdown-toggle strong {
  font-weight: 700;
}

.org-switch .dropdown-toggle::after {
  margin-left: 0.25rem;
}

.org-switch .dropdown-menu {
  min-width: 200px;
  font-size: 0.875rem;
}

.site-header-left {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}

#toast-container {
  max-height: 0;
  visibility: hidden;
  z-index: 1035;
}

#toast-container:has(.toast.show) {
  height: auto;
  visibility: visible;
}

#close-all-toasts {
  display: block;
  margin-left: auto;
  text-decoration: none;
}

#close-all-toasts:hover {
  text-decoration: underline;
  cursor: pointer;
}

.badge-sm {
  --bs-badge-font-weight: $font-weight-normal;
  --bs-badge-font-size: 0.75rem;
}

#site-header .site-header-right {
  align-items: center;
}

#site-header-cart-icon {
  height: 56px;
  width: 56px;
  border: 0 solid transparent;
  align-content: center;
}

#site-header-cart-icon:hover {
  background-color: rgba(125, 92, 0, 0.07);
  border-color: transparent;
}

#site-header-cart-icon .badge.position-absolute {
  position: absolute;
  top: 10%;
  left: 90%;
}

#site-header-cart-icon.bi::before, #site-header-cart-icon[class^=bi-]::before, #site-header-cart-icon[class*=" bi-"]::before {
  width: 100%;
}

.btn-circle {
  --bs-btn-border-radius: 50%;
  aspect-ratio: 1;
}

.text-bg-outline-primary {
  border: 1px solid #0d6efd;
  background-color: var(--bs-primary-bg-subtle, rgb(230.8, 240.5, 254.8));
  color: var(--bs-primary-text-emphasis);
}

.text-bg-outline-secondary {
  border: 1px solid #6c757d;
  background-color: var(--bs-secondary-bg-subtle, rgb(240.3, 241.2, 242));
  color: var(--bs-secondary-text-emphasis);
}

.text-bg-outline-success {
  border: 1px solid #198754;
  background-color: var(--bs-success-bg-subtle, rgb(232, 243, 237.9));
  color: var(--bs-success-text-emphasis);
}

.text-bg-outline-info {
  border: 1px solid #1580A2;
  background-color: var(--bs-info-bg-subtle, rgb(231.6, 242.3, 245.7));
  color: var(--bs-info-text-emphasis);
}

.text-bg-outline-warning {
  border: 1px solid #ffc107;
  background-color: var(--bs-warning-bg-subtle, rgb(255, 248.8, 230.2));
  color: var(--bs-warning-text-emphasis);
}

.text-bg-outline-danger {
  border: 1px solid #dc3545;
  background-color: var(--bs-danger-bg-subtle, rgb(251.5, 234.8, 236.4));
  color: var(--bs-danger-text-emphasis);
}

.text-bg-outline-light {
  border: 1px solid #f8f9fa;
  background-color: var(--bs-light-bg-subtle, rgb(254.3, 254.4, 254.5));
  color: var(--bs-light-text-emphasis);
}

.text-bg-outline-dark {
  border: 1px solid #212529;
  background-color: var(--bs-dark-bg-subtle, rgb(232.8, 233.2, 233.6));
  color: var(--bs-dark-text-emphasis);
}

.text-bg-outline-caution {
  border: 1px solid #D85F08;
  background-color: var(--bs-caution-bg-subtle, rgb(251.1, 239, 230.3));
  color: var(--bs-caution-text-emphasis);
}

.text-bg-outline-action {
  border: 1px solid #6C58D4;
  background-color: var(--bs-action-bg-subtle, rgb(240.3, 238.3, 250.7));
  color: var(--bs-action-text-emphasis);
}

.text-bg-outline-add {
  border: 1px solid #577E00;
  background-color: var(--bs-add-bg-subtle, rgb(238.2, 242.1, 229.5));
  color: var(--bs-add-text-emphasis);
}

.text-bg-outline-accent {
  border: 1px solid #D63384;
  background-color: var(--bs-accent-bg-subtle, rgb(250.9, 234.6, 242.7));
  color: var(--bs-accent-text-emphasis);
}

.progress-actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.progress-actions .progress-back,
.progress-actions .progress-forward {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.progress-actions .progress-back {
  justify-content: flex-start;
}

.progress-actions .progress-forward {
  justify-content: flex-end;
}

#resident-timeline {
  --timeline-line-width: 2px;
  --timeline-line-color: var(--bs-body-color);
  --timeline-branch-length: 29px;
  --timeline-trunk-inset: 80px;
  --timeline-event-spacing: 24px;
}

#resident-timeline .timeline-wrapper {
  padding-left: var(--timeline-trunk-inset);
}

#resident-timeline #projected-events-container,
#resident-timeline #past-events-container,
#resident-timeline #today-container {
  border-left-width: var(--timeline-line-width);
  border-left-color: var(--timeline-line-color);
}

#resident-timeline #projected-events-container {
  border-left-style: dotted;
}

#resident-timeline #past-events-container,
#resident-timeline #today-container {
  border-left-style: solid;
}

#resident-timeline {
  /* Timeline Event Row */
}

#resident-timeline .timeline-event-wrapper {
  padding: calc(var(--timeline-event-spacing) / 2) 0;
  margin-left: calc(var(--timeline-line-width) * -1);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  border-left-width: var(--timeline-line-width);
  border-left-color: var(--timeline-line-color);
}

#resident-timeline #projected-events-container .timeline-event-wrapper {
  border-left-style: dotted;
}

#resident-timeline #past-events-container .timeline-event-wrapper,
#resident-timeline #today-container .timeline-event-wrapper {
  border-left-style: solid;
}

#resident-timeline .timeline-branch {
  width: var(--timeline-branch-length);
  height: 0;
  border-top-width: var(--timeline-line-width);
  border-top-color: var(--timeline-line-color);
}

#resident-timeline #projected-events-container .timeline-branch {
  border-top-style: dotted;
}

#resident-timeline #past-events-container .timeline-branch,
#resident-timeline #today-container .timeline-branch {
  border-top-style: solid;
}

#resident-timeline .timeline-terminal-event-wrapper {
  margin-left: calc(var(--timeline-trunk-inset) * -1);
}

#resident-timeline .event-type-birth::before,
#resident-timeline .event-type-death::before {
  display: none;
}

#resident-timeline {
  /* Timeline Add Buttons Container */
}

#resident-timeline .timeline-add-buttons-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;
}

#resident-timeline {
  /* Add Event Button on Timeline Line */
}

#resident-timeline .timeline-add-btn {
  position: absolute;
  left: -9px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #000;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  pointer-events: all;
  z-index: 6;
}

#resident-timeline .timeline-add-btn .add-event-btn-text {
  font-size: 12px;
  color: white;
  transition: color 0.2s ease;
  font-weight: bold;
}

#resident-timeline {
  /* Simple straight timeline line (death to birth) */
}

#resident-timeline .timeline-line-simple {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 0;
  background: #CCC;
}

#resident-timeline {
  /* Birth Event - at the bottom tip of timeline where line ends, no bottom margin */
}

#resident-timeline .event-type-birth .timeline-event-wrapper {
  margin-bottom: 0;
}

#resident-timeline {
  /* Card hover effect */
}

#resident-timeline .add-event-btn:hover {
  background-color: #0D6EFD !important;
  border-color: #0D6EFD !important;
}

#resident-timeline .add-event-btn:hover .add-event-btn-text {
  color: white !important;
}

#resident-timeline {
  /* Timeline add button hover - keep black background, maybe slightly lighter */
}

#resident-timeline .timeline-add-btn:hover {
  background-color: #333 !important;
}

#resident-timeline .timeline-add-btn:hover .add-event-btn-text {
  color: white !important;
}

.dropdown-toggle.btn-primary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis);
}

.dropdown-toggle.btn-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-primary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-secondary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis);
}

.dropdown-toggle.btn-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-secondary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6c757d;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-success + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-success + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis);
}

.dropdown-toggle.btn-success + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li.active,
.dropdown-toggle.btn-success + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #198754;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-info + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-info + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis);
}

.dropdown-toggle.btn-info + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li.active,
.dropdown-toggle.btn-info + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #1580A2;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-warning + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
}

.dropdown-toggle.btn-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-warning + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #ffc107;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-danger + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis);
}

.dropdown-toggle.btn-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-danger + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #dc3545;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-light + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-light + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
}

.dropdown-toggle.btn-light + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li.active,
.dropdown-toggle.btn-light + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #f8f9fa;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-dark + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis);
}

.dropdown-toggle.btn-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-dark + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #212529;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-caution + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-caution-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-caution-text-emphasis);
}

.dropdown-toggle.btn-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-caution + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D85F08;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-action + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-action + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-action-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-action-text-emphasis);
}

.dropdown-toggle.btn-action + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li.active,
.dropdown-toggle.btn-action + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6C58D4;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-add + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-add + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-add-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-add-text-emphasis);
}

.dropdown-toggle.btn-add + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li.active,
.dropdown-toggle.btn-add + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #577E00;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-accent + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-accent-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-accent-text-emphasis);
}

.dropdown-toggle.btn-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-accent + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D63384;
  --bs-dropdown-link-active-color: #fff;
}

.form-switch.form-switch-primary .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-switch.form-switch-secondary .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.form-switch.form-switch-success .form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-switch.form-switch-info .form-check-input:checked {
  background-color: #1580A2;
  border-color: #1580A2;
}

.form-switch.form-switch-warning .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.form-switch.form-switch-danger .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-switch.form-switch-light .form-check-input:checked {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.form-switch.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch.form-switch-caution .form-check-input:checked {
  background-color: #D85F08;
  border-color: #D85F08;
}

.form-switch.form-switch-action .form-check-input:checked {
  background-color: #6C58D4;
  border-color: #6C58D4;
}

.form-switch.form-switch-add .form-check-input:checked {
  background-color: #577E00;
  border-color: #577E00;
}

.form-switch.form-switch-accent .form-check-input:checked {
  background-color: #D63384;
  border-color: #D63384;
}

.form-control::-moz-placeholder {
  color: #7D7D7D !important;
}

.form-control::placeholder {
  color: #7D7D7D !important;
}

.dropdown-toggle.btn-primary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis);
}

.dropdown-toggle.btn-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-primary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-secondary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis);
}

.dropdown-toggle.btn-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-secondary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6c757d;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-success + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-success + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis);
}

.dropdown-toggle.btn-success + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li.active,
.dropdown-toggle.btn-success + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #198754;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-info + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-info + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis);
}

.dropdown-toggle.btn-info + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li.active,
.dropdown-toggle.btn-info + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #1580A2;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-warning + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
}

.dropdown-toggle.btn-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-warning + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #ffc107;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-danger + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis);
}

.dropdown-toggle.btn-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-danger + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #dc3545;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-light + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-light + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
}

.dropdown-toggle.btn-light + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li.active,
.dropdown-toggle.btn-light + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #f8f9fa;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-dark + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis);
}

.dropdown-toggle.btn-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-dark + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #212529;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-caution + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-caution-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-caution-text-emphasis);
}

.dropdown-toggle.btn-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-caution + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D85F08;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-action + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-action + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-action-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-action-text-emphasis);
}

.dropdown-toggle.btn-action + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li.active,
.dropdown-toggle.btn-action + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6C58D4;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-add + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-add + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-add-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-add-text-emphasis);
}

.dropdown-toggle.btn-add + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li.active,
.dropdown-toggle.btn-add + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #577E00;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-accent + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-accent-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-accent-text-emphasis);
}

.dropdown-toggle.btn-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-accent + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D63384;
  --bs-dropdown-link-active-color: #fff;
}

.form-switch.form-switch-primary .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-switch.form-switch-secondary .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.form-switch.form-switch-success .form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-switch.form-switch-info .form-check-input:checked {
  background-color: #1580A2;
  border-color: #1580A2;
}

.form-switch.form-switch-warning .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.form-switch.form-switch-danger .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-switch.form-switch-light .form-check-input:checked {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.form-switch.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch.form-switch-caution .form-check-input:checked {
  background-color: #D85F08;
  border-color: #D85F08;
}

.form-switch.form-switch-action .form-check-input:checked {
  background-color: #6C58D4;
  border-color: #6C58D4;
}

.form-switch.form-switch-add .form-check-input:checked {
  background-color: #577E00;
  border-color: #577E00;
}

.form-switch.form-switch-accent .form-check-input:checked {
  background-color: #D63384;
  border-color: #D63384;
}

.form-control::-moz-placeholder {
  color: #7D7D7D !important;
}

.form-control::placeholder {
  color: #7D7D7D !important;
}

.query-builder .rules-group-container {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  padding: var(--bs-spacer, 1.5rem);
  margin-bottom: var(--bs-spacer, 1.5rem);
}

.query-builder > .rules-group-container {
  background-color: #FAFAFA;
  box-shadow: var(--bs-box-shadow-sm);
}

.rules-group-container .rules-group-container {
  background-color: rgba(0, 0, 0, 0.03);
}

#builder .rules-group-header .group-conditions .btn.active {
  background-color: var(--bs-info);
  color: var(--bs-white);
  border-color: var(--bs-info);
  opacity: 1;
}

#builder .rules-group-header .group-conditions .btn:not(.active) {
  color: var(--bs-info);
  background-color: var(--bs-white);
  border-color: var(--bs-info);
  opacity: 1;
}

#builder .rules-group-header .group-conditions .btn:not(.active):hover {
  color: var(--bs-info);
  background-color: var(--bs-info-bg-subtle);
  border-color: var(--bs-info);
  cursor: pointer;
}

#builder .rules-group-container .rules-group-header .group-actions .btn-success {
  padding-left: calc(var(--bs-btn-padding-x) * 2);
  padding-right: calc(var(--bs-btn-padding-x) * 2);
}

#builder .rules-group-container .rules-group-header .group-actions .btn-success:not(input), #builder .rules-group-container .rules-group-header .group-actions .btn-success:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]) {
  background-color: #1580A2;
  color: #fff;
}

#builder .rules-group-container .rules-group-header .group-actions .btn-success:not(input):hover, #builder .rules-group-container .rules-group-header .group-actions .btn-success:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):hover {
  background-color: rgb(17.85, 108.8, 137.7);
  color: #fff;
}

#builder .rules-group-container .rules-group-header .group-actions .btn-success:not(input):active, #builder .rules-group-container .rules-group-header .group-actions .btn-success:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):active {
  background-color: rgb(16.8, 102.4, 129.6);
  color: #fff;
}

#builder .rules-group-container .rules-group-header .group-actions .btn-success:not(input[type=file]) {
  border: 1px solid #1580A2;
}

#builder .rules-group-container .rules-group-header .group-actions .btn-success:is(input[type=file]):not(:disabled):not(.disabled):not([readonly])::file-selector-button {
  background-color: #1580A2;
  color: #fff;
}

#builder .rules-group-container .rules-group-header .group-actions .btn-success:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):hover::file-selector-button {
  background-color: rgb(17.85, 108.8, 137.7);
  color: #fff;
}

#builder .rules-group-container .rules-group-header .group-actions .btn-success:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):active::file-selector-button {
  background-color: rgb(16.8, 102.4, 129.6);
  color: #fff;
}

#builder .rules-group-container .rules-group-header .group-actions .btn-success:disabled, #builder .rules-group-container .rules-group-header .group-actions .btn-success.disabled, fieldset:disabled #builder .rules-group-container .rules-group-header .group-actions .btn-success {
  background-color: #1580A2;
  color: #6c757d;
  opacity: 0.65;
}

#builder .rules-group-container .rules-group-header .group-actions .btn-danger::after {
  content: " group";
}

#builder .rules-list .rule-container .rule-header {
  height: 50px;
  margin-bottom: -50px;
}

#builder .rules-list .rule-container .rule-header .rule-actions {
  float: none !important;
  position: relative;
  left: 100%;
  display: inline-block;
  transform: translateX(calc(-100% - 6px));
  top: 3px;
}

#builder .rules-list .rule-container .rule-actions .btn-danger {
  width: 31px;
  white-space: nowrap;
  overflow-x: hidden;
  color: var(--bs-danger);
  background-color: var(--bs-white);
}

#builder .rules-list .rule-container .rule-actions .btn-danger i {
  margin-right: 1em;
}

#builder .rules-list .rule-container .rule-actions .btn-danger:hover {
  width: auto;
  color: var(--bs-white);
  background-color: var(--bs-danger);
  cursor: pointer;
}

#builder .rules-list .rule-container .rule-actions .btn-danger:hover i {
  margin-right: inherit;
}

.rules-group-container:has(> .rules-group-header > .group-actions > [data-delete=group]:hover),
.rule-container:has(> .rule-header > .rule-actions > [data-delete=rule]:hover) {
  background-color: var(--bs-danger-bg-subtle);
}

#builder .rule-container {
  border-color: rgba(0, 0, 0, 0.12);
}

#builder .has-error, #builder.has-error,
.query-builder .has-error,
.query-builder.has-error {
  border-color: var(--bs-border-color) !important;
}

#builder .has-error .form-control,
#builder .has-error .form-select,
#builder .has-error input,
#builder .has-error select,
#builder .has-error textarea, #builder.has-error .form-control,
#builder.has-error .form-select,
#builder.has-error input,
#builder.has-error select,
#builder.has-error textarea,
.query-builder .has-error .form-control,
.query-builder .has-error .form-select,
.query-builder .has-error input,
.query-builder .has-error select,
.query-builder .has-error textarea,
.query-builder.has-error .form-control,
.query-builder.has-error .form-select,
.query-builder.has-error input,
.query-builder.has-error select,
.query-builder.has-error textarea {
  border-color: var(--bs-border-color) !important;
}

#builder .form-group.has-error,
#builder .rule-value-container.has-error,
#builder .rule-filter-container.has-error,
#builder .rule-operator-container.has-error,
#builder .rule-container.has-error,
.query-builder .form-group.has-error,
.query-builder .rule-value-container.has-error,
.query-builder .rule-filter-container.has-error,
.query-builder .rule-operator-container.has-error,
.query-builder .rule-container.has-error {
  border-color: var(--bs-border-color) !important;
}

#builder .form-group.has-error .form-control,
#builder .form-group.has-error .form-select,
#builder .form-group.has-error input,
#builder .form-group.has-error select,
#builder .form-group.has-error textarea,
#builder .rule-value-container.has-error .form-control,
#builder .rule-value-container.has-error .form-select,
#builder .rule-value-container.has-error input,
#builder .rule-value-container.has-error select,
#builder .rule-value-container.has-error textarea,
#builder .rule-filter-container.has-error .form-control,
#builder .rule-filter-container.has-error .form-select,
#builder .rule-filter-container.has-error input,
#builder .rule-filter-container.has-error select,
#builder .rule-filter-container.has-error textarea,
#builder .rule-operator-container.has-error .form-control,
#builder .rule-operator-container.has-error .form-select,
#builder .rule-operator-container.has-error input,
#builder .rule-operator-container.has-error select,
#builder .rule-operator-container.has-error textarea,
#builder .rule-container.has-error .form-control,
#builder .rule-container.has-error .form-select,
#builder .rule-container.has-error input,
#builder .rule-container.has-error select,
#builder .rule-container.has-error textarea,
.query-builder .form-group.has-error .form-control,
.query-builder .form-group.has-error .form-select,
.query-builder .form-group.has-error input,
.query-builder .form-group.has-error select,
.query-builder .form-group.has-error textarea,
.query-builder .rule-value-container.has-error .form-control,
.query-builder .rule-value-container.has-error .form-select,
.query-builder .rule-value-container.has-error input,
.query-builder .rule-value-container.has-error select,
.query-builder .rule-value-container.has-error textarea,
.query-builder .rule-filter-container.has-error .form-control,
.query-builder .rule-filter-container.has-error .form-select,
.query-builder .rule-filter-container.has-error input,
.query-builder .rule-filter-container.has-error select,
.query-builder .rule-filter-container.has-error textarea,
.query-builder .rule-operator-container.has-error .form-control,
.query-builder .rule-operator-container.has-error .form-select,
.query-builder .rule-operator-container.has-error input,
.query-builder .rule-operator-container.has-error select,
.query-builder .rule-operator-container.has-error textarea,
.query-builder .rule-container.has-error .form-control,
.query-builder .rule-container.has-error .form-select,
.query-builder .rule-container.has-error input,
.query-builder .rule-container.has-error select,
.query-builder .rule-container.has-error textarea {
  border-color: var(--bs-border-color) !important;
}

.rule-container .rule-value-container {
  padding-left: 8px;
}

.rule-container .rule-value-container > label:has(> input[type=radio]) {
  margin-right: 1em;
}

.query-builder .rule-container .rule-value-container {
  display: inline-flex;
  align-items: end;
}

.dropdown-toggle.btn-primary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis);
}

.dropdown-toggle.btn-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-primary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-secondary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis);
}

.dropdown-toggle.btn-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-secondary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6c757d;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-success + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-success + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis);
}

.dropdown-toggle.btn-success + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li.active,
.dropdown-toggle.btn-success + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #198754;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-info + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-info + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis);
}

.dropdown-toggle.btn-info + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li.active,
.dropdown-toggle.btn-info + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #1580A2;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-warning + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
}

.dropdown-toggle.btn-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-warning + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #ffc107;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-danger + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis);
}

.dropdown-toggle.btn-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-danger + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #dc3545;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-light + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-light + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
}

.dropdown-toggle.btn-light + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li.active,
.dropdown-toggle.btn-light + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #f8f9fa;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-dark + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis);
}

.dropdown-toggle.btn-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-dark + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #212529;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-caution + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-caution-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-caution-text-emphasis);
}

.dropdown-toggle.btn-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-caution + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D85F08;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-action + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-action + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-action-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-action-text-emphasis);
}

.dropdown-toggle.btn-action + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li.active,
.dropdown-toggle.btn-action + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6C58D4;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-add + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-add + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-add-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-add-text-emphasis);
}

.dropdown-toggle.btn-add + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li.active,
.dropdown-toggle.btn-add + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #577E00;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-accent + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-accent-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-accent-text-emphasis);
}

.dropdown-toggle.btn-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-accent + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D63384;
  --bs-dropdown-link-active-color: #fff;
}

.form-switch.form-switch-primary .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-switch.form-switch-secondary .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.form-switch.form-switch-success .form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-switch.form-switch-info .form-check-input:checked {
  background-color: #1580A2;
  border-color: #1580A2;
}

.form-switch.form-switch-warning .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.form-switch.form-switch-danger .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-switch.form-switch-light .form-check-input:checked {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.form-switch.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch.form-switch-caution .form-check-input:checked {
  background-color: #D85F08;
  border-color: #D85F08;
}

.form-switch.form-switch-action .form-check-input:checked {
  background-color: #6C58D4;
  border-color: #6C58D4;
}

.form-switch.form-switch-add .form-check-input:checked {
  background-color: #577E00;
  border-color: #577E00;
}

.form-switch.form-switch-accent .form-check-input:checked {
  background-color: #D63384;
  border-color: #D63384;
}

.form-control::-moz-placeholder {
  color: #7D7D7D !important;
}

.form-control::placeholder {
  color: #7D7D7D !important;
}

.powergrid-wrapper {
  background-color: #FAFAFA;
  box-shadow: var(--bs-box-shadow-sm);
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

.dt--top-section .export-dropdown .btn > svg {
  display: none;
}

.dt--top-section .export-dropdown .btn::before {
  content: "Exports";
}

.dt--top-section .me-1:has(.dropdown:first-of-type) {
  margin-right: 1rem;
}

.dt--top-section .dropdown > .btn-group > .btn:first-of-type > svg {
  display: none;
}

.dt--top-section .dropdown > .btn-group > .btn:first-of-type::before {
  content: "Columns";
}

.dt--top-section .dropdown > .btn-group > .btn:first-of-type + .dropdown-menu .dropdown-item br {
  display: none;
}

.power-grid-table th > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 1rem;
  justify-content: flex-start;
}

.power-grid-table th span {
  font-size: 1rem;
  font-weight: 400;
}

.power-grid-table th svg {
  overflow: visible;
}

.table > :not(caption) > * > td[data-column=snowflake] {
  font-family: var(--bs-font-monospace);
}

.power-grid-table td.checkbox-column,
.power-grid-table th.checkbox-column {
  width: 50px !important;
  max-width: 50px !important;
  min-width: 50px !important;
  text-align: left !important;
  vertical-align: middle;
}

.power-grid-table td.checkbox-column > div, .power-grid-table td.checkbox-column > label,
.power-grid-table th.checkbox-column > div,
.power-grid-table th.checkbox-column > label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.pagination .page-link {
  color: var(--bs-accent) !important;
  background-color: var(--bs-white);
  border-color: var(--bs-accent-border-subtle);
}

.pagination .page-link:hover {
  color: var(--bs-accent-text-emphasis) !important;
  background-color: var(--bs-accent-bg-subtle);
  border-color: var(--bs-accent-border-subtle);
}

.pagination .page-link:focus {
  color: var(--bs-accent-text-emphasis) !important;
  background-color: var(--bs-accent-bg-subtle);
  border-color: var(--bs-accent-border-subtle);
  box-shadow: 0 0 0 0.25rem rgba(214, 51, 132, 0.25);
}

.pagination .page-item.active .page-link {
  color: var(--bs-white) !important;
  background-color: var(--bs-accent);
  border-color: var(--bs-accent);
}

.pagination .page-item.disabled .page-link {
  color: rgba(214, 51, 132, 0.7) !important;
  background-color: var(--bs-accent-bg-subtle);
  border-color: var(--bs-accent-border-subtle);
  opacity: 0.5;
}

.pagination .page-item.disabled .page-link:hover {
  cursor: not-allowed;
}

#page-residents-index footer,
#page-facilities-index footer,
#page-residents-index [class*=power-grid-footer],
#page-facilities-index [class*=power-grid-footer],
#page-residents-index > div > div > div [class*=footer],
#page-facilities-index > div > div > div [class*=footer] {
  margin-top: 1.5rem !important;
}

.power-grid-table tbody tr.resident-inactive {
  background-color: #faffcd;
}

.expand-collapse-container-trigger[data-expanded=false] .bi-arrows-collapse-vertical {
  display: none;
}

.expand-collapse-container-trigger[data-expanded=false] .bi-arrows-expand-vertical {
  display: inline;
}

.expand-collapse-container-trigger[data-expanded=true] .bi-arrows-collapse-vertical {
  display: inline;
}

.expand-collapse-container-trigger[data-expanded=true] .bi-arrows-expand-vertical {
  display: none;
}

.container-expandable.expanded {
  transition: max-width 0.4s ease-out;
}

.container-expandable:not(.expanded) {
  transition-property: width, max-width;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
}

.container-expandable > .row {
  margin-left: 0;
  margin-right: 0;
}

.dropdown-toggle.btn-primary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis);
}

.dropdown-toggle.btn-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-primary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-secondary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis);
}

.dropdown-toggle.btn-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-secondary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6c757d;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-success + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-success + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis);
}

.dropdown-toggle.btn-success + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li.active,
.dropdown-toggle.btn-success + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #198754;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-info + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-info + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis);
}

.dropdown-toggle.btn-info + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li.active,
.dropdown-toggle.btn-info + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #1580A2;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-warning + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
}

.dropdown-toggle.btn-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-warning + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #ffc107;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-danger + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis);
}

.dropdown-toggle.btn-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-danger + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #dc3545;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-light + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-light + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
}

.dropdown-toggle.btn-light + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li.active,
.dropdown-toggle.btn-light + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #f8f9fa;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-dark + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis);
}

.dropdown-toggle.btn-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-dark + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #212529;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-caution + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-caution-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-caution-text-emphasis);
}

.dropdown-toggle.btn-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-caution + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D85F08;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-action + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-action + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-action-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-action-text-emphasis);
}

.dropdown-toggle.btn-action + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li.active,
.dropdown-toggle.btn-action + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6C58D4;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-add + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-add + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-add-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-add-text-emphasis);
}

.dropdown-toggle.btn-add + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li.active,
.dropdown-toggle.btn-add + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #577E00;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-accent + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-accent-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-accent-text-emphasis);
}

.dropdown-toggle.btn-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-accent + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D63384;
  --bs-dropdown-link-active-color: #fff;
}

.form-switch.form-switch-primary .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-switch.form-switch-secondary .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.form-switch.form-switch-success .form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-switch.form-switch-info .form-check-input:checked {
  background-color: #1580A2;
  border-color: #1580A2;
}

.form-switch.form-switch-warning .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.form-switch.form-switch-danger .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-switch.form-switch-light .form-check-input:checked {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.form-switch.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch.form-switch-caution .form-check-input:checked {
  background-color: #D85F08;
  border-color: #D85F08;
}

.form-switch.form-switch-action .form-check-input:checked {
  background-color: #6C58D4;
  border-color: #6C58D4;
}

.form-switch.form-switch-add .form-check-input:checked {
  background-color: #577E00;
  border-color: #577E00;
}

.form-switch.form-switch-accent .form-check-input:checked {
  background-color: #D63384;
  border-color: #D63384;
}

.form-control::-moz-placeholder {
  color: #7D7D7D !important;
}

.form-control::placeholder {
  color: #7D7D7D !important;
}

form label:has(+ input[required])::after,
form label:has(+ textarea[required])::after,
form label:has(+ select[required])::after {
  content: "*";
  color: #D85F08;
  margin-left: 0.2em;
  font-weight: 700;
}

form .field-input-wrapper:has([required]) > label::after {
  content: "*";
  color: #D85F08;
  margin-left: 0.2em;
  font-weight: 700;
}

form .form-floating input[required] ~ label::after,
form .form-floating textarea[required] ~ label::after,
form .form-floating select[required] ~ label::after {
  content: "*";
  color: #D85F08;
  margin-left: 0.2em;
  font-weight: 700;
}

form .select2-container .select2-selection--single .select2-selection__clear {
  position: absolute;
}

form .select2-container .select2-selection--multiple .select2-selection__rendered {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

form .select2-container .select2-selection--multiple .select2-search--inline {
  flex: 1 1 auto;
  min-width: 0;
}

form .select2-container .select2-selection--multiple .select2-search__field {
  width: 100% !important;
}

#form-resident-create code,
#form-facility-create code {
  background-color: rgba(0, 0, 0, 0.05);
  color: inherit;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

#form-resident-create .address-autocomplete-wrapper address,
#form-facility-create .address-autocomplete-wrapper address {
  margin-bottom: 0;
}

#form-facility-create .facility-address-card .address-purpose-prohibited-container:has(.form-switch-danger .form-check-input:checked) {
  border-color: var(--bs-danger);
}

.dropdown-toggle.btn-primary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis);
}

.dropdown-toggle.btn-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-primary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-secondary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis);
}

.dropdown-toggle.btn-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-secondary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6c757d;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-success + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-success + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis);
}

.dropdown-toggle.btn-success + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li.active,
.dropdown-toggle.btn-success + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #198754;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-info + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-info + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis);
}

.dropdown-toggle.btn-info + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li.active,
.dropdown-toggle.btn-info + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #1580A2;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-warning + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
}

.dropdown-toggle.btn-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-warning + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #ffc107;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-danger + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis);
}

.dropdown-toggle.btn-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-danger + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #dc3545;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-light + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-light + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
}

.dropdown-toggle.btn-light + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li.active,
.dropdown-toggle.btn-light + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #f8f9fa;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-dark + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis);
}

.dropdown-toggle.btn-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-dark + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #212529;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-caution + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-caution-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-caution-text-emphasis);
}

.dropdown-toggle.btn-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-caution + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D85F08;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-action + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-action + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-action-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-action-text-emphasis);
}

.dropdown-toggle.btn-action + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li.active,
.dropdown-toggle.btn-action + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6C58D4;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-add + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-add + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-add-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-add-text-emphasis);
}

.dropdown-toggle.btn-add + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li.active,
.dropdown-toggle.btn-add + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #577E00;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-accent + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-accent-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-accent-text-emphasis);
}

.dropdown-toggle.btn-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-accent + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D63384;
  --bs-dropdown-link-active-color: #fff;
}

.form-switch.form-switch-primary .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-switch.form-switch-secondary .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.form-switch.form-switch-success .form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-switch.form-switch-info .form-check-input:checked {
  background-color: #1580A2;
  border-color: #1580A2;
}

.form-switch.form-switch-warning .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.form-switch.form-switch-danger .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-switch.form-switch-light .form-check-input:checked {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.form-switch.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch.form-switch-caution .form-check-input:checked {
  background-color: #D85F08;
  border-color: #D85F08;
}

.form-switch.form-switch-action .form-check-input:checked {
  background-color: #6C58D4;
  border-color: #6C58D4;
}

.form-switch.form-switch-add .form-check-input:checked {
  background-color: #577E00;
  border-color: #577E00;
}

.form-switch.form-switch-accent .form-check-input:checked {
  background-color: #D63384;
  border-color: #D63384;
}

.form-control::-moz-placeholder {
  color: #7D7D7D !important;
}

.form-control::placeholder {
  color: #7D7D7D !important;
}

.dropdown-toggle.btn-primary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis);
}

.dropdown-toggle.btn-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-primary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-secondary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis);
}

.dropdown-toggle.btn-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-secondary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6c757d;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-success + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-success + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis);
}

.dropdown-toggle.btn-success + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li.active,
.dropdown-toggle.btn-success + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #198754;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-info + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-info + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis);
}

.dropdown-toggle.btn-info + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li.active,
.dropdown-toggle.btn-info + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #1580A2;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-warning + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
}

.dropdown-toggle.btn-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-warning + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #ffc107;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-danger + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis);
}

.dropdown-toggle.btn-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-danger + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #dc3545;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-light + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-light + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
}

.dropdown-toggle.btn-light + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li.active,
.dropdown-toggle.btn-light + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #f8f9fa;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-dark + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis);
}

.dropdown-toggle.btn-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-dark + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #212529;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-caution + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-caution-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-caution-text-emphasis);
}

.dropdown-toggle.btn-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-caution + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D85F08;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-action + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-action + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-action-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-action-text-emphasis);
}

.dropdown-toggle.btn-action + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li.active,
.dropdown-toggle.btn-action + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6C58D4;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-add + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-add + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-add-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-add-text-emphasis);
}

.dropdown-toggle.btn-add + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li.active,
.dropdown-toggle.btn-add + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #577E00;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-accent + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-accent-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-accent-text-emphasis);
}

.dropdown-toggle.btn-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-accent + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D63384;
  --bs-dropdown-link-active-color: #fff;
}

.form-switch.form-switch-primary .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-switch.form-switch-secondary .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.form-switch.form-switch-success .form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-switch.form-switch-info .form-check-input:checked {
  background-color: #1580A2;
  border-color: #1580A2;
}

.form-switch.form-switch-warning .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.form-switch.form-switch-danger .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-switch.form-switch-light .form-check-input:checked {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.form-switch.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch.form-switch-caution .form-check-input:checked {
  background-color: #D85F08;
  border-color: #D85F08;
}

.form-switch.form-switch-action .form-check-input:checked {
  background-color: #6C58D4;
  border-color: #6C58D4;
}

.form-switch.form-switch-add .form-check-input:checked {
  background-color: #577E00;
  border-color: #577E00;
}

.form-switch.form-switch-accent .form-check-input:checked {
  background-color: #D63384;
  border-color: #D63384;
}

.form-control::-moz-placeholder {
  color: #7D7D7D !important;
}

.form-control::placeholder {
  color: #7D7D7D !important;
}

#page-header {
  height: 56px;
}

#page-header > .navbar, #page-header > .navbar > .container, #page-header > .navbar > .container > .navbar-collapse, #page-header > .navbar > .container > .navbar-collapse > .navbar-nav, #page-header > .navbar > .container > .navbar-collapse > .navbar-nav > .nav-item, #page-header > .navbar > .container > .navbar-collapse > .navbar-nav > .nav-item > .nav-link {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

#page-nav {
  justify-content: flex-end;
}

#page-nav .navbar-nav {
  background-color: var(--bs-body-bg);
}

.navbar-expand-sm #page-nav .navbar-nav .nav-link {
  --bs-navbar-nav-link-padding-x: 1rem;
  display: flex;
  align-items: center;
  box-shadow: inset -1px -18px 12px -5px rgba(0, 0, 0, 0.055);
}

.navbar-expand-sm #page-nav .navbar-nav .nav-link:hover {
  background-color: rgb(11.05, 93.5, 215.05);
  color: #fff;
  box-shadow: inset -1px 18px 12px 0px rgba(255, 255, 255, 0.175);
}

.navbar-expand-sm #page-nav .navbar-nav .nav-link:active {
  background-color: rgb(10.4, 88, 202.4);
  color: #fff;
  box-shadow: inset -1px 18px 12px 0px rgba(255, 255, 255, 0.175);
}

.dropdown-toggle.btn-primary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis);
}

.dropdown-toggle.btn-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-primary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-secondary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis);
}

.dropdown-toggle.btn-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-secondary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6c757d;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-success + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-success + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis);
}

.dropdown-toggle.btn-success + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li.active,
.dropdown-toggle.btn-success + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #198754;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-info + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-info + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis);
}

.dropdown-toggle.btn-info + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li.active,
.dropdown-toggle.btn-info + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #1580A2;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-warning + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
}

.dropdown-toggle.btn-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-warning + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #ffc107;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-danger + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis);
}

.dropdown-toggle.btn-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-danger + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #dc3545;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-light + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-light + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
}

.dropdown-toggle.btn-light + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li.active,
.dropdown-toggle.btn-light + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #f8f9fa;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-dark + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis);
}

.dropdown-toggle.btn-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-dark + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #212529;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-caution + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-caution-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-caution-text-emphasis);
}

.dropdown-toggle.btn-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-caution + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D85F08;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-action + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-action + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-action-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-action-text-emphasis);
}

.dropdown-toggle.btn-action + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li.active,
.dropdown-toggle.btn-action + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6C58D4;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-add + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-add + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-add-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-add-text-emphasis);
}

.dropdown-toggle.btn-add + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li.active,
.dropdown-toggle.btn-add + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #577E00;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-accent + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-accent-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-accent-text-emphasis);
}

.dropdown-toggle.btn-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-accent + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D63384;
  --bs-dropdown-link-active-color: #fff;
}

.form-switch.form-switch-primary .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-switch.form-switch-secondary .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.form-switch.form-switch-success .form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-switch.form-switch-info .form-check-input:checked {
  background-color: #1580A2;
  border-color: #1580A2;
}

.form-switch.form-switch-warning .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.form-switch.form-switch-danger .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-switch.form-switch-light .form-check-input:checked {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.form-switch.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch.form-switch-caution .form-check-input:checked {
  background-color: #D85F08;
  border-color: #D85F08;
}

.form-switch.form-switch-action .form-check-input:checked {
  background-color: #6C58D4;
  border-color: #6C58D4;
}

.form-switch.form-switch-add .form-check-input:checked {
  background-color: #577E00;
  border-color: #577E00;
}

.form-switch.form-switch-accent .form-check-input:checked {
  background-color: #D63384;
  border-color: #D63384;
}

.form-control::-moz-placeholder {
  color: #7D7D7D !important;
}

.form-control::placeholder {
  color: #7D7D7D !important;
}

.dropdown-toggle.btn-primary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis);
}

.dropdown-toggle.btn-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-primary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-secondary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis);
}

.dropdown-toggle.btn-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-secondary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6c757d;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-success + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-success + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis);
}

.dropdown-toggle.btn-success + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li.active,
.dropdown-toggle.btn-success + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #198754;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-info + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-info + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis);
}

.dropdown-toggle.btn-info + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li.active,
.dropdown-toggle.btn-info + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #1580A2;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-warning + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
}

.dropdown-toggle.btn-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-warning + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #ffc107;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-danger + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis);
}

.dropdown-toggle.btn-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-danger + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #dc3545;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-light + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-light + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
}

.dropdown-toggle.btn-light + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li.active,
.dropdown-toggle.btn-light + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #f8f9fa;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-dark + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis);
}

.dropdown-toggle.btn-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-dark + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #212529;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-caution + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-caution-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-caution-text-emphasis);
}

.dropdown-toggle.btn-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-caution + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D85F08;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-action + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-action + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-action-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-action-text-emphasis);
}

.dropdown-toggle.btn-action + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li.active,
.dropdown-toggle.btn-action + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6C58D4;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-add + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-add + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-add-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-add-text-emphasis);
}

.dropdown-toggle.btn-add + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li.active,
.dropdown-toggle.btn-add + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #577E00;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-accent + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-accent-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-accent-text-emphasis);
}

.dropdown-toggle.btn-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-accent + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D63384;
  --bs-dropdown-link-active-color: #fff;
}

.form-switch.form-switch-primary .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-switch.form-switch-secondary .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.form-switch.form-switch-success .form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-switch.form-switch-info .form-check-input:checked {
  background-color: #1580A2;
  border-color: #1580A2;
}

.form-switch.form-switch-warning .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.form-switch.form-switch-danger .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-switch.form-switch-light .form-check-input:checked {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.form-switch.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch.form-switch-caution .form-check-input:checked {
  background-color: #D85F08;
  border-color: #D85F08;
}

.form-switch.form-switch-action .form-check-input:checked {
  background-color: #6C58D4;
  border-color: #6C58D4;
}

.form-switch.form-switch-add .form-check-input:checked {
  background-color: #577E00;
  border-color: #577E00;
}

.form-switch.form-switch-accent .form-check-input:checked {
  background-color: #D63384;
  border-color: #D63384;
}

.form-control::-moz-placeholder {
  color: #7D7D7D !important;
}

.form-control::placeholder {
  color: #7D7D7D !important;
}

.address-format-builder-wrapper .token {
  display: inline-block;
  padding: 0.35em 1.3em;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  vertical-align: baseline;
  font-size: 0.875rem;
  border-radius: 50rem;
  text-align: left;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.address-format-builder-wrapper .token .token-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.address-format-builder-wrapper .token .token-content .token-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0.55;
}

.address-format-builder-wrapper .token .token-content .token-name {
  font-weight: 600;
  white-space: nowrap;
}

.address-format-builder-wrapper .token-type-property:not(input), .address-format-builder-wrapper .token-type-property:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]) {
  background-color: rgb(208.2, 229.6, 236.4);
  color: rgb(8.4, 51.2, 64.8);
}

.address-format-builder-wrapper .token-type-property:not(input):hover, .address-format-builder-wrapper .token-type-property:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):hover {
  background-color: rgb(176.97, 195.16, 200.94);
  color: rgb(8.4, 51.2, 64.8);
}

.address-format-builder-wrapper .token-type-property:not(input):active, .address-format-builder-wrapper .token-type-property:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):active {
  background-color: rgb(166.56, 183.68, 189.12);
  color: rgb(8.4, 51.2, 64.8);
}

.address-format-builder-wrapper .token-type-property:not(input[type=file]) {
  border: 1px solid rgb(161.4, 204.2, 217.8);
}

.address-format-builder-wrapper .token-type-property:is(input[type=file]):not(:disabled):not(.disabled):not([readonly])::file-selector-button {
  background-color: rgb(208.2, 229.6, 236.4);
  color: rgb(8.4, 51.2, 64.8);
  border: 1px solid rgb(161.4, 204.2, 217.8);
}

.address-format-builder-wrapper .token-type-property:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):hover::file-selector-button {
  background-color: rgb(176.97, 195.16, 200.94);
  color: rgb(8.4, 51.2, 64.8);
}

.address-format-builder-wrapper .token-type-property:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):active::file-selector-button {
  background-color: rgb(166.56, 183.68, 189.12);
  color: rgb(8.4, 51.2, 64.8);
}

.address-format-builder-wrapper .token-type-property:disabled, .address-format-builder-wrapper .token-type-property.disabled, fieldset:disabled .address-format-builder-wrapper .token-type-property {
  background-color: rgb(208.2, 229.6, 236.4);
  color: #6c757d;
  opacity: 0.65;
}

.address-format-builder-wrapper .token-type-property.token-selected:not(input), .address-format-builder-wrapper .token-type-property.token-selected:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]) {
  background-color: #1580A2;
  color: #fff;
}

.address-format-builder-wrapper .token-type-property.token-selected:not(input):hover, .address-format-builder-wrapper .token-type-property.token-selected:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):hover {
  background-color: rgb(17.85, 108.8, 137.7);
  color: #fff;
}

.address-format-builder-wrapper .token-type-property.token-selected:not(input):active, .address-format-builder-wrapper .token-type-property.token-selected:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):active {
  background-color: rgb(16.8, 102.4, 129.6);
  color: #fff;
}

.address-format-builder-wrapper .token-type-property.token-selected:not(input[type=file]) {
  border: 1px solid #1580A2;
}

.address-format-builder-wrapper .token-type-property.token-selected:is(input[type=file]):not(:disabled):not(.disabled):not([readonly])::file-selector-button {
  background-color: #1580A2;
  color: #fff;
}

.address-format-builder-wrapper .token-type-property.token-selected:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):hover::file-selector-button {
  background-color: rgb(17.85, 108.8, 137.7);
  color: #fff;
}

.address-format-builder-wrapper .token-type-property.token-selected:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):active::file-selector-button {
  background-color: rgb(16.8, 102.4, 129.6);
  color: #fff;
}

.address-format-builder-wrapper .token-type-property.token-selected:disabled, .address-format-builder-wrapper .token-type-property.token-selected.disabled, fieldset:disabled .address-format-builder-wrapper .token-type-property.token-selected {
  background-color: #1580A2;
  color: #6c757d;
  opacity: 0.65;
}

.address-format-builder-wrapper .token-type-separator:not(input), .address-format-builder-wrapper .token-type-separator:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]) {
  background-color: #ced4da;
  color: #495057;
}

.address-format-builder-wrapper .token-type-separator:not(input):hover, .address-format-builder-wrapper .token-type-separator:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):hover {
  background-color: rgb(175.1, 180.2, 185.3);
  color: #495057;
}

.address-format-builder-wrapper .token-type-separator:not(input):active, .address-format-builder-wrapper .token-type-separator:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):active {
  background-color: rgb(164.8, 169.6, 174.4);
  color: #495057;
}

.address-format-builder-wrapper .token-type-separator:not(input[type=file]) {
  border: 1px solid #adb5bd;
}

.address-format-builder-wrapper .token-type-separator:is(input[type=file]):not(:disabled):not(.disabled):not([readonly])::file-selector-button {
  background-color: #ced4da;
  color: #495057;
  border: 1px solid #adb5bd;
}

.address-format-builder-wrapper .token-type-separator:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):hover::file-selector-button {
  background-color: rgb(175.1, 180.2, 185.3);
  color: #495057;
}

.address-format-builder-wrapper .token-type-separator:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):active::file-selector-button {
  background-color: rgb(164.8, 169.6, 174.4);
  color: #495057;
}

.address-format-builder-wrapper .token-type-separator:disabled, .address-format-builder-wrapper .token-type-separator.disabled, fieldset:disabled .address-format-builder-wrapper .token-type-separator {
  background-color: #ced4da;
  color: #6c757d;
  opacity: 0.65;
}

.address-format-builder-wrapper .token-type-separator.token-selected:not(input), .address-format-builder-wrapper .token-type-separator.token-selected:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]) {
  background-color: #212529;
  color: #fff;
}

.address-format-builder-wrapper .token-type-separator.token-selected:not(input):hover, .address-format-builder-wrapper .token-type-separator.token-selected:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):hover {
  background-color: rgb(28.05, 31.45, 34.85);
  color: #fff;
}

.address-format-builder-wrapper .token-type-separator.token-selected:not(input):active, .address-format-builder-wrapper .token-type-separator.token-selected:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):active {
  background-color: rgb(26.4, 29.6, 32.8);
  color: #fff;
}

.address-format-builder-wrapper .token-type-separator.token-selected:not(input[type=file]) {
  border: 1px solid #212529;
}

.address-format-builder-wrapper .token-type-separator.token-selected:is(input[type=file]):not(:disabled):not(.disabled):not([readonly])::file-selector-button {
  background-color: #212529;
  color: #fff;
}

.address-format-builder-wrapper .token-type-separator.token-selected:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):hover::file-selector-button {
  background-color: rgb(28.05, 31.45, 34.85);
  color: #fff;
}

.address-format-builder-wrapper .token-type-separator.token-selected:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):active::file-selector-button {
  background-color: rgb(26.4, 29.6, 32.8);
  color: #fff;
}

.address-format-builder-wrapper .token-type-separator.token-selected:disabled, .address-format-builder-wrapper .token-type-separator.token-selected.disabled, fieldset:disabled .address-format-builder-wrapper .token-type-separator.token-selected {
  background-color: #212529;
  color: #6c757d;
  opacity: 0.65;
}

.address-format-builder-wrapper .token-type-text:not(input), .address-format-builder-wrapper .token-type-text:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]) {
  background-color: rgb(246.8, 214.2, 230.4);
  color: rgb(85.6, 20.4, 52.8);
}

.address-format-builder-wrapper .token-type-text:not(input):hover, .address-format-builder-wrapper .token-type-text:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):hover {
  background-color: rgb(209.78, 182.07, 195.84);
  color: rgb(85.6, 20.4, 52.8);
}

.address-format-builder-wrapper .token-type-text:not(input):active, .address-format-builder-wrapper .token-type-text:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):active {
  background-color: rgb(197.44, 171.36, 184.32);
  color: rgb(85.6, 20.4, 52.8);
}

.address-format-builder-wrapper .token-type-text:not(input[type=file]) {
  border: 1px solid rgb(238.6, 173.4, 205.8);
}

.address-format-builder-wrapper .token-type-text:is(input[type=file]):not(:disabled):not(.disabled):not([readonly])::file-selector-button {
  background-color: rgb(246.8, 214.2, 230.4);
  color: rgb(85.6, 20.4, 52.8);
  border: 1px solid rgb(238.6, 173.4, 205.8);
}

.address-format-builder-wrapper .token-type-text:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):hover::file-selector-button {
  background-color: rgb(209.78, 182.07, 195.84);
  color: rgb(85.6, 20.4, 52.8);
}

.address-format-builder-wrapper .token-type-text:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):active::file-selector-button {
  background-color: rgb(197.44, 171.36, 184.32);
  color: rgb(85.6, 20.4, 52.8);
}

.address-format-builder-wrapper .token-type-text:disabled, .address-format-builder-wrapper .token-type-text.disabled, fieldset:disabled .address-format-builder-wrapper .token-type-text {
  background-color: rgb(246.8, 214.2, 230.4);
  color: #6c757d;
  opacity: 0.65;
}

.address-format-builder-wrapper .token-type-text.token-selected:not(input), .address-format-builder-wrapper .token-type-text.token-selected:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]) {
  background-color: #D63384;
  color: #fff;
}

.address-format-builder-wrapper .token-type-text.token-selected:not(input):hover, .address-format-builder-wrapper .token-type-text.token-selected:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):hover {
  background-color: rgb(181.9, 43.35, 112.2);
  color: #fff;
}

.address-format-builder-wrapper .token-type-text.token-selected:not(input):active, .address-format-builder-wrapper .token-type-text.token-selected:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):active {
  background-color: rgb(171.2, 40.8, 105.6);
  color: #fff;
}

.address-format-builder-wrapper .token-type-text.token-selected:not(input[type=file]) {
  border: 1px solid #D63384;
}

.address-format-builder-wrapper .token-type-text.token-selected:is(input[type=file]):not(:disabled):not(.disabled):not([readonly])::file-selector-button {
  background-color: #D63384;
  color: #fff;
}

.address-format-builder-wrapper .token-type-text.token-selected:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):hover::file-selector-button {
  background-color: rgb(181.9, 43.35, 112.2);
  color: #fff;
}

.address-format-builder-wrapper .token-type-text.token-selected:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):active::file-selector-button {
  background-color: rgb(171.2, 40.8, 105.6);
  color: #fff;
}

.address-format-builder-wrapper .token-type-text.token-selected:disabled, .address-format-builder-wrapper .token-type-text.token-selected.disabled, fieldset:disabled .address-format-builder-wrapper .token-type-text.token-selected {
  background-color: #D63384;
  color: #6c757d;
  opacity: 0.65;
}

.address-format-builder-wrapper .available-tokens-column {
  width: -moz-min-content;
  width: min-content;
  min-width: 200px;
}

.address-format-builder-wrapper .available-tokens-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 2rem;
}

.address-format-builder-wrapper .available-tokens-container .token {
  cursor: grab;
  transition: all 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.address-format-builder-wrapper .available-tokens-container .token:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.address-format-builder-wrapper .available-tokens-container .token:active {
  cursor: grabbing;
  transform: scale(0.95);
}

.address-format-builder-wrapper .used-tokens-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 2rem;
}

.address-format-builder-wrapper .used-tokens-container .token-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 0.2rem;
}

.address-format-builder-wrapper .used-tokens-container .token-row .token-input {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  align-items: center;
  gap: 8px;
  padding: 0.5rem 1rem;
  background-color: rgb(251.5, 252, 252.5);
  border: 1px solid #ced4da;
  border-radius: 5px;
}

.address-format-builder-wrapper .used-tokens-container .token-row .delete-row-button {
  cursor: pointer;
  font-size: 1.25rem;
  border: 1px solid transparent;
}

.address-format-builder-wrapper .used-tokens-container .token-row .delete-row-button:hover {
  background-color: #dc3545;
  color: #fff;
}

.address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input:not(input), .address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]) {
  background-color: rgb(248, 214.6, 217.8);
  color: rgb(88, 21.2, 27.6);
}

.address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input:not(input):hover, .address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):hover {
  background-color: rgb(210.8, 182.41, 185.13);
  color: rgb(88, 21.2, 27.6);
}

.address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input:not(input):active, .address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):active {
  background-color: rgb(198.4, 171.68, 174.24);
  color: rgb(88, 21.2, 27.6);
}

.address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input:not(input[type=file]) {
  border: 1px solid rgb(241, 174.2, 180.6);
}

.address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input:is(input[type=file]):not(:disabled):not(.disabled):not([readonly])::file-selector-button {
  background-color: rgb(248, 214.6, 217.8);
  color: rgb(88, 21.2, 27.6);
  border: 1px solid rgb(241, 174.2, 180.6);
}

.address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):hover::file-selector-button {
  background-color: rgb(210.8, 182.41, 185.13);
  color: rgb(88, 21.2, 27.6);
}

.address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):active::file-selector-button {
  background-color: rgb(198.4, 171.68, 174.24);
  color: rgb(88, 21.2, 27.6);
}

.address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input:disabled, .address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input.disabled, fieldset:disabled .address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input {
  background-color: rgb(248, 214.6, 217.8);
  color: #6c757d;
  opacity: 0.65;
}

.address-format-builder-wrapper .used-tokens-container .token-row:has(.delete-row-button:hover) .token-input:hover {
  background-color: rgb(248, 214.6, 217.8);
}

.address-format-builder-wrapper .used-tokens-container .token-row.sorting {
  transform: scale(1.02);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.address-format-builder-wrapper .used-tokens-container .token {
  cursor: pointer;
}

.address-format-builder-wrapper .used-tokens-container .token:hover {
  filter: brightness(0.9);
}

.address-format-builder-wrapper .used-tokens-container .token {
  cursor: pointer;
}

.address-format-builder-wrapper .used-tokens-container .token:hover {
  filter: brightness(0.9);
}

.address-format-builder-wrapper .used-tokens-container .token .token-delete:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f8f9fa'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3E%3C/svg%3E");
}

.address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover):not(input), .address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover):is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]) {
  background-color: #dc3545;
  color: #fff;
}

.address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover):not(input):hover, .address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover):is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):hover {
  background-color: rgb(187, 45.05, 58.65);
  color: #fff;
}

.address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover):not(input):active, .address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover):is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):active {
  background-color: rgb(176, 42.4, 55.2);
  color: #fff;
}

.address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover):not(input[type=file]) {
  border: 1px solid #dc3545;
}

.address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover):is(input[type=file]):not(:disabled):not(.disabled):not([readonly])::file-selector-button {
  background-color: #dc3545;
  color: #fff;
}

.address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover):is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):hover::file-selector-button {
  background-color: rgb(187, 45.05, 58.65);
  color: #fff;
}

.address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover):is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):active::file-selector-button {
  background-color: rgb(176, 42.4, 55.2);
  color: #fff;
}

.address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover):disabled, .address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover).disabled, fieldset:disabled .address-format-builder-wrapper .used-tokens-container .token:has(.token-delete:hover) {
  background-color: #dc3545;
  color: #6c757d;
  opacity: 0.65;
}

.address-format-builder-wrapper {
  /* Preview styling */
}

.address-format-builder-wrapper .preview-column {
  flex-shrink: 0;
}

.address-format-builder-wrapper .preview-column .preview-container {
  background: rgb(251.5, 252, 252.5);
  border: 1px solid var(--bs-dark-border-subtle);
  border-radius: var(--bs-border-radius);
  padding: 1rem;
  margin-bottom: 2rem;
}

.address-format-builder-wrapper .preview-column .address-preview {
  line-height: 1.4;
}

.address-format-builder-wrapper .preview-column .label-preview {
  text-transform: uppercase;
  font-family: var(--bs-font-monospace);
}

.address-format-builder-wrapper .token-settings-card {
  transition: transform 0.3s ease;
  border: 1px solid #1580A2;
}

.address-format-builder-wrapper .token-settings-card .card-header {
  color: #fff;
  background-color: #1580A2;
}

.address-format-builder-wrapper .token-settings-card .card-body {
  background-color: #fff;
}

.address-format-builder-wrapper .token-settings-card .card-footer {
  background-color: rgb(251.5, 252, 252.5);
}

:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-search-icon-color: #999;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
}

.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin: 0 !important;
}

.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding: var(--iti-border-width);
}

.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}

.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}

.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}

.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding-left: 30px;
  padding-right: 28px;
}

[dir=rtl] .iti__search-input {
  padding-left: inherit;
  padding-right: 30px;
  background-position: right 8px center;
}

.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}

.iti__search-input::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}

.iti__search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.iti__search-icon {
  position: absolute;
  left: 8px;
  display: flex;
  pointer-events: none;
}

[dir=rtl] .iti__search-icon {
  left: auto;
  right: 8px;
}

.iti__search-icon-svg {
  stroke: var(--iti-search-icon-color);
  fill: none;
  stroke-width: 3;
}

.iti__search-clear {
  position: absolute;
  right: 4px;
  background: transparent;
  border: 0;
  border-radius: 3px;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.15s ease;
  width: 24px;
  height: 24px;
}

.iti__search-clear .iti__search-clear-x {
  stroke-width: 2;
}

.iti__search-clear .iti__search-clear-bg {
  fill: var(--iti-search-icon-color);
}

[dir=rtl] .iti__search-clear {
  right: auto;
  left: 4px;
}

.iti__search-clear:hover, .iti__search-clear:focus-visible {
  background: var(--iti-hover-color);
  outline: none;
}

.iti__no-results {
  text-align: center;
  padding: 30px 0;
}

.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}

.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}

@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}

.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}

.iti__dial-code {
  color: var(--iti-dialcode-color);
}

.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}

.iti__country-list .iti__flag, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}

[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country {
  cursor: pointer;
}

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}

.iti .iti__selected-dial-code {
  margin-left: 4px;
}

.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}

.iti--container:hover {
  cursor: pointer;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}

.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset: 100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__ac {
  --iti-flag-offset: 0px;
}

.iti__ad {
  --iti-flag-offset: -16px;
}

.iti__ae {
  --iti-flag-offset: -32px;
}

.iti__af {
  --iti-flag-offset: -48px;
}

.iti__ag {
  --iti-flag-offset: -64px;
}

.iti__ai {
  --iti-flag-offset: -80px;
}

.iti__al {
  --iti-flag-offset: -96px;
}

.iti__am {
  --iti-flag-offset: -112px;
}

.iti__ao {
  --iti-flag-offset: -128px;
}

.iti__ar {
  --iti-flag-offset: -144px;
}

.iti__as {
  --iti-flag-offset: -160px;
}

.iti__at {
  --iti-flag-offset: -176px;
}

.iti__au {
  --iti-flag-offset: -192px;
}

.iti__aw {
  --iti-flag-offset: -208px;
}

.iti__ax {
  --iti-flag-offset: -224px;
}

.iti__az {
  --iti-flag-offset: -240px;
}

.iti__ba {
  --iti-flag-offset: -256px;
}

.iti__bb {
  --iti-flag-offset: -272px;
}

.iti__bd {
  --iti-flag-offset: -288px;
}

.iti__be {
  --iti-flag-offset: -304px;
}

.iti__bf {
  --iti-flag-offset: -320px;
}

.iti__bg {
  --iti-flag-offset: -336px;
}

.iti__bh {
  --iti-flag-offset: -352px;
}

.iti__bi {
  --iti-flag-offset: -368px;
}

.iti__bj {
  --iti-flag-offset: -384px;
}

.iti__bl {
  --iti-flag-offset: -400px;
}

.iti__bm {
  --iti-flag-offset: -416px;
}

.iti__bn {
  --iti-flag-offset: -432px;
}

.iti__bo {
  --iti-flag-offset: -448px;
}

.iti__bq {
  --iti-flag-offset: -464px;
}

.iti__br {
  --iti-flag-offset: -480px;
}

.iti__bs {
  --iti-flag-offset: -496px;
}

.iti__bt {
  --iti-flag-offset: -512px;
}

.iti__bw {
  --iti-flag-offset: -528px;
}

.iti__by {
  --iti-flag-offset: -544px;
}

.iti__bz {
  --iti-flag-offset: -560px;
}

.iti__ca {
  --iti-flag-offset: -576px;
}

.iti__cc {
  --iti-flag-offset: -592px;
}

.iti__cd {
  --iti-flag-offset: -608px;
}

.iti__cf {
  --iti-flag-offset: -624px;
}

.iti__cg {
  --iti-flag-offset: -640px;
}

.iti__ch {
  --iti-flag-offset: -656px;
}

.iti__ci {
  --iti-flag-offset: -672px;
}

.iti__ck {
  --iti-flag-offset: -688px;
}

.iti__cl {
  --iti-flag-offset: -704px;
}

.iti__cm {
  --iti-flag-offset: -720px;
}

.iti__cn {
  --iti-flag-offset: -736px;
}

.iti__co {
  --iti-flag-offset: -752px;
}

.iti__cr {
  --iti-flag-offset: -768px;
}

.iti__cu {
  --iti-flag-offset: -784px;
}

.iti__cv {
  --iti-flag-offset: -800px;
}

.iti__cw {
  --iti-flag-offset: -816px;
}

.iti__cx {
  --iti-flag-offset: -832px;
}

.iti__cy {
  --iti-flag-offset: -848px;
}

.iti__cz {
  --iti-flag-offset: -864px;
}

.iti__de {
  --iti-flag-offset: -880px;
}

.iti__dj {
  --iti-flag-offset: -896px;
}

.iti__dk {
  --iti-flag-offset: -912px;
}

.iti__dm {
  --iti-flag-offset: -928px;
}

.iti__do {
  --iti-flag-offset: -944px;
}

.iti__dz {
  --iti-flag-offset: -960px;
}

.iti__ec {
  --iti-flag-offset: -976px;
}

.iti__ee {
  --iti-flag-offset: -992px;
}

.iti__eg {
  --iti-flag-offset: -1008px;
}

.iti__eh {
  --iti-flag-offset: -1024px;
}

.iti__er {
  --iti-flag-offset: -1040px;
}

.iti__es {
  --iti-flag-offset: -1056px;
}

.iti__et {
  --iti-flag-offset: -1072px;
}

.iti__fi {
  --iti-flag-offset: -1088px;
}

.iti__fj {
  --iti-flag-offset: -1104px;
}

.iti__fk {
  --iti-flag-offset: -1120px;
}

.iti__fm {
  --iti-flag-offset: -1136px;
}

.iti__fo {
  --iti-flag-offset: -1152px;
}

.iti__fr {
  --iti-flag-offset: -1168px;
}

.iti__ga {
  --iti-flag-offset: -1184px;
}

.iti__gb {
  --iti-flag-offset: -1200px;
}

.iti__gd {
  --iti-flag-offset: -1216px;
}

.iti__ge {
  --iti-flag-offset: -1232px;
}

.iti__gf {
  --iti-flag-offset: -1248px;
}

.iti__gg {
  --iti-flag-offset: -1264px;
}

.iti__gh {
  --iti-flag-offset: -1280px;
}

.iti__gi {
  --iti-flag-offset: -1296px;
}

.iti__gl {
  --iti-flag-offset: -1312px;
}

.iti__gm {
  --iti-flag-offset: -1328px;
}

.iti__gn {
  --iti-flag-offset: -1344px;
}

.iti__gp {
  --iti-flag-offset: -1360px;
}

.iti__gq {
  --iti-flag-offset: -1376px;
}

.iti__gr {
  --iti-flag-offset: -1392px;
}

.iti__gt {
  --iti-flag-offset: -1408px;
}

.iti__gu {
  --iti-flag-offset: -1424px;
}

.iti__gw {
  --iti-flag-offset: -1440px;
}

.iti__gy {
  --iti-flag-offset: -1456px;
}

.iti__hk {
  --iti-flag-offset: -1472px;
}

.iti__hn {
  --iti-flag-offset: -1488px;
}

.iti__hr {
  --iti-flag-offset: -1504px;
}

.iti__ht {
  --iti-flag-offset: -1520px;
}

.iti__hu {
  --iti-flag-offset: -1536px;
}

.iti__id {
  --iti-flag-offset: -1552px;
}

.iti__ie {
  --iti-flag-offset: -1568px;
}

.iti__il {
  --iti-flag-offset: -1584px;
}

.iti__im {
  --iti-flag-offset: -1600px;
}

.iti__in {
  --iti-flag-offset: -1616px;
}

.iti__io {
  --iti-flag-offset: -1632px;
}

.iti__iq {
  --iti-flag-offset: -1648px;
}

.iti__ir {
  --iti-flag-offset: -1664px;
}

.iti__is {
  --iti-flag-offset: -1680px;
}

.iti__it {
  --iti-flag-offset: -1696px;
}

.iti__je {
  --iti-flag-offset: -1712px;
}

.iti__jm {
  --iti-flag-offset: -1728px;
}

.iti__jo {
  --iti-flag-offset: -1744px;
}

.iti__jp {
  --iti-flag-offset: -1760px;
}

.iti__ke {
  --iti-flag-offset: -1776px;
}

.iti__kg {
  --iti-flag-offset: -1792px;
}

.iti__kh {
  --iti-flag-offset: -1808px;
}

.iti__ki {
  --iti-flag-offset: -1824px;
}

.iti__km {
  --iti-flag-offset: -1840px;
}

.iti__kn {
  --iti-flag-offset: -1856px;
}

.iti__kp {
  --iti-flag-offset: -1872px;
}

.iti__kr {
  --iti-flag-offset: -1888px;
}

.iti__kw {
  --iti-flag-offset: -1904px;
}

.iti__ky {
  --iti-flag-offset: -1920px;
}

.iti__kz {
  --iti-flag-offset: -1936px;
}

.iti__la {
  --iti-flag-offset: -1952px;
}

.iti__lb {
  --iti-flag-offset: -1968px;
}

.iti__lc {
  --iti-flag-offset: -1984px;
}

.iti__li {
  --iti-flag-offset: -2000px;
}

.iti__lk {
  --iti-flag-offset: -2016px;
}

.iti__lr {
  --iti-flag-offset: -2032px;
}

.iti__ls {
  --iti-flag-offset: -2048px;
}

.iti__lt {
  --iti-flag-offset: -2064px;
}

.iti__lu {
  --iti-flag-offset: -2080px;
}

.iti__lv {
  --iti-flag-offset: -2096px;
}

.iti__ly {
  --iti-flag-offset: -2112px;
}

.iti__ma {
  --iti-flag-offset: -2128px;
}

.iti__mc {
  --iti-flag-offset: -2144px;
}

.iti__md {
  --iti-flag-offset: -2160px;
}

.iti__me {
  --iti-flag-offset: -2176px;
}

.iti__mf {
  --iti-flag-offset: -2192px;
}

.iti__mg {
  --iti-flag-offset: -2208px;
}

.iti__mh {
  --iti-flag-offset: -2224px;
}

.iti__mk {
  --iti-flag-offset: -2240px;
}

.iti__ml {
  --iti-flag-offset: -2256px;
}

.iti__mm {
  --iti-flag-offset: -2272px;
}

.iti__mn {
  --iti-flag-offset: -2288px;
}

.iti__mo {
  --iti-flag-offset: -2304px;
}

.iti__mp {
  --iti-flag-offset: -2320px;
}

.iti__mq {
  --iti-flag-offset: -2336px;
}

.iti__mr {
  --iti-flag-offset: -2352px;
}

.iti__ms {
  --iti-flag-offset: -2368px;
}

.iti__mt {
  --iti-flag-offset: -2384px;
}

.iti__mu {
  --iti-flag-offset: -2400px;
}

.iti__mv {
  --iti-flag-offset: -2416px;
}

.iti__mw {
  --iti-flag-offset: -2432px;
}

.iti__mx {
  --iti-flag-offset: -2448px;
}

.iti__my {
  --iti-flag-offset: -2464px;
}

.iti__mz {
  --iti-flag-offset: -2480px;
}

.iti__na {
  --iti-flag-offset: -2496px;
}

.iti__nc {
  --iti-flag-offset: -2512px;
}

.iti__ne {
  --iti-flag-offset: -2528px;
}

.iti__nf {
  --iti-flag-offset: -2544px;
}

.iti__ng {
  --iti-flag-offset: -2560px;
}

.iti__ni {
  --iti-flag-offset: -2576px;
}

.iti__nl {
  --iti-flag-offset: -2592px;
}

.iti__no {
  --iti-flag-offset: -2608px;
}

.iti__np {
  --iti-flag-offset: -2624px;
}

.iti__nr {
  --iti-flag-offset: -2640px;
}

.iti__nu {
  --iti-flag-offset: -2656px;
}

.iti__nz {
  --iti-flag-offset: -2672px;
}

.iti__om {
  --iti-flag-offset: -2688px;
}

.iti__pa {
  --iti-flag-offset: -2704px;
}

.iti__pe {
  --iti-flag-offset: -2720px;
}

.iti__pf {
  --iti-flag-offset: -2736px;
}

.iti__pg {
  --iti-flag-offset: -2752px;
}

.iti__ph {
  --iti-flag-offset: -2768px;
}

.iti__pk {
  --iti-flag-offset: -2784px;
}

.iti__pl {
  --iti-flag-offset: -2800px;
}

.iti__pm {
  --iti-flag-offset: -2816px;
}

.iti__pr {
  --iti-flag-offset: -2832px;
}

.iti__ps {
  --iti-flag-offset: -2848px;
}

.iti__pt {
  --iti-flag-offset: -2864px;
}

.iti__pw {
  --iti-flag-offset: -2880px;
}

.iti__py {
  --iti-flag-offset: -2896px;
}

.iti__qa {
  --iti-flag-offset: -2912px;
}

.iti__re {
  --iti-flag-offset: -2928px;
}

.iti__ro {
  --iti-flag-offset: -2944px;
}

.iti__rs {
  --iti-flag-offset: -2960px;
}

.iti__ru {
  --iti-flag-offset: -2976px;
}

.iti__rw {
  --iti-flag-offset: -2992px;
}

.iti__sa {
  --iti-flag-offset: -3008px;
}

.iti__sb {
  --iti-flag-offset: -3024px;
}

.iti__sc {
  --iti-flag-offset: -3040px;
}

.iti__sd {
  --iti-flag-offset: -3056px;
}

.iti__se {
  --iti-flag-offset: -3072px;
}

.iti__sg {
  --iti-flag-offset: -3088px;
}

.iti__sh {
  --iti-flag-offset: -3104px;
}

.iti__si {
  --iti-flag-offset: -3120px;
}

.iti__sj {
  --iti-flag-offset: -3136px;
}

.iti__sk {
  --iti-flag-offset: -3152px;
}

.iti__sl {
  --iti-flag-offset: -3168px;
}

.iti__sm {
  --iti-flag-offset: -3184px;
}

.iti__sn {
  --iti-flag-offset: -3200px;
}

.iti__so {
  --iti-flag-offset: -3216px;
}

.iti__sr {
  --iti-flag-offset: -3232px;
}

.iti__ss {
  --iti-flag-offset: -3248px;
}

.iti__st {
  --iti-flag-offset: -3264px;
}

.iti__sv {
  --iti-flag-offset: -3280px;
}

.iti__sx {
  --iti-flag-offset: -3296px;
}

.iti__sy {
  --iti-flag-offset: -3312px;
}

.iti__sz {
  --iti-flag-offset: -3328px;
}

.iti__tc {
  --iti-flag-offset: -3344px;
}

.iti__td {
  --iti-flag-offset: -3360px;
}

.iti__tg {
  --iti-flag-offset: -3376px;
}

.iti__th {
  --iti-flag-offset: -3392px;
}

.iti__tj {
  --iti-flag-offset: -3408px;
}

.iti__tk {
  --iti-flag-offset: -3424px;
}

.iti__tl {
  --iti-flag-offset: -3440px;
}

.iti__tm {
  --iti-flag-offset: -3456px;
}

.iti__tn {
  --iti-flag-offset: -3472px;
}

.iti__to {
  --iti-flag-offset: -3488px;
}

.iti__tr {
  --iti-flag-offset: -3504px;
}

.iti__tt {
  --iti-flag-offset: -3520px;
}

.iti__tv {
  --iti-flag-offset: -3536px;
}

.iti__tw {
  --iti-flag-offset: -3552px;
}

.iti__tz {
  --iti-flag-offset: -3568px;
}

.iti__ua {
  --iti-flag-offset: -3584px;
}

.iti__ug {
  --iti-flag-offset: -3600px;
}

.iti__us {
  --iti-flag-offset: -3616px;
}

.iti__uy {
  --iti-flag-offset: -3632px;
}

.iti__uz {
  --iti-flag-offset: -3648px;
}

.iti__va {
  --iti-flag-offset: -3664px;
}

.iti__vc {
  --iti-flag-offset: -3680px;
}

.iti__ve {
  --iti-flag-offset: -3696px;
}

.iti__vg {
  --iti-flag-offset: -3712px;
}

.iti__vi {
  --iti-flag-offset: -3728px;
}

.iti__vn {
  --iti-flag-offset: -3744px;
}

.iti__vu {
  --iti-flag-offset: -3760px;
}

.iti__wf {
  --iti-flag-offset: -3776px;
}

.iti__ws {
  --iti-flag-offset: -3792px;
}

.iti__xk {
  --iti-flag-offset: -3808px;
}

.iti__ye {
  --iti-flag-offset: -3824px;
}

.iti__yt {
  --iti-flag-offset: -3840px;
}

.iti__za {
  --iti-flag-offset: -3856px;
}

.iti__zm {
  --iti-flag-offset: -3872px;
}

.iti__zw {
  --iti-flag-offset: -3888px;
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}

.iti {
  display: block;
  width: 100%;
}

.dropdown-toggle.btn-primary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis);
}

.dropdown-toggle.btn-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-primary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-secondary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis);
}

.dropdown-toggle.btn-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-secondary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6c757d;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-success + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-success + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis);
}

.dropdown-toggle.btn-success + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li.active,
.dropdown-toggle.btn-success + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #198754;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-info + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-info + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis);
}

.dropdown-toggle.btn-info + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li.active,
.dropdown-toggle.btn-info + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #1580A2;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-warning + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
}

.dropdown-toggle.btn-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-warning + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #ffc107;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-danger + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis);
}

.dropdown-toggle.btn-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-danger + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #dc3545;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-light + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-light + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
}

.dropdown-toggle.btn-light + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li.active,
.dropdown-toggle.btn-light + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #f8f9fa;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-dark + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis);
}

.dropdown-toggle.btn-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-dark + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #212529;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-caution + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-caution-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-caution-text-emphasis);
}

.dropdown-toggle.btn-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-caution + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D85F08;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-action + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-action + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-action-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-action-text-emphasis);
}

.dropdown-toggle.btn-action + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li.active,
.dropdown-toggle.btn-action + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6C58D4;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-add + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-add + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-add-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-add-text-emphasis);
}

.dropdown-toggle.btn-add + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li.active,
.dropdown-toggle.btn-add + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #577E00;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-accent + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-accent-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-accent-text-emphasis);
}

.dropdown-toggle.btn-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-accent + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D63384;
  --bs-dropdown-link-active-color: #fff;
}

.form-switch.form-switch-primary .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-switch.form-switch-secondary .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.form-switch.form-switch-success .form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-switch.form-switch-info .form-check-input:checked {
  background-color: #1580A2;
  border-color: #1580A2;
}

.form-switch.form-switch-warning .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.form-switch.form-switch-danger .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-switch.form-switch-light .form-check-input:checked {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.form-switch.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch.form-switch-caution .form-check-input:checked {
  background-color: #D85F08;
  border-color: #D85F08;
}

.form-switch.form-switch-action .form-check-input:checked {
  background-color: #6C58D4;
  border-color: #6C58D4;
}

.form-switch.form-switch-add .form-check-input:checked {
  background-color: #577E00;
  border-color: #577E00;
}

.form-switch.form-switch-accent .form-check-input:checked {
  background-color: #D63384;
  border-color: #D63384;
}

.form-control::-moz-placeholder {
  color: #7D7D7D !important;
}

.form-control::placeholder {
  color: #7D7D7D !important;
}

.dropdown-toggle.btn-primary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-primary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-primary-text-emphasis);
}

.dropdown-toggle.btn-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li.active,
.dropdown-toggle.btn-primary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-primary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-secondary + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-secondary-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-secondary-text-emphasis);
}

.dropdown-toggle.btn-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li.active,
.dropdown-toggle.btn-secondary + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-secondary + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6c757d;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-success + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-success + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-success-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-success-text-emphasis);
}

.dropdown-toggle.btn-success + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li.active,
.dropdown-toggle.btn-success + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-success + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #198754;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-info + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-info + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-info-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-info-text-emphasis);
}

.dropdown-toggle.btn-info + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li.active,
.dropdown-toggle.btn-info + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-info + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #1580A2;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-warning + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-warning-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
}

.dropdown-toggle.btn-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li.active,
.dropdown-toggle.btn-warning + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-warning + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #ffc107;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-danger + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-danger-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-danger-text-emphasis);
}

.dropdown-toggle.btn-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li.active,
.dropdown-toggle.btn-danger + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-danger + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #dc3545;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-light + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-light + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-light-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-light-text-emphasis);
}

.dropdown-toggle.btn-light + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li.active,
.dropdown-toggle.btn-light + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-light + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #f8f9fa;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-dark + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-dark-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-dark-text-emphasis);
}

.dropdown-toggle.btn-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li.active,
.dropdown-toggle.btn-dark + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-dark + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #212529;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-caution + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-caution-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-caution-text-emphasis);
}

.dropdown-toggle.btn-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li.active,
.dropdown-toggle.btn-caution + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-caution + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D85F08;
  --bs-dropdown-link-active-color: #000;
}

.dropdown-toggle.btn-action + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-action + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-action-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-action-text-emphasis);
}

.dropdown-toggle.btn-action + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li.active,
.dropdown-toggle.btn-action + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-action + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #6C58D4;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-add + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-add + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-add-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-add-text-emphasis);
}

.dropdown-toggle.btn-add + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li.active,
.dropdown-toggle.btn-add + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-add + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #577E00;
  --bs-dropdown-link-active-color: #fff;
}

.dropdown-toggle.btn-accent + .dropdown-menu li:hover,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li:hover {
  --bs-dropdown-link-hover-bg: var(--bs-accent-bg-subtle);
  --bs-dropdown-link-hover-color: var(--bs-accent-text-emphasis);
}

.dropdown-toggle.btn-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li.active,
.dropdown-toggle.btn-accent + .dropdown-menu li .dropdown-item:active,
.dropdown-toggle.btn-outline-accent + .dropdown-menu li .dropdown-item:active {
  --bs-dropdown-link-active-bg: #D63384;
  --bs-dropdown-link-active-color: #fff;
}

.form-switch.form-switch-primary .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-switch.form-switch-secondary .form-check-input:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.form-switch.form-switch-success .form-check-input:checked {
  background-color: #198754;
  border-color: #198754;
}

.form-switch.form-switch-info .form-check-input:checked {
  background-color: #1580A2;
  border-color: #1580A2;
}

.form-switch.form-switch-warning .form-check-input:checked {
  background-color: #ffc107;
  border-color: #ffc107;
}

.form-switch.form-switch-danger .form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.form-switch.form-switch-light .form-check-input:checked {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.form-switch.form-switch-dark .form-check-input:checked {
  background-color: #212529;
  border-color: #212529;
}

.form-switch.form-switch-caution .form-check-input:checked {
  background-color: #D85F08;
  border-color: #D85F08;
}

.form-switch.form-switch-action .form-check-input:checked {
  background-color: #6C58D4;
  border-color: #6C58D4;
}

.form-switch.form-switch-add .form-check-input:checked {
  background-color: #577E00;
  border-color: #577E00;
}

.form-switch.form-switch-accent .form-check-input:checked {
  background-color: #D63384;
  border-color: #D63384;
}

.form-control::-moz-placeholder {
  color: #7D7D7D !important;
}

.form-control::placeholder {
  color: #7D7D7D !important;
}

main > header {
  margin-bottom: 60px;
}

main {
  padding-bottom: 60px;
}

h6, .h6 {
  font-weight: 700;
  text-transform: uppercase;
}

.fs-7, .text-sm {
  font-size: 0.875rem;
}

.fs-8, .text-xs {
  font-size: 0.75rem;
}

:disabled, [disabled] {
  cursor: no-drop;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
}

.btn-outline-info {
  --bs-btn-hover-color: #fff;
}

.btn-wide {
  --bs-btn-padding-x: calc(1rem * 3);
  --bs-btn-padding-y: calc(1rem * 0.25);
}

.badge-lg {
  font-size: 0.875rem;
}

.collapse-toggle {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  text-align: left;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
  .collapse-toggle {
    transition: none;
  }
}

.collapse-toggle:not(.collapsed) {
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.collapse-toggle:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

.collapse-toggle::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

.collapse-toggle.toggle-icon-light::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

@media (prefers-reduced-motion: reduce) {
  .collapse-toggle::after {
    transition: none;
  }
}

.collapse-toggle:hover {
  z-index: 2;
}

.collapse-toggle:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

input[type=file]:not(input), input[type=file]:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]) {
  background-color: #577E00;
  color: #fff;
}

input[type=file]:not(input):hover, input[type=file]:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):hover {
  background-color: rgb(73.95, 107.1, 0);
  color: #fff;
}

input[type=file]:not(input):active, input[type=file]:is(input):not(:disabled):not(.disabled):not([readonly]):not([type=file]):active {
  background-color: rgb(69.6, 100.8, 0);
  color: #fff;
}

input[type=file]:not(input[type=file]) {
  border: 1px solid #577E00;
}

input[type=file]:is(input[type=file]):not(:disabled):not(.disabled):not([readonly])::file-selector-button {
  background-color: #577E00;
  color: #fff;
}

input[type=file]:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):hover::file-selector-button {
  background-color: rgb(73.95, 107.1, 0);
  color: #fff;
}

input[type=file]:is(input[type=file]):not(:disabled):not(.disabled):not([readonly]):active::file-selector-button {
  background-color: rgb(69.6, 100.8, 0);
  color: #fff;
}

input[type=file]:disabled, input[type=file].disabled, fieldset:disabled input[type=file] {
  background-color: #577E00;
  color: #6c757d;
  opacity: 0.65;
}

.list-group .list-group-item-action {
  --bs-list-group-color: inherit;
  --bs-list-group-bg: inherit;
  --bs-list-group-border-color: inherit;
  --bs-list-group-action-hover-color: inherit;
  --bs-list-group-action-hover-bg: inherit;
  --bs-list-group-action-active-color: inherit;
  --bs-list-group-action-active-bg: inherit;
  --bs-list-group-active-color: inherit;
  --bs-list-group-active-bg: inherit;
  --bs-list-group-active-border-color: inherit;
}

.list-group:not(.datalist).list-group-primary .list-group-item {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group:not(.datalist).list-group-secondary .list-group-item {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group:not(.datalist).list-group-success .list-group-item {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group:not(.datalist).list-group-info .list-group-item {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group:not(.datalist).list-group-warning .list-group-item {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group:not(.datalist).list-group-danger .list-group-item {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group:not(.datalist).list-group-light .list-group-item {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group:not(.datalist).list-group-dark .list-group-item {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.list-group:not(.datalist).list-group-caution .list-group-item {
  --bs-list-group-color: var(--bs-caution-text-emphasis);
  --bs-list-group-bg: var(--bs-caution-bg-subtle);
  --bs-list-group-border-color: var(--bs-caution-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-caution-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-caution-border-subtle);
  --bs-list-group-active-color: var(--bs-caution-bg-subtle);
  --bs-list-group-active-bg: var(--bs-caution-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-caution-text-emphasis);
}

.list-group:not(.datalist).list-group-action .list-group-item {
  --bs-list-group-color: var(--bs-action-text-emphasis);
  --bs-list-group-bg: var(--bs-action-bg-subtle);
  --bs-list-group-border-color: var(--bs-action-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-action-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-action-border-subtle);
  --bs-list-group-active-color: var(--bs-action-bg-subtle);
  --bs-list-group-active-bg: var(--bs-action-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-action-text-emphasis);
}

.list-group:not(.datalist).list-group-add .list-group-item {
  --bs-list-group-color: var(--bs-add-text-emphasis);
  --bs-list-group-bg: var(--bs-add-bg-subtle);
  --bs-list-group-border-color: var(--bs-add-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-add-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-add-border-subtle);
  --bs-list-group-active-color: var(--bs-add-bg-subtle);
  --bs-list-group-active-bg: var(--bs-add-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-add-text-emphasis);
}

.list-group:not(.datalist).list-group-accent .list-group-item {
  --bs-list-group-color: var(--bs-accent-text-emphasis);
  --bs-list-group-bg: var(--bs-accent-bg-subtle);
  --bs-list-group-border-color: var(--bs-accent-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-accent-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-accent-border-subtle);
  --bs-list-group-active-color: var(--bs-accent-bg-subtle);
  --bs-list-group-active-bg: var(--bs-accent-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-accent-text-emphasis);
}

.list-group.datalist {
  max-height: 300px;
  overflow-y: auto;
  z-index: 1050;
}

.list-group.datalist .list-group-item {
  cursor: pointer;
}

.list-group.datalist.list-group-primary .list-group-item {
  --bs-list-group-action-hover-color: #fff;
  --bs-list-group-action-hover-bg: var(--bs-primary);
  --bs-list-group-action-active-color: #fff;
  --bs-list-group-action-active-bg: rgb(11.7, 99, 227.7);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group.datalist.list-group-primary .list-group-item[aria-selected=true] {
  color: #fff;
  background-color: var(--bs-primary);
}

.list-group.datalist.list-group-secondary .list-group-item {
  --bs-list-group-action-hover-color: #fff;
  --bs-list-group-action-hover-bg: var(--bs-secondary);
  --bs-list-group-action-active-color: #fff;
  --bs-list-group-action-active-bg: rgb(97.2, 105.3, 112.5);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group.datalist.list-group-secondary .list-group-item[aria-selected=true] {
  color: #fff;
  background-color: var(--bs-secondary);
}

.list-group.datalist.list-group-success .list-group-item {
  --bs-list-group-action-hover-color: #fff;
  --bs-list-group-action-hover-bg: var(--bs-success);
  --bs-list-group-action-active-color: #fff;
  --bs-list-group-action-active-bg: rgb(22.5, 121.5, 75.6);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group.datalist.list-group-success .list-group-item[aria-selected=true] {
  color: #fff;
  background-color: var(--bs-success);
}

.list-group.datalist.list-group-info .list-group-item {
  --bs-list-group-action-hover-color: #fff;
  --bs-list-group-action-hover-bg: var(--bs-info);
  --bs-list-group-action-active-color: #fff;
  --bs-list-group-action-active-bg: rgb(18.9, 115.2, 145.8);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group.datalist.list-group-info .list-group-item[aria-selected=true] {
  color: #fff;
  background-color: var(--bs-info);
}

.list-group.datalist.list-group-warning .list-group-item {
  --bs-list-group-action-hover-color: #000;
  --bs-list-group-action-hover-bg: var(--bs-warning);
  --bs-list-group-action-active-color: #000;
  --bs-list-group-action-active-bg: rgb(229.5, 173.7, 6.3);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group.datalist.list-group-warning .list-group-item[aria-selected=true] {
  color: #000;
  background-color: var(--bs-warning);
}

.list-group.datalist.list-group-danger .list-group-item {
  --bs-list-group-action-hover-color: #fff;
  --bs-list-group-action-hover-bg: var(--bs-danger);
  --bs-list-group-action-active-color: #fff;
  --bs-list-group-action-active-bg: rgb(198, 47.7, 62.1);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group.datalist.list-group-danger .list-group-item[aria-selected=true] {
  color: #fff;
  background-color: var(--bs-danger);
}

.list-group.datalist.list-group-light .list-group-item {
  --bs-list-group-action-hover-color: #000;
  --bs-list-group-action-hover-bg: var(--bs-light);
  --bs-list-group-action-active-color: #000;
  --bs-list-group-action-active-bg: rgb(223.2, 224.1, 225);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group.datalist.list-group-light .list-group-item[aria-selected=true] {
  color: #000;
  background-color: var(--bs-light);
}

.list-group.datalist.list-group-dark .list-group-item {
  --bs-list-group-action-hover-color: #fff;
  --bs-list-group-action-hover-bg: var(--bs-dark);
  --bs-list-group-action-active-color: #fff;
  --bs-list-group-action-active-bg: rgb(29.7, 33.3, 36.9);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.list-group.datalist.list-group-dark .list-group-item[aria-selected=true] {
  color: #fff;
  background-color: var(--bs-dark);
}

.list-group.datalist.list-group-caution .list-group-item {
  --bs-list-group-action-hover-color: #000;
  --bs-list-group-action-hover-bg: var(--bs-caution);
  --bs-list-group-action-active-color: #000;
  --bs-list-group-action-active-bg: rgb(194.4, 85.5, 7.2);
  --bs-list-group-active-color: var(--bs-caution-bg-subtle);
  --bs-list-group-active-bg: var(--bs-caution-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-caution-text-emphasis);
}

.list-group.datalist.list-group-caution .list-group-item[aria-selected=true] {
  color: #000;
  background-color: var(--bs-caution);
}

.list-group.datalist.list-group-action .list-group-item {
  --bs-list-group-action-hover-color: #fff;
  --bs-list-group-action-hover-bg: var(--bs-action);
  --bs-list-group-action-active-color: #fff;
  --bs-list-group-action-active-bg: rgb(97.2, 79.2, 190.8);
  --bs-list-group-active-color: var(--bs-action-bg-subtle);
  --bs-list-group-active-bg: var(--bs-action-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-action-text-emphasis);
}

.list-group.datalist.list-group-action .list-group-item[aria-selected=true] {
  color: #fff;
  background-color: var(--bs-action);
}

.list-group.datalist.list-group-add .list-group-item {
  --bs-list-group-action-hover-color: #fff;
  --bs-list-group-action-hover-bg: var(--bs-add);
  --bs-list-group-action-active-color: #fff;
  --bs-list-group-action-active-bg: rgb(78.3, 113.4, 0);
  --bs-list-group-active-color: var(--bs-add-bg-subtle);
  --bs-list-group-active-bg: var(--bs-add-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-add-text-emphasis);
}

.list-group.datalist.list-group-add .list-group-item[aria-selected=true] {
  color: #fff;
  background-color: var(--bs-add);
}

.list-group.datalist.list-group-accent .list-group-item {
  --bs-list-group-action-hover-color: #fff;
  --bs-list-group-action-hover-bg: var(--bs-accent);
  --bs-list-group-action-active-color: #fff;
  --bs-list-group-action-active-bg: rgb(192.6, 45.9, 118.8);
  --bs-list-group-active-color: var(--bs-accent-bg-subtle);
  --bs-list-group-active-bg: var(--bs-accent-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-accent-text-emphasis);
}

.list-group.datalist.list-group-accent .list-group-item[aria-selected=true] {
  color: #fff;
  background-color: var(--bs-accent);
}

address {
  margin-bottom: unset;
}

.markdown-container {
  max-width: 100%;
  overflow-x: scroll;
}

.markdown-container p:last-child {
  margin-bottom: 0;
}

.modal-footer {
  justify-content: space-between;
}

.modal-footer *:only-child {
  margin-left: auto;
}

#page-home .min-h-screen,
#page-home main,
#page-home main > .container {
  height: 100vh;
}

#page-home main {
  padding-bottom: 0;
}

#page-home main > .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#page-home main > .container .jumbotron {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 30px 20px;
  text-wrap: balance;
  text-align: center;
}

#page-home main > .container .jumbotron h1 {
  font-size: 4.5rem;
  margin-bottom: 50px;
}

#page-home main > .container .jumbotron .tagline {
  font-size: 1.75rem;
  margin-bottom: 50px;
}

.select2-container .select2-choice {
  height: calc(26px + 0.75rem);
}

.select2-container .select2-choice > .select2-chosen {
  padding: 0.375rem 0.75rem;
}

.select2-container .select2-choice .select2-arrow {
  width: 26px;
}

.select2-container .select2-choice .select2-arrow b {
  background-position-y: 5px;
  background-position-x: 4px;
}

#page-error main {
  min-height: 90vh;
}

#page-error main > header {
  margin-bottom: 0;
}

.page-error {
  min-height: 90vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #323232;
  color: #E7E7E7;
}

.page-error .container .error-content-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  width: 100%;
  padding: 1rem;
}

.container-narrow {
  width: 100%;
  max-width: 960px;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  margin-right: auto;
  margin-left: auto;
}

#page-products-index .pagination {
  justify-content: center;
}