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

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

@font-face{
	font-family:'RenaultLife-Italic';
	src:url(../fuentes/NouvelR-Italic.ttf);
}

div {
	display: block;
}

/*input[type=date],
input[type=month],
input[type=number],
input[type=time],
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], input[type=time], select {
		background: transparent;
		border: none;
		font-size: 14px;
		height: 40px;
		padding: 5px;
		width: 100%;
	}

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

/*input[type=date] {
	max-width: 260px !important;
	}*/

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

	input[type=month]: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;}
	.rena3{font-family:'RenaultLife-Italic';}


	/** 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;
		/*max-width: 260px !important;*/
		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;
		/* max-width: 260px !important;*/
		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;
		/*max-width: 260px !important;*/
		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;
		/*max-width: 260px !important;*/
		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;
		/* max-width: 260px !important;*/
		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;
		/*max-width: 260px !important;*/
		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%;
		/*max-width: 260px !important;*/
	}

	.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%;}

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