@charset "UTF-8";
@font-face{
	font-family:RenaultLife-Regular;
	src:url(../fuentes/RenaultLife-Regular.ttf);	
}

@font-face{
	font-family:RenaultLife-Bold;
	src:url(../fuentes/RenaultLife-Bold.ttf);		
}
div {
    display: block;
}

input[type=date],
input[type=number],
select, textarea {
    border-radius: 0px !important;
}
input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0;
	cursor: pointer;
}
input[type=date], select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 40px;
   padding: 5px;
   width: 100%;
}

input[type=date] { 

}

input[type=date]:focus, select:focus{ outline: none;}


input[type=text] { 
	border-radius: 0px 0px 0px 0px;
	/* border: 1px solid rgba(154,153,153,1.00); */
	min-height: 40px;
	width: 100%;
	display: block;
	padding: 6px 12px;
}


input:read-only { 
	background-color: #eee;
	opacity: 1;
	border: #eee;
}

.panel-group .panel {
    border-radius: 0px !important; 
}

.form-control {
    height: 40px;
    border-radius: 0px;
}
.rena{font-family:RenaultLife-Bold;}
.rena2{font-family:RenaultLife-Regular;}


/** Estilos para los botones */

.botonAccion {
	font-family:RenaultLife-Regular;
	font-size: 18px;
	display: block;
	width: 100%;
	min-width: 120px;
	min-height: 40px;
	padding: 6px 1px;
	color: #FFF;
	cursor: pointer;
	font-weight: normal;
}

/** Estilos para el base para los botones */

.botonAccion a {
	color:rgba(3,3,3,1.00) ;	
	text-decoration: none;
	display: flex;
}
.botonAccion label {
	display: flex;
	align-items: center;
	margin-bottom: 0px;
	cursor: pointer;
	font-weight: normal;
}
.botonAccion span {
	display: flex;
	align-items: center;
	padding-left: 7px;
	padding-right: 7PX;
	cursor: pointer;
	font-family: "general";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	speak: none;
}

/** Estilos para el boton Buscar */

/*.btnBuscar{
	background: #5bc0de;
}
.btnBuscar span {

	color:#000;
}
.btnBuscar label:before {
	content: 'Buscar';
	border-left: 1px solid #000;
	padding-left: 10px;
	color:#000;
}*/

/** Estilos para el boton Asignar Gama */

.btnAsignarGama{
	background: rgba(240,182,0,1.00);
}
.btnAsignarGama span {

	color:#FFF;
}
.btnAsignarGama label:before {
	content: 'Asignar Gama';
	border-left: 1px solid #FFF;
	padding-left: 10px;
	color:#FFF;
}

/** Estilos para el boton Buscar */

.btnBuscarAmarrillo{
	background: rgba(240,182,0,1.00);
}
.btnBuscarAmarrillo span {

	color:#000;
}

.btnBuscarAmarrillo label:before {
	content: 'Buscar';
	border-left: 1px solid #000;
	padding-left: 10px;
	color:#000;
}

/** Estilos para el boton Crear */

.btnCrear{
	background: #5bc0de;
	color:#000;
}
.btnCrear span {
	color:#000;
}

.btnCrear label:before {
	content: 'Crear';
	border-left: 1px solid #000;
	padding-left: 10px;
}

/** Estilos para el boton Cargar */

.btnCargar{
	background: #5cb85c;
}
.btnCargar spanr {

	color:#FFF;
}

.btnCargar label:before {
	content: 'Cargar';
	border-left: 1px solid #FFF;
	padding-left: 10px;
	color:#FFF;
}

/** Estilos para el boton Contestar */

.btnContestar{
	background: #FF7704;
}
.btnContestar span {

	color:#FFF;
}

.btnContestar label:before {
	content: 'Contestar';
	border-left: 1px solid #FFF;
	padding-left: 10px;
	color:#FFF;
}

/** Estilos para el boton Solicitar */

.btnSolicitar{
	background: rgba(240,182,0,1.00);
	color:#000;
}
.btnSolicitar spanr {
	color:#000;
}

.btnSolicitar label:before {
	content: 'Solicitar';
	border-left: 1px solid #000;
	padding-left: 10px;
}

/** Estilos para el boton Guardar */

.btnGuardar{
	background: #5cb85c;
}

.btnGuardar span {

	color:#FFF;
}

.btnGuardar label:before {
	content: 'Guardar';
	border-left: 1px solid #FFF;
	padding-left: 10px;
	color:#FFF;
}

/** Estilos para el boton Editar */

.btnEditar{
	cursor: pointer;
	background: rgba(240,182,0,1.00);
}

.btnEditar span{
	color:#000;
}

