/*
Modulo	Base	Color 1	Color 2
General	008B8B	008B8B	2D9299
Ventas	8DC414	BEE553	D2ED87
Compras	FCD200	EDDA8C	F2E5AF
Almacen	F59800	FFC36C	FFD598
Conta	DB6565	EF9A9A	F4B8B8
POS	7A5284	B290BA	C9B2CF
Config	C12543	E2607F	EB90A6
RH	17B3DD	81D7EA	A7E3F0
Escolar	D87ADD	F5B0FF	F8C8FF
*/
.entrada::placeholder{
    color: #6c757d !important;
}
.entrada{
    color: #24405b !important;
    font-size: 12px !important;
    font-weight: bold !important;
    width: 200px !important;
    border: none !important;
    padding: 10px !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid rgba(0,0,0,0.56) !important;
}

.entrada:focus{
    border-bottom: 2px solid !important;
    transition: 0.100s all;
}

.boton-login{
    width: 200px;
    height: 60px;
    background: url(imagen-login/boton-login.png) no-repeat top center fixed;
}

#formulario{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

.cuadro{
    width: 350px;
    min-height: 200px;
    height: auto;
    margin-left: calc((100% - 350px)/2);
    margin-top: calc((100vh - 350px)/2);
    background-color: #fff;
    padding: 10px;
    border-radius: 20px !important;
    box-shadow: 0px 12px 8px rgba(0,0,0,0.7);
}


.logo-anca{
    width: 200px;
    height: 80px;
    position: absolute !important;
    right: 10px;
    bottom: 10px;
    object-fit: contain;
}

#panel {
    position: fixed;
    right: -30px;
    bottom: -20px;
    height:58px;
    width:58px;
    z-index: 1001;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}
#panel:hover {
    margin-right:30px;
    margin-bottom: 20px;
}
.cont_img img{
    width:58px;
    height:58px;
}
.aboutClose{
    position: relative;
    left: 490px;
    top: 0px;
    z-index: 1000;
}
.acceso{
    float: left; 
    width: 180px;     
    height: 70px; 
    margin: 3px;
}
.acceso-boton{
    float: left;
    width: 70px; 
    height: 70px;
}
.acceso-imagen{
    width: 70px; 
    height: 70px;
}
.acceso-header{
    float: left;
    width: 110px; 
    height: 30px;
    text-align: center;
    vertical-align: center;
    font-size: 14px;
    font-weight: bold;
    background: #C3C4C9;
    color: #606165;
    padding-top: 10px;
}
.agrega-atajos{
    font-size: 14px;
    font-weight: bold;
    color: #176290;
    text-align: left;
}
.acceso-elimina{
    float: left;
    width: 110px; 
    height: 30px;
    background: #C3C4C9 url(images/ini/acceso_eliminar.png) 50% no-repeat;
    background-size: 20px;
}
.acceso-vacio{
    float: left;
    width: 110px; 
    height: 30px;
    background: #C3C4C9;
}
.logo-inicio{
    width: 80%;
    margin-left: 10%;
    position: relative;
    text-align: center;
}

.ui-button-text{
    background: #ffffff;
    border: 0px #02afab solid;
    color: #02afab;
}
.header{
    background: #02afab;
    height: 40px;
}

