:root [data-sidebar=colored], [data-bs-theme=light] [data-sidebar=colored]
{
    --bs-sidebar-colored-bg: #000854;
    --bs-sidebar-colored-menu-item-color: #ffffffb3;
    --bs-sidebar-colored-menu-sub-item-color: #ffffffb3;
    --bs-sidebar-colored-menu-item-icon-color: #ffffffb3;
    --bs-sidebar-colored-menu-item-hover-color: #fff;
    --bs-sidebar-colored-menu-item-active-color: #fff;
    --bs-sidebar-colored-menu-item-active-bg: #000854;
}

/* --------------------------------------
  All error list design after click submit
  ----------------------------------------- */
  .submit-error {
    display: block;
    border: solid 1px #e85347;
    background: #fce9e7;
    padding: 13px;
    border-radius: 4px;
    /* list-style: disc !important;
    list-style-type: disc !important;
    list-style-position : inside !important; */
    margin: 0 auto;
  }
  .submit-error li {
    padding: 4px 0 4px 15px;
    color: #e85347;
    position: relative;
    text-align: left;
    /* display: flex;
    align-items: center; */
  }
  .submit-error li:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e85347;
    /* margin-right: 10px; */
    position: absolute;
    top: 10px;
    left: 0;
  }

  body.modal-open,
body.offcanvas-open {
  overflow: hidden;
}
.div-right-align{
  display: flex;
    align-items: center;
    justify-content: flex-end;
}
.div-left-align{
  display: flex;
    align-items: center;
    justify-content: flex-start;
}

.dt-buttons .btn-primary {
  background-color: #535EB4 !important;
  border-color: #535EB4 !important;
  color: #fff !important;
}

.dataTables_wrapper .dt-buttons {
  margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_length {
  float: left;
  margin-right: 1em; /* Adjust the space to the right of the length dropdown */
}

.dataTables_wrapper .dt-buttons {
  float: left;
  margin-right: 1em; /* Adjust the space to the right of the buttons */
}

/* Adjust the width of the search input */
.dataTables_wrapper .dataTables_filter input {
  width: 150px !important;; /* Set the width you desire */
  /* Continue with other styling from before */
  margin-left: 0.5em;
  padding: .375rem .75rem;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.char-count {
  font-size: 14px;
  color: red;
}

#page-topbar {
  background-color: #000854;
}