.fa-bars {
  color: #FFFFFF;
}

.frmlogin {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
}

@media print {
  thead {
    display: table-row-group;
  }

  tfoot {
    display: table-row-group;
  }
}

/***** para el modelo 0 ***/
.topbar {
  top: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

.topbar .navbar {
  width: 100%;
}

.topbar .collapse {
  width: 100%;
}

.navbotonb {
  position: absolute;
  left: 0px;
  top: 8px;
}

.atsdiv {
  position: relative;
  top: 0px;
  height: 500px;
  overflow-y: scroll;
}

.table-container {
  max-height: 400px;
  /* Define la altura máxima para que aparezca el scroll */
  overflow-y: auto;
  /* Habilita el scroll vertical si el contenido es más alto */
  border: 1px solid #ccc;
  /* Borde para el contenedor (opcional) */
}

.table-container table {
  width: 100%;
  border-collapse: collapse;
}

.table-container thead th {
  position: sticky;
  /* Hace que el encabezado sea "pegajoso" */
  top: 0;
  /* Lo fija en la parte superior del contenedor */
  background-color: #f0f0f0;
  /* Fondo para que el texto no se mezcle con las filas */
  z-index: 1;
  /* Asegura que el encabezado esté por encima del cuerpo */
}

.table-container tbody td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.checkbox-xl {
  width: 35px;
  height: 30px;
  border: solid white;
  border: solid;
}

.nav-link:hover {
  color: #0069A6;
}

.lblclass {
  background-color: #0069A6;
  color: #FFFFFF;
}

.insnom .badge {
  background-color: #e19a00;
}

/** LOADER **/
#contenedor {
  width: 300px;
  height: 300px;
  text-align: center;
}

#contenedor_uno {
  position: absolute;
  text-align: center;
  justify-content: center;
  left: 40%;
  top: 40%;
  width: 300px;
  height: 300px;
  display: block;
  z-index: 9999;
}

.preloader {
  width: 70px;
  height: 70px;
  border: 10px solid #eee;
  border-top: 10px solid #666;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes girar {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/** NOTIFICACIONES **/
#snackbar {
  visibility: hidden;
  min-width: 250px;
  background-color: #0069A6;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 40%;
  bottom: 30px;
}

#snackbar.show {
  visibility: visible;
  /* Show the snackbar */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
  padding: 30px;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }

  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }

  to {
    bottom: 0;
    opacity: 0;
  }
}

/*image seleccione */
.picture-container {
  position: relative;
  cursor: pointer;
  text-align: center;
}

.login-fond {
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-image: url(../images/login7.jpg);
}

.alert {
  position: absolute;
  top: 0%;
  width: 94%;
  height: 20%;
  z-index: 0;
}

#frmmsg {
  position: fixed;
  z-index: 1600;
  overflow: auto;
  scrollbar-width: thin;
}

