:root {
  --ColorPrincipal: #00A884;
}

.ui-autocomplete {
	max-height: 400px;
	overflow-y: auto;
}


/****************** T O A S T *****************/
.snackbar {
    /* visibility: hidden; */
    width: 300px;
    height: 115px;
    margin-left: -150px;
    color: #fff;
    border-radius: 5px;
    position: fixed;
    z-index: 1;
    right: 2%;
    bottom: 15px;
    font-size: 17px;
    background: #fdf5f5;
    box-shadow:  0px 1px 8px 2px #0000009e;
}

#snackbar-controls{
    border-bottom: 1px solid #fff;
    margin: 0 !important;
    padding: 5px 0px 5px 15px;
    border-radius: 5px 5px 0px 0px;
    background: #00a884;
    text-align: center;
}

.snackbar-controls-close{
    float: right;
    padding-right: 4%;
    line-height: 23px;
    cursor: pointer;
}

.snackbar-controls-close:hover{
    color: #000!important;
}

#snackbar-img{
    float: left;
    padding: 10px;
    width: 60px;
}

#snackbar-img:hover {
    transform: scale(2);
    z-index: 100;
}


#snackbar-text{
    min-height: 80px;
    max-height: 100px;
    color: #000;
    font-weight: bold;
    font-size: 11px;
    padding: 10px 10px 10px 10px;
}

.snackbar-time{
    position: absolute;
    color: #3e3e3e;
    font-size: 8px;
    font-family: cursive;
    bottom: 3px;
    right: 3px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-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;}
    }
/****************** T O A S T *****************/

/****************** S P I N E R *****************/

.BorrarArchivo{
	font-size: 18px;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 5px;
}

.CajaBotonInput{
	padding-right:15px!important;
	padding-left:15px!important;
}

.loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 45px;
    height: 45px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    float: left;
    margin-left: 18px;
}

.loader2 {
    border: 20px solid #f3f3f3;
    border-radius: 50%;
    border-top: 20px solid #3498db;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: fixed;
    z-index: 1050;
    top: 50%;
    left: calc(50% - 50px);
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/****************** S P I N E R *****************/
.ImagenRanking{
    float: left;
    width: 8%;
    text-align: center;
}

.RankingEmpleado{
    overflow: hidden;
}

.Podio{
    width: 30px;
}

.CantidadRanking{
    font-size: 15px;
    font-weight: bold;
    margin-right: 20px;
    vertical-align: sub;
}

.ImagenCaraPB{
    text-align: end;
}

.ImagenCara{
    position: absolute;
    width: 30px;
    margin-right: 5px;
}

.ImagenCara:hover {
    transform: scale(3);
    z-index: 100;
  }

.progress-bar-primary{
    background-color: #3071a9;
}

.progress{
    height: 40px;
    width: 92%;
    float: right;
}

.progress-bar{
    line-height: 40px;
}

.CajaFiltroSolicitud label{
	font-size:13px;
}

#Version{
	margin-left: 8px;
}

.navbar-text{
	margin-left:0!important;
}

.navbar-brand{
	padding: 15px 10px!important;
}

.modal-backdrop.in{
	position:fixed;
}

.table{
	font-size:11px!important;
}

.table>thead>tr>td, .table>tbody>tr>td{
	padding:7px!important;
	vertical-align:middle!important;
}

.close span{
	color:#373a3c;
}

.justificar-texto{
	text-align:justify;
}

#Btn-Whatsapp2{
    position: fixed;
    z-index: 9999;
    bottom: 24px;
    right: 24px;
    cursor: pointer;
	display:none;
}

#Btn-Whatsapp2 img {
    width: 60px;
}

.sidebar{
	font-size: 12.5px!important;
	padding:20px;
}

.ModalDinamico{
	cursor: all-scroll;
}

.RellenoRojo{
	background: #b93333!important;
    color: #fff!important;
    font-weight: bold!important;
}

.TotalesNegro{
    background: #000!important;
    color: #fff!important;
    font-size: 15px;
}

.TotalesAmarillo{
    color: #ffff00!important;
}

.Rojo{
	color:red!important;
	font-weight:bold!important;
}

.Rojo-Tachado{
	color:red!important;
	font-weight:bold!important;
	text-decoration:line-through!important;
}


.Azul{
	color:blue!important;
	font-weight:bold;
}

.AzulMarino{
	color:#4d9cc3!important;
	font-weight:bold;
}

.AzulPresencial{
	background: #45d0e79c;
    color: #000;
    font-weight: bold;
}


