html body {
  height: 100%;
  background-color: #fff;
  /* background-color: #f8f8f8; */
  color: #000;
  direction: ltr;
  font-family: 'Poppins', sans-serif !important;
  /* font-weight: 900; */
}

.text-primary {
  color: #003bb3 !important;
}

.text-darker {
  color: #000;
}

.text-gray-900 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-900), var(--bs-text-opacity)) !important
}

.text-gray-500 {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-gray-500), var(--bs-text-opacity)) !important
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='8' height='8' rx='4' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.vue-simple-handler {
  background: #000 !important;
}

.vue-simple-line {
  border-color: #000 !important;
}

/* ***... DraggableResizable ... */
.active-class {
  border: 1px solid #003bb3 !important;
}

.handle-class {
  background: #003bb3 !important;
  border: 1px solid #003bb3 !important;
  border-radius: 50%;
}

.dragging-class {
  border: 1px solid orange !important;
}

.resizing-class {
  border: 1px solid orange !important;
}

.dragging-class .handle-class {
  background: orange !important;
  border: 1px solid orange !important;
}

.resizing-class .handle-class {
  background: orange !important;
  border: 1px solid orange !important;
}

@media screen and (max-width: 991.5px) {
  .vdr-handle {
    width: 12px !important;
    height: 12px !important;
  }

  .vdr-handle-tl {
    top: -6px;
    left: -7px;
    cursor: nw-resize;
  }

  .vdr-handle-tr {
    top: -6px;
    right: -6px;
    cursor: ne-resize;
  }

  .vdr-handle-br {
    bottom: -6px;
    right: -6px;
    cursor: se-resize;
  }

  .vdr-handle-bl {
    bottom: -6px;
    left: -7px;
    cursor: sw-resize;
  }

  .vdr-handle-tm {
    top: -7px;
    cursor: n-resize;
  }

  .vdr-handle-bm {
    margin-left: -3px;
    bottom: -7px;
    cursor: s-resize;
  }

  .vdr-handle-ml {
    margin-top: -6px;
    left: -7px;
    cursor: w-resize;
  }

  .vdr-handle-mr {
    margin-top: -6px;
    right: -6px;
    cursor: e-resize;
  }
}

/* ***... DraggableResizable ... */

/* ***... SVG ... */
.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content>li>a i,
.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content>li>a svg {
  font-size: 16px !important;
  margin-right: 0.5rem !important;
  height: 16px !important;
  width: 16px !important;
}

/* ***... SVG ... */

@media (min-width: 1440px) {
  .container-xxl {
    max-width: 2440px;
  }
}