.degradado {
  position: absolute;
  text-align: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: #66CCFF;
  background: -moz-linear-gradient(left, #575757 0%, rgba(53, 77, 98, 0.65) 53%, #005A9B 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(53, 77, 98, 0.65)), color-stop(53%, rgba(105, 166, 180, 1)), color-stop(100%, #005A9B));
  background: -webkit-linear-gradient(left, #575757 0%, rgba(53, 77, 98, 0.65) 53%, #005A9B 100%);
  background: -o-linear-gradient(left, #575757 0%, rgba(53, 77, 98, 0.65) 53%, #005A9B 100%);
  background: -ms-linear-gradient(left, #575757 0%, rgba(53, 77, 98, 0.65) 53%, #005A9B 100%);
  background: linear-gradient(to right, #575757 0%, rgba(53, 77, 98, 0.65) 53%, #005A9B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bc5a4', endColorstr='#688bc2', GradientType=1);
  top: 0;
  left: 0;
  opacity: 0.9;
}

/** preview ***/
.pagprev {
  height: 550px;
  background-color: #000;
  display: flex;
  justify-content: center;
  padding: 1em;
}

.conprev {
  width: 100%;
  height: 520px;
  background-color: #FFFFFF;
  overflow-y: scroll;
  padding: 0.5em;
}

.contenidoprev {
  width: 900px;
}

/**** FIN ***/

/* MI MENU RESPONSIVE -----------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #login .titulol {
    position: absolute;
    top: 4%;
    align-items: center;
    border-radius: 20%;
    padding: 1em;
    height: 70px;
    width: 70px;
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    background: transparent;
  }

  #login .container #login-row #login-column #login-box {
    position: absolute;
    border-radius: 15px;
    top: 3%;
    left: 4%;
    width: 95%;
    margin-top: 40px;
  }

  .totalfac {
    position: absolute;
    top: 30px;
    left: -4%;
    display: none;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0.6cap;
    border-radius: 25px;
  }

  #filofooter {
    z-index: 2;
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 22px;
    width: 100%;
    background: #53B4D8;
  }

  .company:before {
    position: absolute;
    left: 3%;
    top: 2px;
    font-size: 12px;
    font-weight: bold;
    color: rgb(255, 254, 254);
    content: "Soporte: 0997501452 horario: 8:30 a 18:30 | ventas@coresolutions.tech";
  }

  .mnclasifica {
    font-size: 8px;
  }

  .required {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    top: 95%;
    left: 3%;
    width: 95%;
    background-color: transparent;
    color: rgb(255, 255, 255);
    z-index: 1;
  }

  .movilfac {
    overflow-x: scroll;
  }

  .cameradiv {
    position: absolute;
    text-align: center;
    justify-content: center;
    top: 7%;
    left: 35%;
    height: 45%;
    width: 90%;
    background-color: #1d61ce;
  }

  .cameradivf {
    position: absolute;
    justify-content: center;
    top: 13%;
    left: 35%;
    height: 350px;
    width: 350px;
  }

  .filocam {
    position: absolute;
    top: 1%;
    left: 35%;
  }

  .cameradiv .reader {
    top: 150px;
  }

  .login-fond {
    display: none;
  }
}

/*-----------------------------------------------------------*/
/*NO TOPAR PATOLIN*/
@media only screen and (min-width: 768px) {
  .alogin {
    height: 10%;
    width: 40%;
  }
  
  #login .titulol {
    position: absolute;
    top: 5%;
    left: 45%;
    margin-top: 0.3%;
    border-radius: 20%;
    padding: 1em;
    height: 70px;
    width: 70px;
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    background: transparent;
  }

  .filocam {
    position: absolute;
    top: 8%;
    left: 17%;
  }

  .cameradivf {
    position: absolute;
    justify-content: center;
    background-color: #000000;
    top: 13%;
    left: 17%;
    height: 250px;
    width: 350px;
  }

  .cameradivf #reader {
    margin: 0 auto;
    height: 200px;
    width: 300px;
  }

  #reader {
    height: 150px;
    width: 300px;
  }

  .cameradiv {
    position: absolute;
    justify-content: center;
    top: 7%;
    left: 11%;
    height: 40%;
    width: 35%;
  }

  .separador {
    height: 65px;
  }

  #login .container #login-row #login-column #login-box {
    position: absolute;
    top: 5%;
    left: 15%;
    border-radius: 15px;
    width: 400px;
    margin-top: 40px;
  }

  .required {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    top: 97%;
    color: rgb(255, 255, 255);
    z-index: 1;
  }

  .totalfac {
    position: absolute;
    display: none;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0.6cap;
    border-radius: 25px;
    z-index: 999;
  }

  #filofooter {
    z-index: 2;
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 20px;
    width: 100%;
    background: #53B4D8;
  }

  .company:before {
    position: absolute;
    left: 30%;
    top: 2px;
    font-size: 12px;
    font-weight: bold;
    color: rgb(255, 254, 254);
    content: "CoreSolutionsTech 2024 | soporte: 0997501452 horario: 8:30 a 18:30 | ventas@coresolutions.tech";
  }

  .mnclasifica {
    font-size: 8px;
  }

  .mobile-footer {
    display: none;
  }
}

/* MI MENU RESPONSIVE -----------------------------------------------------------------------------------*/

.picture {
  width: 186px;
  height: 186px;
  background-color: rgb(255, 255, 255);
  border: 4px solid #ffffff;
  color: #fff;
  border-radius: 50%;
  margin: 5px auto;
  overflow: hidden;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

/**CAMARA  **/
#video_wrap {
  width: 320px;
  height: 80px;
  display: none;
}