.Verde{
	color:green!important;
	font-weight:bold;
}

.Morado{
	color:purple!important;
	font-weight:bold;
}

.Naranja{
	color:orange!important;
	font-weight:bold;
}

.ArchivoPDF{
    font-weight: bold;
	cursor:pointer;
	color: #00b7d5;
}

.ArchivoPDF:hover{
	color: #1572c5;
}

.FiltroColumna:hover{
	cursor:pointer;
	color:blue;
}

#TablaSolicitudes2{
	overflow-x:auto;
	max-height:670px;
}

/* #TablaSolicitudes{ */
	/* overflow-x:auto; */
	/* max-height:670px; */
	/* font-size:11px; */
/* } */

.TablaSolicitudes{
	overflow-x:auto;
	max-height:670px;
	font-size:11px;
}

#TablaVentas{
	overflow-x:auto;
	max-height:500px;
}

.FacturasPorPagar{
	margin-bottom: 20px;
    text-align: center;
    font-size: 28px;
    color: #000;
}

#MontoPP{
	color:red!important;
	font-weight:bold!important;
}

.TablaOver{
	overflow-x:auto;
	max-height:670px;	
}

#contenedor-principal table thead{
	position: sticky;
    top: 0;
}

#Seguimiento-F{
	vertical-align:top;
}

.CajaFiltroSolicitud2{
	display: grid;
    grid-template-columns: 33% 33% 33%;
    gap: 3px;
    align-items: end;
}

.CajaFiltroSolicitud{
	display: grid;
    grid-template-columns: 33% 33% 33%;
    gap: 3px;
    align-items: end;
}

.CajaFiltroVentaPagadas{
	display: grid;
    grid-template-columns: 33% 33% 33%;
    gap: 3px;
    align-items: end;
}

.FiltroBotonCheck{
	display:grid;
    grid-template-columns: 48% 50%;
    gap: 5px;
}

.SinFloat{
	float:none!important;
}

.FilaSolicitud{
	color:#000;
	font-weight:bold;
}

.CortinaNegra{
	width: 100%;
    height: 100%;
    background: #00000075;
    position: fixed !important;
    z-index: 1050;
    top: 0 !important;
}

.DocumentoVenta{
	cursor:pointer;
}
.DocumentoVenta:hover{
	color:#3e6088;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

body{
    overflow-x:hidden!important;
}

.modal-header .close {
    color: #fff!important;
    opacity: .6!important;
}

.modal-header .close:hover {
    opacity: 1!important;
}

.control-label-p{
    padding-top: 2px;
    margin-bottom: 0;
    text-align: right;
}

.control-label-x{
    padding-top: 2px;
    margin-bottom: 0;
    text-align: left;
    margin-bottom: 5px;
}

.PreguntaTablaEncuesta{
    border:1px dashed #ffba17;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.body_login{
    background:#eee;
}

.logo_ayunta_mediano{
    /* height: 168px; */
    width: 235px;
}

.div_logo_ayunta_mediano{
    text-align:center;
}

.logo{
    float: left;
    /* margin-right: 15px; */
    margin-top: 6px;
	cursor:pointer;
	position:relative;
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0!important;
    }
}

.txtBusqueda{
    min-width:350px!important;
}

.CriterioDatosDuros{
    color:#fff;
    font-weight:bold;
}

.btnSalir{
    margin-right:1px;
}

#msg-error-login{
    display:none;
}

.row_table_inactivo{
    background:#F7C8CF!important;
}

.row_table_activo{
    background:#89bd90!important;
}

.row_table_listas{
    background:#D5FFE6!important;
}

.row_table{
    cursor:pointer;    
}

.row_table:hover{
    color:#fff;
    background:#c8c8c8!important;
}

.thead_tabla_panel{
    background:var(--ColorPrincipal);
    color:#ffffff;
    font-weight: bold;
    font-size: 12px;
}

.formulario{
    margin: auto;
    /*width: 650px;*/
    font-size:13px;
}

.formulario2{
    margin: auto;
    width: 900px;
}

.formulario3{
    width: 100%;
}

.formulario_reinicio{
    width:300px;
    margin:auto;
}

.btn_reiniciar_cuenta{
    margin-top:30px!important;
}

.input_clave_nueva{
    float:none;
}

.LimpiaBusquedaPrincipal {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
}

.label_modulo{
    font-weight:100;
}

[type=checkbox]{
    box-shadow:none;
}

.fa-stack-1x{
    width:0;
    line-height:20px;
}

.item-submenu{
    width:85%;
    float:right!important;
    cursor:pointer;
}

