.navbar .navbar-brand-wrapper .navbar-brand img {
  height: 50px;
}
.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded="true"] {
  background-color: #2583ff !important;
}
.sidebar .nav.sub-menu {
  padding: 5px !important;
  background-color: #e3e3e3 !important;
  border-radius: 0px 0px 5px 5px;
}
.sidebar .nav.sub-menu .nav-item .nav-link {
  color: #555 !important;
}
.sidebar .nav .nav-item .nav-link .menu-title {
  font-size: 17px !important;
}
select.form-control {
  color: #4d4d4d;
}

.bi-exclamation-triangle {
  color: #ff5f5f !important;
}
.bi-person-fill {
  font-size: 30px;
  color: #2391bd;
}

.perfil_radius {
  width: 45px;
  height: 45px;
  border: 1px solid #8e9193;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.sidebar .nav .nav-item.active > .nav-link {
  color: #e3e3e3 !important;
}
.font_alert {
  font-size: 20px !important;
}
.guia {
  display: flex;
  justify-content: end;
  font-size: 30px;
  margin-bottom: 40px;
}

.bi-person-raised-hand {
  font-size: 25px !important;
}
.custom_td {
  padding: 0px 4px 0px 0px !important;
}
.pd_7 {
  padding: 7px !important;
}
.bi {
  font-size: 23px !important;
}
body tr td:hover {
  cursor: pointer !important;
}
.img_domicilio {
  width: 25px !important;
  height: 25px !important;
}
.img_domicilio:hover {
  opacity: 0.7;
  cursor: pointer !important;
}
.bi-printer:hover {
  color: #2583ff;
  font-weight: bold;
}
.table th,
.jsgrid .jsgrid-table th,
.table td,
.jsgrid .jsgrid-table td {
  padding: 15px;
}

.table th,
.jsgrid .jsgrid-table th,
.table td,
.jsgrid .jsgrid-table td {
  padding: 10px !important;
}
.btn_close_modal {
  border: none;
  background-color: #fd4949;
  border-radius: 5px;
  color: white;
}

.list-group-item {
  padding: 5px !important;
}
.form-check {
  margin-top: 0px !important;
  padding-left: 20px !important;
  margin-bottom: -10px !important;
}
input[type="radio"] {
  width: 15px !important;
  height: 15px !important;
}

.btn_actions {
  padding: 8px 4px 10px 10px !important;
}
#theVideo,
#theCanvas {
  max-width: 100%; /* Asegura que no exceda el tamaño del contenedor */
  height: auto; /* Mantiene la proporción de aspecto */
}

.bi-arrow-left-circle {
  font-size: 30px !important;
  color: #2583ff;
}
.bi-arrow-left-circle:hover {
  color: #222;
  font-weight: bold;
}
.bi-pencil-square,
.bi-person-bounding-box,
.bi-arrow-up-right-square,
.bi-box-seam,
.bi-qr-code-scan,
.bi-box-arrow-right,
.bi-person-video3,
.bi-exclamation-triangle,
.bi-printer,
.bi-arrow-clockwise,
.bi-file-earmark-spreadsheet-fill,
.bi-arrow-clockwise,
.bi-file-earmark-pdf,
.bi-receipt {
  font-size: 25px !important;
  color: #2583ff !important;
}

.bi-pencil-square:hover,
.bi-person-bounding-box,
.bi-arrow-up-right-square,
.bi-box-seam,
.bi-qr-code-scan,
.bi-box-arrow-right,
.bi-person-video3,
.bi-exclamation-triangle,
.bi-printer,
.bi-arrow-clockwise,
.bi-file-earmark-pdf,
.bi-file-earmark-spreadsheet-fill,
.bi-arrow-clockwise,
.bi-receipt:hover {
  color: #1a5fb4 !important;
  font-weight: bold !important;
}
.btn_close_modal {
  border: none;
  background: #c1bcbc;
  opacity: 0.9;
  color: red;
  border-radius: 10px;
  height: 40px;
  width: 40px;
}
.sidebar .nav .nav-item .nav-link i.menu-icon {
  margin-right: 5px !important;
}
.dataTables_wrapper .dataTable .btn i{
    margin-right: 0em !important;
}
.btn {
  border-radius: 25px !important;
}

.form-control {
  border-radius: 25px !important;
}

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

.fw-bold-600 {
  font-weight: 600 !important;
}

.app-title {
  font-size: 35px !important;
  opacity: 0.7;
}
.fs-1 { font-size: 2.5rem !important; }    /* 40px */
.fs-2 { font-size: 2rem !important; }      /* 32px */
.fs-3 { font-size: 1.75rem !important; }   /* 28px */
.fs-4 { font-size: 1.5rem !important; }    /* 24px */
.fs-5 { font-size: 1.25rem !important; }   /* 20px */
.fs-6 { font-size: 1rem !important; }      /* 16px */

.hover-scale {
    transition: transform 0.2s ease-in-out;
}
.hover-scale:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.border-purple {
    border-left: 0.25rem solid #6f42c1 !important;
}
.text-purple {
    color: #6f42c1 !important;
}
.bg-purple {
    background-color: #6f42c1 !important;
}
.border-orange {
    border-left: 0.25rem solid #fd7e14 !important;
}
.text-orange {
    color: #fd7e14 !important;
}
.bg-orange {
    background-color: #fd7e14 !important;
}
.icon-shape {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.border-danger{
  border-left: 0.25rem solid #dc3545 !important;
}
.border-success{
  border-left: 0.25rem solid #28a745 !important;
}
.border-warning{
  border-left: 0.25rem solid #ffc107 !important;
}
.border-info{
  border-left: 0.25rem solid #17a2b8 !important;
}