#video_frame {
  border-color: rgba(62, 121, 229, 0.827);
  border-width: 4px;
  border-style: solid;
  width: 320px;
}

#video_overlays {
  position: absolute;
}

#canvas_frame {
  position: relative;
  top: 0%;
  left: 70%;
  width: 420px;
  height: 450px;
  display: none;
}

/** FIN CAMARA **/
.picture:hover {
  border-color: #2ca8ff;
}

.picture-src {
  width: 100%;
  height: 100%;
}

.picture input[type="file"] {
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0 !important;
  position: absolute;
  top: 0;
  width: 100%;
}

/* hjasta aqui */
.list-group {
  height: 200px;
  overflow: scroll;
  scrollbar-width: thin;
}

.rowc {
  margin-top: 5%;
  margin-left: 5%;
}

.fila {
  margin-left: 2%;
}

.separar {
  position: static;
  height: 70px;
}


.titulo .btn {
  background: #9d9b9b;
  color: #ffffff;
  text-align: center;
  border: 1px solid #9C9C9C;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
}



.button:hover {
  box-shadow: 8px 9px 20px -1px rgba(0, 0, 0, 0.75);
}

.modal .modal-dialog .modal-content {
  border-bottom: 4px solid #53B4D8;
}


#login .container #login-row #login-column #login-box {
  background: url(../images/block-1-shadow.png) 0 0 no-repeat;
  padding: 3em;
  margin-left: 0px;
  max-width: 400px;
  height: 550px;
  border: 1px solid #9C9C9C;
  background-color: #fbfbff;
  -webkit-box-shadow: 8px 9px 20px -1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 8px 9px 20px -1px rgba(0, 0, 0, 0.75);
  box-shadow: 8px 9px 20px -1px rgba(0, 0, 0, 0.75);
}


.imagen {
  position: absolute;
  top: 30%;
}


.img-profilet {
  height: 30px;
  width: 30px;
}

.rounded-circle {
  border-radius: 50% !important;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.1rem .55rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: left;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}

.bordesup {
  position: static;
  border: solid;
  border-color: #53B4D8;
  margin-top: 0px;
  height: 2%;
  background-color: #53B4D8;
  border-bottom-color: #0069A6;
  color: #0069A6;
  font-family: "Gotham Medium", sans-serif;
}

footer {
  background-color: #0069A6;
  bottom: 0px;
  width: 100%;
  height: 130px;
  opacity: 0.5;
  z-index: 1;
}

footer #fonts {
  bottom: 0;
  width: 100%;
  height: 130px;
  color: rgb(255, 255, 255);
  font-size: 14px;
  opacity: 1;
}

.labelcheck {
  background-color: #aaa9a9;
  color: #fefeff;
}

header {
  padding: 50px 0;
}

header h1 {
  color: white;
  text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.4);
  text-align: center;
  font-size: 40px;
  letter-spacing: 0.4px;
  font-family: "Raleway", sans-serif;
}

/*botones home*/
.container .thumbex {
  margin: 4px 20px 20px;
  width: 100%;
  min-width: 250px;
  max-width: 435px;
  height: 300px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  outline: 2px solid white;
  outline-offset: -15px;
  background-color: blue;
  box-shadow: 5px 10px 40px 5px rgba(0, 0, 0, 0.5);
}

.container .thumbex .thumbnail {
  overflow: hidden;
  min-width: 250px;
  height: 300px;
  position: relative;
  opacity: 0.88;
  backface-visibility: hidden;
  transition: all 0.4s ease-out;
}

.container .thumbex .thumbnail img {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  height: 115%;
  width: auto;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
}

.container .thumbex .thumbnail span {
  position: absolute;
  z-index: 2;
  top: calc(150px - 20px);
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 50px;
  margin: 0 45px;
  text-align: center;
  font-size: 20px;
  color: white;
  font-weight: 300;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.2px;
  transition: all 0.3s ease-out;
  opacity: 0.7;
}

.container .thumbex .thumbnail:hover {
  backface-visibility: hidden;
  transform: scale(1.15, 1.15);
  opacity: 1;
}

.container .thumbex .thumbnail:hover span {
  opacity: 0;
}

/*AQUI STYLE DE TABS */
nav>div a.nav-item.nav-link {
  position: relative;
  left: 2%;
}