.footer {
    position: absolute;
    height: 90px;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

.login-input{
    width: 300px;

    margin: 0 auto;
    text-align: center;
    color: #ffffff;
}
.login-input .ui-panel-titlebar{
    color: #ffffff;
    font-weight: bold;
}
.usuario-text{
    background: #ff0000;
    border: solid 1px #ff0000;
}
.barra-menu{
    background:#d7d8dc;
    color: #000;
}
.barra-lateral{
    height: 85vh;
    min-width: 700px; 
    min-height: 100px;	
}
/*SOBREESCRIBIR*/
.ui-datatable-odd{
    background-color: #008B8B;
}
.ui-datatable-even{
    background-color:  #008B8B;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #79b7e7;
    background:#f5f8f9 url("#{resource['primefaces-redmond:images/ui-bg_inset-hard_100_f5f8f9_1x100.png']}") 50% 50% repeat-x;
    font-weight: bold;
    color: #e17009;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #e17009;
    text-decoration: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fad42e;
    background:#fbec88 url("#{resource['primefaces-redmond:images/ui-bg_flat_55_fbec88_40x100.png']}") 50% 50% repeat-x;
    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-datatable-data, .ui-datatable-data-empty {
    background: #609498;
}
.ui-selectonemenu-panel {
    position: absolute;
    height: auto;
    width: auto;
    background: #008B8B;
}
.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
    overflow: auto;
    background: #008B8B;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
    background: #008B8B;
}
.ui-dialog {
    position: fixed;
    padding: 0;
    overflow: hidden;
    background: #02afab;
}
.ui-widget-content {
    color: #FFF; 
}
.ui-menu.ui-menu-dynamic {
    position: absolute;
    display: none;
    z-index: 100000;
    background: #02afab;
    width: 160px;
}
.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
    background: #2D9299;
}
/*BOTONES SOBREESCRITOS*/
.ui-icon-closethick{
    background: url(images/gen/cancelar.png) no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
}
.ui-icon-minus{
    background: url(images/gen/quitar.png) no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
}
.ui-icon-extlink{
    background: url(images/gen/agregar.png) no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
}
.ui-icon-newwin{
    background: url(images/gen/agregar.png) no-repeat;
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
}
.ui-icon-plus{
    background: url(images/gen/quitar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.ui-icon-plusthick{
    background: url(images/gen/agregar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.ui-icon-grip-dotted-vertical{
    background: url(images/gen/otro_adelante.png) no-repeat;
    background-size: 100% 100%;
    width: 10px;
    height: 16px;
}
.ui-icon-siguiente{
    background: url(images/generales/siguiente.png) no-repeat;
    background-size: 100% 100%;
    width: 22px;
    height: 22px;
}

/* AQUI EMPIEZA */
.usuario-inicio{
    background: url(images/ini/accion_inicio.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.usuario-perfil{
    background: url(images/ini/accion_perfil.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.usuario-salir{
    background: url(images/ini/accion_salir.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.usuario-usuario{
    background: url(images/ini/accion_usuario.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
/* GLOBALES MENU */
.menu-almacen{
    background: url(images/ini/menu_almacen.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.menu-compras{
    background: url(images/ini/menu_compras.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.menu-comanda{
    background: url(images/ini/menu_comanda.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.menu-sincronizacion{
    background: url(images/ini/menu_sincronizacion.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.menu-configuracion{
    background: url(images/ini/menu_configuracion.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.menu-contabilidad{
    background: url(images/ini/menu_contabilidad.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.menu-escolar{
    background: url(images/ini/menu_escolar.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.menu-presupuesto{
    background: url(images/ini/menu_presupuesto.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.menu-rh{
    background: url(images/ini/menu_rh.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.menu-tpv{
    background: url(images/ini/menu_tpv.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.menu-ventas{
    background: url(images/ini/menu_ventas.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.menu-produccion{
    background: url(images/ini/menu_produccion.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.menu-hotel{
    background: url(images/ini/menu_hotel.png) no-repeat;
    margin-right: 5px;
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
}
.boton{
    background-color: transparent !important; 
    border: 0px solid transparent !important;
    padding: 0px !important;
    margin: 0px auto !important;
    width: 22px !important;
    height: 22px !important;
    color: transparent !important;
}
.boton:focus {
    background-color: transparent !important;
    background-image: none !important;
    border: 0px solid transparent !important;
    padding: 0px !important;
    margin: 0px auto !important;
    width: 22px !important;
    height: 22px !important;
    color: transparent !important;
    outline: none;
}
.boton:hover {
    background-color: transparent !important;
    background-image: none !important;
    border: 0px solid transparent !important;
    padding: 0px !important;
    margin: 0px auto !important;
    width: 22px !important;
    height: 22px !important;
    color: transparent !important;
    outline: none;
}
/* BOTONES GENERALES */
.boton-abrir{
    background: url(images/gen/abrir.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-aceptar{
    background: url(images/gen/aceptar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-actualizar{
    background: url(images/gen/actualizar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-agregar{
    background: url(images/gen/agregar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-alerta{
    background: url(images/gen/alerta.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-atras{
    background: url(images/gen/atras.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-bajar{
    background: url(images/gen/bajar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-bloquear{
    background: url(images/gen/bloquear.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-buscar{
    background: url(images/gen/buscar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-calificacion{
    background: url(images/esc/calificacion.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-cancelar{
    background: url(images/gen/cancelar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-checar{
    background: url(images/gen/checar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-cheque{
    background: url(images/cont/cheque.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-cuenta{
    background: url(images/cont/cuenta.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-efectivo{
    background: url(images/gen/efectivo.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-eliminar{
    background: url(images/gen/eliminar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-entregar{
    background: url(images/gen/entregar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-excel{
    background: url(images/gen/excel.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-facturar{
    background: url(images/gen/facturar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-final{
    background: url(images/gen/final.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-guardar{
    background: url(images/gen/guardar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-imprimir{
    background: url(images/gen/imprimir.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-inicio{
    background: url(images/gen/inicio.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-limpiar{
    background: url(images/gen/limpiar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-materias{
    background: url(images/esc/materias.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-no-indentificado{
    background: url(images/gen/no_identificado.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-otro-abajo{
    background: url(images/gen/otro_abajo.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-otro-adelante{
    background: url(images/gen/otro_adelante.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-otro-arriba{
    background: url(images/gen/otro_arriba.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-otro-atras{
    background: url(images/gen/otro_atras.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-pdf{
    background: url(images/gen/pdf.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-procesar{
    background: url(images/gen/procesar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-quitar{
    background: url(images/gen/quitar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-recibir{
    background: url(images/gen/recibir.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-regenerar-pdf{
    background: url(images/gen/regenerar_pdf.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-requisitos{
    background: url(images/gen/requisitos.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-serie{
    background: url(images/gen/serie.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-siguiente{
    background: url(images/gen/siguiente.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-subir{
    background: url(images/gen/subir.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-subcuenta{
    background: url(images/cont/subcuenta.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-tarjeta{
    background: url(images/gen/tarjeta.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-terminar{
    background: url(images/tpv/terminar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-terminar-corte{
    background: url(images/gen/terminar_corte.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-timbrar{
    background: url(images/cont/timbrar.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-transferencia{
    background: url(images/gen/transferencia.png) no-repeat;
    width: 30px;
    height: 30px;
}
.boton-vacio{
    background: url(images/gen/vacio.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-validar-fiel{
    background: url(images/cont/validar_fiel.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}
.boton-xml{
    background: url(images/gen/xml.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}


.boton-iniciar{
    min-width: 120px;
    min-height: 28px;
    height: auto; 
    width: 80%;
    padding: 5px;
    margin: 4px auto;
    
    font-size: 1.2em;
    text-align: center;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    overflow: hidden;
    
    background-color: #02afab;
    color: #fff;
}