.sub-menu{
    cursor:pointer;
}

.nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}

.catalogos_separador{
    border: 1px solid #eee;
    width: 100%;
    margin: auto;
    margin-bottom: 25px;
    margin-top: 25px;
}

.texto-modulos{
	margin-bottom:25px;
}

.modal-header{
    border-radius: 6px 6px 0px 0px;
    background-color: var(--ColorPrincipal);
    color: #fff;
}

#ContenidoDialogo{
    min-height: 200px;
    border-top: 1px solid #e5e5e5;
}

.lista-contenido{
    margin-top:15px;
}

.activo_ren{
    color: #fff!important;
    background: #CFCB5B !important;
}

.ui-helper-hidden-accessible { /*Clase de jquery-ui para evitar que salga el span de conteo de resultados*/
	display: none;
}

.ui-menu-item{
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    cursor:pointer;
}

.ui-menu-item:hover{
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
}

.ui-menu-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.ui-menu-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ui-autocomplete{
    padding: 0;
    width: 391px!important;
    margin-top: 12px;
    z-index: 99999;
}

.ui-corner-all{
    color:#555!important;
}

.ui-corner-all:hover{
    text-decoration:none!important;
    color:#555!important;
}

.MenuActivoAutoComplete{
    background:#f5f5f5;
}

.ui-state-focus{
    color:#555!important;
}

.OpcionSeleccionada{
    border: 1px #2F96CD solid !important;
    background-color: #83BFEA !important;
    color: #fff !important;
    cursor: default !important;
}

.OpcionSeleccionadaA{
    border: 1px f4f92e solid !important;
    background-color: #d5953a !important;
    color: #fff !important;
    cursor: default !important;
}

.OpcionSeleccionadaVerde{
    border: 1px f4f92e solid !important;
    background-color: #d1fff4 !important;
    color: #3719ad !important;
    cursor: default !important;
}

.OpcionSeleccionadaNaranja{
    border: 1px f4f92e solid !important;
    background-color: #ffde94 !important;
    color: #3719ad !important;
    cursor: default !important;
}

.LimpiaBusqueda{
    display: block;
    position: absolute;
    right: 20px;
    top: 10px;
    cursor:pointer;
}

#DetalleRegistro{
    border:1px solid #e5e5e5;
    height: 430px;
    overflow:auto;
}

#tabla-overflow{
    overflow:auto;
}

#CampoBusqueda{
    width:330px!important;
}

.tokenfield{
    width:330px!important;
}

.pointer{
    cursor:pointer;
}

.icono-dialogo{
    padding-right:15px;
}

.row_activo{
    background:#CFCB5B!important;
    color:#fff!important;
}

.img_adjunto{
    cursor:pointer;
}

/*.modal-backdrop{
    display: block;
    width: auto;
    height: 2000px;
    z-index: 9999;
}
*/
.ekko-lightbox{
    z-index: 10000;
}

.tabla_detalle_ubicacion{
    width:100%!important;
}

#Activo{
    /* max-height: 25px!important; */
    /* position: absolute; */
    /* left: 1px; */
}

#Activo2{
    max-height: 25px!important;
    position: absolute;
    left: 8px;
}

.Activo3{
    left: -26px!important;
}

.badge-rojo{
    background: #E00E0E !important;
    color: #fff !important;
}

.badge-azul{
    background: #130ee0 !important;
    color: #fff !important;
}

.td-vertical{
    vertical-align:0!important;
}

.frame_reporte{
    width: 100%;
    height: 600px;
}

.ventana-reporte{
    /*width:800px!important;*/
}

.estilo_radio{
    height:20px !important;
    box-shadow: none !important;
}
.label_reporte{
    padding-top: 4px!important;
}

.rango_fechas{
    width: 62% !important;
    margin-left: 225px!important;
}

.activo_respuestas{
    /*margin-top:100px;*/
}

.principal_encuesta{
    width: 850px;
    margin: auto;
}

.barrita_abajo{
    position:relative;
    border-bottom: 1px solid #989797;
}

.escudo_cb{
    max-width: 120px;
	margin-bottom: 14px;
}

.escudo_encuesta{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 10px;
    bottom: 25px;
}

.btnEnviarEncuesta{
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

#div_checks{
    font-size:12px!important;
}

.campo_otros{
    width:200px;
    display:inline-block;
    margin-left:20px;
}

.escudo_encuesta2{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 70px;
    bottom: 12px;
}