nav>.nav.nav-tabs {
  border: none;
  color: #fff;
  background: #004272;
  border-radius: 0;
}

.container .nav .activo {
  background: #e19a00;
}

nav>div a.nav-item.nav-link,
nav>div a.nav-item.nav-link.active {
  border: none;
  padding: 18px 25px;
  color: #fff;
  background: #004272;
  border-radius: 0;
  text-decoration: none;
}

nav>div a.nav-item.nav-link.active:after {
  /*content: "";*/
  position: relative;
  bottom: -60px;
  left: 0%;
  border: 15px solid transparent;
  border-top-color: #e19a00;
}

.tab-content {
  background: #ffffff;
  border: 1px solid #000000;
  padding: 20px 25px;
}

.tab-content .tab-pane {
  background-color: #FFFFFF;
  border: #FFFFFF;
}


nav>div a.nav-item.nav-link:hover,
nav>div a.nav-item.nav-link:focus {
  border: none;
  background: #e19a00;
  color: #fff;
  border-radius: 0;
  transition: background 0.20s linear;
}

.navbar {
  background-color: transparent;
}

.top-nav-collapse {
  background-color: #4285F4;
}

html,
body,
header,
.view {
  height: 100%;
}

/** Para armar plan estudio **/
#modules {
  padding: 20px;
  background: #eee;
  margin-bottom: 20px;
  z-index: 1;
  border-radius: 10px;
}

.hover {
  outline: 1px solid blue;
}

.drop-item {
  cursor: pointer;
  margin-bottom: 10px;
  background-color: rgb(255, 255, 255);
  padding: 5px 10px;
  border-radius: 3px;
  border: 1px solid rgb(204, 204, 204);
  position: relative;
}

.drop-item .campo {
  width: 550px;
}

.drop-item .remove {
  position: absolute;
  top: 4px;
  right: 4px;
}

/*** FACTURA **/

.list-group1 {
  height: 500px;
}

.detafac {
  border-style: double;
  border-left: #000;
  border-bottom: #FFFFFF;
  overflow-x: scroll;
  overflow-y: scroll;
  scrollbar-width: thin;
}

.faccuerpo {
  border-style: double;
  border-left: #000;
  border-right: #000;
  border-bottom: #FFFFFF;
}

.invoicelist-body tr:hover .removeRow {
  display: block
}

.invoicelist-body .removeRow {
  display: none;
  position: relative;
  top: .1rem;
  bottom: .1rem;
  left: -1.3rem;
  font-size: .7rem;
  border-radius: 3px 0 0 3px;
  padding: .5rem
}

.invoicelist-body .numcelda {
  position: relative;
  height: 5px;
  top: -1.5rem;
  left: 1rem;
  font-size: .9rem;
}

.invoicelist-body .control {
  display: inline-block;
  color: white;
  background: #009688;
  padding: 3px 7px;
  font-size: .9rem;
  text-transform: uppercase;
  cursor: pointer
}

.invoicelist-body .control:hover {
  background: #f36464
}

.control:hover {
  background: #f36464
}

.control {
  display: inline-block;
  color: white;
  background: #009688;
  padding: 3px 7px;
  font-size: .9rem;
  text-transform: uppercase;
  cursor: pointer
}

.invoicelist-body {
  margin: 1rem
}

/*Sugerencias **/
#sugerencias {
  background-color: #0069A6;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
  position: absolute;
  height: auto;
  z-index: 1;
  width: 350px;
}

.sugerencias .suggest-element {
  border-top: 1px solid #d6d4d4;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.sugerencias .suggest-elements {
  border-top: 1px solid #d6d4d4;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.sugerencias a {
  background-color: #FFFFFF;
}

.sugerencias a:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
  border-bottom: 1px solid;
  background: #0069A6;
}

/** sugerencia menus **/
#sugerenciasmenu {
  background-color: #103a53;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
  position: absolute;
  height: auto;
  width: 100%;
  z-index: 1;
}

.sugerenciasmenu .suggest-element-menu {
  border-top: 1px solid #d6d4d4;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.sugerenciasmenu .suggest-elements {
  border-top: 1px solid #d6d4d4;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.sugerenciasmenu a {
  background-color: #FFFFFF;
}

