.cursor-pointer {
  cursor: pointer;
}

.css-btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}
.css-btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.css-btn-info {
  color: #fff;
  background-color: #17a2b8;
  background-image: none;
  border-color: #17a2b8;
}
.css-btn-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.css-text-info {
  color: #17a2b8;
}

.css-nav-link {
  color: #17a2b8;
}

.css-nav-link:hover {
  color: #17a2b8;
}

.css-badge-md {
  font-size: 0.8rem;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.css-icon-shape-dark {
  color: #ffffff;
  background-color: rgba(31, 41, 55, 1);
}

.css-bg-warning {
  background-color: #ffc107 !important;
}

.btn-outline-success {
  color: #10b981;
  border-color: #10b981;
}

.btn-outline-success:hover {
  color: #ffffff;
  background-color: #10b981;
  border-color: #10b981;
}

.css-bg-info {
  background-color: #17a2b8 !important;
}

.ccs-multi-level {
  padding-left: 20px;
}

.css-alert-green {
  color: #ffffff;
  background-color: #00ab66;
  border-color: #00ab66;
}

.css-btn-text-danger {
  opacity: 1;
  color: #ef0107 !important;
}
.btn-language-selector {
  color: #000 !important;
  background-color: #f2f4f6 !important;
  border-color: #f2f4f6 !important;
  /* box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
    0 1px 1px rgba(17, 24, 39, 0.075); */
}

.btn-language-selector:hover {
  color: #000 !important;
  background-color: #f2f4f6 !important;
  border-color: #f2f4f6 !important;
}

.language-selector-text {
  color: #000 !important;
}

.swal-close-success {
    color: #10b981 !important;
}
.swal-close-error {
    color: #e11d48 !important;
}

#reader {
    width: 100%;
    max-width: 320px; 
    aspect-ratio: 1 / 1;
    overflow: hidden;
    position: relative;
    border: 1px solid red;
    margin: 0 auto;
}

#reader video,
#reader img,
#reader canvas {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}