.btnValidarEncuesta{
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.validacion{
    text-align:center;
}

.borde_arriba{
    border-top: 1px solid #E2E2E2;
    padding-top: 15px;
}

.respuesta{
    color: #000;
    font-weight: bold;
}

#contenedor-principal{
    color:var(--ColorPrincipal);
    width:auto!important;
}

#contenedor-detalle{
	color: var(--ColorPrincipal);
    width: auto !important;
}
.Contenedor_Principal_Tablero{
    position:relative;
    text-align:center;
    margin: auto;
    width:100%;
    font-size:10px;
    overflow:auto;
}

.Columna{
    position: relative;
    float: left; 
}

table{
    border-collapse: inherit!important;
}

.Cabecera{
    background:#4B93C5;
    color:#fff;
    border: 1px solid #E6E6E6;
    padding:5px;
}

.Celda{
    border: 1px solid #E6E6E6;
    padding:5px;
    height:50px;
    max-width:65px;
}

.Cursor{
    cursor:pointer;
}

.vacia{
    color:#fff;
}

.cliente_encuesta_manual{
    width:380px!important;
}

.ImgProducto{
    cursor:pointer;
}

.read_especial{
    background-color: #fff!important;
    cursor:normal!important;
}

.CursorPoiter{
    cursor:pointer!important;
}

.modal-body{
	overflow-x: auto !important;
    max-height: 650px !important;
}

.modal-dialog{
    width: auto!important;
    max-width:850px!important;
	min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

.modal{
	padding:0!important;
}

.tachita{
    position: absolute;
    top: 10px;
    right: -5px;    
    cursor:pointer;
}

.subtitulo_evento{
    font-size: 24px;
    vertical-align: middle;
    margin-right: 20px;
}

.vertical{
    vertical-align:middle!important;
}

.BarraSeparadora{
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.BarraSeparadora2{
    border-top: 1px solid #ccc;
}

.FechaRuta{
    background:#fff!important;
    cursor:pointer!important;
}

.IconMenu{
    margin-right: 12px;    
}

.letracolor{
    color:#0086D8!important;
}

.btnQuitarFoto{
    margin-left:5px;
    margin-right:5px;
}

.margenH3{
    margin-bottom:25px!important;   
}
.CajaConteo{
    text-align: center;
    font-size: 22px;
}

.res{
    margin-right: 30px;
}

.FechaBascula{
    margin-right:30px;
}

.Celda_Cancelacion{
    max-width: 50px;
    text-align: justify;
}

.fileinput-filename{
    margin-left:10px;
}

.close{
    vertical-align: middle;
    margin-left: 5px;    
}

.NombreXML{
    vertical-align: -webkit-baseline-middle;
    padding-top: 5px;
    margin-left: 0px;
}

.LinkXML{
    text-decoration: none;
    color: #13B9D6;
    font-weight: bold;
    font-size: 15px;
}

.LinkXML:hover{
    color:red;
    text-decoration:none;
}

.tabla_pesaje{
    font-size:20px;
}

.TextoConteo{
    color:#a7a7a7;
}

.ConteoLetras{
    font-weight:bold;
}

.SinBorde{
    border:none!important;
}

.ConBorde{
    border:1px solid #ddd!important;
}

.CentrarInput{
    float:inherit!important;
    margin:auto!important;
}

.Centrar{
    text-align:center!important;
}

.TablaCuadroComparativo{
    font-size:18px;
}

.InputRojo{
    background: #ffe4e4 !important;
    border-color: #ff8f8f !important;
}

.ProveedorGanador{
    color:#fff!important;
    background: #000!important;
}

.EstadoAnimal{
    margin-right:40px;
}

.BotonesEmbarque{
    width: 75px!important;
    height: 40px!important;
}

.BotonesEmbarque2{
    font-size: 25px!important;
    line-height: initial!important;
}

.table>tbody>tr>td{
    vertical-align:middle!important;
}

.RegistroModificado{
    background:#f1ebbf!important;
    color:#2290b3!important;
}

.BotonesEmbarqueBascula{
    width: 100px!important;
    height: 50px!important;    
    font-size: 20px!important;
}

.SinMarca{
    background: #ffa0a0!important;
    color: #FFF!important;
    font-weight: bolder!important;
    border: 2px solid #f76161!important;
}

.btnBascula{
    font-size: 30px!important;
    width: 100%!important;
}

.restot{
    margin-left:30px;
    margin-right:30px;
}

.respes{
    margin-left:30px;
    margin-right:30px;
}

.TextoPesados{
    color: #bf7507;
}

.TextoPesosTotales{
    color: #423e46;
}

.TextoPesosHoy{
    color:#0064b3;
}