body, html {
  height: 100%;
  overflow: hidden; }

.btn-block {
  width: 100%; }

.ar-navbar {
  box-shadow: 0 0.2rem 1rem 1px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(255, 255, 255, 0.1); }
  .ar-navbar .navbar-search .form-control {
    background-color: var(--white); }
  .ar-navbar .nav-item i {
    font-size: 1.8rem; }
  @media (min-width: 768px) {
    .ar-navbar .navbar-search {
      display: block; }
    .ar-navbar .nav-item i {
      font-size: 1.5rem; } }
.ar-layout {
  margin: 0;
  padding: 0;
  height: calc(100% - 3.6rem);
  display: grid;
  grid-template-areas: "sidebar main"; }
  @media (max-width: 767.98px) {
    .ar-layout {
      display: block; } }
  @media (min-width: 768px) {
    .ar-layout {
      grid-template-columns: 3fr 9fr; } }
  @media (min-width: 992px) {
    .ar-layout {
      grid-template-columns: 2fr 10fr; } }
  @media (min-width: 1200px) {
    .ar-layout {
      grid-template-columns: 2fr 10fr; } }
  @media (min-width: 1600px) {
    .ar-layout {
      grid-template-columns: 2fr 10fr; } }
  @media (min-width: 1920px) {
    .ar-layout {
      grid-template-columns: 1fr 11fr; } }
