@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);
@charset "UTF-8";
/*
  Capa base justo despues de las configuraciones
    1. Estilos a elementos html sin clases
    2. por lo regular son selectores de etiqueta
    3. h1-h6, estilos básicos de los links, listas, etc..
*/
/*
  En esta capa estarán:
    1. configuraciones disponibles globalmente
    2. cambios de configuraciones
    3. colores representativos de la marca o empresa
*/
/*
  En esta capa estarán:
    1. herramientas que están disponible globalmente
    2. funciones utilitarias
    3. mixins
*/
/*
  Transforma un valor de pixeles a em.
    @param   {number} $el - el valor en pixeles que se desea convertir.
    @param   {number} $context - el valor en pixeles del contenedor.
    @return  {number} el tamaño transformado en em.
*/
/*
  Transforma un valor de pixeles a rem.
  @param   {number} $el - el valor en pixeles que se desea convertir.
  @return  {number} el tamaño transformado en rem.
*/
/*
  En esta capa estarán:
    1. patrones de diseños, elementos reutilizables
    2. no cosméticos, ni colores, ni tipografías
    3. exclusivamente se usaran selectores de clase
*/
.Spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  background-color: rgba(82, 181, 115, 0.5);
  opacity: 0.5;
}

* {
  font-family: "Inter" sans-serif;
}

/*----- Color indicando estado de los productores Verde:Activo, Rojo:Inactivo -----*/
.Table__upright td:hover .circle {
  cursor: default; /* Restaura el cursor predeterminado en .sin_hover */
}

.green-circle {
  width: 15px;
  height: 15px;
  background-color: rgba(82, 181, 115, 0.5);
  border-radius: 50%;
  display: inline-block;
}

.red-circle {
  width: 15px;
  height: 15px;
  background-color: #fa1100;
  border-radius: 50%;
  display: inline-block;
}
/*----- ////// -----*/

.Button__exportar button {
  background-color: #fa1100;
  height: 40px;
  width: auto;
  line-height: 20px;
}
.Button__exportar a {
  font-size: 16px;
  color: white;
}

.Button__guardar {
  margin-left: 2px;
}
.Button__guardar button {
  padding: 0 10px;
  padding-right: 15px;
  max-width: 40px;
  height: 40px;
  line-height: 20px;
}
.Button__guardar button i {
  font-size: 20px;
}

.Button__editar a {
  height: 40px;
  width: 40px;
  padding: auto;
  border-radius: 5px;
  padding: 10px;
  padding-left: 15px;
  background-color: #4d91bd;
  margin-left: 2px;
}
.Button__editar a i {
  color: white !important;
}

.Button__cambiar {
  border-color: #4d91bd;
  color: #4d91bd;
  height: 40px !important;
  padding-top: 10px;
  margin-top: 8px;
}

.btn-outline-info:hover {
  background-color: #4d91bd;
  border-color: #4d91bd;
}

.Button__filter {
  display: flex;
  justify-content: center;
  align-content: center;
}
.Button__filter a {
  margin-left: 12px;
}
.Button__filter button:hover a {
  margin-left: 12px;
}
.Button__filter button:hover {
  background-color: #0181b7;
}
.Button__filter button {
  width: auto;
  height: 40px;
  margin-top: 24px;
  font-size: 16px;
  background-color: #0b5ea2;
  color: white;
}
.Button__filter button i {
  font-size: 13px;
}

@media screen and (min-width: 992px) {
  .Button__filter {
    display: flex;
  }
  .Button__filter button {
    width: auto;
    height: 40px;
    margin-top: 0px;
    color: white;
  }
  .Button__filter button i {
    font-size: 13px;
  }
}
.cards-height {
  min-height: 123px;
}

