/* ============ SEARCH / FILTER FIELDS ============ */

#searchbar {
    border-radius: 8px !important;
}

.select2-container--default .select2-selection--single {
    border-radius: 8px !important;
    height: 30px !important;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}


/* ============ BUTTONS ============ */

.btn {
    border-radius: 8px !important;
}

.btn-primary {
    background-color: #0DA6A6 !important;
    border-color: #0DA6A6 !important;
    color: #fff !important;
}

.btn-secondary {
    background-color: #F28322 !important;
    border-color: #F28322 !important;
    color: #fff !important;
}

.btn-success {
    background-color: #F28322 !important;
    border-color: #F28322 !important;
    color: #fff !important;
}


/* ============ ADD / CHANGE BUTTONS ============ */

/* Keep Add and Change button text white */
.btn-group.float-end .addlink,
.btn-group.float-end .changelink {
    color: #fff !important;
}

/* Keep Add and Change text white on all states */
.btn-group.float-end .addlink:hover,
.btn-group.float-end .changelink:hover,
.btn-group.float-end .addlink:focus,
.btn-group.float-end .changelink:focus,
.btn-group.float-end .addlink:active,
.btn-group.float-end .changelink:active,
.btn-group.float-end .addlink:visited,
.btn-group.float-end .changelink:visited {
    color: #fff !important;
}

/* Generic info button text */
.btn-info {
    color: #fff !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    color: #fff !important;
}


/* ============ TABLE / CARD ============ */

.card {
    border-radius: 12px !important;
    overflow: hidden;
}

#result_list a,
.field-email a {
    color: #0DA6A6 !important;
}

#result_list a:hover,
.field-email a:hover {
    color: #0b8f8f !important;
}


/* ============ PAGINATION ============ */

.page-link {
    border-radius: 8px !important;
    margin: 0 2px;
    color: #0DA6A6 !important;
}

.page-item.active .page-link {
    background-color: #0DA6A6 !important;
    border-color: #0DA6A6 !important;
    color: #fff !important;
}


/* ============ SIDEBAR BACKGROUND ============ */

.app-sidebar {
    background-color: #10141f !important;
}

.app-sidebar .sidebar-brand {
    background-color: #10141f !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.app-sidebar .sidebar-wrapper {
    background-color: #10141f !important;
}


/* ============ SIDEBAR TEXT ============ */

.app-sidebar .nav-link p,
.app-sidebar .nav-link {
    color: #cbd5e1 !important;
}

.app-sidebar .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: #fff !important;
}

.app-sidebar .nav-link.active {
    background-color: #01A5B2 !important;
    color: #fff !important;
    border-radius: 8px !important;
    margin: 0 8px;
}

.app-sidebar .nav-treeview {
    background-color: #10141f !important;
}

.app-sidebar .nav-treeview .nav-link {
    color: #94a3b8 !important;
}

.app-sidebar .nav-treeview .nav-link:hover {
    color: #fff !important;
}


/* ============ LOGIN LOGO ============ */

.login-page .login-logo,
.login-box .login-logo {
    text-align: center;
    display: block;
}

.login-page .login-logo img,
.login-box .login-logo img,
.login-page img[src*="logo"],
.login-box img[src*="logo"] {
    max-width: 220px !important;
    width: auto !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}

.login-logo .logo-dark {
    display: none !important;
}

.login-logo .logo-light {
    display: block !important;
    max-width: 220px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto;
}


/* ============ SIDEBAR USER PANEL ============ */

.app-sidebar .user-panel .info,
.app-sidebar .user-panel .info a,
.app-sidebar .user-panel .info span,
.app-sidebar .user-panel .info span.opacity-75 {
    color: #fff !important;
    opacity: 1 !important;
}

.app-sidebar .user-panel .image i,
.app-sidebar .user-panel .image svg {
    color: #fff !important;
}


/* ============ BUTTON GROUP ============ */

.btn-group.float-end {
    display: inline-flex !important;
    gap: 6px !important;
}

.btn-group.float-end .btn {
    border-radius: 8px !important;
}


/* ============ HIDE EXTRA SAVE OPTIONS ============ */

input[name="_addanother"],
input[name="_continue"],
input[name="_history"] {
    display: none !important;
}


/* ============ JAZZY ACTIONS LAYOUT ============ */

#jazzy-actions,
.col-lg-3:has(#jazzy-actions) {
    position: static !important;
    top: auto !important;
}

.row:has(#jazzy-actions) {
    flex-direction: column !important;
}

.row:has(#jazzy-actions) > .col-lg-9 {
    order: 1 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.row:has(#jazzy-actions) > .col-lg-3 {
    order: 2 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-top: 20px !important;
}

#jazzy-actions .d-flex {
    justify-content: flex-end !important;
}


/* ============ SAVE BUTTON ============ */

#jazzy-actions input[name="_save"],
input[type="submit"].btn-success {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
    color: #fff !important;
}

#jazzy-actions input[name="_save"]:hover {
    background-color: #15803d !important;
    border-color: #15803d !important;
    color: #fff !important;
}


/* ============ JAZZY ACTION BUTTON SIZES ============ */

#jazzy-actions input[type="submit"],
#jazzy-actions .btn-danger,
#jazzy-actions .btn-warning,
#jazzy-actions a.btn {
    width: auto !important;
    min-width: 140px !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
}


/* ============ JAZZY ACTION BUTTON TEXT ============ */

#jazzy-actions .btn-danger,
#jazzy-actions .btn-warning,
#jazzy-actions a.btn {
    color: #fff !important;
}

#jazzy-actions .btn-danger:hover,
#jazzy-actions .btn-warning:hover,
#jazzy-actions a.btn:hover,
#jazzy-actions .btn-danger:focus,
#jazzy-actions .btn-warning:focus,
#jazzy-actions a.btn:focus {
    color: #fff !important;
}