.ar-sidebar {
  --ar-sidebar-bg: #1E1C2A; }
  @media (min-width: 768px) {
    .ar-sidebar {
      background-color: var(--ar-sidebar-bg);
      position: sticky;
      overflow-y: auto; } }
  .ar-sidebar .offcanvas, .ar-sidebar .offcanvas-xxxl, .ar-sidebar .offcanvas-xxl, .ar-sidebar .offcanvas-xl, .ar-sidebar .offcanvas-lg, .ar-sidebar .offcanvas-md, .ar-sidebar .offcanvas-sm {
    border-right: 0; }

@media (max-width: 991.98px) {
  .offcanvas-body {
    padding: 0;
    background-color: var(--ar-sidebar-bg); } }

.ar-links .ar-links-nav {
  list-style: none;
  margin: 0;
  padding: 1rem 0; }

.ar-links .ar-item-header {
  display: block;
  text-decoration: none;
  padding: 1rem 0 1rem 1rem;
  border-left: 5px solid transparent;
  color: white;
  font-weight: bold; }

.ar-links .ar-item-child {
  padding-left: 2rem;
  padding-right: 2rem; }

.ar-links .ar-link-item {
  display: block;
  text-decoration: none;
  padding: 1rem 0 1rem 1rem;
  border-left: 5px solid transparent;
  color: rgba(255, 255, 255, 0.7);
  transition: all 0.3s ease-in-out; }

.ar-links .ar-link-item-child {
  display: block;
  padding: 0.75rem 1.5rem;
  margin-bottom: 0.5rem;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.3s ease-in-out;
  border-radius: 1rem; }

.ar-links .ar-link-item-child:hover {
  background-color: rgba(255, 255, 255, 0.15); }

.ar-links .ar-item.active .ar-link-item-child {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.ar-links .ar-link-item i {
  font-size: 1.8rem; }

.ar-links .ar-link-item:hover,
.ar-links .ar-item.active .ar-link-item {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15);
  border-left: 5px solid #6861AB; }

.ar-links .ar-item.active .ar-link-item i {
  color: #6861AB; }

.ar-main {
  grid-area: main;
  height: 100%;
  padding: 1rem;
  overflow-y: auto; }

.icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border-width: 2px;
  border-style: solid;
  margin-right: 15px;
  font-size: 1.8rem; }

.icon-container-blue {
  border-color: var(--bl-blue);
  color: var(--bl-blue); }

.icon-container-indigo {
  border-color: var(--bl-indigo);
  color: var(--bl-indigo); }

.icon-container-purple {
  border-color: var(--bl-purple);
  color: var(--bl-purple); }

.icon-container-dark-purple {
  border-color: var(--bl-dark-purple);
  color: var(--bl-dark-purple); }

.icon-container-deep-purple {
  border-color: var(--bl-deep-purple);
  color: var(--bl-deep-purple); }

.icon-container-pink {
  border-color: var(--bl-pink);
  color: var(--bl-pink); }

.icon-container-red {
  border-color: var(--bl-red);
  color: var(--bl-red); }

.icon-container-orange {
  border-color: var(--bl-orange);
  color: var(--bl-orange); }

.icon-container-yellow {
  border-color: var(--bl-yellow);
  color: var(--bl-yellow); }

.icon-container-green {
  border-color: var(--bl-green);
  color: var(--bl-green); }

.icon-container-teal {
  border-color: var(--bl-teal);
  color: var(--bl-teal); }

.icon-container-cyan {
  border-color: var(--bl-cyan);
  color: var(--bl-cyan); }

.icon-container-black {
  border-color: var(--bl-black);
  color: var(--bl-black); }

.icon-container-white {
  border-color: var(--bl-white);
  color: var(--bl-white); }

.icon-container-gray {
  border-color: var(--bl-gray);
  color: var(--bl-gray); }

.icon-container-gray-dark {
  border-color: var(--bl-gray-dark);
  color: var(--bl-gray-dark); }

/* Checkbox Multiselect */
.filterable-checkbox {
  list-style: none;
  padding: 1rem 0.8rem;
  color: rgba(0, 0, 0, 0.85);
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  /* Removes the default styles on some devices. */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.dark-mode .filterable-checkbox {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(0, 0, 0, 0.3);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.filterable-checkbox .filter-toolbar {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 0.8rem; }

.dark-mode .filterable-checkbox .filter-toolbar {
  border-color: rgba(255, 255, 255, 0.3); }

.filterable-checkbox .filter-list {
  height: clamp(20rem, 30rem, 40rem);
  overflow-y: scroll; }

.filterable-checkbox .single-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 0;
  margin: .7rem 0; }

.filterable-checkbox .single-item .appendix {
  opacity: 0;
  transition: all 0.2s; }

.filterable-checkbox .single-item:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1); }

.filterable-checkbox .single-item:hover .appendix {
  opacity: 0.8; }

.form-group.is-invalid .filterable-checkbox {
  color: rgba(0, 0, 0, 0.85);
  background-color: #ffffff;
  border-color: var(--bs-danger);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.dark-mode .form-group.is-invalid .filterable-checkbox {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.05);
  border-color: var(--bs-danger);
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* Checkbox */
.custom-checkbox {
  display: block;
  position: relative;
  line-height: 2.8rem; }

.custom-checkbox input[type="checkbox"] {
  /* Hide the default */
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0; }

.custom-checkbox label {
  display: inline-block;
  margin-bottom: 0;
  padding-left: 3.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.custom-checkbox label.blank {
  padding-left: 1.8rem; }

.custom-checkbox label:before {
  content: "";
  display: inline-block;
  position: absolute;
  height: 2rem;
  width: 2rem;
  top: 5px;
  left: 5px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0.4rem;
  transition: all 250ms cubic-bezier(0.4, 0, 0.23, 1); }

.custom-checkbox input[type="checkbox"]:hover ~ label:before {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.4); }

.custom-checkbox input[type="checkbox"]:focus ~ label:before {
  border-color: rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 0.2rem rgba(24, 144, 255, 0.6);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(24, 144, 255, 0.6);
  box-shadow: 0 0 0 0.2rem rgba(24, 144, 255, 0.6); }

.custom-checkbox input[type="checkbox"]:checked ~ label:before {
  background-color: #1890ff;
  border-color: #1890ff; }

.custom-checkbox input[type="checkbox"]:checked:focus ~ label:before {
  border-color: #1890ff;
  -moz-box-shadow: 0 0 0 0.3rem rgba(24, 144, 255, 0.3);
  -webkit-box-shadow: 0 0 0 0.3rem rgba(24, 144, 255, 0.3);
  box-shadow: 0 0 0 0.3rem rgba(24, 144, 255, 0.3); }

.dark-mode .custom-checkbox label:before {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.15); }

.dark-mode .custom-checkbox input[type="checkbox"]:hover ~ label:before {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.3); }

.dark-mode .custom-checkbox input[type="checkbox"]:focus ~ label:before {
  border-color: rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 0 0.2rem rgba(24, 144, 255, 0.3);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(24, 144, 255, 0.3);
  box-shadow: 0 0 0 0.2rem rgba(24, 144, 255, 0.3); }

.dark-mode .custom-checkbox input[type="checkbox"]:checked ~ label:before {
  background-color: #1890ff;
  border-color: #1890ff; }

.dark-mode .custom-checkbox input[type="checkbox"]:checked:focus ~ label:before {
  border-color: #1890ff;
  -moz-box-shadow: 0 0 0 0.3rem rgba(24, 144, 255, 0.3);
  -webkit-box-shadow: 0 0 0 0.3rem rgba(24, 144, 255, 0.3);
  box-shadow: 0 0 0 0.3rem rgba(24, 144, 255, 0.3); }

/* .custom-checkbox label:after {
  content: "";
  position: absolute;
  display: none;
  left: 1.1rem;
  top: 0.65rem;
  width: 0rem;
  height: 0rem;
  border: solid #ffffff;
  border-width: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); 

  transition: all 250ms cubic-bezier(.4,.0,.23,1);
} */
.dark-mode .custom-checkbox label:after {
  border-color: #ffffff; }

.custom-checkbox input[type="checkbox"]:checked ~ label:after {
  content: "";
  position: absolute;
  top: 1.4rem;
  left: .7rem;
  border: solid #ffffff;
  border-left: 0rem solid transparent;
  border-bottom: 0rem solid transparent;
  transform: rotate(135deg);
  /* transform-origin: 0% 100%; */
  animation: checkbox-check 250ms cubic-bezier(0.4, 0, 0.23, 1) forwards; }

@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(135deg); }
  33% {
    width: 0;
    height: .8rem;
    transform: translate3d(0, 0, 0) rotate(135deg); }
  100% {
    width: 1.4rem;
    height: .8rem;
    transform: translate3d(0, -0.5rem, 0) rotate(135deg); } }

.custom-checkbox input[type="checkbox"]:disabled ~ label {
  opacity: 0.6;
  cursor: not-allowed; }

.custom-checkbox input[type="checkbox"]:disabled ~ label:before {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.3); }

.custom-checkbox input[type="checkbox"]:hover:disabled ~ label:before {
  background-color: #ffffff;
  border-color: rgba(0, 0, 0, 0.3); }

.custom-checkbox input[type="checkbox"]:disabled:checked ~ label:before {
  background-color: #1890ff;
  border-color: #1890ff; }

.custom-checkbox input[type="checkbox"]:hover:disabled:checked ~ label:before {
  background-color: #1890ff;
  border-color: #1890ff; }

.dark-mode .custom-checkbox input[type="checkbox"]:disabled ~ label:before {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.15); }

.dark-mode .custom-checkbox input[type="checkbox"]:hover:disabled ~ label:before {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.15); }

.dark-mode .custom-checkbox input[type="checkbox"]:disabled:checked ~ label:before {
  background-color: #1890ff;
  border-color: #1890ff; }

.dark-mode .custom-checkbox input[type="checkbox"]:hover:disabled:checked ~ label:before {
  background-color: #1890ff;
  border-color: #1890ff; }

/*# sourceMappingURL=style.css.map */