.btnEditar label:before {
	content: 'Editar';
	border-left: 1px solid #000;
	padding-left: 10px;
	color:#000;
}

/** Estilos para el boton Rechazar */

.btnRechazar{
	background: #d9534f;
}
.btnRechazar span {
;
	color:#FFF;
}

.btnRechazar label:before {
	content: 'Rechazar';
	border-left: 1px solid #FFF;
	padding-left: 10px;
	color:#FFF;
}


/** Estilos para el boton Eliminar */

.btnEliminar{
	background: #d9534f;
}
.btnEliminar span {

	color:#FFF;
}

.btnEliminar label:before {
	content: 'Eliminar';
	border-left: 1px solid #FFF;
	padding-left: 10px;
	color:#FFF;
}

/** Estilos para el boton Cancelar */

.btnCancelar{
	background: #AEAEAE;
}

.btnCancelar span {

	color:#FFF;
}

.btnCancelar label:before {
	content: 'Cancelar';
	border-left: 1px solid #FFF;
	padding-left: 10px;
	color:#FFF;
}

/** Estilos para el boton Validar */

.btnValidar{
	background: #5cb85c;
}
.btnValidar span {

	color:#FFF;
}

.btnValidar label:before {
	content: 'Validar';
	border-left: 1px solid #FFF;
	padding-left: 10px;
	color:#FFF;
}

/** Estilos para el boton Validar Gama */

.btnValidarGama{
	background: rgba(240,182,0,1.00);
	color:#000;
}
.btnValidarGama span {
	content: '\e846';
}

.btnValidarGama label:before {
	content: 'Validar gama';
	border-left: 1px solid #000;
	padding-left: 10px;
}

/** Estilos para el boton Achivar Incidencia */

.btnAchivarIncidencia{
	background: #5cb85c;
}
.btnAchivarIncidencia span {

	color:#FFF;
}

.btnAchivarIncidencia label:before {
	content: 'Achivar Incidencia';
	border-left: 1px solid #FFF;
	padding-left: 10px;
	color:#FFF;
}

/** Estilos para otros botones */

.btn-accion {
	background-color: #657ea7;
	box-shadow: 1px 1px 1px #4c4c4c;
}
.btn-accion:hover {
	color: #FFF6C3;
	background-color: #49628a;
}

/** Estilos para colores de los botones  */

.btnColorAmarrillo{
	background: rgba(245,206,58,1.00);
}
.btnColorAmarrillo span {
	color:#000;
}
.btnColorAmarrillo label {
	border-left: 1px solid #000 !important;
	padding-left: 10px;
	color:#000;
}

.btnColorAzul{
	    background-color: rgb(65, 111, 255);
}
.btnColorAzul span {
	color:#fff;
}
.btnColorAzul label {
	border-left: 1px solid #fff !important;
	padding-left: 10px;
	color:#fff;
}

.btnColorRojo{
	background: rgba(217, 83, 79, 1);
}
.btnColorRojo span {
	color:#FFF;
}
.btnColorRojo label {
	border-left: 1px solid #FFF !important;
	padding-left: 10px;
	color:#FFF;
}

.btnColorNaranja{
	background: rgba(255, 160, 19,1);
}
.btnColorNaranja span {
	color:#FFF;
}
.btnColorNaranja label {
	border-left: 1px solid #FFF !important;
	padding-left: 10px;
	color:#FFF;
}

.btnColorVerde {
	background: rgba(92, 184, 92, 1);
}
.btnColorVerde span {
	color:#FFF;
}
.btnColorVerde label {
	border-left: 1px solid #FFF !important;
	padding-left: 10px;
	color:#FFF;
}

.btnColorGris {
	background: rgba(174, 174, 174, 1);
}
.btnColorGris span {
	color:#FFF;
}
.btnColorGris label {
	border-left: 1px solid #FFF !important;
	padding-left: 10px;
	color:#FFF;
}

/** Estilos para tablas  */
.barraTitulos {
	background-color: #1f2532;
	color: #fff;
	width: 100%;
	min-height: 40px;
	text-align: initial;
	flex-direction: column;
}

.barraTitulosFija {
	background-color: #1f2532;
	color: #fff;
	width: 100%;
	min-height: 40px;
	text-align: initial;
	flex-direction: column;
	padding: 0.5%;
	position: fixed;
	left: 0px;
	z-index: 999;
}

.titulos{
	vertical-align: middle;
	margin-top: 5px;
	padding-top: 1%;
}


.btn-amarillo{
	background: rgba(240,182,0,1.00);
	color:#000;
}
.btn-amarillo label {
	border-left: 1px solid #000;
	padding-left: 10px;
}

.caja {
   border:1px solid #d9d9d9;
   height:40px;
   overflow: hidden;
   width: 100%;
   position:relative;
			
}

