body {
    background: var(--smoke);
}

main {
    height: calc(100vh - 0px);
    background-color: var(--smoke);
}

#header-nav {
    height:62px;
    background-color: var(--smoke);
}

.form-control, .form-select {
    min-height: 42px;
    background-color: var(--light-bg);
    font-weight: 500;
}

#logo-header {
    vertical-align: initial;
}

.table > thead {
    vertical-align: middle !important   ;
    z-index: 1;
}

.fw-semibold {
    font-weight: 600 !important;
}

.badge {
    --bs-badge-padding-x: 0.8em;
    --bs-badge-padding-y: 0.6em;
    --bs-badge-font-size: 0.9em;
    --bs-badge-font-weight: 600;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.5rem;
    vertical-align: text-top !important;
}

.text-bg-success {
    color: #036800 !important;
    background: #cdffaa !important;
}

.text-bg-secondary {
    color: #666666 !important;
    background: #d8d8d8 !important;
}

.text-bg-warning {
    color: #6f4f00 !important;
    background: #fff3ad !important;
}

.text-bg-danger {
    color: #6f0000 !important;
    background: #fed3d3 !important;
}

.bg-alert-light {
    background-color: #ffe8e8 !important;
    color: #ba0909;
}

.card-accent {
    background-color: var(--primary-accent);
    color: var(--white-bg);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary-accent);
    --bs-btn-border-color: var(--primary-accent);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-accent-hover);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 217, 243, 228;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-accent-active);
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--primary-accent);
    --bs-btn-disabled-border-color: var(--primary-accent);
}

.sidebar-menu .list-group-item {
    border-color: transparent !important;
}

.list-group {
    --bs-list-group-color: #505050;
    --bs-list-group-bg: transparent;
    /* --bs-list-group-border-color: transparent; */
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: #384d41;
    --bs-list-group-action-hover-color: #384d41;
    --bs-list-group-action-hover-bg: rgba(146, 195, 255, 0.15);
    --bs-list-group-action-active-color: #384d41;
    --bs-list-group-action-active-bg: rgba(6,6,6,0.35);
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: var(--primary-accent);
    --bs-list-group-active-border-color: transparent;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius);
    font-weight: 600;
}

.list-group-item.active,
.list-group-item-action:hover {
    border-radius: var(--bs-border-radius) !important;
}

.nav {
    --bs-nav-link-font-weight: 600;
    --bs-nav-link-color: #acb9b2;
    --bs-nav-link-hover-color: #8f9e96;
    --bs-nav-link-disabled-color: #6c757d;
}

.nav-pills {
    --bs-nav-pills-border-radius: 0.5rem;
    --bs-nav-pills-link-active-color: #7f8e86;
    --bs-nav-pills-link-active-bg: #daebe2;
}

/* hover text */
.hovertext {
  position: relative;
  border-bottom: 1px dotted black;
}

.hovertext:before {
  content: attr(data-hover);
  visibility: hidden;
  opacity: 0;
  width: 140px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px 0;
  transition: opacity 1s ease-in-out;

  position: absolute;
  z-index: 1;
  left: 0;
  top: 110%;
}

.hovertext:hover:before {
  opacity: 1;
  visibility: visible;
}

a.disabled-cursor:hover {
  cursor: not-allowed;
  opacity: 0.5; 
}
button.disabled-cursor:hover {
  cursor: not-allowed;
}

.list-group {
    font-weight: 500 !important;
    --bs-list-group-item-padding-y: 0.685rem !important;
}


.modal-title {
    font-weight: 600 !important;
}

.btn-round {
    border-radius: 50px;
    width: 32px;
    height: 32px;
    align-items: center;
}

.btn-secondary {
    --bs-btn-color: #575757 !important;
    --bs-btn-bg: hsl(0deg 0% 55.27%) !important;
    --bs-btn-border-color: hsl(0deg 0% 55.29%);
    --bs-btn-hover-bg: var(--primary-accent-hover);
}

/* Check */
/*.form-check-input[type=checkbox] {
    border-radius: 0.35em;
    background: #d3d3d3;
    height: 20px;
    width: 20px;
    border: none;
    margin-bottom: 10px;
}*/

.modal-header {
    background: #ededed;
}

.nav-link.active {
    border-top: 2px #023a79 solid !important;
    border-radius: 0px;
    background: white !important;
    color: #023a79 !important;
}

.nav-tabs .nav-link {
    border-top: 2px white solid ;
    font-weight: 500;
}

/*
input[type="checkbox"] {
    position: relative;
    width: 40px;
    height: 20px;
    -webkit-appearance: none;
    background: #c6c6c6;
    outline: none;
    border-radius: 20px;
    box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2);
    transition: 0.7s;
}

input:checked[type="checkbox"] {
  background: #03a9f4;
}

input[type="checkbox"]:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  top: 0;
  left: 0;
  background: #ffffff;
  transform: scale(1.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: .5s;
}

input:checked[type="checkbox"]:before {
  left: 20px;
}*/

/* Custom CSS for shared backdrop */
.custom-modal,
.custom-offcanvas {
    z-index: 5000; /* Must be above Bootstrap's default backdrop z-index */
}

.custom-modal .modal-backdrop,
.custom-offcanvas .modal-backdrop {
    z-index: 5000; /* Adjust the z-index to cover both modal and offcanvas */
}

.bootbox {
    z-index: 9000;
}
.card-header:first-child {
    background: transparent;
}