.pointer {
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}


.bg-opacity {
  background: #000000 !important;
}

/* ----------------------------------------------------------  */

.loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: #ffffff;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader>#loader {
  width: 10%;
  height: auto;
}

.loader>#loader-logo {
  position: fixed;
  width: 5%;
  height: auto;
  z-index: 10px;
}

.dispper {
  animation: vanish 1.1s forwards;
}

@keyframes vanish {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

* {
  font-family: 'Open Sans', sans-serif;
}

.bg-blueberry {
  background-color: #20233E !important;
}



/* ----------------------------------------------------------  */
.loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading img {
  width: 5%;
}


/* text */

.text-lg {
  font-size: 1.125rem !important;
}

.text-md {
  font-size: 1rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
}

.text-xs {
  font-size: 0.75rem !important;
}

.text-xxs {
  font-size: 0.65rem !important;
}

.font-weight-bolder {
  font-weight: 700 !important;
}

/** opacity */

.opacity-0 {
  opacity: 0 !important;
}

.opacity-1 {
  opacity: 0.1 !important;
}

.opacity-2 {
  opacity: 0.2 !important;
}

.opacity-3 {
  opacity: 0.3 !important;
}

.opacity-4 {
  opacity: 0.4 !important;
}

.opacity-5 {
  opacity: 0.5 !important;
}

.opacity-6 {
  opacity: 0.6 !important;
}

.opacity-7 {
  opacity: 0.7 !important;
}

.opacity-8 {
  opacity: 0.8 !important;
}

.opacity-9 {
  opacity: 0.9 !important;
}

.opacity-10 {
  opacity: 1 !important;
}

/** border radius custon*/

.border-radius-xs {
  border-radius: 0.1rem !important;
}

.border-radius-sm {
  border-radius: 0.125rem !important;
}

.border-radius-md {
  border-radius: 0.375rem !important;
}

.border-radius-lg {
  border-radius: 0.5rem !important;
}

.border-radius-xl {
  border-radius: 0.75rem !important;
}

.border-radius-xxl {
  border-radius: 1rem !important;
}

/** card */

.box-shadow-none {
  box-shadow: 0 !important;
}


@media print {
  .no-print {
    display: none !important;
  }

  .show-print {
    display: contents !important;
  }

  .content-print {
    padding: 0 !important;
  }

  .card {
    box-shadow: none;
    border: solid #bdc3c7 1px;
    border-radius: 5px;
  }

  body {
    background-color: transparent !important;
  }

  div {
    font-size: 20px;
  }

  th {
    font-weight: bold !important;
  }

  @page {
    margin: 3%;
    margin-top: 5%;
  }

}



#drop-container {
  position: relative;
  display: flex;
  gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 200px;
  padding: 20px;
  border-radius: 10px;
  border: 2px dashed #555;
  color: #444;
  cursor: pointer;
  transition: background .2s ease-in-out, border .2s ease-in-out;
}

#drop-container:hover {
  background: #eee;
  border-color: #111;
}

#drop-container:hover .drop-title {
  color: #222;
}

#drop-title {
  color: #444;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  transition: color .2s ease-in-out;
}