:root {
  /* Botón inicio */
  --BotonInicio_PosicionFondo: 10px;
  --BotonInicio_tamanoFondoIcono: 40px;
  
  /*Botón Politica*/
  --BotonPolitica_PosicionFondo: center center !important;
  --Botonpolitica_tamanoFondoIcono: contain !important;

  /* Botón */
  --Boton_hover_fondo: #2F4F92;
  --Boton_active_fondo: #2F4F92;
  --boton_primario_hover_fondo: #2F4F92;
  --Boton_hover_color:#FFFFFF;
  --Boton_active_color:#FFFFFF;
  --Boton_primario_hover_Borde: #2F4F92;

  /* Utilitarios */
  --imgCargado_Ancho: 100px;
  --barraProgreso_fondo: #daeff9;
  --contenedor_confirmacion_fondo: #FFFFFF;
}

@font-face {
    font-family: 'robotoRegular';
    src: url('fuentes/Roboto-regular.ttf') format('truetype');
}

body *, input, textarea {
    font-family: "robotoRegular", Verdana, Arial, sans-serif !important;
}

form, html, body { overflow: auto !important; }
/* Botones */
.botonInicio, .boton { transition: all .25s; background-position: var(--BotonInicio_PosicionFondo) center !important; background-size: var(--BotonInicio_tamanoFondoIcono) !important;}
.botonPolitica { transition: all .25s; background-position: var(--BotonPolitica_PosicionFondo) center !important; background-size: var(--Botonpolitica_tamanoFondoIcono) !important;}
.botonInicio:hover, .boton:hover { background-color: var(--Boton_hover_fondo) !important; color:var(--Boton_hover_color) !important; border-color:var(--Boton_primario_hover_Borde) !important;}
.botonInicio:hover, .boton:hover span{color:white !important;}
.botonInicio:hover, .boton:active { background-color: var(--Boton_active_fondo) !important; color:var(--Boton_active_color)!important;}
.botonInicio:hover, .boton:active span{color:white !important;}
.botonPolitica:hover{background-color:white!important;}
.boton-primario:hover { background-color: var(--boton_primario_hover_fondo)  !important; }
.btnSelecionar{border-color: #2B915D;}

/* Modal */
div[modal-rol="modal"] { max-width: 80vw; }
span[modal-rol="texto"] { white-space: normal !important; }
div[modal-rol="bg"] { position: absolute !important; }

/* botones lista oficinas */
.listaOficinas .boton small:before { content: ''; position: relative; top: 3px; display: inline-block; width: 15px; height: 15px; background-image: url(img/location.svg); background-size: 15px;  }
.listaOficinas .boton small { display: block;}

#imgCargado { width: var(--imgCargado_Ancho); }
#mpcWPdivCargando img { width: 100px; }
.barra { background-color: var(--barraProgreso_fondo); border-radius: 2px; }
.titulo { line-height: 27px; }
/* .contenedorConfirmacion { background: var(--contenedor_confirmacion_fondo) 0% 0% no-repeat padding-box; box-shadow: 0px 0px 8px #00000029; border-radius: 10px; min-width: 40vw; } */
.contenedorConfirmacion {background: #FFFFFF; box-shadow: 0px 0px 8px #00000029; border-radius: 10px; min-width: 40vw;}

/*Header*/
.tituloHeader {position: relative; top: 8px; left: 420px;}

/*Pantalla Datos*/
.txtBox {text-transform: capitalize;}
.DivCampos{position: relative; margin-top: 20px;}
.form-label {position: absolute;top: -10px;left: 6px;background-color: white;padding: 0 5px;font-size:12px !important;}

/*Pantalla Confirmación*/
.fondoConfirmacion{background: #2B4C8A; border-radius: 12px;    padding: 10px; margin: 10px;}

/*Pantalla Turno*/
.contendorTurno{border: 1px solid #8295BE; border-radius: 18px; background: linear-gradient(135deg, rgb(254, 253, 253) 45%, rgb(236, 235, 235) 77%);}

/*Pantala Tablero*/
.contenedorTablero {
    background: #FFFFFF;
    box-shadow: 0px 0px 8px #00000029;
	border: 3px solid #2F4F92;
    border-radius: 10px;
    min-width: 30vw;
	margin-top: 30px !important;
	padding-bottom: 0px !important;
}
div[pantalla=Tablero] .boton b.turno {
    font-size: 20px;
    display: block;
}
div[pantalla=Tablero] .boton span.cola {
    display: block;
    font-size: 10px;
}
div[pantalla=Tablero] .boton span.oficina {
    display: block;
    font-size: 10px;
}
div[pantalla=Tablero] .boton span.estadoTurno {
    display: block;
    font-size: 10px;
}