.caja::after{
	content:"\025be";
	display:table-cell;
	padding-top:7px;
	text-align:center;
	width:30px;
	height:40px;
	background-color:#d9d9d9;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
}

/** Estilos para las Fechas */

.cajaFecha {
   border:1px solid #d9d9d9;
   height:40px;
   overflow: hidden;
   
   position:relative;
}
.cajaFecha::after{
	font-family: "general";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	speak: none;
	content: '\e8a9';
	display: inline-block;
	padding-top:7px;
	text-align:center;
	width:30px;
	height:40px;
	background-color:#d9d9d9;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
	line-height: 1em;
	margin-left: .2em;
}

/** Estilos para los combos de zonas */

.cajaUET {
   border:1px solid #d9d9d9;
   height:40px;
   overflow: hidden;
   position:relative;
}

.cajaUET::after{
	font-family: "general";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	speak: none;
	content: '\e971';
	display: inline-block;
	padding-top:7px;
	text-align:center;
	width:30px;
	height:40px;
	background-color:#d9d9d9;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
	line-height: 1em;
	margin-left: .2em;
}

.cajaZona {
   border:1px solid #d9d9d9;
   height:40px;
   overflow: hidden;
 
   position:relative;
}

.cajaZona::after{
	font-family: "general";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	speak: none;
	content: '\e8b4';
	display: inline-block;
	padding-top:7px;
	text-align:center;
	width:30px;
	height:40px;
	background-color:#d9d9d9;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
	line-height: 1em;
	margin-left: .2em;
}
/** Estilos para los combos de Dependencia */

.cajaDependencia {
   border:1px solid #d9d9d9;
   height:40px;
   overflow: hidden;
   
   position:relative;
			
}
.cajaDependencia::after{
	font-family: "general";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	speak: none;
	content: '\e8bd';
	display: inline-block;
	padding-top:7px;
	text-align:center;
	width:30px;
	height:40px;
	background-color:#d9d9d9;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
	line-height: 1em;
	margin-left: .2em;
}

/** Estilos para los combos de tareas */

.cajaTarea {
   border:1px solid #d9d9d9;
   height:40px;
   overflow: hidden;
   
   position:relative;
			
}
.cajaTarea::after{
	font-family: "general";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	speak: none;
	content: '\e80d';
	display: inline-block;
	padding-top:7px;
	text-align:center;
	width:30px;
	height:40px;
	background-color:#d9d9d9;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
	line-height: 1em;
	margin-left: .2em;
}

/** Estilos para los combos de turnos */

.cajaTurnos {
   border:1px solid #d9d9d9;
   height:40px;
   overflow: hidden;
 
   position:relative;
}
.cajaTurnos::after{
	font-family: "general";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	speak: none;
	content: '\e963';
	display: inline-block;
	padding-top:7px;
	text-align:center;
	width:30px;
	height:40px;
	background-color:#d9d9d9;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
	line-height: 1em;font-size: 24px;
	margin-left: .2em;
}

/** Estilos para los interbalos de dias */

.cajaDias {
	border:1px solid #d9d9d9;
	height:40px;
	overflow: hidden;
	
	position:relative;
	font-size: 24px;
}

.cajaDias::after{
	font-family: "general";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	speak: none;
	content: '\e8ac';
	display: inline-block;
	padding-top:7px;
	text-align:center;
	width:30px;
	height:40px;
	background-color:#d9d9d9;
	position:absolute;
	top:0;
	right:0px;	
	pointer-events: none;
	line-height: 1em;
	margin-left: .2em;
}

.intervaloDias {
	background: transparent;
	border: none;
	font-size: 14px;
	height: 40px;
	padding: 5px;
	width: 100%;
	 
}

.intervaloDias:focus { outline: none; }

/** Clase de estilo para resaltar los campos que se van a editar en un formulario */
.edicionCampo{
	border: 1px solid #647da7;
	box-shadow: 2px 2px 3px #647da7;
}

/** Clases de estilo para mostrar los mensajes de resultados de procesos */

.mensajeResultadoOPE {font-family: RenaultLife-Regular !important;font-size: 20px;display: block;width:98%;left: auto;right: auto;height:200px;padding: 6px 1px;margin-left: 15px;color: #FFF;background-color: #0a2c42;}
.icoMensaje {font-size: 350%;color: #ffce00;}
.divSup{ height: 25%; }
.divCentro{ height: 50%; display: inline-block;}
.divInf{ height: 25%; }
.divIco{display: flex;justify-content: center;align-items: center;height: 100%;}
.divMen{border-left: 2px solid #FFF;display: flex;align-items: center;height: 100%;}

/**----------------------------------------------------------------------*/