.sugerenciasmenu a:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
  border-bottom: 1px solid;
  background: #007ee5;
}
/** fin sugmenu **/

/** NOMBREprod **/
#sugerenciasnombprod {
  background-color: #0069A6;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
  position: absolute;
  height: auto;
  z-index: 1;
  width: 350px;
}

.sugerenciasnombprod .suggest-element {
  border-top: 1px solid #d6d4d4;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.sugerenciasnombprod .suggest-elements {
  border-top: 1px solid #d6d4d4;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.sugerenciasnombprod a {
  background-color: #FFFFFF;
}

.sugerenciasnombprod a:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
  border-bottom: 1px solid;
  background: #0069A6;
}

/** PROD **/
#sugerenciasprod {
  background-color: #0069A6;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
  position: absolute;
  height: auto;
  z-index: 1;
  width: 350px;
}

.sugerenciasprod .suggest-element {
  border-top: 1px solid #d6d4d4;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.sugerenciasprod .suggest-elements {
  border-top: 1px solid #d6d4d4;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.sugerenciasprod a {
  background-color: #FFFFFF;
}

.sugerenciasprod a:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
  border-bottom: 1px solid;
  background: #0069A6;
}

/** ruc **/
#sugerenciasruc {
  background-color: #0069A6;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
  position: absolute;
  height: auto;
  z-index: 9999;
  width: 350px;
}

.sugerenciasruc .suggest-element {
  border-top: 1px solid #d6d4d4;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.sugerenciasruc a {
  background-color: #FFFFFF;
}

.sugerenciasruc a:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
  border-bottom: 1px solid;
  background: #0069A6;
}

/** sugerencia ruc transportista **/
#sgructransportista {
  background-color: #0069A6;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
  position: absolute;
  height: auto;
  z-index: 9999;
  width: 350px;
}

.sgructransportista .suggest-element {
  border-top: 1px solid #d6d4d4;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.sgructransportista a {
  background-color: #FFFFFF;
}

.sgructransportista a:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
  border-bottom: 1px solid;
  background: #0069A6;
}


/** sugerencias nombres **/
#sugerenciasnomb {
  background-color: #0069A6;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
  position: absolute;
  height: auto;
  z-index: 9999;
  width: 350px;
}

.sugerenciasnomb .suggest-element {
  border-top: 1px solid #d6d4d4;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.sugerenciasnomb a {
  background-color: #FFFFFF;
}

.sugerenciasnomb a:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
  border-bottom: 1px solid;
  background: #0069A6;
}



/** sugerencias nombre transportista **/
#sgnombtransportista {
  background-color: #0069A6;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
  position: absolute;
  height: auto;
  z-index: 9999;
  width: 350px;
}

.sgnombtransportista .suggest-element {
  border-top: 1px solid #d6d4d4;
  cursor: pointer;
  padding: 8px;
  width: 100%;
  float: left;
  background-color: #FFFFFF;
}

.sgnombtransportista a {
  background-color: #FFFFFF;
}

.sgnombtransportista a:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
  border-bottom: 1px solid;
  background: #0069A6;
}

.lilista {
  height: 500px;
}

.dual-list .estado1 {
  background-color: #ee8880;
}

.dual-list .estado2 {
  background-color: #ecd094;
}

.dual-list .estado3 {
  background-color: #9798e2;
}