.Navbar__comport {
  width: 100%;
  height: 78px;
  background: linear-gradient(90deg, #37468e 0%, #4d91bd 100%) !important;
  align-content: center;
}

.Logo_container {
  display: flex;
}
.Logo_container--circle {
  margin-left: 40px;
  width: 28px;
  height: 28px;
}
.Logo_container--eureka {
  margin-left: 6px;
  width: 96.12px;
  height: 25.78px;
}

.Container_username {
  display: flex;
  align-items: center;
}
.Container_username--name {
  padding-top: 10px;
  font-size: 16px;
  font-weight: 500;
}
.Container_username--code {
  font-size: 12px;
  font-weight: 400;
}
.Container_username--avatar {
  border: solid 2px #ffffff;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  color: green;
  text-align: center;
}
.Container_username--avatar img {
  margin-top: 2px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.Burguer {
  display: flex;
  margin-left: 32px;
}
.Burguer__container {
  background-color: transparent;
  color: #ffffff;
}

.Polizas {
  align-content: center;
}
.Polizas__title {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #214389;
}
.Polizas__buton {
  align-content: center;
}
.Polizas__buton a {
  line-height: 30px;
  height: 40px;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 16px;
}
.Polizas__body {
  background-color: white;
}
.Polizas__date {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 8px;
  padding: 0;
}
.Polizas__taker {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
}
.Polizas__taker--type {
  align-items: center;
  margin-top: 8px;
}
.Polizas__horizontal tr {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  height: 45px;
}
.Polizas__horizontal tr th {
  font-size: 11.5px;
  font-weight: 600;
  list-style: 13.31px;
  color: #214489;
  background-color: rgba(225, 240, 255, 0.2823529412) !important;
}
.Polizas__vertical tr td {
  background-color: white;
  border: none;
}

@media screen and (min-width: 992px) {
  .Polizas__date {
    display: flex;
    margin-top: 0px;
    padding: 0;
  }
  .Polizas__taker {
    display: flex;
    align-items: center;
    padding: 0;
  }
  .Polizas__taker--type {
    margin: 0px 8px 0px 8px;
  }
}
.card-footer-polizas-paginate ul {
  justify-content: flex-end !important;
}

.Producers {
  align-items: center;
  margin-bottom: 20px;
}
.Producers__title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #214389;
}
.Producers__search {
  display: flex;
  justify-content: flex-end;
}
.Producers__search button {
  width: 40px;
  height: 40px;
  background-color: #0b5ea2;
}
.Producers__search button i {
  color: #ffffff;
}

.Table {
  font-family: "Inter", sans-serif;
  font-size: 15px;
}
.Table__horizontal th {
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 13.31px !important;
  color: #214489 !important;
  background-color: !important;
}
.Table__upright td {
  background-color: #ffffff;
  color: #464646;
  padding: 10px;
  border: none;
  font-weight: 600;
}
.Table__upright td :hover {
  cursor: pointer;
}
.Table__upright--name img {
  padding-right: 17px;
}
.Table__upright--whatsapp {
  background: #ffffff;
  width: 0 auto;
  height: auto;
  justify-content: flex-end;
}
.Table__upright--whatsapp svg {
  color: #7ad06d;
}
.Table__upright--hogar {
  background: #f6f9fc !important;
  color: #214389;
  line-height: 16px;
  width: 71px;
  height: 26px;
}
.Table__upright--button {
  width: 120px;
  height: 28px;
  background-color: #eef5ff;
  color: #214389;
}
.Table__upright--button img {
  width: 18px;
  height: 18px;
  padding-right: 8px;
}
.Table__upright--setting :hover {
  cursor: pointer;
}
.Table__upright--setting svg {
  color: #d9d9d9;
  width: 20px;
  height: 20px;
}
.Table__upright--link {
  font-weight: 500;
  font-size: 14px;
  line-height: 18.15px;
  color: #204b8a !important;
  text-decoration: underline !important;
}

.card-footer-productores-paginate ul {
  justify-content: flex-end !important;
}

.nombre-reporte-favorito {
  display: block;
}

.nombre-reporte-favorito small {
  font-size: 12px;
  float: left;
  text-transform: uppercase;
}

.btn-generar-custom {
  float: right;
  margin-top: 15px;
}

.btn-action-favoritos {
  float: inherit !important;
  margin-left: 50px;
}

.Header__margin {
  margin-bottom: 20px;
}
.Header__limpiarBusqueda {
  padding: 8px 15px;
  height: 40px !important;
}
.Header__filtrar {
  padding: 8.5px 12px;
}

.Title__reportesFavoritos {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #214389;
}

.Ramas__generar {
  background: #eef5ff;
  color: #214389;
  margin: 0;
}

/* Scroll table for using mobile first */
.Table {
  width: 100%;
  height: auto;
  overflow: auto;
  background: #ffffff;
}
.Table__header {
  background: #f6f9fc;
}
.Table__header tr {
  color: #214389;
}
.Table__body__nombre {
  display: flex;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.Table__body__reporte {
  background: #f6f9fc;
  color: #214389;
  font-size: 11px;
  font-weight: 600;
  padding: 0.625rem 1.25rem;
  border-radius: 5px;
}
.Table__body tr td {
  padding: 12px 24px !important;
}
.Table__options {
  justify-content: space-around;
  align-items: center;
}
.Table__options__buttons a {
  font-size: 1rem;
  border: transparent;
}
.Table__options__buttons a:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  transition: all 0.15s ease;
  border-radius: 5px;
}

.select2-hidden-accessible {
  display: flex;
  height: 40px !important;
}

.select2-container {
  flex-direction: column;
  height: 40px;
}

.Sidebar__comport {
  width: 100%;
  height: 78px;
  background: linear-gradient(90deg, #37468e 0%, #4d91bd 100%) !important;
  align-content: center;
  z-index: 10;
}

@media screen and (min-width: 768px) {
  .Sidebar__comport {
    background: linear-gradient(0deg, #ffffff 0%, #ffffff 0%) !important;
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .Sidebar__comport {
    height: 78px !important;
    width: 100% !important;
    display: flex !important;
  }
}
.sidenav__appBlade {
  margin-left: 0;
}

@media (min-width: 768px) {
  .sidenav__appBlade {
    margin-left: 250px;
  }
}
.Aseguradoras__container__inputs {
  margin-bottom: 0.5rem;
}
.Aseguradoras__container__filter {
  display: flex;
  justify-content: center;
}
.Aseguradoras__container__filter button {
  margin-top: 1rem;
  width: 6rem;
  height: 40px;
}
.Aseguradoras__agregar {
  display: flex;
  justify-content: flex-end;
}
.Aseguradoras__agregar a {
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
}
.Aseguradoras__horizontal tr th {
  font-size: 11px;
  font-weight: 600;
  line-height: 13.31px;
  color: #214489;
  background-color: rgba(225, 240, 255, 0.2823529412) !important;
}

@media screen and (min-width: 990px) {
  .Aseguradoras__container {
    align-items: center;
  }
  .Aseguradoras__container__inputs {
    margin-bottom: 0;
  }
  .Aseguradoras__container__filter {
    display: flex;
    justify-content: flex-start;
  }
  .Aseguradoras__container__filter button {
    margin-top: 0;
    width: 6rem;
    height: 40px;
  }
}
.SelecProducers__title label b {
  font-size: 25px;
  line-height: 24px;
  font-weight: 600;
  color: #214389;
}
.SelecProducers__subtitle h3 {
  font-size: 20px;
  margin-bottom: 24px;
}
.SelecProducers__inputs {
  margin-left: 0;
  justify-content: center;
}
.SelecProducers__check {
  margin-top: 24px;
  margin-left: 22px;
}
.SelecProducers__clear a {
  padding: 9px 14.5px;
  line-height: 40px;
  background-color: #fa1100;
  border: none;
  border-radius: 6px;
}
.SelecProducers__clear a i {
  color: white;
}
.SelecProducers__clear a:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.SelecProducers__search button {
  width: 40px;
  height: 40px;
  font-size: 12px;
  background-color: #0b5ea2;
  border: none;
  border-radius: 6px;
  margin-left: 8px;
}
.SelecProducers__search button i {
  color: white;
}
.SelecProducers__search button:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

.Seleccionar__vertical td div {
  max-width: 400px;
}

@media screen and (min-width: 560px) {
  .SelecProducers__inputs {
    justify-content: flex-end;
  }
  .SelecProducers__check {
    margin: 0;
    margin-top: 24px;
  }
}
/*
  1. Piensa en la especificidad
  2. Nunca se añaden estilos para sobre escribir otros
  3. Cada capa en mas detallada o especifica que la anterior
  4. Se pueden añadir o eliminar capaz de ser necesario
*/

/* Montos de las cards ($)*/
.valores {
  z-index: 100;
  position: relative;
}

/* Fix íconos para que quede por detrás del monto de cada card */
.icon-fix {
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 2;
  opacity: .7;
  transition: opacity 0.3s ease;
}

.card-hover { transition: box-shadow 0.3s ease; }
.card-hover:hover {
  box-shadow: 0 0 15px #dddde5;
  transform: scale(1.01);
}
.card-hover:hover .icon-fix { opacity: 1; }

.bg-red-custom {
  background-color: #cf4647;
}

.bg-yellow-custom {
  background-color: #faba32;
}

.bg-orange-custom {
  background-color: #fc8d4d;
}

.clear-filters {
  font-size: 16px;
  margin-top: 24px;
}

@media screen and (min-width: 992px) {
  .Button__filter .clear-filters {
    width: auto;
    height: 40px;
    margin-top: 0px;
    color: white;
  }
  .Button__filter .clear-filters i {
    font-size: 13px;
  }
}