/* CSS Variables for SecureSplit Theme - Updated for Light Green Active Nav Items */
:root {
  --primary-green: #2d5a27;
  --light-green: #f0f8f0;
  --text-dark: #333333;
  --text-gray: #6c757d;
  --white: #ffffff;
  --base-bg-low: oklch(0.99 0.01 130);
}

.bg-white .card-header,
.bg-white .card-footer {
  background-color: transparent; }

.border-white {
  border: 1px solid #ffffff !important; }

.border-top-white {
  border-top: 1px solid #ffffff; }

.border-bottom-white {
  border-bottom: 1px solid #ffffff; }

.border-start-white {
  border-left: 1px solid #ffffff; }

.border-end-white {
  border-right: 1px solid #ffffff; }

.bg-white.badge-glow,
.border-white.badge-glow {
  box-shadow: 0px 0px 10px #ffffff; }

.overlay-white {
  background: #ffffff;
  /* The Fallback */
  background: rgba(255, 255, 255, 0.6); }

input:focus ~ .bg-white {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff !important; }

.bg-black .card-header,
.bg-black .card-footer {
  background-color: transparent; }

.border-black {
  border: 1px solid #000000 !important; }

.border-top-black {
  border-top: 1px solid #000000; }

.border-bottom-black {
  border-bottom: 1px solid #000000; }

.border-start-black {
  border-left: 1px solid #000000; }

.border-end-black {
  border-right: 1px solid #000000; }

.bg-black.badge-glow,
.border-black.badge-glow {
  box-shadow: 0px 0px 10px #000000; }

.overlay-black {
  background: #000000;
  /* The Fallback */
  background: rgba(0, 0, 0, 0.6); }

input:focus ~ .bg-black {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important; }

.bg-dark .card-header,
.bg-dark .card-footer {
  background-color: transparent; }

.alert-dark {
  background: rgba(75, 75, 75, 0.12) !important;
  color: #4b4b4b !important; }

.alert-dark .alert-heading {
  box-shadow: rgba(75, 75, 75, 0.4) 0px 6px 15px -7px; }

.alert-dark .alert-link {
  color: #3e3e3e !important; }

.alert-dark .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234b4b4b'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  color: #4b4b4b !important; }

.border-dark {
  border: 1px solid #4b4b4b !important; }

.border-top-dark {
  border-top: 1px solid #4b4b4b; }

.border-bottom-dark {
  border-bottom: 1px solid #4b4b4b; }

.border-start-dark {
  border-left: 1px solid #4b4b4b; }

.border-end-dark {
  border-right: 1px solid #4b4b4b; }

.bg-dark.badge-glow,
.border-dark.badge-glow {
  box-shadow: 0px 0px 10px #4b4b4b; }

.badge.badge-light-dark {
  background-color: rgba(75, 75, 75, 0.12);
  color: #4b4b4b !important; }

.overlay-dark {
  background: #4b4b4b;
  /* The Fallback */
  background: rgba(75, 75, 75, 0.6); }

.btn-dark {
  border-color: #4b4b4b !important;
  background-color: #4b4b4b !important;
  color: #fff !important; }

.btn-dark:focus, .btn-dark:active, .btn-dark.active {
  color: #fff;
  background-color: #343434 !important; }

.btn-dark:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #4b4b4b; }

.btn-dark:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark {
  color: #fff;
  background-color: #343434 !important; }

.btn-flat-dark {
  background-color: transparent;
  color: #4b4b4b; }

.btn-flat-dark:hover {
  color: #4b4b4b; }

.btn-flat-dark:hover:not(.disabled):not(:disabled) {
  background-color: rgba(75, 75, 75, 0.12); }

.btn-flat-dark:active, .btn-flat-dark.active, .btn-flat-dark:focus {
  background-color: rgba(75, 75, 75, 0.2);
  color: #4b4b4b; }

.btn-flat-dark.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b4b4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-relief-dark {
  background-color: #4b4b4b;
  box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
  color: #fff;
  transition: all 0.2s ease; }

.btn-relief-dark:hover:not(.disabled):not(:disabled) {
  background-color: #626262; }

.btn-relief-dark:active, .btn-relief-dark.active, .btn-relief-dark:focus {
  background-color: #343434; }

.btn-relief-dark:hover {
  color: #fff; }

.btn-relief-dark:active, .btn-relief-dark.active {
  outline: none;
  box-shadow: none;
  transform: translateY(3px); }

.btn-outline-dark {
  border: 1px solid #4b4b4b !important;
  background-color: transparent;
  color: #4b4b4b; }

.btn-outline-dark:hover:not(.disabled):not(:disabled) {
  background-color: rgba(75, 75, 75, 0.04);
  color: #4b4b4b; }

.btn-outline-dark:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):focus {
  background-color: rgba(75, 75, 75, 0.2);
  color: #4b4b4b; }

.btn-outline-dark.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b4b4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-outline-dark.show.dropdown-toggle {
  background-color: rgba(75, 75, 75, 0.2);
  color: #4b4b4b; }

.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark {
  color: #4b4b4b;
  background-color: rgba(75, 75, 75, 0.2) !important; }

.btn-outline-dark.waves-effect .waves-ripple,
.btn-flat-dark.waves-effect .waves-ripple {
  background: radial-gradient(rgba(75, 75, 75, 0.2) 0, rgba(75, 75, 75, 0.3) 40%, rgba(75, 75, 75, 0.4) 50%, rgba(75, 75, 75, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }

.bullet.bullet-dark {
  background-color: #4b4b4b; }

.modal.modal-dark .modal-header .modal-title {
  color: #4b4b4b; }

.modal.modal-dark .modal-header .btn-close {
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234b4b4b'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat !important;
  color: #4b4b4b !important; }

.progress-bar-dark {
  background-color: rgba(75, 75, 75, 0.12); }

.progress-bar-dark .progress-bar {
  background-color: #4b4b4b; }

.timeline .timeline-point-dark {
  border-color: #4b4b4b !important; }

.timeline .timeline-point-dark i,
.timeline .timeline-point-dark svg {
  stroke: #4b4b4b !important; }

.timeline .timeline-point-dark.timeline-point-indicator {
  background-color: #4b4b4b !important; }

.timeline .timeline-point-dark.timeline-point-indicator:before {
  background: rgba(75, 75, 75, 0.12) !important; }

.divider.divider-dark .divider-text:before, .divider.divider-dark .divider-text:after {
  border-color: #4b4b4b !important; }

input:focus ~ .bg-dark {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #4b4b4b !important; }

.form-check-dark .form-check-input:checked {
  border-color: #4b4b4b;
  background-color: #4b4b4b; }

.form-check-dark .form-check-input:not(:disabled):checked, .form-check-dark .form-check-input:not(:disabled):focus {
  border-color: #4b4b4b;
  box-shadow: 0 2px 4px 0 rgba(75, 75, 75, 0.4); }

.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #4b4b4b !important;
  border-color: #4b4b4b !important; }

.bg-light .card-header,
.bg-light .card-footer {
  background-color: transparent; }

.border-light {
  border: 1px solid #f6f6f6 !important; }

.border-top-light {
  border-top: 1px solid #f6f6f6; }

.border-bottom-light {
  border-bottom: 1px solid #f6f6f6; }

.border-start-light {
  border-left: 1px solid #f6f6f6; }

.border-end-light {
  border-right: 1px solid #f6f6f6; }

.bg-light.badge-glow,
.border-light.badge-glow {
  box-shadow: 0px 0px 10px #f6f6f6; }

.overlay-light {
  background: #f6f6f6;
  /* The Fallback */
  background: rgba(246, 246, 246, 0.6); }

input:focus ~ .bg-light {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #f6f6f6 !important; }

.bg-primary .card-header,
.bg-primary .card-footer {
  background-color: transparent; }

.alert-primary {
  background: rgba(115, 103, 240, 0.12) !important;
  color: #2d5a27 !important; }

.alert-primary .alert-heading {
  box-shadow: rgba(115, 103, 240, 0.4) 0px 6px 15px -7px; }

.alert-primary .alert-link {
  color: #1e3d1a !important; }

.alert-primary .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237367f0'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  color: #2d5a27 !important; }

.bg-light-primary {
  background: rgba(115, 103, 240, 0.12) !important;
  color: #2d5a27 !important; }

.bg-light-primary.fc-h-event, .bg-light-primary.fc-v-event {
  border-color: rgba(115, 103, 240, 0.1); }

.bg-light-primary .fc-list-event-dot {
  border-color: #2d5a27 !important; }

.bg-light-primary.fc-list-event:hover td {
  background: rgba(115, 103, 240, 0.1) !important; }

.bg-light-primary.fc-list-event .fc-list-event-title {
  color: #6e6b7b; }

.avatar.bg-light-primary {
  color: #2d5a27 !important; }

.border-primary {
  border: 1px solid #2d5a27 !important; }

.border-top-primary {
  border-top: 1px solid #2d5a27; }

.border-bottom-primary {
  border-bottom: 1px solid #2d5a27; }

.border-start-primary {
  border-left: 1px solid #2d5a27; }

.border-end-primary {
  border-right: 1px solid #2d5a27; }

.bg-primary.badge-glow,
.border-primary.badge-glow {
  box-shadow: 0px 0px 10px #2d5a27; }

.badge.badge-light-primary {
  background-color: rgba(115, 103, 240, 0.12);
  color: #2d5a27 !important; }

.overlay-primary {
  background: #2d5a27;
  /* The Fallback */
  background: rgba(115, 103, 240, 0.6); }

.btn-primary {
  border-color: #2d5a27 !important;
  background-color: #2d5a27 !important;
  color: #fff !important; }

.btn-primary:focus, .btn-primary:active, .btn-primary.active {
  color: #fff;
  background-color: #1e3d1a !important; }

.btn-primary:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #2d5a27; }

.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary {
  color: #fff;
  background-color: #1e3d1a !important; }

.btn-flat-primary {
  background-color: transparent;
  color: #2d5a27; }

.btn-flat-primary:hover {
  color: #2d5a27; }

.btn-flat-primary:hover:not(.disabled):not(:disabled) {
  background-color: rgba(115, 103, 240, 0.12); }

.btn-flat-primary:active, .btn-flat-primary.active, .btn-flat-primary:focus {
  background-color: rgba(115, 103, 240, 0.2);
  color: #2d5a27; }

.btn-flat-primary.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-relief-primary {
  background-color: #2d5a27;
  box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
  color: #fff;
  transition: all 0.2s ease; }

.btn-relief-primary:hover:not(.disabled):not(:disabled) {
  background-color: #887ef2; }

.btn-relief-primary:active, .btn-relief-primary.active, .btn-relief-primary:focus {
  background-color: #1e3d1a; }

.btn-relief-primary:hover {
  color: #fff; }

.btn-relief-primary:active, .btn-relief-primary.active {
  outline: none;
  box-shadow: none;
  transform: translateY(3px); }

.btn-outline-primary {
  border: 1px solid #2d5a27 !important;
  background-color: transparent;
  color: #2d5a27; }

.btn-outline-primary:hover:not(.disabled):not(:disabled) {
  background-color: rgba(115, 103, 240, 0.04);
  color: #2d5a27; }

.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):focus {
  background-color: rgba(115, 103, 240, 0.2);
  color: #2d5a27; }

.btn-outline-primary.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-outline-primary.show.dropdown-toggle {
  background-color: rgba(115, 103, 240, 0.2);
  color: #2d5a27; }

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary {
  color: #2d5a27;
  background-color: rgba(115, 103, 240, 0.2) !important; }

.btn-outline-primary.waves-effect .waves-ripple,
.btn-flat-primary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(115, 103, 240, 0.2) 0, rgba(115, 103, 240, 0.3) 40%, rgba(115, 103, 240, 0.4) 50%, rgba(115, 103, 240, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }

.bullet.bullet-primary {
  background-color: #2d5a27; }

.modal.modal-primary .modal-header .modal-title {
  color: #2d5a27; }

.modal.modal-primary .modal-header .btn-close {
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237367f0'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat !important;
  color: #2d5a27 !important; }

.pagination-primary .page-item.active .page-link {
  background: #2d5a27 !important;
  color: #fff; }

.pagination-primary .page-item.active .page-link:hover {
  color: #fff; }

.pagination-primary .page-item .page-link:hover {
  color: #2d5a27; }

.pagination-primary .page-item.prev-item .page-link:hover, .pagination-primary .page-item.next-item .page-link:hover {
  background: #2d5a27;
  color: #fff; }

.pagination-primary .page-item.next-item .page-link:active:after, .pagination-primary .page-item.next-item .page-link:hover:after, .pagination-primary .page-item.next .page-link:active:after, .pagination-primary .page-item.next .page-link:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important; }

.pagination-primary .page-item.prev-item .page-link:active:before, .pagination-primary .page-item.prev-item .page-link:hover:before, .pagination-primary .page-item.prev .page-link:active:before, .pagination-primary .page-item.prev .page-link:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important; }

.nav-pill-primary .nav-item .nav-link.active {
  color: #fff;
  background-color: #2d5a27 !important;
  border-color: #2d5a27;
  box-shadow: 0 4px 18px -4px rgba(115, 103, 240, 0.65); }

.progress-bar-primary {
  background-color: rgba(115, 103, 240, 0.12); }

.progress-bar-primary .progress-bar {
  background-color: #2d5a27; }

.timeline .timeline-point-primary {
  border-color: #2d5a27 !important; }

.timeline .timeline-point-primary i,
.timeline .timeline-point-primary svg {
  stroke: #2d5a27 !important; }

.timeline .timeline-point-primary.timeline-point-indicator {
  background-color: #2d5a27 !important; }

.timeline .timeline-point-primary.timeline-point-indicator:before {
  background: rgba(115, 103, 240, 0.12) !important; }

.divider.divider-primary .divider-text:before, .divider.divider-primary .divider-text:after {
  border-color: #2d5a27 !important; }

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #2d5a27 !important; }

.form-check-primary .form-check-input:checked {
  border-color: #2d5a27;
  background-color: #2d5a27; }

.form-check-primary .form-check-input:not(:disabled):checked, .form-check-primary .form-check-input:not(:disabled):focus {
  border-color: #2d5a27;
  box-shadow: 0 2px 4px 0 rgba(115, 103, 240, 0.4); }

.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #2d5a27 !important;
  border-color: #2d5a27 !important; }

.bg-secondary .card-header,
.bg-secondary .card-footer {
  background-color: transparent; }

.alert-secondary {
  background: rgba(130, 134, 139, 0.12) !important;
  color: #82868b !important; }

.alert-secondary .alert-heading {
  box-shadow: rgba(130, 134, 139, 0.4) 0px 6px 15px -7px; }

.alert-secondary .alert-link {
  color: #75797e !important; }

.alert-secondary .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2382868b'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  color: #82868b !important; }

.bg-light-secondary {
  background: rgba(130, 134, 139, 0.12) !important;
  color: #82868b !important; }

.bg-light-secondary.fc-h-event, .bg-light-secondary.fc-v-event {
  border-color: rgba(130, 134, 139, 0.1); }

.bg-light-secondary .fc-list-event-dot {
  border-color: #82868b !important; }

.bg-light-secondary.fc-list-event:hover td {
  background: rgba(130, 134, 139, 0.1) !important; }

.bg-light-secondary.fc-list-event .fc-list-event-title {
  color: #6e6b7b; }

.avatar.bg-light-secondary {
  color: #82868b !important; }

.border-secondary {
  border: 1px solid #82868b !important; }

.border-top-secondary {
  border-top: 1px solid #82868b; }

.border-bottom-secondary {
  border-bottom: 1px solid #82868b; }

.border-start-secondary {
  border-left: 1px solid #82868b; }

.border-end-secondary {
  border-right: 1px solid #82868b; }

.bg-secondary.badge-glow,
.border-secondary.badge-glow {
  box-shadow: 0px 0px 10px #82868b; }

.badge.badge-light-secondary {
  background-color: rgba(130, 134, 139, 0.12);
  color: #82868b !important; }

.overlay-secondary {
  background: #82868b;
  /* The Fallback */
  background: rgba(130, 134, 139, 0.6); }

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

.btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {
  color: #fff;
  background-color: #75797e !important; }

.btn-secondary:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #82868b; }

.btn-secondary:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary {
  color: #fff;
  background-color: #75797e !important; }

.btn-flat-secondary {
  background-color: transparent;
  color: #82868b; }

.btn-flat-secondary:hover {
  color: #82868b; }

.btn-flat-secondary:hover:not(.disabled):not(:disabled) {
  background-color: rgba(130, 134, 139, 0.12); }

.btn-flat-secondary:active, .btn-flat-secondary.active, .btn-flat-secondary:focus {
  background-color: rgba(130, 134, 139, 0.2);
  color: #82868b; }

.btn-flat-secondary.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2382868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-relief-secondary {
  background-color: #82868b;
  box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
  color: #fff;
  transition: all 0.2s ease; }

.btn-relief-secondary:hover:not(.disabled):not(:disabled) {
  background-color: #8f9397; }

.btn-relief-secondary:active, .btn-relief-secondary.active, .btn-relief-secondary:focus {
  background-color: #75797e; }

.btn-relief-secondary:hover {
  color: #fff; }

.btn-relief-secondary:active, .btn-relief-secondary.active {
  outline: none;
  box-shadow: none;
  transform: translateY(3px); }

.btn-outline-secondary {
  border: 1px solid #82868b !important;
  background-color: transparent;
  color: #82868b; }

.btn-outline-secondary:hover:not(.disabled):not(:disabled) {
  background-color: rgba(130, 134, 139, 0.04);
  color: #82868b; }

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):focus {
  background-color: rgba(130, 134, 139, 0.2);
  color: #82868b; }

.btn-outline-secondary.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2382868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-outline-secondary.show.dropdown-toggle {
  background-color: rgba(130, 134, 139, 0.2);
  color: #82868b; }

.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary {
  color: #82868b;
  background-color: rgba(130, 134, 139, 0.2) !important; }

.btn-outline-secondary.waves-effect .waves-ripple,
.btn-flat-secondary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(130, 134, 139, 0.2) 0, rgba(130, 134, 139, 0.3) 40%, rgba(130, 134, 139, 0.4) 50%, rgba(130, 134, 139, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }

.bullet.bullet-secondary {
  background-color: #82868b; }

.modal.modal-secondary .modal-header .modal-title {
  color: #82868b; }

.modal.modal-secondary .modal-header .btn-close {
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2382868b'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat !important;
  color: #82868b !important; }

.pagination-secondary .page-item.active .page-link {
  background: #82868b !important;
  color: #fff; }

.pagination-secondary .page-item.active .page-link:hover {
  color: #fff; }

.pagination-secondary .page-item .page-link:hover {
  color: #82868b; }

.pagination-secondary .page-item.prev-item .page-link:hover, .pagination-secondary .page-item.next-item .page-link:hover {
  background: #82868b;
  color: #fff; }

.pagination-secondary .page-item.next-item .page-link:active:after, .pagination-secondary .page-item.next-item .page-link:hover:after, .pagination-secondary .page-item.next .page-link:active:after, .pagination-secondary .page-item.next .page-link:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2382868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important; }

.pagination-secondary .page-item.prev-item .page-link:active:before, .pagination-secondary .page-item.prev-item .page-link:hover:before, .pagination-secondary .page-item.prev .page-link:active:before, .pagination-secondary .page-item.prev .page-link:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2382868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important; }

.nav-pill-secondary .nav-item .nav-link.active {
  color: #fff;
  background-color: #82868b !important;
  border-color: #82868b;
  box-shadow: 0 4px 18px -4px rgba(130, 134, 139, 0.65); }

.progress-bar-secondary {
  background-color: rgba(130, 134, 139, 0.12); }

.progress-bar-secondary .progress-bar {
  background-color: #82868b; }

.timeline .timeline-point-secondary {
  border-color: #82868b !important; }

.timeline .timeline-point-secondary i,
.timeline .timeline-point-secondary svg {
  stroke: #82868b !important; }

.timeline .timeline-point-secondary.timeline-point-indicator {
  background-color: #82868b !important; }

.timeline .timeline-point-secondary.timeline-point-indicator:before {
  background: rgba(130, 134, 139, 0.12) !important; }

.divider.divider-secondary .divider-text:before, .divider.divider-secondary .divider-text:after {
  border-color: #82868b !important; }

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #82868b !important; }

.form-check-secondary .form-check-input:checked {
  border-color: #82868b;
  background-color: #82868b; }

.form-check-secondary .form-check-input:not(:disabled):checked, .form-check-secondary .form-check-input:not(:disabled):focus {
  border-color: #82868b;
  box-shadow: 0 2px 4px 0 rgba(130, 134, 139, 0.4); }

.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #82868b !important;
  border-color: #82868b !important; }

.bg-success .card-header,
.bg-success .card-footer {
  background-color: transparent; }

.alert-success {
  background: rgba(40, 199, 111, 0.12) !important;
  color: #28c76f !important; }

.alert-success .alert-heading {
  box-shadow: rgba(40, 199, 111, 0.4) 0px 6px 15px -7px; }

.alert-success .alert-link {
  color: #24b263 !important; }

.alert-success .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2328c76f'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  color: #28c76f !important; }

.bg-light-success {
  background: rgba(40, 199, 111, 0.12) !important;
  color: #28c76f !important; }

.bg-light-success.fc-h-event, .bg-light-success.fc-v-event {
  border-color: rgba(40, 199, 111, 0.1); }

.bg-light-success .fc-list-event-dot {
  border-color: #28c76f !important; }

.bg-light-success.fc-list-event:hover td {
  background: rgba(40, 199, 111, 0.1) !important; }

.bg-light-success.fc-list-event .fc-list-event-title {
  color: #6e6b7b; }

.avatar.bg-light-success {
  color: #28c76f !important; }

.border-success {
  border: 1px solid #28c76f !important; }

.border-top-success {
  border-top: 1px solid #28c76f; }

.border-bottom-success {
  border-bottom: 1px solid #28c76f; }

.border-start-success {
  border-left: 1px solid #28c76f; }

.border-end-success {
  border-right: 1px solid #28c76f; }

.bg-success.badge-glow,
.border-success.badge-glow {
  box-shadow: 0px 0px 10px #28c76f; }

.badge.badge-light-success {
  background-color: rgba(40, 199, 111, 0.12);
  color: #28c76f !important; }

.overlay-success {
  background: #28c76f;
  /* The Fallback */
  background: rgba(40, 199, 111, 0.6); }

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

.btn-success:focus, .btn-success:active, .btn-success.active {
  color: #fff;
  background-color: #24b263 !important; }

.btn-success:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #28c76f; }

.btn-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-check:checked + .btn-success, .btn-check:active + .btn-success {
  color: #fff;
  background-color: #24b263 !important; }

.btn-flat-success {
  background-color: transparent;
  color: #28c76f; }

.btn-flat-success:hover {
  color: #28c76f; }

.btn-flat-success:hover:not(.disabled):not(:disabled) {
  background-color: rgba(40, 199, 111, 0.12); }

.btn-flat-success:active, .btn-flat-success.active, .btn-flat-success:focus {
  background-color: rgba(40, 199, 111, 0.2);
  color: #28c76f; }

.btn-flat-success.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328c76f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-relief-success {
  background-color: #28c76f;
  box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
  color: #fff;
  transition: all 0.2s ease; }

.btn-relief-success:hover:not(.disabled):not(:disabled) {
  background-color: #33d67c; }

.btn-relief-success:active, .btn-relief-success.active, .btn-relief-success:focus {
  background-color: #24b263; }

.btn-relief-success:hover {
  color: #fff; }

.btn-relief-success:active, .btn-relief-success.active {
  outline: none;
  box-shadow: none;
  transform: translateY(3px); }

.btn-outline-success {
  border: 1px solid #28c76f !important;
  background-color: transparent;
  color: #28c76f; }

.btn-outline-success:hover:not(.disabled):not(:disabled) {
  background-color: rgba(40, 199, 111, 0.04);
  color: #28c76f; }

.btn-outline-success:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):focus {
  background-color: rgba(40, 199, 111, 0.2);
  color: #28c76f; }

.btn-outline-success.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328c76f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-outline-success.show.dropdown-toggle {
  background-color: rgba(40, 199, 111, 0.2);
  color: #28c76f; }

.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success {
  color: #28c76f;
  background-color: rgba(40, 199, 111, 0.2) !important; }

.btn-outline-success.waves-effect .waves-ripple,
.btn-flat-success.waves-effect .waves-ripple {
  background: radial-gradient(rgba(40, 199, 111, 0.2) 0, rgba(40, 199, 111, 0.3) 40%, rgba(40, 199, 111, 0.4) 50%, rgba(40, 199, 111, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }

.bullet.bullet-success {
  background-color: #28c76f; }

.modal.modal-success .modal-header .modal-title {
  color: #28c76f; }

.modal.modal-success .modal-header .btn-close {
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2328c76f'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat !important;
  color: #28c76f !important; }

.pagination-success .page-item.active .page-link {
  background: #28c76f !important;
  color: #fff; }

.pagination-success .page-item.active .page-link:hover {
  color: #fff; }

.pagination-success .page-item .page-link:hover {
  color: #28c76f; }

.pagination-success .page-item.prev-item .page-link:hover, .pagination-success .page-item.next-item .page-link:hover {
  background: #28c76f;
  color: #fff; }

.pagination-success .page-item.next-item .page-link:active:after, .pagination-success .page-item.next-item .page-link:hover:after, .pagination-success .page-item.next .page-link:active:after, .pagination-success .page-item.next .page-link:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328c76f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important; }

.pagination-success .page-item.prev-item .page-link:active:before, .pagination-success .page-item.prev-item .page-link:hover:before, .pagination-success .page-item.prev .page-link:active:before, .pagination-success .page-item.prev .page-link:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328c76f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important; }

.nav-pill-success .nav-item .nav-link.active {
  color: #fff;
  background-color: #28c76f !important;
  border-color: #28c76f;
  box-shadow: 0 4px 18px -4px rgba(40, 199, 111, 0.65); }

.progress-bar-success {
  background-color: rgba(40, 199, 111, 0.12); }

.progress-bar-success .progress-bar {
  background-color: #28c76f; }

.timeline .timeline-point-success {
  border-color: #28c76f !important; }

.timeline .timeline-point-success i,
.timeline .timeline-point-success svg {
  stroke: #28c76f !important; }

.timeline .timeline-point-success.timeline-point-indicator {
  background-color: #28c76f !important; }

.timeline .timeline-point-success.timeline-point-indicator:before {
  background: rgba(40, 199, 111, 0.12) !important; }

.divider.divider-success .divider-text:before, .divider.divider-success .divider-text:after {
  border-color: #28c76f !important; }

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #28c76f !important; }

.form-check-success .form-check-input:checked {
  border-color: #28c76f;
  background-color: #28c76f; }

.form-check-success .form-check-input:not(:disabled):checked, .form-check-success .form-check-input:not(:disabled):focus {
  border-color: #28c76f;
  box-shadow: 0 2px 4px 0 rgba(40, 199, 111, 0.4); }

.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #28c76f !important;
  border-color: #28c76f !important; }

.bg-info .card-header,
.bg-info .card-footer {
  background-color: transparent; }

.alert-info {
  background: rgba(0, 207, 232, 0.12) !important;
  color: #00cfe8 !important; }

.alert-info .alert-heading {
  box-shadow: rgba(0, 207, 232, 0.4) 0px 6px 15px -7px; }

.alert-info .alert-link {
  color: #00b8cf !important; }

.alert-info .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300cfe8'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  color: #00cfe8 !important; }

.bg-light-info {
  background: rgba(0, 207, 232, 0.12) !important;
  color: #00cfe8 !important; }

.bg-light-info.fc-h-event, .bg-light-info.fc-v-event {
  border-color: rgba(0, 207, 232, 0.1); }

.bg-light-info .fc-list-event-dot {
  border-color: #00cfe8 !important; }

.bg-light-info.fc-list-event:hover td {
  background: rgba(0, 207, 232, 0.1) !important; }

.bg-light-info.fc-list-event .fc-list-event-title {
  color: #6e6b7b; }

.avatar.bg-light-info {
  color: #00cfe8 !important; }

.border-info {
  border: 1px solid #00cfe8 !important; }

.border-top-info {
  border-top: 1px solid #00cfe8; }

.border-bottom-info {
  border-bottom: 1px solid #00cfe8; }

.border-start-info {
  border-left: 1px solid #00cfe8; }

.border-end-info {
  border-right: 1px solid #00cfe8; }

.bg-info.badge-glow,
.border-info.badge-glow {
  box-shadow: 0px 0px 10px #00cfe8; }

.badge.badge-light-info {
  background-color: rgba(0, 207, 232, 0.12);
  color: #00cfe8 !important; }

.overlay-info {
  background: #00cfe8;
  /* The Fallback */
  background: rgba(0, 207, 232, 0.6); }

.btn-info {
  border-color: #00cfe8 !important;
  background-color: #00cfe8 !important;
  color: #fff !important; }

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

.btn-info:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #00cfe8; }

.btn-info:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-check:checked + .btn-info, .btn-check:active + .btn-info {
  color: #fff;
  background-color: #00b8cf !important; }

.btn-flat-info {
  background-color: transparent;
  color: #00cfe8; }

.btn-flat-info:hover {
  color: #00cfe8; }

.btn-flat-info:hover:not(.disabled):not(:disabled) {
  background-color: rgba(0, 207, 232, 0.12); }

.btn-flat-info:active, .btn-flat-info.active, .btn-flat-info:focus {
  background-color: rgba(0, 207, 232, 0.2);
  color: #00cfe8; }

.btn-flat-info.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300cfe8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-relief-info {
  background-color: #00cfe8;
  box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
  color: #fff;
  transition: all 0.2s ease; }

.btn-relief-info:hover:not(.disabled):not(:disabled) {
  background-color: #03e4ff; }

.btn-relief-info:active, .btn-relief-info.active, .btn-relief-info:focus {
  background-color: #00b8cf; }

.btn-relief-info:hover {
  color: #fff; }

.btn-relief-info:active, .btn-relief-info.active {
  outline: none;
  box-shadow: none;
  transform: translateY(3px); }

.btn-outline-info {
  border: 1px solid #00cfe8 !important;
  background-color: transparent;
  color: #00cfe8; }

.btn-outline-info:hover:not(.disabled):not(:disabled) {
  background-color: rgba(0, 207, 232, 0.04);
  color: #00cfe8; }

.btn-outline-info:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):focus {
  background-color: rgba(0, 207, 232, 0.2);
  color: #00cfe8; }

.btn-outline-info.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300cfe8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-outline-info.show.dropdown-toggle {
  background-color: rgba(0, 207, 232, 0.2);
  color: #00cfe8; }

.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info {
  color: #00cfe8;
  background-color: rgba(0, 207, 232, 0.2) !important; }

.btn-outline-info.waves-effect .waves-ripple,
.btn-flat-info.waves-effect .waves-ripple {
  background: radial-gradient(rgba(0, 207, 232, 0.2) 0, rgba(0, 207, 232, 0.3) 40%, rgba(0, 207, 232, 0.4) 50%, rgba(0, 207, 232, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }

.bullet.bullet-info {
  background-color: #00cfe8; }

.modal.modal-info .modal-header .modal-title {
  color: #00cfe8; }

.modal.modal-info .modal-header .btn-close {
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300cfe8'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat !important;
  color: #00cfe8 !important; }

.pagination-info .page-item.active .page-link {
  background: #00cfe8 !important;
  color: #fff; }

.pagination-info .page-item.active .page-link:hover {
  color: #fff; }

.pagination-info .page-item .page-link:hover {
  color: #00cfe8; }

.pagination-info .page-item.prev-item .page-link:hover, .pagination-info .page-item.next-item .page-link:hover {
  background: #00cfe8;
  color: #fff; }

.pagination-info .page-item.next-item .page-link:active:after, .pagination-info .page-item.next-item .page-link:hover:after, .pagination-info .page-item.next .page-link:active:after, .pagination-info .page-item.next .page-link:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300cfe8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important; }

.pagination-info .page-item.prev-item .page-link:active:before, .pagination-info .page-item.prev-item .page-link:hover:before, .pagination-info .page-item.prev .page-link:active:before, .pagination-info .page-item.prev .page-link:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300cfe8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important; }

.nav-pill-info .nav-item .nav-link.active {
  color: #fff;
  background-color: #00cfe8 !important;
  border-color: #00cfe8;
  box-shadow: 0 4px 18px -4px rgba(0, 207, 232, 0.65); }

.progress-bar-info {
  background-color: rgba(0, 207, 232, 0.12); }

.progress-bar-info .progress-bar {
  background-color: #00cfe8; }

.timeline .timeline-point-info {
  border-color: #00cfe8 !important; }

.timeline .timeline-point-info i,
.timeline .timeline-point-info svg {
  stroke: #00cfe8 !important; }

.timeline .timeline-point-info.timeline-point-indicator {
  background-color: #00cfe8 !important; }

.timeline .timeline-point-info.timeline-point-indicator:before {
  background: rgba(0, 207, 232, 0.12) !important; }

.divider.divider-info .divider-text:before, .divider.divider-info .divider-text:after {
  border-color: #00cfe8 !important; }

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00cfe8 !important; }

.form-check-info .form-check-input:checked {
  border-color: #00cfe8;
  background-color: #00cfe8; }

.form-check-info .form-check-input:not(:disabled):checked, .form-check-info .form-check-input:not(:disabled):focus {
  border-color: #00cfe8;
  box-shadow: 0 2px 4px 0 rgba(0, 207, 232, 0.4); }

.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #00cfe8 !important;
  border-color: #00cfe8 !important; }

.bg-warning .card-header,
.bg-warning .card-footer {
  background-color: transparent; }

.alert-warning {
  background: rgba(255, 159, 67, 0.12) !important;
  color: #ff9f43 !important; }

.alert-warning .alert-heading {
  box-shadow: rgba(255, 159, 67, 0.4) 0px 6px 15px -7px; }

.alert-warning .alert-link {
  color: #ff922a !important; }

.alert-warning .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff9f43'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  color: #ff9f43 !important; }

.bg-light-warning {
  background: rgba(255, 159, 67, 0.12) !important;
  color: #ff9f43 !important; }

.bg-light-warning.fc-h-event, .bg-light-warning.fc-v-event {
  border-color: rgba(255, 159, 67, 0.1); }

.bg-light-warning .fc-list-event-dot {
  border-color: #ff9f43 !important; }

.bg-light-warning.fc-list-event:hover td {
  background: rgba(255, 159, 67, 0.1) !important; }

.bg-light-warning.fc-list-event .fc-list-event-title {
  color: #6e6b7b; }

.avatar.bg-light-warning {
  color: #ff9f43 !important; }

.border-warning {
  border: 1px solid #ff9f43 !important; }

.border-top-warning {
  border-top: 1px solid #ff9f43; }

.border-bottom-warning {
  border-bottom: 1px solid #ff9f43; }

.border-start-warning {
  border-left: 1px solid #ff9f43; }

.border-end-warning {
  border-right: 1px solid #ff9f43; }

.bg-warning.badge-glow,
.border-warning.badge-glow {
  box-shadow: 0px 0px 10px #ff9f43; }

.badge.badge-light-warning {
  background-color: rgba(255, 159, 67, 0.12);
  color: #ff9f43 !important; }

.overlay-warning {
  background: #ff9f43;
  /* The Fallback */
  background: rgba(255, 159, 67, 0.6); }

.btn-warning {
  border-color: #ff9f43 !important;
  background-color: #ff9f43 !important;
  color: #fff !important; }

.btn-warning:focus, .btn-warning:active, .btn-warning.active {
  color: #fff;
  background-color: #ff922a !important; }

.btn-warning:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #ff9f43; }

.btn-warning:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning {
  color: #fff;
  background-color: #ff922a !important; }

.btn-flat-warning {
  background-color: transparent;
  color: #ff9f43; }

.btn-flat-warning:hover {
  color: #ff9f43; }

.btn-flat-warning:hover:not(.disabled):not(:disabled) {
  background-color: rgba(255, 159, 67, 0.12); }

.btn-flat-warning:active, .btn-flat-warning.active, .btn-flat-warning:focus {
  background-color: rgba(255, 159, 67, 0.2);
  color: #ff9f43; }

.btn-flat-warning.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9f43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-relief-warning {
  background-color: #ff9f43;
  box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
  color: #fff;
  transition: all 0.2s ease; }

.btn-relief-warning:hover:not(.disabled):not(:disabled) {
  background-color: #ffac5d; }

.btn-relief-warning:active, .btn-relief-warning.active, .btn-relief-warning:focus {
  background-color: #ff922a; }

.btn-relief-warning:hover {
  color: #fff; }

.btn-relief-warning:active, .btn-relief-warning.active {
  outline: none;
  box-shadow: none;
  transform: translateY(3px); }

.btn-outline-warning {
  border: 1px solid #ff9f43 !important;
  background-color: transparent;
  color: #ff9f43; }

.btn-outline-warning:hover:not(.disabled):not(:disabled) {
  background-color: rgba(255, 159, 67, 0.04);
  color: #ff9f43; }

.btn-outline-warning:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):focus {
  background-color: rgba(255, 159, 67, 0.2);
  color: #ff9f43; }

.btn-outline-warning.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9f43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-outline-warning.show.dropdown-toggle {
  background-color: rgba(255, 159, 67, 0.2);
  color: #ff9f43; }

.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning {
  color: #ff9f43;
  background-color: rgba(255, 159, 67, 0.2) !important; }

.btn-outline-warning.waves-effect .waves-ripple,
.btn-flat-warning.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 159, 67, 0.2) 0, rgba(255, 159, 67, 0.3) 40%, rgba(255, 159, 67, 0.4) 50%, rgba(255, 159, 67, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }

.bullet.bullet-warning {
  background-color: #ff9f43; }

.modal.modal-warning .modal-header .modal-title {
  color: #ff9f43; }

.modal.modal-warning .modal-header .btn-close {
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff9f43'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat !important;
  color: #ff9f43 !important; }

.pagination-warning .page-item.active .page-link {
  background: #ff9f43 !important;
  color: #fff; }

.pagination-warning .page-item.active .page-link:hover {
  color: #fff; }

.pagination-warning .page-item .page-link:hover {
  color: #ff9f43; }

.pagination-warning .page-item.prev-item .page-link:hover, .pagination-warning .page-item.next-item .page-link:hover {
  background: #ff9f43;
  color: #fff; }

.pagination-warning .page-item.next-item .page-link:active:after, .pagination-warning .page-item.next-item .page-link:hover:after, .pagination-warning .page-item.next .page-link:active:after, .pagination-warning .page-item.next .page-link:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9f43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important; }

.pagination-warning .page-item.prev-item .page-link:active:before, .pagination-warning .page-item.prev-item .page-link:hover:before, .pagination-warning .page-item.prev .page-link:active:before, .pagination-warning .page-item.prev .page-link:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9f43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important; }

.nav-pill-warning .nav-item .nav-link.active {
  color: #fff;
  background-color: #ff9f43 !important;
  border-color: #ff9f43;
  box-shadow: 0 4px 18px -4px rgba(255, 159, 67, 0.65); }

.progress-bar-warning {
  background-color: rgba(255, 159, 67, 0.12); }

.progress-bar-warning .progress-bar {
  background-color: #ff9f43; }

.timeline .timeline-point-warning {
  border-color: #ff9f43 !important; }

.timeline .timeline-point-warning i,
.timeline .timeline-point-warning svg {
  stroke: #ff9f43 !important; }

.timeline .timeline-point-warning.timeline-point-indicator {
  background-color: #ff9f43 !important; }

.timeline .timeline-point-warning.timeline-point-indicator:before {
  background: rgba(255, 159, 67, 0.12) !important; }

.divider.divider-warning .divider-text:before, .divider.divider-warning .divider-text:after {
  border-color: #ff9f43 !important; }

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff9f43 !important; }

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

.form-check-warning .form-check-input:not(:disabled):checked, .form-check-warning .form-check-input:not(:disabled):focus {
  border-color: #ff9f43;
  box-shadow: 0 2px 4px 0 rgba(255, 159, 67, 0.4); }

.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #ff9f43 !important;
  border-color: #ff9f43 !important; }

.bg-danger .card-header,
.bg-danger .card-footer {
  background-color: transparent; }

.alert-danger {
  background: rgba(234, 84, 85, 0.12) !important;
  color: #ea5455 !important; }

.alert-danger .alert-heading {
  box-shadow: rgba(234, 84, 85, 0.4) 0px 6px 15px -7px; }

.alert-danger .alert-link {
  color: #e73d3e !important; }

.alert-danger .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ea5455'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat;
  color: #ea5455 !important; }

.bg-light-danger {
  background: rgba(234, 84, 85, 0.12) !important;
  color: #ea5455 !important; }

.bg-light-danger.fc-h-event, .bg-light-danger.fc-v-event {
  border-color: rgba(234, 84, 85, 0.1); }

.bg-light-danger .fc-list-event-dot {
  border-color: #ea5455 !important; }

.bg-light-danger.fc-list-event:hover td {
  background: rgba(234, 84, 85, 0.1) !important; }

.bg-light-danger.fc-list-event .fc-list-event-title {
  color: #6e6b7b; }

.avatar.bg-light-danger {
  color: #ea5455 !important; }

.border-danger {
  border: 1px solid #ea5455 !important; }

.border-top-danger {
  border-top: 1px solid #ea5455; }

.border-bottom-danger {
  border-bottom: 1px solid #ea5455; }

.border-start-danger {
  border-left: 1px solid #ea5455; }

.border-end-danger {
  border-right: 1px solid #ea5455; }

.bg-danger.badge-glow,
.border-danger.badge-glow {
  box-shadow: 0px 0px 10px #ea5455; }

.badge.badge-light-danger {
  background-color: rgba(234, 84, 85, 0.12);
  color: #ea5455 !important; }

.overlay-danger {
  background: #ea5455;
  /* The Fallback */
  background: rgba(234, 84, 85, 0.6); }

.btn-danger {
  border-color: #ea5455 !important;
  background-color: #ea5455 !important;
  color: #fff !important; }

.btn-danger:focus, .btn-danger:active, .btn-danger.active {
  color: #fff;
  background-color: #e73d3e !important; }

.btn-danger:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #ea5455; }

.btn-danger:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger {
  color: #fff;
  background-color: #e73d3e !important; }

.btn-flat-danger {
  background-color: transparent;
  color: #ea5455; }

.btn-flat-danger:hover {
  color: #ea5455; }

.btn-flat-danger:hover:not(.disabled):not(:disabled) {
  background-color: rgba(234, 84, 85, 0.12); }

.btn-flat-danger:active, .btn-flat-danger.active, .btn-flat-danger:focus {
  background-color: rgba(234, 84, 85, 0.2);
  color: #ea5455; }

.btn-flat-danger.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea5455' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-relief-danger {
  background-color: #ea5455;
  box-shadow: inset 0 -3px 0 0 rgba(34, 41, 47, 0.2);
  color: #fff;
  transition: all 0.2s ease; }

.btn-relief-danger:hover:not(.disabled):not(:disabled) {
  background-color: #ed6b6c; }

.btn-relief-danger:active, .btn-relief-danger.active, .btn-relief-danger:focus {
  background-color: #e73d3e; }

.btn-relief-danger:hover {
  color: #fff; }

.btn-relief-danger:active, .btn-relief-danger.active {
  outline: none;
  box-shadow: none;
  transform: translateY(3px); }

.btn-outline-danger {
  border: 1px solid #ea5455 !important;
  background-color: transparent;
  color: #ea5455; }

.btn-outline-danger:hover:not(.disabled):not(:disabled) {
  background-color: rgba(234, 84, 85, 0.04);
  color: #ea5455; }

.btn-outline-danger:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):focus {
  background-color: rgba(234, 84, 85, 0.2);
  color: #ea5455; }

.btn-outline-danger.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea5455' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.btn-outline-danger.show.dropdown-toggle {
  background-color: rgba(234, 84, 85, 0.2);
  color: #ea5455; }

.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger {
  color: #ea5455;
  background-color: rgba(234, 84, 85, 0.2) !important; }

.btn-outline-danger.waves-effect .waves-ripple,
.btn-flat-danger.waves-effect .waves-ripple {
  background: radial-gradient(rgba(234, 84, 85, 0.2) 0, rgba(234, 84, 85, 0.3) 40%, rgba(234, 84, 85, 0.4) 50%, rgba(234, 84, 85, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }

.bullet.bullet-danger {
  background-color: #ea5455; }

.modal.modal-danger .modal-header .modal-title {
  color: #ea5455; }

.modal.modal-danger .modal-header .btn-close {
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ea5455'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75rem auto no-repeat !important;
  color: #ea5455 !important; }

.pagination-danger .page-item.active .page-link {
  background: #ea5455 !important;
  color: #fff; }

.pagination-danger .page-item.active .page-link:hover {
  color: #fff; }

.pagination-danger .page-item .page-link:hover {
  color: #ea5455; }

.pagination-danger .page-item.prev-item .page-link:hover, .pagination-danger .page-item.next-item .page-link:hover {
  background: #ea5455;
  color: #fff; }

.pagination-danger .page-item.next-item .page-link:active:after, .pagination-danger .page-item.next-item .page-link:hover:after, .pagination-danger .page-item.next .page-link:active:after, .pagination-danger .page-item.next .page-link:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea5455' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important; }

.pagination-danger .page-item.prev-item .page-link:active:before, .pagination-danger .page-item.prev-item .page-link:hover:before, .pagination-danger .page-item.prev .page-link:active:before, .pagination-danger .page-item.prev .page-link:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea5455' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E") !important; }

.nav-pill-danger .nav-item .nav-link.active {
  color: #fff;
  background-color: #ea5455 !important;
  border-color: #ea5455;
  box-shadow: 0 4px 18px -4px rgba(234, 84, 85, 0.65); }

.progress-bar-danger {
  background-color: rgba(234, 84, 85, 0.12); }

.progress-bar-danger .progress-bar {
  background-color: #ea5455; }

.timeline .timeline-point-danger {
  border-color: #ea5455 !important; }

.timeline .timeline-point-danger i,
.timeline .timeline-point-danger svg {
  stroke: #ea5455 !important; }

.timeline .timeline-point-danger.timeline-point-indicator {
  background-color: #ea5455 !important; }

.timeline .timeline-point-danger.timeline-point-indicator:before {
  background: rgba(234, 84, 85, 0.12) !important; }

.divider.divider-danger .divider-text:before, .divider.divider-danger .divider-text:after {
  border-color: #ea5455 !important; }

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ea5455 !important; }

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

.form-check-danger .form-check-input:not(:disabled):checked, .form-check-danger .form-check-input:not(:disabled):focus {
  border-color: #ea5455;
  box-shadow: 0 2px 4px 0 rgba(234, 84, 85, 0.4); }

.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #ea5455 !important;
  border-color: #ea5455 !important; }

.bg-gradient-dark,
.btn-gradient-dark {
  color: #fff;
  transition: all 0.2s ease;
  background-image: linear-gradient(47deg, #4b4b4b, #1e1e1e);
  background-repeat: repeat; }

.dark-layout .bg-gradient-dark, .dark-layout
.btn-gradient-dark {
  background-image: linear-gradient(47deg, #1e1e1e, #4b4b4b);
  background-repeat: repeat; }

.bg-gradient-dark:hover, .bg-gradient-dark:active,
.btn-gradient-dark:hover,
.btn-gradient-dark:active {
  color: #fff; }

.bg-gradient-dark:hover:not(.disabled):not(:disabled),
.btn-gradient-dark:hover:not(.disabled):not(:disabled) {
  transform: translateY(-2px); }

.bg-gradient-dark:active,
.btn-gradient-dark:active {
  transform: translateY(0); }

.bg-gradient-dark:active, .bg-gradient-dark:focus,
.btn-gradient-dark:active,
.btn-gradient-dark:focus {
  background-image: linear-gradient(47deg, #1e1e1e, #4b4b4b);
  background-repeat: repeat; }

.bg-gradient-primary,
.btn-gradient-primary {
  color: #fff;
  transition: all 0.2s ease;
  background-image: linear-gradient(47deg, #2d5a27, #1e3d1a);
  background-repeat: repeat; }

.bg-gradient-primary:hover, .bg-gradient-primary:active,
.btn-gradient-primary:hover,
.btn-gradient-primary:active {
  color: #fff; }

.bg-gradient-primary:hover:not(.disabled):not(:disabled),
.btn-gradient-primary:hover:not(.disabled):not(:disabled) {
  transform: translateY(-2px); }

.bg-gradient-primary:active,
.btn-gradient-primary:active {
  transform: translateY(0); }

.bg-gradient-primary:active, .bg-gradient-primary:focus,
.btn-gradient-primary:active,
.btn-gradient-primary:focus {
  background-image: linear-gradient(47deg, #1e3d1a, #2d5a27);
  background-repeat: repeat; }

.bg-gradient-secondary,
.btn-gradient-secondary {
  color: #fff;
  transition: all 0.2s ease;
  background-image: linear-gradient(47deg, #82868b, #9ca0a4);
  background-repeat: repeat; }

.bg-gradient-secondary:hover, .bg-gradient-secondary:active,
.btn-gradient-secondary:hover,
.btn-gradient-secondary:active {
  color: #fff; }

.bg-gradient-secondary:hover:not(.disabled):not(:disabled),
.btn-gradient-secondary:hover:not(.disabled):not(:disabled) {
  transform: translateY(-2px); }

.bg-gradient-secondary:active,
.btn-gradient-secondary:active {
  transform: translateY(0); }

.bg-gradient-secondary:active, .bg-gradient-secondary:focus,
.btn-gradient-secondary:active,
.btn-gradient-secondary:focus {
  background-image: linear-gradient(47deg, #696d71, #82868b);
  background-repeat: repeat; }

.bg-gradient-success,
.btn-gradient-success {
  color: #fff;
  transition: all 0.2s ease;
  background-image: linear-gradient(47deg, #28c76f, #48da89);
  background-repeat: repeat; }

.bg-gradient-success:hover, .bg-gradient-success:active,
.btn-gradient-success:hover,
.btn-gradient-success:active {
  color: #fff; }

.bg-gradient-success:hover:not(.disabled):not(:disabled),
.btn-gradient-success:hover:not(.disabled):not(:disabled) {
  transform: translateY(-2px); }

.bg-gradient-success:active,
.btn-gradient-success:active {
  transform: translateY(0); }

.bg-gradient-success:active, .bg-gradient-success:focus,
.btn-gradient-success:active,
.btn-gradient-success:focus {
  background-image: linear-gradient(47deg, #1f9d57, #28c76f);
  background-repeat: repeat; }

.bg-gradient-info,
.btn-gradient-info {
  color: #fff;
  transition: all 0.2s ease;
  background-image: linear-gradient(47deg, #00cfe8, #1ce7ff);
  background-repeat: repeat; }

.bg-gradient-info:hover, .bg-gradient-info:active,
.btn-gradient-info:hover,
.btn-gradient-info:active {
  color: #fff; }

.bg-gradient-info:hover:not(.disabled):not(:disabled),
.btn-gradient-info:hover:not(.disabled):not(:disabled) {
  transform: translateY(-2px); }

.bg-gradient-info:active,
.btn-gradient-info:active {
  transform: translateY(0); }

.bg-gradient-info:active, .bg-gradient-info:focus,
.btn-gradient-info:active,
.btn-gradient-info:focus {
  background-image: linear-gradient(47deg, #00a1b5, #00cfe8);
  background-repeat: repeat; }

.bg-gradient-warning,
.btn-gradient-warning {
  color: #fff;
  transition: all 0.2s ease;
  background-image: linear-gradient(47deg, #ff9f43, #ffb976);
  background-repeat: repeat; }

.bg-gradient-warning:hover, .bg-gradient-warning:active,
.btn-gradient-warning:hover,
.btn-gradient-warning:active {
  color: #fff; }

.bg-gradient-warning:hover:not(.disabled):not(:disabled),
.btn-gradient-warning:hover:not(.disabled):not(:disabled) {
  transform: translateY(-2px); }

.bg-gradient-warning:active,
.btn-gradient-warning:active {
  transform: translateY(0); }

.bg-gradient-warning:active, .bg-gradient-warning:focus,
.btn-gradient-warning:active,
.btn-gradient-warning:focus {
  background-image: linear-gradient(47deg, #ff8510, #ff9f43);
  background-repeat: repeat; }

.bg-gradient-danger,
.btn-gradient-danger {
  color: #fff;
  transition: all 0.2s ease;
  background-image: linear-gradient(47deg, #ea5455, #f08182);
  background-repeat: repeat; }

.bg-gradient-danger:hover, .bg-gradient-danger:active,
.btn-gradient-danger:hover,
.btn-gradient-danger:active {
  color: #fff; }

.bg-gradient-danger:hover:not(.disabled):not(:disabled),
.btn-gradient-danger:hover:not(.disabled):not(:disabled) {
  transform: translateY(-2px); }

.bg-gradient-danger:active,
.btn-gradient-danger:active {
  transform: translateY(0); }

.bg-gradient-danger:active, .bg-gradient-danger:focus,
.btn-gradient-danger:active,
.btn-gradient-danger:focus {
  background-image: linear-gradient(47deg, #e42728, #ea5455);
  background-repeat: repeat; }

/* ========================================================================
   SECURESPLIT THEME OVERRIDES - Green Color Scheme
   Updated: 2024-01-XX - Enhanced Pagination Colors + SVG Arrow Fix + Sidebar Hover + Active State Fix
   ======================================================================== */

/* Sidebar Active Menu Item Overrides */
.main-menu .navigation .nav-item.active a,
.main-menu .navigation .nav-item.active > a,
.main-menu .navigation .nav-item.active a *,
.main-menu .navigation .nav-item.active > a * {
  background-color: #2d5a27 !important;
  color: #ffffff !important;
}

/* Sidebar Clicked/Active State - Override Purple */
html body .main-menu .navigation .nav-item.active a,
html body .main-menu .navigation .nav-item.active > a,
html body .main-menu .navigation .nav-item.active a *,
html body .main-menu .navigation .nav-item.active > a *,
html body .main-menu .navigation .nav-item.active a i,
html body .main-menu .navigation .nav-item.active a span,
html body .main-menu .navigation .nav-item.active a .menu-title,
html body .main-menu .navigation .nav-item.active a .menu-icon {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
}

/* Additional rules to ensure text and icons are dark green in active nav items */
html body .main-menu .navigation .nav-item.active a,
html body .main-menu .navigation .nav-item.active a *,
html body .main-menu .navigation .nav-item.active a i,
html body .main-menu .navigation .nav-item.active a span,
html body .main-menu .navigation .nav-item.active a .menu-title,
html body .main-menu .navigation .nav-item.active a .menu-icon,
html body .main-menu .navigation .nav-item.active a .menu-text {
  color: #2d5a27 !important;
}

/* Target SVG icons and any other elements in active nav items */
html body .main-menu .navigation .nav-item.active a svg,
html body .main-menu .navigation .nav-item.active a svg *,
html body .main-menu .navigation .nav-item.active a .feather,
html body .main-menu .navigation .nav-item.active a .feather * {
  color: #2d5a27 !important;
  fill: #2d5a27 !important;
  stroke: #2d5a27 !important;
}

/* Force override any purple colors in active state */
html body .main-menu .navigation .nav-item.active a[style*="background-color"],
html body .main-menu .navigation .nav-item.active a[style*="color"] {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
}

/* Ensure the nav-item itself has light green background when active */
html body .main-menu .navigation .nav-item.active {
  background-color: #f0f8f0 !important;
}

/* Target the complete li element for light green background */
html body .main-menu .navigation .nav-item.active,
html body .main-menu .navigation li.nav-item.active,
html body .main-menu .navigation .nav-item.active li {
  background-color: #f0f8f0 !important;
}

/* Ensure all child elements inherit the light green background */
html body .main-menu .navigation .nav-item.active *,
html body .main-menu .navigation .nav-item.active a,
html body .main-menu .navigation .nav-item.active a * {
  background-color: #f0f8f0 !important;
}

/* ULTIMATE OVERRIDE: Force light green background and dark green text for active nav items */
html body .main-menu .navigation .nav-item.active,
html body .main-menu .navigation .nav-item.active a,
html body .main-menu .navigation .nav-item.active a *,
html body .main-menu .navigation .nav-item.active i,
html body .main-menu .navigation .nav-item.active span,
html body .main-menu .navigation .nav-item.active .menu-title,
html body .main-menu .navigation .nav-item.active .menu-icon {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
}

/* NUCLEAR OPTION: Override any possible Bootstrap or theme overrides */
.nav-item.active,
.nav-item.active a,
.nav-item.active a *,
.nav-item.active i,
.nav-item.active span,
.nav-item.active .menu-title,
.nav-item.active .menu-icon,
li.nav-item.active,
li.nav-item.active a,
li.nav-item.active a * {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
}

/* Target any possible class combinations */
.main-menu .nav-item.active,
.main-menu .nav-item.active a,
.main-menu .nav-item.active a *,
.navigation .nav-item.active,
.navigation .nav-item.active a,
.navigation .nav-item.active a * {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
}

/* FINAL NUCLEAR OPTION: Override any inline styles */
.nav-item.active[style*="background-color"],
.nav-item.active a[style*="background-color"],
.nav-item.active a[style*="color"],
.nav-item.active i[style*="color"],
.nav-item.active span[style*="color"] {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
}

/* Override any possible data attributes or dynamic classes */
.nav-item.active.show,
.nav-item.active[class*="active"],
.nav-item.active[class*="selected"] {
  background-color: #f0f8f0 !important;
}

.nav-item.active.show a,
.nav-item.active[class*="active"] a,
.nav-item.active[class*="selected"] a {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
}

/* Override any theme-specific active states */
html body .main-menu .navigation .nav-item.active,
html body .main-menu .navigation .nav-item.active:hover,
html body .main-menu .navigation .nav-item.active:focus,
html body .main-menu .navigation .nav-item.active:active {
  background-color: #2d5a27 !important;
}

html body .main-menu .navigation .nav-item.active a,
html body .main-menu .navigation .nav-item.active a:hover,
html body .main-menu .navigation .nav-item.active a:focus,
html body .main-menu .navigation .nav-item.active a:active {
  background-color: #2d5a27 !important;
  color: #ffffff !important;
}

/* Override specific purple color codes in active state */
html body .main-menu .navigation .nav-item.active a[style*="#6f42c1"],
html body .main-menu .navigation .nav-item.active a[style*="#6c5ce7"],
html body .main-menu .navigation .nav-item.active a[style*="#a29bfe"],
html body .main-menu .navigation .nav-item.active a[style*="#8b5cf6"],
html body .main-menu .navigation .nav-item.active a[style*="#7c3aed"] {
  background-color: #2d5a27 !important;
  color: #ffffff !important;
}

/* Nuclear option - Force green on any active sidebar item */
html body .main-menu .navigation .nav-item.active,
html body .main-menu .navigation .nav-item.active * {
  background-color: #2d5a27 !important;
  color: #ffffff !important;
}

/* Specific targeting for .nav-item.active class */
.nav-item.active,
.nav-item.active a,
.nav-item.active > a,
.nav-item.active *,
.nav-item.active a *,
.nav-item.active > a * {
  background-color: #2d5a27 !important;
  color: #ffffff !important;
}

/* Maximum specificity for .nav-item.active */
html body .main-menu .navigation .nav-item.active,
html body .main-menu .navigation .nav-item.active a,
html body .main-menu .navigation .nav-item.active > a,
html body .main-menu .navigation .nav-item.active *,
html body .main-menu .navigation .nav-item.active a *,
html body .main-menu .navigation .nav-item.active > a * {
  background-color: #2d5a27 !important;
  color: #ffffff !important;
}

/* Override any possible purple in .nav-item.active */
.nav-item.active[style*="background-color"],
.nav-item.active a[style*="background-color"],
.nav-item.active[style*="color"],
.nav-item.active a[style*="color"] {
  background-color: #2d5a27 !important;
  color: #ffffff !important;
}

/* AGGRESSIVE: Force white color on <a> tags in active nav items */
.nav-item.active a,
.nav-item.active > a,
.nav-item.active a:link,
.nav-item.active a:visited,
.nav-item.active a:hover,
.nav-item.active a:focus,
.nav-item.active a:active {
  color: #ffffff !important;
  background-color: #2d5a27 !important;
}

/* Maximum specificity for <a> tags */
html body .main-menu .navigation .nav-item.active a,
html body .main-menu .navigation .nav-item.active > a,
html body .main-menu .navigation .nav-item.active a:link,
html body .main-menu .navigation .nav-item.active a:visited,
html body .main-menu .navigation .nav-item.active a:hover,
html body .main-menu .navigation .nav-item.active a:focus,
html body .main-menu .navigation .nav-item.active a:active {
  color: #ffffff !important;
  background-color: #2d5a27 !important;
}

/* Override any inline styles on <a> tags */
.nav-item.active a[style],
.nav-item.active > a[style],
.nav-item.active a[style*="color"],
.nav-item.active > a[style*="color"] {
  color: #ffffff !important;
  background-color: #2d5a27 !important;
}

/* Nuclear option - Target all possible <a> selectors */
html body .main-menu .navigation .nav-item.active a[style],
html body .main-menu .navigation .nav-item.active > a[style],
html body .main-menu .navigation .nav-item.active a[style*="color"],
html body .main-menu .navigation .nav-item.active > a[style*="color"] {
  color: #ffffff !important;
  background-color: #2d5a27 !important;
}

/* Override .nav-link purple color */
.nav-link {
  color: #333333 !important;
}

.nav-link:hover {
  color: #2d5a27 !important;
}

/* Override .nav-link in active state */
.nav-item.active .nav-link,
.nav-item.active .nav-link:hover,
.nav-item.active .nav-link:focus,
.nav-item.active .nav-link:active {
  color: #ffffff !important;
  background-color: #2d5a27 !important;
}

/* Maximum specificity for .nav-link */
html body .main-menu .navigation .nav-item .nav-link {
  color: #333333 !important;
}

html body .main-menu .navigation .nav-item .nav-link:hover {
  color: #2d5a27 !important;
}

html body .main-menu .navigation .nav-item.active .nav-link,
html body .main-menu .navigation .nav-item.active .nav-link:hover,
html body .main-menu .navigation .nav-item.active .nav-link:focus,
html body .main-menu .navigation .nav-item.active .nav-link:active {
  color: #ffffff !important;
  background-color: #2d5a27 !important;
}

/* ULTIMATE OVERRIDE: Target inline styles in active nav items */
html body .main-menu .navigation .nav-item.active a[style*="color: #333333"],
html body .main-menu .navigation .nav-item.active a[style*="color:#333333"],
html body .main-menu .navigation .nav-item.active a[style*="color: #333333 !important"],
html body .main-menu .navigation .nav-item.active a[style*="color:#333333 !important"] {
  color: #ffffff !important;
  background-color: #2d5a27 !important;
}

/* Force override any inline style on active nav items */
html body .main-menu .navigation .nav-item.active a[style],
html body .main-menu .navigation .nav-item.active a[style*="color"],
html body .main-menu .navigation .nav-item.active a[style*="background-color"] {
  color: #ffffff !important;
  background-color: #2d5a27 !important;
}

/* Target the exact class combination */
html body .main-menu .navigation .nav-item.active a.d-flex.align-items-center {
  color: #ffffff !important;
  background-color: #2d5a27 !important;
}

/* Nuclear option - Override everything in active nav items */
html body .main-menu .navigation .nav-item.active a,
html body .main-menu .navigation .nav-item.active a * {
  color: #ffffff !important;
  background-color: #2d5a27 !important;
}

/* Sidebar Icon Hover Effects - Enhanced Specificity */
html body .main-menu .navigation .nav-item a:hover,
html body .main-menu .navigation .nav-item a:hover *,
html body .main-menu .navigation .nav-item a:hover i,
html body .main-menu .navigation .nav-item a:hover span,
html body .main-menu .navigation .nav-item a:hover .menu-title,
html body .main-menu .navigation .nav-item a:hover .menu-icon {
  color: #2d5a27 !important;
}

/* Sidebar Icon Default State - Enhanced Specificity */
html body .main-menu .navigation .nav-item a,
html body .main-menu .navigation .nav-item a *,
html body .main-menu .navigation .nav-item a i,
html body .main-menu .navigation .nav-item a span,
html body .main-menu .navigation .nav-item a .menu-title,
html body .main-menu .navigation .nav-item a .menu-icon {
  color: #333333 !important;
}

/* Force override any inline styles or theme overrides */
html body .main-menu .navigation .nav-item a[style*="color"]:hover,
html body .main-menu .navigation .nav-item a[style*="color"]:hover * {
  color: #2d5a27 !important;
}

/* Target specific sidebar elements */
html body .main-menu .navigation .nav-item:not(.active) a:hover,
html body .main-menu .navigation .nav-item:not(.active) a:hover i,
html body .main-menu .navigation .nav-item:not(.active) a:hover span {
  color: #2d5a27 !important;
}

/* DataTables Row Color Overrides */
.dataTables_wrapper table.dataTable tbody tr,
.dataTables_wrapper table.dataTable tbody tr.odd,
.dataTables_wrapper table.dataTable tbody tr.even {
  background-color: #ffffff !important;
}

.dataTables_wrapper table.dataTable tbody tr:hover,
.dataTables_wrapper table.dataTable tbody tr.odd:hover,
.dataTables_wrapper table.dataTable tbody tr.even:hover {
  background-color: #f0f8f0 !important;
}

/* DataTables Pagination Overrides - Enhanced Specificity */
html body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
html body .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus,
html body .dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
  background-color: #2d5a27 !important;
  color: #ffffff !important;
  border-color: #2d5a27 !important;
  box-shadow: none !important;
}

html body .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
html body .dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
  border-color: #2d5a27 !important;
  box-shadow: none !important;
}

html body .dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: #ffffff !important;
  color: #6c757d !important;
  border-color: #dee2e6 !important;
}

/* Bootstrap Pagination Overrides - Enhanced Specificity */
html body .page-item.active .page-link,
html body .page-item.active .page-link:hover,
html body .page-item.active .page-link:focus {
  background-color: #2d5a27 !important;
  border-color: #2d5a27 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html body .page-link:hover,
html body .page-link:focus {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
  border-color: #2d5a27 !important;
  box-shadow: none !important;
}

html body .page-link {
  background-color: #ffffff !important;
  color: #6c757d !important;
  border-color: #dee2e6 !important;
}

/* Additional Pagination Overrides for Maximum Specificity */
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a:hover,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a:focus {
  background-color: #2d5a27 !important;
  border-color: #2d5a27 !important;
  color: #ffffff !important;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination li a:hover,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a:focus {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
  border-color: #2d5a27 !important;
}

/* Force override any theme-specific pagination styles */
.pagination .page-item.active .page-link,
.pagination .page-item.active .page-link:hover,
.pagination .page-item.active .page-link:focus {
  background-color: #2d5a27 !important;
  border-color: #2d5a27 !important;
  color: #ffffff !important;
  z-index: 3 !important;
}

/* Fix purple arrows in pagination buttons */
html body .dataTables_wrapper .dataTables_paginate .paginate_button *,
html body .dataTables_wrapper .dataTables_paginate .paginate_button::before,
html body .dataTables_wrapper .dataTables_paginate .paginate_button::after,
html body .page-link *,
html body .page-link::before,
html body .page-link::after,
html body .pagination .page-link *,
html body .pagination .page-link::before,
html body .pagination .page-link::after {
  color: inherit !important;
}

/* Specific targeting for pagination button text and icons */
html body .dataTables_wrapper .dataTables_paginate .paginate_button,
html body .dataTables_wrapper .dataTables_paginate .paginate_button span,
html body .dataTables_wrapper .dataTables_paginate .paginate_button i,
html body .page-link,
html body .page-link span,
html body .page-link i,
html body .pagination .page-link,
html body .pagination .page-link span,
html body .pagination .page-link i {
  color: inherit !important;
}

/* Override any purple color specifically */
html body .dataTables_wrapper .dataTables_paginate .paginate_button[style*="color"],
html body .page-link[style*="color"],
html body .pagination .page-link[style*="color"] {
  color: inherit !important;
}

/* Nuclear option - Override any possible purple colors in pagination */
html body .dataTables_wrapper .dataTables_paginate .paginate_button,
html body .dataTables_wrapper .dataTables_paginate .paginate_button *,
html body .page-link,
html body .page-link *,
html body .pagination .page-link,
html body .pagination .page-link * {
  color: inherit !important;
}

/* Force override common purple color codes */
html body .dataTables_wrapper .dataTables_paginate .paginate_button[style*="#6f42c1"],
html body .dataTables_wrapper .dataTables_paginate .paginate_button[style*="#6c5ce7"],
html body .dataTables_wrapper .dataTables_paginate .paginate_button[style*="#a29bfe"],
html body .page-link[style*="#6f42c1"],
html body .page-link[style*="#6c5ce7"],
html body .page-link[style*="#a29bfe"],
html body .pagination .page-link[style*="#6f42c1"],
html body .pagination .page-link[style*="#6c5ce7"],
html body .pagination .page-link[style*="#a29bfe"] {
  color: inherit !important;
}

/* Fix purple SVG arrows in pagination - Target specific classes */
.page-item.prev .page-link:before,
.page-item.previous .page-link:before,
.page-item.next .page-link:before,
.page-item.prev .page-link:hover:before,
.page-item.previous .page-link:hover:before,
.page-item.next .page-link:hover:before {
  background-image: none !important;
  color: inherit !important;
}

/* Alternative approach - Override the SVG data URI with green colors */
.page-item.prev .page-link:before,
.page-item.previous .page-link:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15,18 9,12 15,6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.page-item.prev .page-link:hover:before,
.page-item.previous .page-link:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232d5a27' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15,18 9,12 15,6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.page-item.next .page-link:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9,18 15,12 9,6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

.page-item.next .page-link:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232d5a27' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9,18 15,12 9,6'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

/* Button Overrides - Remove Purple */
.btn-primary {
  background-color: #2d5a27 !important;
  border-color: #2d5a27 !important;
}

.btn-primary:hover {
  background-color: #1e3d1a !important;
  border-color: #1e3d1a !important;
}

/* Remove Purple Shadows and Glows */
.btn, .btn-primary, .btn-secondary, .btn-success, .btn-danger, .btn-warning, .btn-info, .btn-light, .btn-dark {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Avatar Icon Centering */
.avatar .avatar-content {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.avatar .avatar-content .avatar-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ========================================================================
   ALL SECURESPLIT CSS FROM APP.BLADE.PHP
   ======================================================================== */


/* Card Styling */
.card {
    background-color: var(--base-bg-low) !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
}

.card-header {
    background-color: var(--light-green) !important;
    border-bottom: 1px solid #dee2e6 !important;
    color: var(--primary-green) !important;
}

/* Button Styling */
.btn-primary {
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #1e3d1a !important;
    border-color: #1e3d1a !important;
    color: var(--white) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.btn-outline-primary {
    color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    color: var(--white) !important;
}

/* Secondary Button Styling */
.btn-secondary {
    background-color: var(--text-gray) !important;
    border-color: var(--text-gray) !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
    background-color: #5a6268 !important;
    border-color: #5a6268 !important;
    color: var(--white) !important;
}

.btn-outline-secondary {
    color: var(--text-gray) !important;
    border-color: var(--text-gray) !important;
    background-color: transparent !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active {
    background-color: var(--text-gray) !important;
    border-color: var(--text-gray) !important;
    color: var(--white) !important;
}

/* Success Button Styling */
.btn-success {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
    background-color: #1e7e34 !important;
    border-color: #1e7e34 !important;
    color: var(--white) !important;
}

/* Warning Button Styling */
.btn-warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #000 !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
    background-color: #e0a800 !important;
    border-color: #e0a800 !important;
    color: #000 !important;
}

/* Danger Button Styling */
.btn-danger {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
    background-color: #c82333 !important;
    border-color: #c82333 !important;
    color: var(--white) !important;
}

.btn-outline-danger {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
    background-color: transparent !important;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger.active {
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    color: var(--white) !important;
}

/* Info Button Styling */
.btn-info {
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
    background-color: #138496 !important;
    border-color: #138496 !important;
    color: var(--white) !important;
}

/* Light Button Styling */
.btn-light {
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
    color: #000 !important;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active {
    background-color: #e2e6ea !important;
    border-color: #e2e6ea !important;
    color: #000 !important;
}

/* Dark Button Styling */
.btn-dark {
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active {
    background-color: #23272b !important;
    border-color: #23272b !important;
    color: var(--white) !important;
}

/* Remove all purple shadows and glows from buttons */
.btn,
.btn:focus,
.btn:hover,
.btn:active,
.btn.active,
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* Specific override for any purple theme effects */
.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary.show,
.btn-primary.dropdown-toggle {
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    color: var(--white) !important;
}

/* Force override for clicked/active state */
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background-color: #1e3d1a !important;
    border-color: #1e3d1a !important;
    color: var(--white) !important;
    box-shadow: none !important;
}

/* Override any CSS custom properties that might be purple */
.btn-primary {
    --bs-btn-bg: var(--primary-green) !important;
    --bs-btn-border-color: var(--primary-green) !important;
    --bs-btn-hover-bg: #1e3d1a !important;
    --bs-btn-hover-border-color: #1e3d1a !important;
    --bs-btn-active-bg: #1e3d1a !important;
    --bs-btn-active-border-color: #1e3d1a !important;
    --bs-btn-focus-shadow-rgb: 45, 90, 39 !important;
}

/* Table Styling */
.table {
    background-color: var(--white) !important;
}

.table thead th {
    background-color: var(--light-green) !important;
    color: var(--primary-green) !important;
    border-color: #dee2e6 !important;
}

.table tbody tr:nth-child(even) {
    background-color: var(--base-bg-low) !important;
}

/* Form Styling */
.form-control:focus {
    border-color: var(--primary-green) !important;
    box-shadow: 0 0 0 0.2rem rgba(45, 90, 39, 0.25) !important;
}

.form-select:focus {
    border-color: var(--primary-green) !important;
    box-shadow: 0 0 0 0.2rem rgba(45, 90, 39, 0.25) !important;
}

/* Sidebar Styling */
.main-menu {
    background-color: var(--white) !important;
    border-right: 1px solid #dee2e6 !important;
}

.main-menu .navigation .nav-item a {
    color: var(--text-dark) !important;
}

.main-menu .navigation .nav-item a:hover {
    background-color: var(--light-green) !important;
    color: var(--primary-green) !important;
}

.main-menu .navigation .nav-item.active > a,
.main-menu .navigation .nav-item.active > a:focus,
.main-menu .navigation .nav-item.active > a:active,
.main-menu .navigation .nav-item.active > a:visited {
    background-color: var(--primary-green) !important;
    color: var(--white) !important;
    border-color: var(--primary-green) !important;
}

.main-menu .navigation-header {
    color: var(--primary-green) !important;
    font-weight: 600 !important;
}

/* Sidebar Icon Colors */
.main-menu .navigation .nav-item a i,
.main-menu .navigation .nav-item a .fas,
.main-menu .navigation .nav-item a .fa,
.main-menu .navigation .nav-item a .fab,
.main-menu .navigation .nav-item a .far,
.main-menu .navigation .nav-item a .fal {
    color: #4a7c59 !important;
}

.main-menu .navigation .nav-item a:hover i,
.main-menu .navigation .nav-item a:hover .fas,
.main-menu .navigation .nav-item a:hover .fa,
.main-menu .navigation .nav-item a:hover .fab,
.main-menu .navigation .nav-item a:hover .far,
.main-menu .navigation .nav-item a:hover .fal {
    color: var(--primary-green) !important;
}

.main-menu .navigation .nav-item.active > a i,
.main-menu .navigation .nav-item.active > a .fas,
.main-menu .navigation .nav-item.active > a .fa,
.main-menu .navigation .nav-item.active > a .fab,
.main-menu .navigation .nav-item.active > a .far,
.main-menu .navigation .nav-item.active > a .fal {
    color: var(--white) !important;
}

/* Override any purple theme effects on sidebar */
.main-menu .navigation .nav-item a:focus,
.main-menu .navigation .nav-item a:active,
.main-menu .navigation .nav-item a:visited {
    background-color: transparent !important;
    color: var(--text-dark) !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.main-menu .navigation .nav-item.active > a:focus,
.main-menu .navigation .nav-item.active > a:active,
.main-menu .navigation .nav-item.active > a:visited {
    background-color: var(--primary-green) !important;
    color: var(--white) !important;
    box-shadow: none !important;
    border-color: var(--primary-green) !important;
}

/* Remove any purple shadows or glows from sidebar */
.main-menu .navigation .nav-item a,
.main-menu .navigation .nav-item a:focus,
.main-menu .navigation .nav-item a:active,
.main-menu .navigation .nav-item a:visited {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

/* Force override all possible purple theme effects */
.main-menu .navigation .nav-item a:not(.active):focus,
.main-menu .navigation .nav-item a:not(.active):active,
.main-menu .navigation .nav-item a:not(.active):visited {
    background-color: transparent !important;
    color: var(--text-dark) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Override any Bootstrap or theme purple colors */
.main-menu .navigation .nav-item a:focus:not(:hover):not(.active),
.main-menu .navigation .nav-item a:active:not(:hover):not(.active) {
    background-color: transparent !important;
    color: var(--text-dark) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Specific override for clicked state */
.main-menu .navigation .nav-item a:active {
    background-color: transparent !important;
    color: var(--text-dark) !important;
    transform: none !important;
    transition: none !important;
}

/* Override any CSS custom properties that might be purple */
.main-menu .navigation .nav-item a {
    --bs-link-color: var(--text-dark) !important;
    --bs-link-hover-color: var(--primary-green) !important;
    --bs-link-active-color: var(--primary-green) !important;
}

/* Maximum specificity override for purple theme */
body .main-menu .navigation .nav-item a,
body .main-menu .navigation .nav-item a:focus,
body .main-menu .navigation .nav-item a:active,
body .main-menu .navigation .nav-item a:visited,
body .main-menu .navigation .nav-item a:not(.active) {
    background-color: transparent !important;
    color: var(--text-dark) !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Override active state with maximum specificity */
body .main-menu .navigation .nav-item.active > a,
body .main-menu .navigation .nav-item.active > a:focus,
body .main-menu .navigation .nav-item.active > a:active,
body .main-menu .navigation .nav-item.active > a:visited {
    background-color: var(--primary-green) !important;
    color: var(--white) !important;
    border-color: var(--primary-green) !important;
}

/* Force override any theme-specific classes */
.main-menu .navigation .nav-item a[class*="active"],
.main-menu .navigation .nav-item a[class*="selected"],
.main-menu .navigation .nav-item a[class*="current"] {
    background-color: var(--primary-green) !important;
    color: var(--white) !important;
}

/* Override any purple color specifically */
.main-menu .navigation .nav-item a[style*="background-color"],
.main-menu .navigation .nav-item a[style*="background"] {
    background-color: transparent !important;
}

.main-menu .navigation .nav-item.active > a[style*="background-color"],
.main-menu .navigation .nav-item.active > a[style*="background"] {
    background-color: var(--primary-green) !important;
}

/* Additional override for clicked/active states */
.main-menu .navigation .nav-item a:active,
.main-menu .navigation .nav-item a:focus:active,
.main-menu .navigation .nav-item a:visited:active {
    /*background-color: var(--primary-green) !important;*/
    color: black !important;
}

/* Override any purple background on click */
.main-menu .navigation .nav-item a[style*="background-color: rgb(115, 103, 240)"],
.main-menu .navigation .nav-item a[style*="background-color: #2d5a27"],
.main-menu .navigation .nav-item a[style*="background-color: rgba(115, 103, 240"] {
    background-color: var(--primary-green) !important;
    color: var(--white) !important;
}

/* Specific override for .nav-item.active class */
.main-menu .navigation .nav-item.active,
.main-menu .navigation .nav-item.active a,
.main-menu .navigation .nav-item.active > a,
body .main-menu .navigation .nav-item.active,
body .main-menu .navigation .nav-item.active a,
body .main-menu .navigation .nav-item.active > a,
html body .main-menu .navigation .nav-item.active,
html body .main-menu .navigation .nav-item.active a,
html body .main-menu .navigation .nav-item.active > a {
    background-color: var(--primary-green) !important;
    color: var(--white) !important;
}

/* Override any theme-specific active classes */
.main-menu .navigation .nav-item.active[class*="active"],
.main-menu .navigation .nav-item.active[class*="selected"],
.main-menu .navigation .nav-item.active[class*="current"] {
    background-color: var(--primary-green) !important;
    color: var(--white) !important;
}

/* Force override any inline styles on active nav-item */
.main-menu .navigation .nav-item.active[style],
.main-menu .navigation .nav-item.active a[style],
.main-menu .navigation .nav-item.active > a[style] {
    background-color: var(--primary-green) !important;
    color: var(--white) !important;
}

/* Specific text color override for active nav-item links */
.main-menu .navigation .nav-item.active a,
.main-menu .navigation .nav-item.active > a,
.main-menu .navigation .nav-item.active a span,
.main-menu .navigation .nav-item.active > a span,
.main-menu .navigation .nav-item.active a i,
.main-menu .navigation .nav-item.active > a i,
body .main-menu .navigation .nav-item.active a,
body .main-menu .navigation .nav-item.active > a,
body .main-menu .navigation .nav-item.active a span,
body .main-menu .navigation .nav-item.active > a span,
body .main-menu .navigation .nav-item.active a i,
body .main-menu .navigation .nav-item.active > a i,
html body .main-menu .navigation .nav-item.active a,
html body .main-menu .navigation .nav-item.active > a,
html body .main-menu .navigation .nav-item.active a span,
html body .main-menu .navigation .nav-item.active > a span,
html body .main-menu .navigation .nav-item.active a i,
html body .main-menu .navigation .nav-item.active > a i {
    color: var(--white) !important;
}

/* Override any purple text colors specifically */
.main-menu .navigation .nav-item.active a[style*="color: #2d5a27"],
.main-menu .navigation .nav-item.active a[style*="color: rgb(115, 103, 240)"],
.main-menu .navigation .nav-item.active > a[style*="color: #2d5a27"],
.main-menu .navigation .nav-item.active > a[style*="color: rgb(115, 103, 240)"] {
    color: var(--white) !important;
}

/* Override any grey text colors on active nav items */
.main-menu .navigation .nav-item.active a[style*="color: #333333"],
.main-menu .navigation .nav-item.active a[style*="color: rgb(51, 51, 51)"],
.main-menu .navigation .nav-item.active > a[style*="color: #333333"],
.main-menu .navigation .nav-item.active > a[style*="color: rgb(51, 51, 51)"] {
    color: var(--white) !important;
}

/* Ultimate override for active nav item text color */
html body .main-menu .navigation .nav-item.active a,
html body .main-menu .navigation .nav-item.active > a {
    color: #ffffff !important;
}

/* NUCLEAR OPTION - Force override everything */
.main-menu .navigation .nav-item.active a,
.main-menu .navigation .nav-item.active > a,
.main-menu .navigation .nav-item.active a *,
.main-menu .navigation .nav-item.active > a * {
    background-color: #2d5a27 !important;
    color: #ffffff !important;
}

/* Override any possible purple or grey colors */
.main-menu .navigation .nav-item.active a[style],
.main-menu .navigation .nav-item.active > a[style],
.main-menu .navigation .nav-item.active a[style*="color"],
.main-menu .navigation .nav-item.active > a[style*="color"] {
    background-color: #2d5a27 !important;
    color: #ffffff !important;
}

/* DataTables Pagination Override - Maximum Specificity */
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(.disabled),
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(.disabled):hover {
    background: var(--white) !important;
    background-color: var(--white) !important;
    border: 1px solid #dee2e6 !important;
    border-color: #dee2e6 !important;
    color: var(--text-dark) !important;
    border-radius: 0.375rem !important;
    margin: 0 2px !important;
    padding: 0.375rem 0.75rem !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current):not(.disabled) {
    background: var(--light-green) !important;
    background-color: var(--light-green) !important;
    border-color: var(--primary-green) !important;
    color: var(--primary-green) !important;
}

/* Active/Current Page - Override Purple */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:visited {
    background: var(--primary-green) !important;
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    color: var(--white) !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #1e3d1a !important;
    background-color: #1e3d1a !important;
    border-color: #1e3d1a !important;
    color: var(--white) !important;
}

/* Disabled State */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    background: #f8f9fa !important;
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
    color: #6c757d !important;
    cursor: not-allowed !important;
}

/* Override any theme-specific purple colors */
.dataTables_wrapper .dataTables_paginate .paginate_button[style*="background"],
.dataTables_wrapper .dataTables_paginate .paginate_button[style*="background-color"] {
    background: var(--white) !important;
    background-color: var(--white) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current[style*="background"],
.dataTables_wrapper .dataTables_paginate .paginate_button.current[style*="background-color"] {
    background: var(--primary-green) !important;
    background-color: var(--primary-green) !important;
}

/* Override Bootstrap CSS variables for pagination */
.dataTables_wrapper {
    --bs-primary: #2d5a27 !important;
    --bs-primary-rgb: 45, 90, 39 !important;
}

/* Force override any purple theme variables */
.dataTables_wrapper .dataTables_paginate {
    --bs-primary: #2d5a27 !important;
    --bs-primary-rgb: 45, 90, 39 !important;
}

/* Additional specificity for current page button */
body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html body .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--primary-green) !important;
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    color: var(--white) !important;
}

/* Ultra-specific overrides for all pagination elements */
.dataTables_wrapper .dataTables_paginate *,
.dataTables_wrapper .dataTables_paginate a,
.dataTables_wrapper .dataTables_paginate button,
.dataTables_wrapper .dataTables_paginate span {
    color: var(--text-dark) !important;
}

/* Override any purple text colors */
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):not(.disabled) {
    color: var(--text-dark) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: var(--white) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #6c757d !important;
}

/* Force override any purple backgrounds with maximum specificity */
.dataTables_wrapper .dataTables_paginate .paginate_button[class*="current"],
.dataTables_wrapper .dataTables_paginate .paginate_button[class*="active"],
.dataTables_wrapper .dataTables_paginate .paginate_button[class*="selected"] {
    background: var(--primary-green) !important;
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    color: var(--white) !important;
}

/* Override any theme-specific classes that might add purple */
.dataTables_wrapper .dataTables_paginate .paginate_button.btn-primary,
.dataTables_wrapper .dataTables_paginate .paginate_button.bg-primary,
.dataTables_wrapper .dataTables_paginate .paginate_button.text-primary {
    background: var(--primary-green) !important;
    background-color: var(--primary-green) !important;
    color: var(--white) !important;
}

/* Target specific DataTables classes */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
    background: var(--primary-green) !important;
    background-color: var(--primary-green) !important;
    border: 1px solid var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    color: var(--white) !important;
    box-shadow: 0 0 0 0.2rem rgba(45, 90, 39, 0.25) !important;
}

/* Bootstrap Pagination Override - .page-item.active .page-link */
.page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus,
.page-item.active .page-link:active,
.page-item.active .page-link:visited {
    background-color: var(--primary-green) !important;
    border-color: var(--primary-green) !important;
    color: var(--white) !important;
    box-shadow: none !important;
}

/* Bootstrap Pagination General Override */
.page-link {
    color: var(--text-dark) !important;
    background-color: var(--white) !important;
    border-color: #dee2e6 !important;
}

.page-link:hover {
    color: var(--primary-green) !important;
    background-color: var(--light-green) !important;
    border-color: var(--primary-green) !important;
}

.page-item.disabled .page-link {
    color: #6c757d !important;
    background-color: #f8f9fa !important;
    border-color: #dee2e6 !important;
}

/* Override Bootstrap CSS variables for pagination */
.pagination {
    --bs-pagination-color: var(--text-dark) !important;
    --bs-pagination-bg: var(--white) !important;
    --bs-pagination-border-color: #dee2e6 !important;
    --bs-pagination-hover-color: var(--primary-green) !important;
    --bs-pagination-hover-bg: var(--light-green) !important;
    --bs-pagination-hover-border-color: var(--primary-green) !important;
    --bs-pagination-active-color: var(--white) !important;
    --bs-pagination-active-bg: var(--primary-green) !important;
    --bs-pagination-active-border-color: var(--primary-green) !important;
}

/* DataTables Row Colors - Maximum Specificity Override */
.dataTables_wrapper table.dataTable tbody tr,
.dataTables_wrapper table.dataTable tbody tr.odd,
.dataTables_wrapper table.dataTable tbody tr.even,
.dataTables_wrapper table.dataTable tbody tr:nth-child(even),
.dataTables_wrapper table.dataTable tbody tr:nth-child(odd),
.dataTables_wrapper table.dataTable tbody tr[class*="odd"],
.dataTables_wrapper table.dataTable tbody tr[class*="even"] {
    background-color: var(--white) !important;
    background: var(--white) !important;
}

/* Keep green hover and selection effects */
.dataTables_wrapper table.dataTable tbody tr:hover,
.dataTables_wrapper table.dataTable tbody tr.odd:hover,
.dataTables_wrapper table.dataTable tbody tr.even:hover {
    background-color: var(--light-green) !important;
    background: var(--light-green) !important;
}

.dataTables_wrapper table.dataTable tbody tr.selected,
.dataTables_wrapper table.dataTable tbody tr.odd.selected,
.dataTables_wrapper table.dataTable tbody tr.even.selected {
    background-color: var(--light-green) !important;
    background: var(--light-green) !important;
}

/* Override any inline styles and theme colors */
.dataTables_wrapper table.dataTable tbody tr[style*="background-color"],
.dataTables_wrapper table.dataTable tbody tr[style*="background"] {
    background-color: var(--white) !important;
    background: var(--white) !important;
}

/* Table header styling */
.dataTables_wrapper table.dataTable thead th {
    background-color: #f8f9fa !important;
    border-bottom: 2px solid var(--primary-green) !important;
    color: var(--text-dark) !important;
}

/* Table borders */
.dataTables_wrapper table.dataTable td,
.dataTables_wrapper table.dataTable th {
    border-color: #dee2e6 !important;
}

/* Override any grey backgrounds in table cells */
.dataTables_wrapper table.dataTable tbody td {
    background-color: transparent !important;
    background: transparent !important;
}

/* Ultra-specific overrides for DataTables internal styling */
body .dataTables_wrapper table.dataTable tbody tr,
html body .dataTables_wrapper table.dataTable tbody tr {
    background-color: var(--white) !important;
    background: var(--white) !important;
}

/* Target the exact class causing grey color */
body .dataTables_wrapper table.dataTable tbody tr.odd,
html body .dataTables_wrapper table.dataTable tbody tr.odd,
body .dataTables_wrapper table.dataTable tbody tr.odd:hover,
html body .dataTables_wrapper table.dataTable tbody tr.odd:hover,
body .dataTables_wrapper table.dataTable tbody tr.odd:focus,
html body .dataTables_wrapper table.dataTable tbody tr.odd:focus,
body .dataTables_wrapper table.dataTable tbody tr.odd:active,
html body .dataTables_wrapper table.dataTable tbody tr.odd:active {
    background-color: var(--white) !important;
    background: var(--white) !important;
}

body .dataTables_wrapper table.dataTable tbody tr.even,
html body .dataTables_wrapper table.dataTable tbody tr.even,
body .dataTables_wrapper table.dataTable tbody tr.even:hover,
html body .dataTables_wrapper table.dataTable tbody tr.even:hover,
body .dataTables_wrapper table.dataTable tbody tr.even:focus,
html body .dataTables_wrapper table.dataTable tbody tr.even:focus,
body .dataTables_wrapper table.dataTable tbody tr.even:active,
html body .dataTables_wrapper table.dataTable tbody tr.even:active {
    background-color: var(--white) !important;
    background: var(--white) !important;
}

/* Even more specific targeting */
html body .dataTables_wrapper table.dataTable tbody tr.odd,
html body .dataTables_wrapper table.dataTable tbody tr.even {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Override any inline styles on these specific classes */
html body .dataTables_wrapper table.dataTable tbody tr.odd[style],
html body .dataTables_wrapper table.dataTable tbody tr.even[style] {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Ultra-specific hover state overrides */
.dataTables_wrapper table.dataTable tbody tr:hover,
.dataTables_wrapper table.dataTable tbody tr.odd:hover,
.dataTables_wrapper table.dataTable tbody tr.even:hover,
body .dataTables_wrapper table.dataTable tbody tr:hover,
body .dataTables_wrapper table.dataTable tbody tr.odd:hover,
body .dataTables_wrapper table.dataTable tbody tr.even:hover,
html body .dataTables_wrapper table.dataTable tbody tr:hover,
html body .dataTables_wrapper table.dataTable tbody tr.odd:hover,
html body .dataTables_wrapper table.dataTable tbody tr.even:hover {
    background-color: var(--light-green) !important;
    background: var(--light-green) !important;
}

/* Override any theme-specific hover colors */
.dataTables_wrapper table.dataTable tbody tr:hover[style],
.dataTables_wrapper table.dataTable tbody tr.odd:hover[style],
.dataTables_wrapper table.dataTable tbody tr.even:hover[style] {
    background-color: var(--light-green) !important;
    background: var(--light-green) !important;
}

/* Force override any grey hover colors */
.dataTables_wrapper table.dataTable tbody tr:hover[style*="background-color: #f8f9fa"],
.dataTables_wrapper table.dataTable tbody tr:hover[style*="background-color: #e9ecef"],
.dataTables_wrapper table.dataTable tbody tr:hover[style*="background-color: #dee2e6"],
.dataTables_wrapper table.dataTable tbody tr.odd:hover[style*="background-color: #f8f9fa"],
.dataTables_wrapper table.dataTable tbody tr.odd:hover[style*="background-color: #e9ecef"],
.dataTables_wrapper table.dataTable tbody tr.odd:hover[style*="background-color: #dee2e6"],
.dataTables_wrapper table.dataTable tbody tr.even:hover[style*="background-color: #f8f9fa"],
.dataTables_wrapper table.dataTable tbody tr.even:hover[style*="background-color: #e9ecef"],
.dataTables_wrapper table.dataTable tbody tr.even:hover[style*="background-color: #dee2e6"] {
    background-color: var(--light-green) !important;
    background: var(--light-green) !important;
}

/* Override ALL grey colors in DataTables - Maximum Specificity */
.dataTables_wrapper table.dataTable tbody tr[style*="background-color: #f8f9fa"],
.dataTables_wrapper table.dataTable tbody tr[style*="background-color: #e9ecef"],
.dataTables_wrapper table.dataTable tbody tr[style*="background-color: #dee2e6"],
.dataTables_wrapper table.dataTable tbody tr[style*="background-color: #f5f5f5"],
.dataTables_wrapper table.dataTable tbody tr[style*="background-color: #fafafa"],
body .dataTables_wrapper table.dataTable tbody tr[style*="background-color: #f8f9fa"],
body .dataTables_wrapper table.dataTable tbody tr[style*="background-color: #e9ecef"],
body .dataTables_wrapper table.dataTable tbody tr[style*="background-color: #dee2e6"],
html body .dataTables_wrapper table.dataTable tbody tr[style*="background-color: #f8f9fa"],
html body .dataTables_wrapper table.dataTable tbody tr[style*="background-color: #e9ecef"],
html body .dataTables_wrapper table.dataTable tbody tr[style*="background-color: #dee2e6"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Avatar Icon Centering Fix */
.avatar .avatar-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.avatar .avatar-content .avatar-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    font-size: 1rem !important;
}

.avatar .avatar-content i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

/* Header Styling */
.header-navbar {
    background-color: var(--white) !important;
    border-bottom: 1px solid #dee2e6 !important;
}

/* Content Area */
.content-wrapper {
    background-color: var(--base-bg-low) !important;
}

/* Breadcrumb Styling */
.breadcrumb-item a {
    color: var(--primary-green) !important;
}

.breadcrumb-item.active {
    color: var(--text-gray) !important;
}

/* Badge Styling */
.badge.bg-primary {
    background-color: var(--primary-green) !important;
}

/* Alert Styling */
.alert-success {
    background-color: var(--light-green) !important;
    border-color: var(--primary-green) !important;
    color: var(--primary-green) !important;
}

/* Dashboard Specific Styling */
.card-congratulations {
    background: linear-gradient(135deg, var(--primary-green) 0%, #1e3d1a 100%) !important;
    color: var(--white) !important;
}

.card-congratulations .text-white {
    color: var(--white) !important;
}

.avatar.bg-primary {
    background-color: var(--primary-green) !important;
}

.avatar.bg-light-primary {
    background-color: var(--light-green) !important;
}

.avatar.bg-light-warning {
    background-color: #fff3cd !important;
}

.badge.badge-light-primary {
    background-color: var(--light-green) !important;
    color: var(--primary-green) !important;
}

.badge.badge-light-secondary {
    background-color: #f8f9fa !important;
    color: var(--text-gray) !important;
}

/* Progress Bar Styling */
.progress-bar-primary {
    background-color: var(--primary-green) !important;
}

.progress-bar-warning {
    background-color: #ffc107 !important;
}

/* Dropdown Styling */
.dropdown-menu {
    border: 1px solid #dee2e6 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
}

.dropdown-item:hover {
    background-color: var(--light-green) !important;
    color: var(--primary-green) !important;
}

/* Completely hide ALL DataTable default sorting icons */

/* FINAL OVERRIDE - Loaded last to override everything */
.main-menu .navigation .nav-item.active a,
.main-menu .navigation .nav-item.active > a,
.main-menu .navigation .nav-item.active a *,
.main-menu .navigation .nav-item.active > a * {
    background-color: #2d5a27 !important;
    color: #ffffff !important;
}

/* FINAL OVERRIDE - Maximum Specificity for DataTables Grey Colors */
html body .dataTables_wrapper table.dataTable tbody tr,
html body .dataTables_wrapper table.dataTable tbody tr.odd,
html body .dataTables_wrapper table.dataTable tbody tr.even,
html body .dataTables_wrapper table.dataTable tbody tr:nth-child(odd),
html body .dataTables_wrapper table.dataTable tbody tr:nth-child(even) {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Override any external DataTables CSS */
.dataTables_wrapper table.dataTable tbody tr.odd,
.dataTables_wrapper table.dataTable tbody tr.even,
.dataTables_wrapper table.dataTable tbody tr:nth-child(odd),
.dataTables_wrapper table.dataTable tbody tr:nth-child(even) {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Force white background on all table rows */
table.dataTable tbody tr,
table.dataTable tbody tr.odd,
table.dataTable tbody tr.even {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Override Bootstrap table striping */
.table-striped tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Correct Approach - Override Bootstrap CSS Variables */
.dataTables_wrapper table.dataTable {
    --bs-table-striped-bg: #f0f8f0 !important;
    --bs-table-hover-bg: #e8f5e8 !important;
}

/* Override Bootstrap table striping with CSS variables */
.dataTables_wrapper table.dataTable.table-striped > tbody > tr:nth-of-type(odd) {
    --bs-table-accent-bg: #f0f8f0 !important;
    background-color: #f0f8f0 !important;
}

.dataTables_wrapper table.dataTable.table-striped > tbody > tr:nth-of-type(even) {
    --bs-table-accent-bg: #ffffff !important;
    background-color: #ffffff !important;
}

/* Ensure hover works correctly */
.dataTables_wrapper table.dataTable tbody tr:hover {
    --bs-table-accent-bg: #e8f5e8 !important;
    background-color: #e8f5e8 !important;
}
.dataTables_wrapper .dataTables_sorting:after,
.dataTables_wrapper .dataTables_sorting_asc:after,
.dataTables_wrapper .dataTables_sorting_desc:after,
.dataTables_wrapper .dataTables_sorting:before,
.dataTables_wrapper .dataTables_sorting_asc:before,
.dataTables_wrapper .dataTables_sorting_desc:before,
.dataTables_wrapper th.sorting:after,
.dataTables_wrapper th.sorting_asc:after,
.dataTables_wrapper th.sorting_desc:after,
.dataTables_wrapper th.sorting:before,
.dataTables_wrapper th.sorting_asc:before,
.dataTables_wrapper th.sorting_desc:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
    content: '' !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Show sorting icons only when explicitly enabled */
.dataTables_wrapper.show-sort-icons .dataTables_sorting:after,
.dataTables_wrapper.show-sort-icons .dataTables_sorting_asc:after,
.dataTables_wrapper.show-sort-icons .dataTables_sorting_desc:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
}

.dataTables_wrapper.show-sort-icons .dataTables_sorting:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #666;
}

.dataTables_wrapper.show-sort-icons .dataTables_sorting_asc:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #007bff;
}

.dataTables_wrapper.show-sort-icons .dataTables_sorting_desc:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #007bff;
}

.dataTables_wrapper.show-sort-icons .dataTables_sorting:hover:after {
    border-bottom-color: #007bff;
}

/* Custom Single Sorting Icons - Override DataTables completely */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-image: none !important;
    background: none !important;
    position: relative !important;
}

/* Force remove any DataTables background images */
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
    background-image: none !important;
    background: none !important;
}

/* Single sorting icon - clean approach */
table.dataTable thead .sorting:after {
    content: '↕' !important;
    font-family: Arial, sans-serif !important;
    font-weight: normal !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #6c757d !important;
    font-size: 14px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ascending sort - single up arrow */
table.dataTable thead .sorting_asc:after {
    content: '↑' !important;
    font-family: Arial, sans-serif !important;
    font-weight: normal !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #007bff !important;
    font-size: 14px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Descending sort - single down arrow */
table.dataTable thead .sorting_desc:after {
    content: '↓' !important;
    font-family: Arial, sans-serif !important;
    font-weight: normal !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #007bff !important;
    font-size: 14px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Disabled states - single icons */
table.dataTable thead .sorting_asc_disabled:after {
    content: '↑' !important;
    font-family: Arial, sans-serif !important;
    font-weight: normal !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #dee2e6 !important;
    font-size: 14px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

table.dataTable thead .sorting_desc_disabled:after {
    content: '↓' !important;
    font-family: Arial, sans-serif !important;
    font-weight: normal !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #dee2e6 !important;
    font-size: 14px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure proper spacing for sortable columns */
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
    padding-right: 25px !important;
    cursor: pointer !important;
}

/* Hover effect for sortable columns */
table.dataTable thead th.sorting:hover {
    background-color: #f8f9fa !important;
}

/* Removed duplicate CSS rules to prevent double icons */

/* Center circular icons in DataTable cells */
table.dataTable tbody td {
    vertical-align: middle !important;
}

/* Center circular icons specifically */
table.dataTable tbody td .badge,
table.dataTable tbody td .btn,
table.dataTable tbody td i {
    vertical-align: middle !important;
}

/* Ensure proper alignment for circular elements */
table.dataTable tbody td .rounded-circle,
table.dataTable tbody td .badge.rounded-circle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}

/* Center avatar elements in DataTable cells */
table.dataTable tbody td .avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}

table.dataTable tbody td .avatar-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

table.dataTable tbody td .avatar-icon {
    margin: 0 !important;
    vertical-align: middle !important;
}

/* Center d-flex containers in table cells */
table.dataTable tbody td .d-flex {
    align-items: center !important;
}

/* Enhanced SweetAlert2 Styling */
.swal2-popup-custom {
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    border: none !important;
    padding: 2rem !important;
    max-width: 500px !important;
}

.swal2-title-custom {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    margin-bottom: 1rem !important;
}

.swal2-content-custom {
    font-size: 1rem !important;
    color: #5a6c7d !important;
    line-height: 1.5 !important;
    margin-bottom: 1.5rem !important;
}

.swal2-confirm-custom {
    border-radius: 8px !important;
    padding: 0.75rem 2rem !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease !important;
}

.swal2-confirm-custom:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
}

/* Success notification specific styling */
.swal2-popup.swal2-icon-success {
    border-left: 5px solid #28a745 !important;
}

/* Error notification specific styling */
.swal2-popup.swal2-icon-error {
    border-left: 5px solid #dc3545 !important;
}

/* Warning notification specific styling */
.swal2-popup.swal2-icon-warning {
    border-left: 5px solid #ffc107 !important;
}

/* Info notification specific styling */
.swal2-popup.swal2-icon-info {
    border-left: 5px solid #17a2b8 !important;
}

/* Progress bar styling */
.swal2-timer-progress-bar {
    background: linear-gradient(90deg, #007bff, #0056b3) !important;
    height: 4px !important;
    border-radius: 2px !important;
}

/* Icon styling */
.swal2-icon {
    width: 4rem !important;
    height: 4rem !important;
    margin: 0 auto 1.5rem !important;
}

.swal2-icon.swal2-success {
    border-color: #28a745 !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #28a745 !important;
}

.swal2-icon.swal2-error {
    border-color: #dc3545 !important;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: #dc3545 !important;
}

.swal2-icon.swal2-warning {
    border-color: #ffc107 !important;
    color: #ffc107 !important;
}

.swal2-icon.swal2-info {
    border-color: #17a2b8 !important;
    color: #17a2b8 !important;
}

/* Enhanced Alert Styling */
.alert {
    border: none;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    border-left: 4px solid;
    font-weight: 500;
    transition: all 0.2s ease;
}

.alert-success {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%);
    color: #155724;
    border-left-color: #28a745;
}

.alert-danger {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
    color: #721c24;
    border-left-color: #dc3545;
}

.alert-warning {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
    color: #856404;
    border-left-color: #ffc107;
}

.alert-info {
    background: linear-gradient(135deg, #d1ecf1 0%, #bee5eb 100%);
    color: #0c5460;
    border-left-color: #17a2b8;
}

.alert .d-flex {
    align-items: center;
}

.alert i {
    font-size: 1.1rem;
    margin-right: 0.75rem;
    opacity: 0.9;
}

.alert .btn-close {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    padding: 0.25rem 0.5rem;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 4px;
    font-size: 1.1rem;
    line-height: 1;
    color: inherit;
    opacity: 0.8;
    cursor: pointer;
    transition: all 0.2s ease;
}

.alert .btn-close:hover {
    opacity: 1;
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
}

.alert .btn-close:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

/* Alert animation */
.alert.fade.show {
    animation: slideInDown 0.3s ease-out;
}

@keyframes slideInDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Alert hover effect */
.alert:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

/* Action Button Group Styling */
.btn-group {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-group .btn {
    border-radius: 0;
    border-right-width: 0;
    position: relative;
}

.btn-group .btn:first-child {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.btn-group .btn:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    border-right-width: 1px;
}

.btn-group .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

/* Ensure proper centering in table cells */
.text-center .btn-group {
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

/* Fix for form elements inside btn-group */
.btn-group form {
    display: inline-block;
}

.btn-group form .btn {
    border-radius: 0;
}

/* Specific styling for action buttons */
.btn-group .btn-outline-primary {
    border-color: #0d6efd;
    color: #0d6efd;
}

.btn-group .btn-outline-primary:hover {
    background-color: #0d6efd;
    color: white;
}

.btn-group .btn-outline-warning {
    border-color: #ffc107;
    color: #ffc107;
}

.btn-group .btn-outline-warning:hover {
    background-color: #ffc107;
    color: #000;
}

.btn-group .btn-outline-danger {
    border-color: #dc3545;
    color: #dc3545;
}

.btn-group .btn-outline-danger:hover {
    background-color: #dc3545;
    color: white;
}

/* ========================================================================
   COMPREHENSIVE NAVBAR STYLING - CLEAN APPROACH
   ======================================================================== */

/* Default Nav Item States */
.main-menu .navigation .nav-item {
  transition: all 0.3s ease;
}

.main-menu .navigation .nav-item a {
  color: #6c757d;
  background-color: transparent;
  transition: all 0.3s ease;
  border-radius: 6px;
  margin: 2px 8px;
  padding: 8px 12px;
}

/* Nav Item Hover State */
.main-menu .navigation .nav-item:hover a,
.main-menu .navigation .nav-item a:hover {
  color: #2d5a27;
  background-color: #f0f8f0;
  transform: translateX(2px);
}

/* Nav Item Active/Clicked State */
.main-menu .navigation .nav-item.active a,
.main-menu .navigation .nav-item.active > a {
  color: #2d5a27;
  background-color: #f0f8f0;
  font-weight: 600;
  border-left: 3px solid #2d5a27;
}

/* Nav Item Focus State */
.main-menu .navigation .nav-item a:focus {
  color: #2d5a27;
  background-color: #e8f5e8;
  outline: none;
  box-shadow: 0 0 0 2px rgba(45, 90, 39, 0.2);
}

/* Icon Styling */
.main-menu .navigation .nav-item a i {
  transition: all 0.3s ease;
  margin-right: 8px;
}

.main-menu .navigation .nav-item:hover a i,
.main-menu .navigation .nav-item.active a i {
  color: #2d5a27;
  transform: scale(1.1);
}

/* Text Styling */
.main-menu .navigation .nav-item a .menu-title {
  transition: all 0.3s ease;
}

.main-menu .navigation .nav-item:hover a .menu-title,
.main-menu .navigation .nav-item.active a .menu-title {
  color: #2d5a27;
  font-weight: 600;
}

/* Submenu Styling */
.main-menu .navigation .nav-item .submenu {
  background-color: #f8f9fa;
  border-left: 2px solid #e9ecef;
  margin-left: 20px;
}

.main-menu .navigation .nav-item .submenu .nav-item a {
  color: #6c757d;
  padding: 6px 16px;
  font-size: 0.9rem;
}

.main-menu .navigation .nav-item .submenu .nav-item:hover a,
.main-menu .navigation .nav-item .submenu .nav-item.active a {
  color: #2d5a27;
  background-color: #f0f8f0;
}

/* Override any existing conflicting styles */
.main-menu .navigation .nav-item a * {
  transition: all 0.3s ease;
}

/* Ensure consistent styling across all states */
.main-menu .navigation .nav-item.active,
.main-menu .navigation .nav-item.active a,
.main-menu .navigation .nav-item.active a *,
.main-menu .navigation .nav-item.active i,
.main-menu .navigation .nav-item.active span,
.main-menu .navigation .nav-item.active .menu-title,
.main-menu .navigation .nav-item.active .menu-icon {
  color: #2d5a27 !important;
  background-color: #f0f8f0 !important;
}

/* Additional Navbar Enhancements */
.main-menu .navigation {
  padding: 0;
}

.main-menu .navigation .nav-item {
  list-style: none;
  margin: 0;
}

.main-menu .navigation .nav-item a {
  display: flex;
  align-items: center;
  text-decoration: none;
  border: none;
  box-shadow: none;
}

/* Smooth animations for better UX */
.main-menu .navigation .nav-item a,
.main-menu .navigation .nav-item a * {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Active state with subtle shadow */
.main-menu .navigation .nav-item.active a {
  box-shadow: 0 2px 8px rgba(45, 90, 39, 0.15);
}

/* Hover state with subtle shadow */
.main-menu .navigation .nav-item:hover a {
  box-shadow: 0 1px 4px rgba(45, 90, 39, 0.1);
}

/* Ensure proper spacing and alignment */
.main-menu .navigation .nav-item a .menu-title {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .main-menu .navigation .nav-item a {
    padding: 10px 12px;
  }

  .main-menu .navigation .nav-item a i {
    margin-right: 10px;
  }
}

/* ULTIMATE OVERRIDE: Force light green for all possible active states */
.main-menu .navigation .nav-item.active,
.main-menu .navigation .nav-item.active a,
.main-menu .navigation .nav-item.active > a,
.main-menu .navigation li.active,
.main-menu .navigation li.active a,
.main-menu .navigation li.active > a,
.vertical-layout .main-menu .navigation .nav-item.active,
.vertical-layout .main-menu .navigation .nav-item.active a,
.vertical-layout .main-menu .navigation li.active,
.vertical-layout .main-menu .navigation li.active a {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
}

.main-menu .navigation .nav-item.active a *,
.main-menu .navigation .nav-item.active > a *,
.main-menu .navigation li.active a *,
.main-menu .navigation li.active > a *,
.vertical-layout .main-menu .navigation .nav-item.active a *,
.vertical-layout .main-menu .navigation li.active a * {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
}

/* Override any gradient backgrounds */
.main-menu .navigation .nav-item.active a[style*="background"],
.main-menu .navigation li.active a[style*="background"] {
  background: #f0f8f0 !important;
  background-color: #f0f8f0 !important;
  background-image: none !important;
}

/* Override any white text colors */
.main-menu .navigation .nav-item.active a[style*="color"],
.main-menu .navigation li.active a[style*="color"] {
  color: #2d5a27 !important;
}


/* NUCLEAR OPTION: Prevent any dark green styling on active nav items */
.main-menu .navigation .nav-item.active a,
.main-menu .navigation .nav-item.active > a,
.main-menu .navigation li.active a,
.main-menu .navigation li.active > a,
.vertical-layout .main-menu .navigation .nav-item.active a,
.vertical-layout .main-menu .navigation li.active a {
  background: #f0f8f0 !important;
  background-color: #f0f8f0 !important;
  background-image: none !important;
  color: #2d5a27 !important;
  box-shadow: 0 2px 8px rgba(45, 90, 39, 0.15) !important;
  border-left: 3px solid #2d5a27 !important;
}

/* Override any possible gradient or dark backgrounds */
.main-menu .navigation .nav-item.active a[style*="gradient"],
.main-menu .navigation .nav-item.active a[style*="linear-gradient"],
.main-menu .navigation li.active a[style*="gradient"],
.main-menu .navigation li.active a[style*="linear-gradient"] {
  background: #f0f8f0 !important;
  background-color: #f0f8f0 !important;
  background-image: none !important;
}

/* Override any white text colors */
.main-menu .navigation .nav-item.active a[style*="color: #fff"],
.main-menu .navigation .nav-item.active a[style*="color: white"],
.main-menu .navigation li.active a[style*="color: #fff"],
.main-menu .navigation li.active a[style*="color: white"] {
  color: #2d5a27 !important;
}

/* Override any dark green backgrounds */
.main-menu .navigation .nav-item.active a[style*="background: #2d5a27"],
.main-menu .navigation .nav-item.active a[style*="background-color: #2d5a27"],
.main-menu .navigation li.active a[style*="background: #2d5a27"],
.main-menu .navigation li.active a[style*="background-color: #2d5a27"] {
  background: #f0f8f0 !important;
  background-color: #f0f8f0 !important;
}

/* COMPLETE OVERRIDE: Prevent ANY dark green backgrounds on active nav items */
.main-menu .navigation .nav-item.active,
.main-menu .navigation .nav-item.active a,
.main-menu .navigation .nav-item.active > a,
.main-menu .navigation li.active,
.main-menu .navigation li.active a,
.main-menu .navigation li.active > a,
.vertical-layout .main-menu .navigation .nav-item.active,
.vertical-layout .main-menu .navigation .nav-item.active a,
.vertical-layout .main-menu .navigation li.active,
.vertical-layout .main-menu .navigation li.active a,
.main-menu.menu-light .navigation .nav-item.active,
.main-menu.menu-light .navigation .nav-item.active a,
.main-menu.menu-dark .navigation .nav-item.active,
.main-menu.menu-dark .navigation .nav-item.active a {
  background: #f0f8f0 !important;
  background-color: #f0f8f0 !important;
  background-image: none !important;
  color: #2d5a27 !important;
  box-shadow: 0 2px 8px rgba(45, 90, 39, 0.15) !important;
}

/* Override ALL possible dark green backgrounds */
.main-menu .navigation .nav-item.active a[style*="background"],
.main-menu .navigation li.active a[style*="background"],
.main-menu .navigation .nav-item.active a[style*="background-color"],
.main-menu .navigation li.active a[style*="background-color"] {
  background: #f0f8f0 !important;
  background-color: #f0f8f0 !important;
  background-image: none !important;
}

/* Override any inline styles that might set dark backgrounds */
.main-menu .navigation .nav-item.active a[style*="#2d5a27"],
.main-menu .navigation li.active a[style*="#2d5a27"] {
  background: #f0f8f0 !important;
  background-color: #f0f8f0 !important;
}

/* Ensure child elements also have light green background */
.main-menu .navigation .nav-item.active a *,
.main-menu .navigation li.active a *,
.main-menu .navigation .nav-item.active a i,
.main-menu .navigation li.active a i,
.main-menu .navigation .nav-item.active a span,
.main-menu .navigation li.active a span {
  background-color: #f0f8f0 !important;
  color: #2d5a27 !important;
}

/* Cache busting comment - Updated for Light Green Active Nav Items - v2.0 */

/* Custom CSS for Desktop Menu Toggle */
/* Ensure desktop menu toggle is always visible and properly styled */
.navbar-nav .nav-item .nav-link.menu-toggle {
    color: #2d5a27 !important;
    font-size: 1.2rem;
    padding: 0.5rem 0.75rem;
    transition: all 0.3s ease;
}

.navbar-nav .nav-item .nav-link.menu-toggle:hover {
    color: #1e3d1a !important;
    background-color: rgba(45, 90, 39, 0.1);
    border-radius: 0.375rem;
}

/* Show desktop toggle when sidebar is collapsed */
.menu-collapsed .navbar-nav .d-none.d-xl-block {
    display: block !important;
    animation: fadeIn 0.3s ease-in-out;
}

/* Hide desktop toggle when sidebar is expanded */
.menu-expanded .navbar-nav .d-none.d-xl-block {
    display: none !important;
    animation: fadeOut 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateX(-10px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes fadeOut {
    from { opacity: 1; transform: translateX(0); }
    to { opacity: 0; transform: translateX(-10px); }
}

/* Hamburger Menu next to SecureSplit Logo */
.navbar-header .modern-nav-toggle {
    color: #2d5a27 !important;
    font-size: 1.2rem;
    padding: 0.5rem;
    transition: all 0.3s ease;
    border-radius: 0.375rem;
}

.navbar-header .modern-nav-toggle:hover {
    color: #1e3d1a !important;
    background-color: rgba(45, 90, 39, 0.1);
    transform: scale(1.05);
}

.navbar-header .modern-nav-toggle i {
    color: #2d5a27 !important;
}

/* Add padding to top of card bodies */
.card-body {
    padding-top: 1.5rem !important;
}

/* Three Bars Toggle Button for Sidebar */
.sidebar-toggle-container {
    display: flex;
    align-items: center;
}

.sidebar-toggle-btn {
    background: none !important;
    border: none !important;
    padding: 0.5rem !important;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.375rem;
    transition: all 0.3s ease;
}

.sidebar-toggle-btn:hover {
    background-color: rgba(45, 90, 39, 0.1) !important;
    transform: scale(1.05);
}

.sidebar-toggle-btn:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(45, 90, 39, 0.2);
}

.toggle-bar {
    width: 1.25rem;
    height: 2px;
    background-color: #2d5a27;
    margin: 2px 0;
    transition: all 0.3s ease;
    border-radius: 1px;
}

.sidebar-toggle-btn:hover .toggle-bar {
    background-color: #1e3d1a;
}

/* Animation for expanded state */
.menu-expanded .sidebar-toggle-btn .toggle-bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.menu-expanded .sidebar-toggle-btn .toggle-bar:nth-child(2) {
    opacity: 0;
}

.menu-expanded .sidebar-toggle-btn .toggle-bar:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

/* DataTables Custom Sorting Icons - From app.blade.php */
/* Completely hide ALL DataTable default sorting icons */
.dataTables_wrapper .dataTables_sorting:after,
.dataTables_wrapper .dataTables_sorting_asc:after,
.dataTables_wrapper .dataTables_sorting_desc:after,
.dataTables_wrapper .dataTables_sorting:before,
.dataTables_wrapper .dataTables_sorting_asc:before,
.dataTables_wrapper .dataTables_sorting_desc:before,
.dataTables_wrapper th.sorting:after,
.dataTables_wrapper th.sorting_asc:after,
.dataTables_wrapper th.sorting_desc:after,
.dataTables_wrapper th.sorting:before,
.dataTables_wrapper th.sorting_asc:before,
.dataTables_wrapper th.sorting_desc:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before {
    content: '' !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Show sorting icons only when explicitly enabled */
.dataTables_wrapper.show-sort-icons .dataTables_sorting:after,
.dataTables_wrapper.show-sort-icons .dataTables_sorting_asc:after,
.dataTables_wrapper.show-sort-icons .dataTables_sorting_desc:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
}

.dataTables_wrapper.show-sort-icons .dataTables_sorting:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #666;
}

.dataTables_wrapper.show-sort-icons .dataTables_sorting_asc:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #007bff;
}

.dataTables_wrapper.show-sort-icons .dataTables_sorting_desc:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #007bff;
}

.dataTables_wrapper.show-sort-icons .dataTables_sorting:hover:after {
    border-bottom-color: #007bff;
}

/* Custom Single Sorting Icons - Override DataTables completely */
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-image: none !important;
    background: none !important;
    position: relative !important;
}

/* Force remove any DataTables background images */
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
    background-image: none !important;
    background: none !important;
}

/* Single sorting icon - clean approach */
table.dataTable thead .sorting:after {
    content: '↕' !important;
    font-family: Arial, sans-serif !important;
    font-weight: normal !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #6c757d !important;
    font-size: 14px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ascending sort - single up arrow */
table.dataTable thead .sorting_asc:after {
    content: '↑' !important;
    font-family: Arial, sans-serif !important;
    font-weight: normal !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #007bff !important;
    font-size: 14px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Descending sort - single down arrow */
table.dataTable thead .sorting_desc:after {
    content: '↓' !important;
    font-family: Arial, sans-serif !important;
    font-weight: normal !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #007bff !important;
    font-size: 14px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Disabled states - single icons */
table.dataTable thead .sorting_asc_disabled:after {
    content: '↑' !important;
    font-family: Arial, sans-serif !important;
    font-weight: normal !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #dee2e6 !important;
    font-size: 14px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

table.dataTable thead .sorting_desc_disabled:after {
    content: '↓' !important;
    font-family: Arial, sans-serif !important;
    font-weight: normal !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #dee2e6 !important;
    font-size: 14px !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure proper spacing for sortable columns */
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
    padding-right: 25px !important;
    cursor: pointer !important;
}

/* Hover effect for sortable columns */
table.dataTable thead th.sorting:hover {
    background-color: #f8f9fa !important;
}

/* Center circular icons in DataTable cells */
table.dataTable tbody td {
    vertical-align: middle !important;
}

/* Center circular icons specifically */
table.dataTable tbody td .badge,
table.dataTable tbody td .btn,
table.dataTable tbody td i {
    vertical-align: middle !important;
}

/* Ensure proper alignment for circular elements */
table.dataTable tbody td .rounded-circle,
table.dataTable tbody td .badge.rounded-circle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}

/* Center avatar elements in DataTable cells */
table.dataTable tbody td .avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}

table.dataTable tbody td .avatar-content {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

table.dataTable tbody td .avatar-icon {
    margin: 0 !important;
    vertical-align: middle !important;
}

/* Center d-flex containers in table cells */
table.dataTable tbody td .d-flex {
    align-items: center !important;
}

/* Action Button Group Styling */
.btn-group {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-group .btn {
    border-radius: 0;
    border-right-width: 0;
    position: relative;
}

.btn-group .btn:first-child {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.btn-group .btn:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    border-right-width: 1px;
}

.btn-group .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
}

/* Ensure proper centering in table cells */
.text-center .btn-group {
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

/* Fix for form elements inside btn-group */
.btn-group form {
    display: inline-block;
}

.btn-group form .btn {
    border-radius: 0;
}

/* Specific styling for action buttons */
.btn-group .btn-outline-primary {
    border-color: #0d6efd;
    color: #0d6efd;
}

.btn-group .btn-outline-primary:hover {
    background-color: #0d6efd;
    color: white;
}

.btn-group .btn-outline-warning {
    border-color: #ffc107;
    color: #ffc107;
}

.btn-group .btn-outline-warning:hover {
    background-color: #ffc107;
    color: #000;
}

.btn-group .btn-outline-danger {
    border-color: #dc3545;
    color: #dc3545;
}

.btn-group .btn-outline-danger:hover {
    background-color: #dc3545;
    color: white;
}