.dual-list .contenidoleft {
  display: flex;
  flex-wrap: wrap;
  overflow: scroll;
  scrollbar-width: thin;
  max-height: 100%;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

.dual-list .contenidorigth {
  display: flex;
  flex-wrap: wrap;
  overflow: scroll;
  scrollbar-width: thin;
  max-height: 100%;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  box-shadow: 3px 3px 8px 0 rgba(2, 2, 2, 0.3);
}

.dual-list .tbinventario {
  display: flex;
  flex-wrap: wrap;
  overflow: scroll;
  scrollbar-width: thin;
  max-height: 100%;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  box-shadow: 3px 3px 8px 0 rgba(2, 2, 2, 0.3);
}


.lpedidoschef {
  overflow: hidden;
  overflow-y: auto;
  height: 450px;
}

.lipedidos li.active {
  border-width: 3px;
  font-weight: bold;
  box-shadow: inset 0 0 10px #333;
}

.list-right .cuadroprod {
  margin: 5px;
  flex: 1;
  min-width: 90%;
  max-width: 100%;
  font-size: 12px;
  background-color: #FFFFFF;
  box-shadow: 3px 3px 8px 0 rgba(2, 2, 2, 0.3);
  padding: 15px;
}


.list-right .cuadroprod .imgprod {
  display: none;
}

.list-right .cuadroprod .detalleprod {
  display: none;
}

.list-right .cuadroprod .filoprod {
  display: none;
}

.list-right .activeprod {
  background-color: #0069A6;
  color: #FFFFFF;
}

.list-right .cuadroprod .precioprod {
  height: 35px;
  min-width: 100px;
  max-width: 800px;
  font-size: 16px;
}

.list-right .cuadroprod .lbltotal {
  position: relative;
  text-align: center;
  font-size: 25px;
  height: 45px;
  width: 40px;
  border-color: #000;
}

.list-right {
  overflow: hidden;
  overflow-y: auto;
  height: 610px;
}

.contenidorigth .btnme {
  background-color: #4285F4
}

.contenidorigth .btnma {
  background-color: #4285F4
}

.contenidorigth .aLink {
  display: inline;
}

.contenidorigth .btnagregar {
  display: none;
}

.list-productos {
  padding: 10px;
  max-height: 100%;
  box-shadow: 3px 3px 8px 0 rgba(2, 2, 2, 0.3);
}

.list-productos .list-group {
  min-height: 600px;
}

.contenidoleft {
  min-height: 610px;
}

.list-left {
  padding: 10px;
  box-shadow: 3px 3px 8px 0 rgba(2, 2, 2, 0.3);
}

.list-rightp {
  padding: 10px;
  box-shadow: 3px 3px 8px 0 rgba(2, 2, 2, 0.3);
}

.list-left .contenidoleft .cuadroprod {
  margin: 5px;
  flex: 1;
  background-color: #FFFFFF;
  box-shadow: 3px 3px 8px 0 rgba(2, 2, 2, 0.3);
  padding: 10px;
}

.list-left .contenidoleft .cuadroprod .detalleprod {
  font-size: 10px;
}


.list-left .cuadroprod a[href] {
  display: none;
}

.list-left .cuadroprod .txtdetallepr {
  display: none;
}

.list-left .cuadroprod .precioprod {
  position: relative;
  height: 30px;
  width: 150px;
  color: #FFFFFF;
  background-color: #599bc9;
}

.contenidoleft .btnagregar {
  position: relative;
}

.list-left .activeprod {
  background-color: #0069A6;
  color: #FFFFFF;
}

.list-left .cuadroprod .lbltotal {
  position: relative;
  text-align: center;
  font-size: 25px;
  height: 45px;
  width: 40px;
  border-color: #000;
}

.contenidoleft .btnme {
  background-color: #4285F4
}

.contenidoleft .btnma {
  background-color: #4285F4
}

.contenidoleft .aLink {
  display: none;
}

.col1 {
  display: none;
  border-right: 1px solid #000000;
}

.tabcontainer {
  background: #FFFFFF;
  border: 1px solid #000000;
}

#botonc {
  color: #2ca8ff;
}

.totalfac table {
  color: #FFFFFF;
}

