@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.slick-prev:before, .slick-next:before {
  font-family: "Font Awesome 5 Free";
  color: black;
  font-weight: 900; }
.slick-prev:before {
  content: '\f053'; }
.slick-next:before {
  content: '\f054'; }
@media screen and (max-width: 28em) {
  .slick-prev {
    left: -10px; }
  .slick-next {
    right: -10px; } }

.background-cover {
  background-size: cover;
  background-position: center; }

.cart {
  position: relative;
  border: none;
  background: transparent; }
  .cart .notificacion {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: #DC3545FF;
    display: flex;
    top: -1rem;
    border-radius: 50%;
    right: 0; }

html {
  font-size: 16px; }

body {
  font-family: 'Helvetica', sans-serif;
  background-color: #FFFFFF;
  height: 100vh !important; }
  body *:not(h1, h2, h3, h4, h5, h6, p) {
    font-size: 13px; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #1D70B7; }

label {
  font-size: 0.8rem;
  color: #2A2A2A;
  font-weight: 500; }
  label .icon.required {
    color: #E51D1D;
    font-weight: 600 !important;
    font-size: .9rem; }

.flex-1 {
  flex: 1; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

.fs-7 {
  font-size: .9rem; }

.fs-8 {
  font-size: .8rem; }

.fs-9 {
  font-size: .7rem; }

.fs-10 {
  font-size: .6rem; }

.fs-11 {
  font-size: .5rem; }

.z-10 {
  z-index: 10; }

.hover-pointer:hover {
  cursor: pointer; }

.small {
  font-size: .8rem !important; }

.text-gray {
  color: #8C8E90; }
.text-main {
  color: #1D70B7; }
.text-alt {
  color: #E94E1B; }

.main {
  min-height: 100vh; }

.fw-ultra-lighty {
  font-weight: 200 !important; }
.fw-lighty {
  font-weight: 300 !important; }
.fw-light {
  font-weight: 400 !important; }
.fw-medium {
  font-weight: 500 !important; }
.fw-bold {
  font-weight: 600 !important; }
.fw-bolder {
  font-weight: 700 !important; }
.fw-ultra-bolder {
  font-weight: 800 !important; }

.mr-1 {
  margin-right: .25rem !important; }
.mr-2 {
  margin-right: .5rem !important; }
.mr-3 {
  margin-right: 1rem !important; }
.mr-4 {
  margin-right: 1.5rem !important; }
.mr-5 {
  margin-right: 3rem !important; }
.mr-6 {
  margin-right: 5rem !important; }
.mr-7 {
  margin-right: 10rem !important; }

.ml-1 {
  margin-left: .25rem !important; }
.ml-2 {
  margin-left: .5rem !important; }
.ml-3 {
  margin-left: 1rem !important; }
.ml-4 {
  margin-left: 1.5rem !important; }
.ml-5 {
  margin-left: 3rem !important; }
.ml-6 {
  margin-left: 5rem !important; }
.ml-7 {
  margin-left: 10rem !important; }

.mx {
  /* >= 576px  */
  /* >= 768px */ }
  .mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important; }
  .mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important; }
  .mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .mx-6 {
    margin-right: 5rem !important;
    margin-left: 5rem !important; }
  .mx-7 {
    margin-right: 10rem !important;
    margin-left: 10rem !important; }
  .mx-sm-7 {
    margin-right: 10rem !important;
    margin-left: 10rem !important; }
  @media (min-width: 768px) {
    .mx-md-7 {
      margin-right: 10rem !important;
      margin-left: 10rem !important; } }

.pr-0 {
  padding-right: 0 !important; }
.pr-1 {
  padding-right: .25rem !important; }
.pr-2 {
  padding-right: .5rem !important; }
.pr-3 {
  padding-right: 1rem !important; }
.pr-4 {
  padding-right: 1.5rem !important; }
.pr-5 {
  padding-right: 3rem !important; }

.pl-0 {
  padding-left: 0 !important; }
.pl-1 {
  padding-left: .25rem !important; }
.pl-2 {
  padding-left: .5rem !important; }
.pl-3 {
  padding-left: 1rem !important; }
.pl-4 {
  padding-left: 1.5rem !important; }
.pl-5 {
  padding-left: 3rem !important; }

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important; }
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important; }
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important; }
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important; }