.mobile-footer {
  background-color: #ededed;
  padding: 5px 0 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.mobile-footer .mobile-footer-inner {
  display: table;
  width: 100%;
  margin: 0;
}

.mobile-footer .mobile-footer-inner>div {
  display: table-cell;
  text-align: center;
}

.mobile-footer .mobile-block>a {
  display: block;
  color: #333333;
  padding: 5px;
  font-size: 0;
  line-height: 0;
}

.mobile-footer .mobile-block>a .text {
  font-size: 13px;
  line-height: 1;
  display: block;
  font-weight: 600;
}

.mobile-footer .mobile-block>a>.fa {
  display: block;
  font-size: 15px;
  margin-bottom: 2px;
}

.alerta {
  opacity: 0.8;
}

/** para las mesas **/
.lbldate {
  width: 120px;
  height: 30px;
  text-align: center;
  border-radius: 10%;
}

.square {
  background: #4271a4;
}

.circle {
  background: #4271a4;
  border-radius: 60%;
}

.containerm {
  float: left;
  max-width: 180px;
}

.principal {
  position: relative;
  margin: 10px;
}

.absoluto {
  position: absolute;
}

.g:hover {
  transform: scale(1.1);
  box-shadow: 5px 5px 5px #888888;
}

.list-left1 .list-group {
  height: 280px;
}

.input-group-text {
  height: 35px;
}

.firstinfo .profileinfo {
  text-align: center;
  align-items: center;
}

.error {
  color: #f36464;
}

.errormail {
  color: #f36464;

}

.errormail20 {
  color: #f36464;
}

.hide {
  display: none;
}

.loader-container {
  display: none;
  justify-content: center;
  align-items: center;
  /* Centra verticalmente */
}

.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Ventana de alerta */

.header_alert {
  height: 30px;
}

.btnadd {
  position: absolute;
  top: 65%;
  left: 47%;

}

.btndel {
  position: absolute;
  top: 71%;
  left: 47%;
}

/* para reportes */
.filtrorep {
  position: absolute;
  display: flex;
  height: 20px;
  width: 85%;
  white-space: nowrap;
}

.filtritos {
  position: relative;
  border: 1px solid #000000;
  height: 27px;
  width: 25vh;
  top: -4px;
  background-color: #d6d3d3;
  margin-left: 10px;
}

.filtritos .removeFil {
  position: relative;
  top: -1px;
  font-size: .6rem;
  border-radius: 2px 0 0 2px;

}

.borderrep {
  position: relative;
  top: 10px;
}

/*check */
.form-cmbcheck {
  display: inline-block;
  font-size: 1.2ch;
  white-space: pre-wrap;
  justify-content: center;
  align-items: center;
  background-color: #eeeaea;
  border-radius: 2px;
  border: 1px solid #000000;
}

.form-cmbcheck .checkbox-xl {
  width: 20px;
  height: 20px;
}


/* Arbol plan de cuentas */
#tree .list-group-item {
  border: none;
  font-size: 16px;
  padding: 8px 16px;
}

#tree .node-icon,
#tree .expand-icon {
  color: #4A4A4A;
}

#tree .expand-icon {
  font-size: 12px;
}

#tree .list-group-item.active {
  background-color: #f0f4f8;
  color: #333;
  font-weight: 500;
}

#tree .fas {
  color: #4A4A4A;
}

.tree-node .node-header.shadow-sm {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  background-color: #f8f9fa;
  border-radius: 4px;
  padding: 5px;
  margin-bottom: 5px;
}

/*search */
.search-input-box {
  width: 100%;
  border-radius: 5px;
  position: relative;
  box-shadow: 0 1px 5px 3px rgba(0, 0, 0, 0.12);
}

.search-input-box input {
  width: 100%;
  border: none;
  outline: none;
  border-radius: 5px;
  height: 35px;
  padding: 0 60px 0 20px;
  font-size: 17px;
}

.icodbar {
  margin: 5px;
}

.tablasprod .tfadetalle .ccodes,
.sku,
.txtpreciov {
  width: 100px;
}

.tablasprod .tfadetalle,
.txtdescript,
.txtlote,
.txtregsan,
.cmblabora {
  width: 200px;
}

.tablasprod .tfadetalle,
.txtcant,
.txtprecio,
.txttotal,
.txtniva,
.txtpreciov {
  width: 80px;
}


.modelautoriza {
  position: relative;
  padding: 0 30px 0 20px;
  min-width: 100%;
  height: 470px;
  overflow-y: scroll;
  box-shadow: 0 1px 5px 3px rgba(0, 0, 0, 0.12);
}

.tablespecite thead {
  background-color: #222;
  color: white;
  padding: 1px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
}

.readonly {
  pointer-events: none;
  cursor: default;
}

.detfacc input[type=text] {
  padding: 7px 8px;
  font-size: 12px;
}


.tablapagos {
  max-height: 18em;
  overflow-y: scroll;
  width: 100%;
  border: 2px solid #d3d4d2;
}

/* KARDEX */
.linkautori {
  color: #1d61ce;
}

.linkautori:hover {
  color: #e7852f;
}

.listacheneg {
  height: 430px;
  width: 100%;
  overflow-y: scroll;
}

.chatd {
  width: 300px;
}

.codigobarras{
  font-family: "Gotham Medium", sans-serif;
}