.fc-main {
  color: #1D70B7 !important; }
.fc-alt {
  color: #E94E1B !important; }
.fc-alt-dark {
  color: #B89E87 !important; }
.fc-grey {
  color: #8C8E90 !important; }
.fc-light {
  color: #EFF6FC !important; }
.fc-black {
  color: #2A2A2A !important; }
.fc-inactive {
  color: #b3b3b3 !important; }
.fc-white {
  color: #FFFFFF !important; }
.fc-green {
  color: #71DD37 !important; }
.fc-green-dark {
  color: #3a7f16; }
.fc-red {
  color: #E51D1D !important; }
.fc-light-blue-color {
  color: #1ca5b8 !important; }

.w-10 {
  width: 10% !important; }
.w-20 {
  width: 20% !important; }
.w-30 {
  width: 30% !important; }
.w-40 {
  width: 40% !important; }
.w-50 {
  width: 50% !important; }
.w-60 {
  width: 60% !important; }
.w-70 {
  width: 70% !important; }
.w-80 {
  width: 80% !important; }
.w-90 {
  width: 90% !important; }
.w-100 {
  width: 100% !important; }
@media (min-width: 576px) {
  .w-sm-25 {
    width: 25% !important; }
  .w-sm-50 {
    width: 50% !important; }
  .w-sm-75 {
    width: 75% !important; }
  .w-sm-100 {
    width: 100% !important; } }
@media (min-width: 769px) {
  .w-md-25 {
    width: 25% !important; }
  .w-md-50 {
    width: 50% !important; }
  .w-md-75 {
    width: 75% !important; }
  .w-md-100 {
    width: 100% !important; } }

.f-title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 1.5rem; }

.fit-content {
  width: fit-content; }

.h-fit-content {
  height: fit-content !important; }

.bg-white {
  background-color: #FFFFFF !important; }

.bg-main {
  background-color: #1D70B7 !important; }

.bg-main-light {
  background-color: #EFF6FC !important; }

.bg-alt {
  background-color: #E94E1B !important; }

.bg-grey {
  background-color: #E2E8F0 !important; }

.bg-main-color {
  background-color: #F5F5FA; }

.color-white-dark {
  color: gray; }

.color-white {
  color: #FFFFFF; }

.color-main {
  color: #1D70B7; }

.color-main-light {
  color: #EFF6FC; }

.color-alt {
  color: #E94E1B; }

.color-black {
  color: #2A2A2A; }

a {
  text-decoration: none; }

p, h1, h2, h3, h4, h5 {
  color: #2A2A2A; }

.text-small {
  font-size: .85rem !important; }

.form-check-input {
  border-color: #2A2A2A; }

.custom-input {
  width: 100%;
  display: flex;
  flex-wrap: wrap; }
  .custom-input.select2 {
    display: flex;
    flex-direction: column;
    border-radius: 1px; }
    .custom-input.select2 .custom-input--texto {
      order: 0; }
    .custom-input.select2 .custom-input--error-text {
      order: 2; }
  .custom-input--texto {
    font-size: .8rem;
    margin-bottom: 0 !important; }
    .custom-input--texto .required {
      color: #2A2A2A;
      font-weight: 600; }
  .custom-input--error-text {
    font-size: .8rem;
    color: #E51D1D;
    margin-bottom: 0; }
  .custom-input textarea {
    resize: none; }
  .custom-input .dropdown .form-control {
    color: #2A2A2A;
    text-align: start; }
  .custom-input .dropdown .dropdown-menu {
    width: 100%; }
  .custom-input .dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .custom-input .dropdown-item button {
      background: none;
      border: none;
      outline: none;
      font-size: 1.15rem;
      color: #8da7e2; }

.form-control, .form-select {
  border: 1px solid #9fb3cd;
  font-size: .85rem;
  color: #2A2A2A;
  border-radius: .5rem; }
  .form-control::placeholder, .form-select::placeholder {
    font-size: .85rem;
    color: #2A2A2A; }

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all linear .3s;
  line-height: 16px;
  height: fit-content; }
  .btn:hover {
    filter: brightness(0.75);
    text-decoration: none; }
  .btn i {
    font-size: 1.15rem; }
  .btn--login {
    min-width: 300px;
    height: 40px;
    background-color: #E94E1B;
    border-radius: 15px;
    border: none; }
  .btn--register {
    background-color: #E94E1B;
    border: none;
    border-radius: 15px;
    height: 50px;
    width: 300px; }
  .btn-delete {
    background-color: #e90000;
    color: #FFFFFF; }
    .btn-delete:hover {
      background-color: #e90000;
      color: #FFFFFF; }
  .btn-main {
    background-color: #1D70B7;
    color: #FFFFFF; }
    .btn-main:hover {
      background-color: #1D70B7;
      color: #FFFFFF; }
  .btn-main-alt {
    background-color: #FFFFFF;
    color: #1D70B7;
    border-color: #1D70B7; }
    .btn-main-alt:hover {
      background-color: #1D70B7;
      color: #FFFFFF;
      border-color: #FFFFFF; }
  .btn-light {
    background-color: #EFF6FC;
    color: #1D70B7; }
    .btn-light:focus {
      background-color: #daebf9;
      color: #1D70B7; }
    .btn-light:hover {
      background-color: #daebf9;
      color: #1D70B7; }
  .btn-border {
    background-color: #FFFFFF;
    color: #1D70B7;
    border: 1px solid #1D70B7; }
    .btn-border:focus {
      background-color: #FFFFFF;
      color: #1D70B7; }
    .btn-border:hover {
      background-color: #FFFFFF;
      color: #1D70B7;
      border: 1.5px solid #1D70B7; }
  .btn-border-main {
    background-color: #FFFFFF;
    color: #E94E1B;
    border: 1.5px solid #E94E1B; }
    .btn-border-main:focus {
      background-color: #FFFFFF;
      color: #E94E1B; }
    .btn-border-main:hover {
      background-color: #FFFFFF;
      color: #E94E1B;
      border: 1.5px solid #E94E1B; }
  .btn-border-green {
    background-color: #FFFFFF;
    color: #3a7f16;
    border: 1.5px solid #3a7f16; }
    .btn-border-green:focus {
      background-color: #FFFFFF;
      color: #3a7f16; }
    .btn-border-green:hover {
      background-color: #FFFFFF;
      color: #3a7f16;
      border: 1.5px solid #3a7f16; }
  .btn-border-alt {
    background-color: #FFFFFF;
    color: #E94E1B;
    border: 1.5px solid #E94E1B; }
    .btn-border-alt:focus {
      background-color: #FFFFFF;
      border: 1.5px solid #E94E1B; }
    .btn-border-alt:hover {
      background-color: #FFFFFF;
      color: #E94E1B;
      border: 1.5px solid #E94E1B; }
  .btn-border-disabled {
    background-color: #FFFFFF;
    border: 2px solid #b3b3b3;
    color: #b3b3b3; }
    .btn-border-disabled:hover {
      border: 2px solid #b3b3b3;
      background-color: #FFFFFF;
      color: #b3b3b3; }
  .btn-shadow {
    box-shadow: rgba(33, 35, 38, 0.1) 0 10px 10px -10px; }
  .btn-small {
    font-size: .8rem; }
  .btn-alt {
    background-color: #E94E1B;
    color: #FFFFFF; }
    .btn-alt:focus {
      background-color: #E94E1B;
      color: #FFFFFF; }
    .btn-alt:hover {
      color: #FFFFFF;
      background-color: #E94E1B; }
  .btn-red {
    background-color: #E51D1D;
    color: #FFFFFF; }
    .btn-red:focus {
      background-color: #E51D1D;
      color: #FFFFFF; }
    .btn-red:hover {
      background-color: #E51D1D;
      color: #FFFFFF; }
  .btn-red-light {
    background-color: #FDE6E5;
    color: #E51D1D; }
    .btn-red-light:focus {
      background-color: #FDE6E5;
      color: #E51D1D; }
    .btn-red-light:hover {
      background-color: #FDE6E5;
      color: #E51D1D; }
  .btn-green {
    background-color: #71DD37;
    color: #FFFFFF; }
    .btn-green:focus {
      background-color: #71DD37;
      color: #FFFFFF; }
    .btn-green:hover {
      background-color: #71DD37;
      color: #FFFFFF; }
  .btn-green-dark {
    background-color: #3a7f16;
    color: #FFFFFF; }
    .btn-green-dark:focus {
      background-color: #3a7f16;
      color: #FFFFFF; }
    .btn-green-dark:hover {
      background-color: #3a7f16;
      color: #FFFFFF; }
  .btn-add {
    border-radius: 1rem 1rem 0 1rem;
    background-color: rgba(190, 177, 212, 0.75);
    color: #FFFFFF;
    width: fit-content; }
    .btn-add i {
      font-size: 2rem; }
    .btn-add:focus {
      background-color: rgba(190, 177, 212, 0.75);
      color: #FFFFFF; }
    .btn-add:hover {
      background-color: rgba(190, 177, 212, 0.75); }
  .btn-close-rounded {
    background-color: #FFFFFF;
    border: 2px solid #E94E1B;
    border-radius: 50%;
    color: #E94E1B;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0; }
    .btn-close-rounded:focus {
      background-color: #FFFFFF;
      color: #E94E1B; }
    .btn-close-rounded:hover {
      background-color: #FFFFFF;
      border: 2px solid #E94E1B;
      color: #E94E1B; }
  .btn.green {
    border: 2px solid #71DD37;
    color: #71DD37; }
  .btn.red {
    border: 2px solid #E51D1D;
    color: #E51D1D; }
  .btn-sesion-user {
    position: relative; }
    .btn-sesion-user.logueado .rounded-sesion {
      position: absolute;
      right: .3rem;
      bottom: 0;
      width: .65rem;
      height: .65rem;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #E2E8F0; }
      .btn-sesion-user.logueado .rounded-sesion:after {
        content: ' ';
        display: block;
        position: absolute;
        width: .5rem;
        height: .5rem;
        border-radius: 50%;
        background-color: #71DD37; }
  .btn-notificaciones {
    margin-right: 0 !important; }
    .btn-notificaciones:after {
      display: none; }
  .btn[disabled] {
    border-color: #48658b;
    color: #48658b;
    opacity: .75; }
    .btn[disabled]:hover {
      border-color: #48658b;
      color: #48658b;
      opacity: initial;
      filter: initial;
      cursor: default; }

.underline-none {
  text-decoration: none; }
  .underline-none:hover {
    text-decoration: none; }

.panel--left--closed {
  width: 70px;
  transition: width .3s; }
  .panel--left--closed .card-user, .panel--left--closed .link--title {
    display: none !important; }
  .panel--left--closed .link-logout {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: .5rem; }
    .panel--left--closed .link-logout--texto {
      display: none !important; }
.panel--left--open {
  transition: width .3s;
  width: 250px; }
  .panel--left--open .card-user, .panel--left--open .link--title {
    display: block !important; }
  .panel--left--open .cartel-nimbus img {
    opacity: 1;
    width: 75% !important; }
  .panel--left--open .link-logout {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0; }
    .panel--left--open .link-logout--texto {
      display: block !important; }
@media (max-width: 768px) {
  .panel--left--open {
    position: fixed;
    z-index: 2000;
    background-color: #FFFFFF; }
    .panel--left--open ~ *::before {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1500; } }
.panel--left .content {
  padding-inline: 1.5rem;
  overflow-x: hidden; }
  .panel--left .content--top {
    width: 250px; }
.panel--right .content {
  height: 100%; }
@media (max-width: 768px) {
  .panel--right .content {
    min-height: 100vh;
    max-width: 100vw !important; } }

.panel-active {
  background-color: #EFF6FC;
  padding: .5rem;
  border-radius: 5px; }

.radius {
  border-radius: .15rem; }
  .radius-sm {
    border-radius: .5rem; }
  .radius-md {
    border-radius: 1rem; }
  .radius-lg {
    border-radius: 1.5rem; }
  .radius-xl {
    border-radius: 2rem; }
  .radius-xxl {
    border-radius: 3rem; }
  .radius-50 {
    border-radius: 50%; }

.overflow-hidden {
  overflow: hidden; }
.overflow-scroll {
  overflow: scroll; }

.panel-home {
  flex: 1; }
  .panel-home .panel--left {
    height: 100%;
    border-top-right-radius: .8rem; }
  @media (max-width: 768px) {
    .panel-home .panel--left {
      width: 85%; } }

.footer {
  background-color: #FFFFFF; }

.alert-float {
  position: fixed;
  top: 1rem;
  z-index: 5;
  width: 100%;
  display: flex;
  justify-content: center; }
  .alert-float .alert {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 5px 10px -2.5px black;
    border: None; }
    .alert-float .alert-danger {
      background-color: #e90000; }
    .alert-float .alert-success {
      background-color: #34ffa1; }
    .alert-float .alert-info {
      background-color: #35cdff; }
    .alert-float .alert .button-message {
      border: None;
      background-color: transparent; }
      .alert-float .alert .button-message i {
        font-size: 1rem; }

.table-collapse--header {
  margin-bottom: 1.5rem;
  border-bottom: 2px solid #E2E8F0; }
  .table-collapse--header button, .table-collapse--header a {
    background: none;
    border: none;
    outline: none; }
    .table-collapse--header button.active, .table-collapse--header a.active {
      border-bottom: 2px solid #1D70B7; }

.table-default {
  max-width: 100vw;
  width: 100%;
  border-radius: 1em 1rem 0 0;
  overflow: hidden;
  font-size: .75rem; }
  .table-default thead, .table-default .thead {
    background-color: #EFF6FC; }
    .table-default thead tr th, .table-default .thead tr th {
      font-weight: 500;
      text-align: center;
      height: 28px;
      border-right: 2px solid #FFFFFF; }
    .table-default thead .th, .table-default .thead .th {
      display: flex;
      justify-content: center;
      align-items: center;
      font-weight: 500;
      border-right: 2px solid #FFFFFF;
      height: 48px; }
  .table-default tbody .td, .table-default .tbody .td {
    text-align: center; }
  .table-default tr.inactivo {
    color: #e1e1e1;
    filter: grayscale(1); }
    .table-default tr.inactivo a {
      color: #e1e1e1 !important; }
  .table-default tr td {
    text-align: center;
    border-bottom: 3px solid #F5F5FA;
    border-right: 3px solid #FFFFFF; }
    .table-default tr td:last-child {
      border-bottom: none; }
    .table-default tr td div {
      display: flex;
      justify-content: center;
      align-items: center; }

.limpiar-filtros {
  display: flex;
  height: 2.75rem;
  color: #2A2A2A;
  justify-content: center;
  align-items: center;
  column-gap: 5px; }

.aplicar-filtros {
  display: flex;
  background-color: #1D70B7;
  color: #FFFFFF;
  border-radius: .5rem;
  justify-content: center;
  align-items: center; }
  .aplicar-filtros i {
    font-size: 1.25rem; }

.form-filtros div label {
  display: flex;
  width: 19rem; }
  .form-filtros div label input {
    width: 100%; }
    .form-filtros div label input::placeholder {
      font-size: .85rem;
      padding-left: .5rem; }
  .form-filtros div label select {
    width: 100%; }
    .form-filtros div label select option {
      color: #2A2A2A;
      font-size: .85rem; }

.search {
  width: 100%;
  border: 1px solid #8C8E90;
  border-radius: 1rem;
  display: flex;
  overflow: hidden; }
  .search--button {
    background: none;
    outline: none;
    border: none;
    display: flex;
    align-items: center; }
  .search--input {
    flex: 1;
    border: 0; }
    .search--input:focus {
      border: none;
      outline: none; }

.select2 {
  width: 100% !important;
  border-radius: .5rem !important; }
  .select2-search__field {
    font-size: .85rem !important;
    color: #2A2A2A !important;
    font-weight: 400 !important; }
  .select2 .select2-selection {
    border-radius: .5rem !important; }
    .select2 .select2-selection__rendered {
      font-size: .85rem !important;
      color: #2A2A2A !important;
      font-weight: 400 !important; }
    .select2 .select2-selection--single, .select2 .select2-selection--multiple {
      border: 1px solid #9fb3cd !important;
      min-height: 34px !important; }
      .select2 .select2-selection--single .select2-selection__placeholder, .select2 .select2-selection--multiple .select2-selection__placeholder {
        font-size: .85rem !important;
        color: #2A2A2A !important; }

.content {
  padding: 1.5rem 0 1.5rem 1rem;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column; }
  .content--top {
    flex: 1; }
    .content--top .nav-link {
      font-size: 1rem;
      display: flex;
      align-items: center;
      font-weight: 500;
      padding-inline: .5rem; }
      @media (max-width: 1366px) {
        .content--top .nav-link {
          font-size: .8rem; } }
      .content--top .nav-link i {
        align-self: start;
        font-size: 1rem;
        margin-right: 1rem !important; }
  .content--bottom {
    position: initial !important;
    width: 100% !important;
    padding-right: 1.5rem;
    bottom: 0; }
  @media (min-width: 1367px) {
    .content {
      padding-left: 2.5rem; } }

.seccion {
  margin-right: 1.5rem; }
  .seccion.ausencia .form-filtros {
    padding: 1rem; }
    .seccion.ausencia .form-filtros-container {
      display: flex;
      column-gap: 1.5rem;
      row-gap: 1rem;
      margin: 1.5rem 0;
      flex-wrap: wrap; }
      .seccion.ausencia .form-filtros-container label {
        align-self: center; }
  @media (min-width: 1367px) {
    .seccion {
      margin-right: 2.5rem; } }

.login-view, .recovery-password {
  /* Vista mobile login y recovery */ }
  .login-view .login-left .left-top, .login-view .recovery-left .left-top, .recovery-password .login-left .left-top, .recovery-password .recovery-left .left-top {
    width: 100%;
    height: 20%; }
    .login-view .login-left .left-top .nimbus, .login-view .recovery-left .left-top .nimbus, .recovery-password .login-left .left-top .nimbus, .recovery-password .recovery-left .left-top .nimbus {
      display: flex;
      align-items: center;
      flex-direction: column;
      border-radius: 0 0 2.5rem 2.5rem;
      background-color: #1D70B7;
      color: #FFFFFF;
      margin: 0 30%;
      padding-top: 2rem;
      padding-bottom: .5rem; }
      @media (min-width: 1367px) {
        .login-view .login-left .left-top .nimbus, .login-view .recovery-left .left-top .nimbus, .recovery-password .login-left .left-top .nimbus, .recovery-password .recovery-left .left-top .nimbus {
          margin: 0 35%; } }
      @media (max-width: 768px) {
        .login-view .login-left .left-top .nimbus, .login-view .recovery-left .left-top .nimbus, .recovery-password .login-left .left-top .nimbus, .recovery-password .recovery-left .left-top .nimbus {
          margin: 0 10%; } }
  .login-view .login-left .left-bottom, .login-view .recovery-left .left-bottom, .recovery-password .login-left .left-bottom, .recovery-password .recovery-left .left-bottom {
    width: 100%;
    height: 80%;
    display: flex;
    justify-content: center;
    padding-top: 2.5rem; }
    .login-view .login-left .left-bottom .elementos, .login-view .recovery-left .left-bottom .elementos, .recovery-password .login-left .left-bottom .elementos, .recovery-password .recovery-left .left-bottom .elementos {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 2rem; }
      .login-view .login-left .left-bottom .elementos .inputs-container, .login-view .recovery-left .left-bottom .elementos .inputs-container, .recovery-password .login-left .left-bottom .elementos .inputs-container, .recovery-password .recovery-left .left-bottom .elementos .inputs-container {
        display: flex;
        justify-content: center; }
      @media (min-width: 1367px) {
        .login-view .login-left .left-bottom .elementos, .login-view .recovery-left .left-bottom .elementos, .recovery-password .login-left .left-bottom .elementos, .recovery-password .recovery-left .left-bottom .elementos {
          row-gap: 3rem; }
          .login-view .login-left .left-bottom .elementos .inputs-container form, .login-view .recovery-left .left-bottom .elementos .inputs-container form, .recovery-password .login-left .left-bottom .elementos .inputs-container form, .recovery-password .recovery-left .left-bottom .elementos .inputs-container form {
            display: flex;
            flex-direction: column;
            row-gap: 1.5rem; } }
    .login-view .login-left .left-bottom .elementos-recovery, .login-view .recovery-left .left-bottom .elementos-recovery, .recovery-password .login-left .left-bottom .elementos-recovery, .recovery-password .recovery-left .left-bottom .elementos-recovery {
      display: flex;
      flex-direction: column;
      align-items: center;
      row-gap: 2rem; }
  .login-view .login-right img, .login-view .recovery-right img, .recovery-password .login-right img, .recovery-password .recovery-right img {
    width: 50vw;
    height: 100vh;
    object-fit: initial;
    object-position: center; }
  @media (max-width: 768px) {
    .login-view, .recovery-password {
      overflow-y: hidden;
      height: 100vh; } }

.checkbox {
  display: flex;
  column-gap: .5rem;
  margin-top: .5rem;
  /*Las líneas comentadas son del checkbox personalizado*/ }
  .checkbox input[type="checkbox"] {
    align-self: center;
    margin-bottom: 1px;
    border: 1px solid #8C8E90;
    width: 12px;
    height: 12px;
    /*&:checked::after {
      content: '\2714';
      display: inline-block;
      position: relative;
      width: .5px;
      height: .5px;
      top: 0;
      bottom: 0;
      color: white;
    }*/ }
    .checkbox input[type="checkbox"]:checked {
      content: '\2714';
      background-color: #B89E87;
      border-color: #B89E87; }

.cartel-nimbus {
  display: flex;
  row-gap: .5rem;
  align-items: center;
  width: 100%;
  padding-left: .25rem;
  padding-right: .25rem;
  border-top-right-radius: .8rem;
  margin-bottom: 1rem; }
  .cartel-nimbus span {
    font-size: .6rem;
    color: #FFFFFF;
    text-align: center; }
  .cartel-nimbus img {
    height: 50px;
    object-fit: contain; }
  @media (min-width: 1600px) {
    .cartel-nimbus {
      padding: .7rem; } }
  @media (max-width: 768px) {
    .cartel-nimbus {
      justify-content: center;
      column-gap: .25rem; } }

@media (min-width: 1600px) {
  .logout {
    margin-bottom: 3rem; } }

.pagination-area .pagination .page-item {
  display: flex; }
  .pagination-area .pagination .page-item .page-link {
    border: none;
    color: #8C8E90; }
    .pagination-area .pagination .page-item .page-link.fw-bold {
      color: #E51D1D !important; }
    .pagination-area .pagination .page-item .page-link i {
      font-size: .75rem; }

input::placeholder {
  color: #2A2A2A !important; }

.pagina-container {
  min-height: 100vh; }
  @media (max-width: 768px) {
    .pagina-container {
      min-height: 0; } }

.table-order-button {
  position: relative; }
  .table-order-button .icon {
    display: none;
    position: absolute;
    bottom: .35rem;
    left: 50%;
    transform: translateX(-50%);
    background: #FFFFFF;
    border: 1px solid #2A2A2A;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem; }
    .table-order-button .icon.rotate {
      transform: translateX(-50%) rotate(180deg); }
  .table-order-button:hover .icon {
    display: flex; }

#panel .offcanvas-body {
  padding: 1rem;
  /* Para navegadores basados en WebKit (Chrome, Safari, Edge) */
  /* Para Firefox */
  scrollbar-color: #B89E87 #f0f0f0;
  /* Color del thumb y del track */
  scrollbar-width: thin;
  /* Scroll delgado */ }
  #panel .offcanvas-body::-webkit-scrollbar {
    width: 12px;
    /* Ancho del scrollbar */ }
  #panel .offcanvas-body::-webkit-scrollbar-track {
    background-color: #1D70B7;
    /* Color del fondo del scrollbar */ }
  #panel .offcanvas-body::-webkit-scrollbar-thumb {
    background-color: #1D70B7;
    /* Color del "pulgar" del scrollbar */
    border-radius: 6px;
    /* Bordes redondeados */
    border: 3px solid red;
    /* Espacio alrededor del thumb */ }
  #panel .offcanvas-body::-webkit-scrollbar-thumb:hover {
    background-color: #388e3c;
    /* Color al pasar el mouse */ }

.custom-card {
  border-radius: 1rem;
  background: white;
  border: none;
  padding: .25rem 2rem; }

.custom-border {
  border-right: 1px solid #FFFFFF; }

.boton-flotante {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 1000;
  background-color: #1D70B7;
  color: #FFFFFF;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  transition: all .3s; }
  .boton-flotante:hover {
    background-color: #EFF6FC;
    color: #1D70B7; }
  .boton-flotante .start-80 {
    left: 80%; }
  .boton-flotante .top-10 {
    top: 10%; }

.ficha-articulo * {
  font-size: .65rem !important; }

.w-40-custom {
  width: 40% !important; }
  @media (max-width: 768px) {
    .w-40-custom {
      width: 100% !important; } }

.inactive-row td {
  background-color: #E2E8F0;
  border-right: none !important; }

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