﻿
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(//themes.googleusercontent.com/static/fonts/lato/v7/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(//themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}

/* Comunes ------------------------------------------------------------------------------- */
* {font-family:'Trebuchet MS', Arial, sans-serif;}

	BODY, HTML, FORM {font-family:'Trebuchet MS', Arial, sans-serif !important; color: #2c2a37; margin:0; padding:0; height:100%; background-color:#eee !important;}    
	#cuerpo {padding:0;}

.Alert-root {
	display: flex;
	padding: 6px 16px;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	border-radius: 4px;
	background-color: transparent;
}

	.Alert-root.mb {
		margin-bottom: 8px;
	}

.Alert-warning {
	color: #663C00;
	background-color: #FFF4E5;
	/* (dark mode) */
	/* color: #FFD599; */
	/* background-color: #190F00;  */
}

.Alert-info {
	color: #1E4620;
	background-color: #EDF7ED;
	/* (dark mode) */
	/* color: #B7DFB9; */
	/* background-color: #071107; */
}

.SvgIcon-root {
	fill: currentColor;
	width: 1em;
	height: 1em;
	display: inline-block;
	font-size: inherit;
	flex-shrink: 0;
	user-select: none;
}

.Alert-icon {
	display: flex;
	opacity: 0.9;
	padding: 7px 0;
	font-size: 22px;
	margin-right: 12px;
}

.Alert-message {
	padding: 8px;
}

.Alert-warning .Alert-icon {
	color: #ff9800;
}

.Alert-info .Alert-icon {
	color: #4caf50;
}

    .sincolor{background-color:#fff !important;}

/* SOME USEFUL STYLES */
.textOut {
    text-indent:-1000em;
}
.visibilityHidden {
    visibility:hidden !important;
}
.visibilityVisible {
    visibility:visible !important;
}
.displayBlock {
    display:block !important;
}
.displayNone {
    display:none !important;
}
.clearBoth {
    clear:both !important;
}

.scrollable
{background:#eee;
/*background: #fafafa;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fafafa 0%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top,  #fafafa 0%,#dddddd 100%);
background: -o-linear-gradient(top,  #fafafa 0%,#dddddd 100%);
background: -ms-linear-gradient(top,  #fafafa 0%,#dddddd 100%);
background: linear-gradient(to bottom,  #fafafa 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dddddd',GradientType=0 );*/}
	
	
	H1, H2, H3, H4, H5, FORM {margin:0; margin:0; padding:0; text-align:left }
	H2 { padding:0; display:block; background:none; text-align:left; height:22px}
	H2 IMG { float:right;}
	H2 SPAN { float:left; /*-webkit-text-shadow: 0 1px 3px rgba(0, 0, 0, .3); -moz-text-shadow: 0 1px 3px rgba(0, 0, 0, .3) ; text-shadow: 0 1px 3px rgba(0, 0, 0, .3);*/}
	
	IMG {border:0;}
	
	.ImprimirMuestra {display: none}
	
	.PopUp { background:#fff !important; padding-top:5px !important; /*background: #eee !important;padding: 1px;  margin: 1px; */ }
    .PopUp .Mod1 { margin-left:-1px !important; /*margin-left: auto; margin-right: auto; margin-bottom: 2px !important;*/ -webkit-box-shadow:  none !important; -moz-box-shadow:  none !important; box-shadow: none !important;}
    .RadTabStripVertical + .Mod1 { border-left:1px solid #ccc;}
	.RadWindow .rwCorner { width:7px !important}
	
	/* Obligatorios */
	/* Normal   */ .Obligatorio { border-left:3px #c52c31 solid !important; margin-left:-2px}
	/* Input    */ .Obligatorioi INPUT { border-left:3px #c52c31 solid !important; margin-left:-2px}
	/* DropDown */ .Obligatoriod INPUT.rcbInput { border-left:3px #c52c31 solid !important; margin-left:-2px}
	/* Normal   */ .NoObli { border-left:3px #fff solid !important; margin-left:-2px; height:22px;}
	/* Input    */ .NoObli INPUT { border-left:3px #fff solid !important; margin-left:-2px; height:22px;}
	/* DropDown */ .NoObli INPUT.rcbInput { border-left:3px #fff solid !important; margin-left:-2px; height:22px;}
	
	
	
	/* Error */
	.errores { text-align:center; color:#c52c31}
	
	.txtL{text-align:left !important;}
	.txtR{text-align:right !important;}
	.txtC{text-align:center !important;}
	.floatL{float:left;}
	.floatR{float:right;}
	.displayB{display:block;}
	.displayN{display:none;}
	
	/* Saltos ------------------------------------ */
		BR.salto {clear:both;}
		BR.salto0 {clear:both; border:0; margin:0; height:0px; overflow:hidden}

	/* Alto y/o ancho 100% ----------------------- */
		.AnAl {width:100%; height:100%; box-sizing:border-box; background:#fff !important;}
		.An {width:100%}
		.Al {height:100%;}

	/* Varios ------------------------------------ */
		.esconder{ display: none; }
		a { text-decoration:none}

/* Personalizaciones ------------------------------------------------------------------------------- */

	/* Formularios */

	/* Modulos */
.InfoEventoSubCab,
.InfoResCont,
		.Mod1 {	background-color: #FFF !important;
				/*border: #828282 1px solid;
				border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px;
				-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
				-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
				box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
                padding:25px;*/
                padding: 25px 0 25px 11px;
	            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	            box-sizing: border-box;         /* Opera/IE 8+ */
                }
		
		/* #InfoResHeadTotal,*/
		.Mod2 { /*border: #F00 3px solid !important*/
                color:#fff;
		        background-color:#606069;
		        font-size:14px;
		        font-weight:bold;
                padding:11px 11px 5px;
		        /*border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px;*/
		        }
        .Mod2 span {font-family:'Lato', 'Trebuchet MS', sans-serif; font-weight:300; font-size:1.25em; line-height:1em;}

        .Mod2 h3 span{line-height:1.7em;}
        .Mod2 h3 span.AlertCreation{width:150px; font-size:1em; line-height:1em; padding-top:4px; border-bottom:none; float:right; text-align:right;}
		        
		.Mod3 {}
		.EsqSupIzq {/*border-radius: 0 10px 10px 10px !important; -moz-border-radius: 0 10px 10px 10px !important; -webkit-border-radius:0 10px 10px 10px !important*/ }
		.Menos1Sup { margin-top:-1px !important;}
		
			
	/* SubModulos */
		.SubMod1 {	background-color: #f0f0f0 !important;
                    margin-right:0;
                    padding:25px !important
					/*border: #828282 1px solid;
					border: #F00 3px solid !important; */
					/*border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px*/}
				
		.SubMod2 {}
		.SubMod3 {}			

	/* redondeados */
		.Redond1 { /*border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px*/}
		.Redond2 {}
		.Redond3 {}

	/* Sombras */
		.Sombra1 {-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .2); box-shadow: 0 1px 5px rgba(0, 0, 0, .2);}
		.Sombra2 {}
		.Sombra3 {}
		
	/* Bordes */
		.Bord1 { border:#d1d1d1 1px solid; }
		.Bord2 {}
		.Bord3 {}

	/* Degradados */
		.Deg1 {}
		.Deg2 {}
		.Deg3 {}

	/* Fondos */
		.Fondo1 {}
		.Fondo2 {}
		.Fondo3 {}
		
/* Todos los botones -------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
	.BotonImprimir, .BotonInsertar, .BotonCancelar, .BotonBuscar, .BotonVerTodos, .BotonOk, .BotonActualizar, .BotonAnterior, .BotonEnviar, .BotonSiguiente, .BotonStandard, .BotonStandardGris, .BotonStandardA
	{min-width:50px !important; text-align:center}


/* Botones */ 

/* .BotonOkL,
.BotonImprimir, .BotonInsertar, .BotonCancelar, .BotonBuscar, .BotonVerTodos, .BotonOk, .BotonActualizar, .BotonAnterior, .BotonEnviar, .BotonSiguiente, .BotonStandard, .BotonStandardGris, .BotonStandardA,
.UserPass .logBut,
.datos .subBut,
.Simulador INPUT,
.BotonStandardGris,
DIV.menuLateral .botones .BttInic,
DIV.menuLateral .botones .BttMed, 
DIV.menuLateral .botones .BttFin {Background-color:#FFF; background-image:url(/Skins/Localizae/Images/Botones/Botones.png); cursor:pointer; border:0px solid transparent; color:#333 !important; text-decoration:none;}


/* Otros grupos de botones */
	.BotonStandard, .BotonStandardGris {margin-right:15px; height:25px; line-height:20px; padding-bottom:2px; margin:5px !important }

	.BotonImprimir, .BotonInsertar, .BotonCancelar, .BotonBuscar, .BotonVerTodos, .BotonOk, .BotonActualizar, .BotonAnterior, .BotonEnviar, .BotonSiguiente, .BotonOkL
	{ height:19px; line-height:16px; padding:4px 6px 0 24px; float:right; margin-top:10px }
	
	.BotonOkL {width:135px !important; text-align:center}

/* Personalizaciones */
.BotonStandard { /*background-position: 0 -200px;*/ font-size:12px; border: 1px solid #ccc; background: #eee !important; padding: 5px;} 
.BotonStandard:hover{background:#fff !important;}
.BotonStandardGris { background-position:0 -100px }
.BotonStandardA { height:32px; line-height:20px; padding-top:4px; float:right; background-position:0 -200px; display:inline-block}

	/*Ok*/
	.BotonOk  { background-position:0 -250px}

	/*Ok Largo*/
	.BotonOkL  { background-position:0 -50px}	
	
	/*Cancelar*/
	.BotonCancelar  { background-position:0 -550px}	
	
	/*Buscar*/
	.BotonBuscar  { background-position:0 -650px}	
	
	/*Ver Todos*/
	.BotonVerTodos  { background-position:0 -700px}	

	/*Actualizar*/
	.BotonActualizar  { background-position:0 -300px}		

	/*Imprimir*/
	.BotonImprimir  { background-position:0 -350px}
	
	/*Insertar*/
	.BotonInsertar  { background-position:0 -400px}	

	/*Enviar*/
	.BotonEnviar  { background-position:0 -600px}

	/*Anterior*/
	.BotonAnterior {background-position:0 -450px; float:left;}

	/*Siguiente*/
	.BotonSiguiente {background-position:right -500px; padding:4px 24px 0 6px}	
	
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */


.BotonStandardA,
.bttCSS { height:19px; line-height:16px; }


.bttCSSA { height:25px; line-height:24px}

.BotonOkL,
.BotonImprimir,
.BotonInsertar,
.BotonCancelar,
.BotonBuscar,
.BotonVerTodos,
.BotonOk,
.BotonActualizar,
.BotonAnterior,
.BotonEnviar,
.BotonSiguiente,
/*.BotonStandard,*/
.BotonStandardGris,
.BotonStandardA,
.UserPass .logBut,
.datos .subBut,
.Simulador INPUT,
.BotonStandardGris,
DIV.menuLateral .botones .BttInic,
DIV.menuLateral .botones .BttMed, 
DIV.menuLateral .botones .BttFin,
.IconMenuList a,

.bttCSS,
.bttCSSA { 

    width: auto;
    border: 1px #ddd solid;
    cursor: pointer;
    width: auto;
    text-align: center;
    margin: 5px;
    display: inline-block;
    color: #2C2A37;
    background-image: url(/Skins/Localizae/Images/Botones/Botones.png);
	
	/* Borde */
	/*border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	
	/* sombra */
	/*box-shadow: 0 1px 5px rgba(0, 0, 0, .2), inset -2px -3px 6px rgba(0, 0, 0, .1), inset 2px 3px 9px #fff;
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .2), inset -2px -3px 6px rgba(0, 0, 0, .1), inset 2px 3px 9px #fff;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2), inset -2px -3px 6px rgba(0, 0, 0, .1), inset 2px 3px 9px #fff;*/
	
	/* Sombra del texto */
	/* text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5), -1px -1px 1px rgba(0, 0, 0, 0.3); */
	
	/* Degradado del fondo */
/*	background: #e0e0e0; /* old browsers */
	/*background: -moz-linear-gradient(top, #f0f0f0 0%, #cdcdcd 100%); /* firefox */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#cdcdcd)); /* webkit */    
	}


.BotonOkL:active,
.BotonImprimir:active,
.BotonInsertar:active,
.BotonCancelar:active,
.BotonBuscar:active,
.BotonVerTodos:active,
.BotonOk:active,
.BotonActualizar:active,
.BotonAnterior:active,
.BotonEnviar:active,
.BotonSiguiente:active,
/*.BotonStandard:active,*/
.BotonStandardGris:active,
.BotonStandardA:active,
.UserPass .logBut:active,
.datos .subBut:active,
.Simulador INPUT:active,
.BotonStandardGris:active,
DIV.menuLateral .botones .BttInic:active,
DIV.menuLateral .botones .BttMed:active, 
DIV.menuLateral .botones .BttFin:active,

.bttCSS:active,
.bttCSSA:active  { 
	/* sombra */
	box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.4) inset, 0px 0px 5px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:3px 3px 2px rgba(0, 0, 0, 0.4) inset, 0px 0px 5px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow:3px 3px 2px rgba(0, 0, 0, 0.4) inset, 0px 0px 5px rgba(0, 0, 0, 0.2) inset;}


/* BOTONES DISPOSITIVOS */
.PopUpComunica{
    width:26px !important;
    height:26px !important;
    -webkit-transition: -webkit-transform 0.25s ease-out;
       -moz-transition: -moz-transform 0.25s ease-out;
         -o-transition: -o-transform 0.25s ease-out;
            transition: transform 0.25s ease-out;
}

.PopUpComunica:hover, .PopUpComunica:focus{
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
}
 .botonFoto{background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -624px 0; width:26px; height:26px; display:block;}
 .botonFoto:hover, .botonFoto:focus{background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -624px -26px;}
 /*
   .botonComunica{background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -598px 0; width:26px; height:26px; display:block;}
   .botonComunica:hover, .botonComunica:focus{background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -598px -26px;}
 */
 .botonComunica{background:url(/Skins/Localizae/Images/Iconos/Burbuja/comunica.png); width:20px !important; height:20px !important; display:block;}
 .botonBloqueo{background:url(/Skins/Localizae/Images/Iconos/Burbuja/immobact.png); width:20px !important; height:20px !important; display:block;}
 .botonDesbloqueo{background:url(/Skins/Localizae/Images/Iconos/Burbuja/immobinact.png); width:20px !important; height:20px !important; display:block;}
 .botonLock{background:url(/Skins/Localizae/Images/Iconos/Burbuja/output_lock.png); width:20px !important; height:20px !important; display:block;}
 .botonUnlock{background:url(/Skins/Localizae/Images/Iconos/Burbuja/output_unlock.png); width:20px !important; height:20px !important; display:block;}
 .botonLockInactive{background:url(/Skins/Localizae/Images/Iconos/Burbuja/output_lockinact.png); width:20px !important; height:20px !important; display:block;}
 .botonUnlockInactive{background:url(/Skins/Localizae/Images/Iconos/Burbuja/output_unlockinact.png); width:20px !important; height:20px !important; display:block;}
 .botonOutput1Disable{background:url(/Skins/Localizae/Images/Iconos/Burbuja/ouput_generic_1_disable.png); width:20px !important; height:20px !important; display:block;}
 .botonOutput1DisableImmob{background:url(/Skins/Localizae/Images/Iconos/Burbuja/ouput_generic_1_disable_immob.png); width:20px !important; height:20px !important; display:block;}
 .botonOutput1Enable{background:url(/Skins/Localizae/Images/Iconos/Burbuja/ouput_generic_1_enable.png); width:20px !important; height:20px !important; display:block;}
 .botonOutput1EnableImmob{background:url(/Skins/Localizae/Images/Iconos/Burbuja/ouput_generic_1_enable_immob.png); width:20px !important; height:20px !important; display:block;}
 .botonOutput2Disable{background:url(/Skins/Localizae/Images/Iconos/Burbuja/ouput_generic_2_disable.png); width:20px !important; height:20px !important; display:block;}
 .botonOutput2DisableImmob{background:url(/Skins/Localizae/Images/Iconos/Burbuja/ouput_generic_2_disable_immob.png); width:20px !important; height:20px !important; display:block;}
 .botonOutput2Enable{background:url(/Skins/Localizae/Images/Iconos/Burbuja/ouput_generic_2_enable.png); width:20px !important; height:20px !important; display:block;}
 .botonOutput2EnableImmob{background:url(/Skins/Localizae/Images/Iconos/Burbuja/ouput_generic_2_enable_immob.png); width:20px !important; height:20px !important; display:block;}
 .botonOutputAlarmDisable{background:url(/Skins/Localizae/Images/Iconos/Burbuja/output_alarm_disable.png); width:20px !important; height:20px !important; display:block;}
 .botonOutputAlarmEnable{background:url(/Skins/Localizae/Images/Iconos/Burbuja/output_alarm_enable.png); width:20px !important; height:20px !important; display:block;}
 .botonOutputBlinkersDisable{background:url(/Skins/Localizae/Images/Iconos/Burbuja/output_blinkers_disable.png); width:20px !important; height:20px !important; display:block;}
 .botonOutputBlinkersEnable{background:url(/Skins/Localizae/Images/Iconos/Burbuja/output_blinkers_enable.png); width:20px !important; height:20px !important; display:block;}
 .botonOutputLock{background:url(/Skins/Localizae/Images/Iconos/Burbuja/output_lock.png); width:20px !important; height:20px !important; display:block;}
 .botonOutputUnlock{background:url(/Skins/Localizae/Images/Iconos/Burbuja/output_unlock.png); width:20px !important; height:20px !important; display:block;}
 .botonPhoto{background:url(/Skins/Localizae/Images/Iconos/Burbuja/photo.png); width:20px !important; height:20px !important; display:block;}
 
 /* Firefox old*/
 @-moz-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; }}
 @-webkit-keyframes blink {	0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } }
 /* IE */
 @-ms-keyframes blink {	0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; }}
 /* Opera and prob css3 final iteration */
 @keyframes blink {	0% { opacity: 1; }	50% { opacity: 0; } 100% { opacity: 1; }}

 .blink-image { -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */	-webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */ -ms-animation: blink normal 2s infinite ease-in-out; /* IE */ animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */ }

 /* Linea ancho total */
.totalLine {
   width:100% !important;
   margin-bottom:5px;
}

/*
    Arreglamos problemas de la nueva versión de TELERIK (diciembre 2013)
    Se descuadran las etiquetas LABEL en Chrome, al tener "display:inline" por defecto.
*/
.RadForm.rfdRadio label, .RadForm.rfdCheckbox label {
    display: -webkit-inline-box !important;
}
/*
    Corregimos ese valor para el buscador de texto
*/
.RadForm.rfdRadio label.db, .RadForm.rfdCheckbox label.db {
    display:block !important;
}
/*
    Corregimos ese valor para el editor de textos del popup info de alertas
*/
#RadEditor1Center label {
    display:none !important;
}

/*NUEVOS BOTONES*/
.BloqueBusqueda3 .btn {width:201px; padding-top:13px;}
.BloqueBusqueda3 .actns {width:auto; padding-top:2px !important;}
.BloqueBusqueda3 .actns div {float:none !important; width:100% !important; margin-right:-9% !important; display:table; padding-bottom:12px; line-height:1em;}
.BloqueBusqueda3 .actns div span {padding-bottom:2px; width:100%;}
.BloqueBusqueda3 .BtnBuscar {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -338px 0 !important; width:26px !important; height:26px !important; float:right; margin-left:5px; border:none;}
.BloqueBusqueda3 .BtnBuscar:hover, .ElementoBloque .BotonBuscar:focus, .estiloexpandido .fila INPUT.BtnBuscar:hover {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -338px -26px !important;}
.BloqueBusqueda3 .BtnVerTodos {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -364px 0 !important; width:26px !important; height:26px !important; float:right; margin-left:5px; border:none;}
.BloqueBusqueda3 .BtnVerTodos:hover, .ElementoBloque .BotonVerTodos:focus, .estiloexpandido .fila INPUT.BtnVerTodos:hover {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -364px -26px !important;}

.BloqueBusqueda3 .BtnBuscarPDF {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -806px 0 !important; width:26px !important; height:26px !important; float:left; margin-right:5px; border:none;}
.BloqueBusqueda3 .BtnBuscarPDF:hover, .ElementoBloque .BotonBuscarPDF:focus, .estiloexpandido .fila INPUT.BtnBuscarPDF:hover {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -806px -26px !important;}

.BloqueBusqueda3 .BtnBuscarDOC {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -728px 0 !important; width:26px !important; height:26px !important; float:left; margin-right:5px; border:none;}
.BloqueBusqueda3 .BtnBuscarDOC:hover, .ElementoBloque .BotonBuscarPDF:focus, .estiloexpandido .fila INPUT.BtnBuscarDOC:hover {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -728px -26px !important;}

.BloqueBusqueda3 .BtnBuscarCSV {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -780px 0 !important; width:26px !important; height:26px !important; float:left; margin-right:5px; border:none;}
.BloqueBusqueda3 .BtnBuscarCSV:hover, .ElementoBloque .BotonBuscarPDF:focus, .estiloexpandido .fila INPUT.BtnBuscarCSV:hover {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -780px -26px !important;}

.BloqueBusqueda3 .BtnBuscarXLS {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -754px 0 !important; width:26px !important; height:26px !important; float:left; margin-right:5px; border:none;}
.BloqueBusqueda3 .BtnBuscarXLS:hover, .ElementoBloque .BotonBuscarPDF:focus, .estiloexpandido .fila INPUT.BtnBuscarXLS:hover {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -754px -26px !important;}

.BloqueBusqueda3 .BtnScheduler {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -832px 0 !important; width:26px !important; height:26px !important; float:left; margin-right:5px; border:none;}
.BloqueBusqueda3 .BtnScheduler:hover, .ElementoBloque .BotonBuscarPDF:focus, .estiloexpandido .fila INPUT.BtnScheduler:hover {background:url(/Skins/Localizae/Images/Admin/buttons.png) no-repeat -832px -26px !important;}

.BloqueBusqueda3 .btn input, .BloqueBusqueda3 .btn a {
    -webkit-transition: -webkit-transform 0.25s ease-out;
       -moz-transition: -moz-transform 0.25s ease-out;
         -o-transition: -o-transform 0.25s ease-out;
            transition: transform 0.25s ease-out;
}
.BloqueBusqueda3 .btn input:hover, .ElementoBloque .btn input:focus, .BloqueBusqueda3 .btn a:hover, .ElementoBloque .btn a:focus {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
}
.BBsizeM2 .actns input, .BBsizeS .actns input, .BBsizeM2 .actns a, .BBsizeS .actns a{float:left; margin-left:0; margin-right:5px;}


/*TITULO PÁGINA*/
div.tituloPagina {font-size:1.5em; text-align:center; background-image:url(/Skins/Localizae/Images/Telerik/localizae.png); background-position:bottom; /*width:100%;*/}
div.tituloPagina h1 {font-weight:normal; width:100%; text-align:center; line-height:40px; font-size:1.35em;}
div.tituloPagina span {font-weight:300; font-family:'Lato', 'Trebuchet MS', sans-serif !important;}
div.tituloPagina.MantenimientoListHeader{border: none !important; display: table; width: 100%;}

/* nav CSS */
nav#mainNav {position:absolute; top:0; left:0; width:4%; height:100%; min-width:32px; text-align:center !important; background:#ccc; z-index:100;}
nav#mainNav ul {margin:11px auto 0 !important; padding:0; list-style:none;}
nav#mainNav li {width:100%; height:42px; text-align:center !important;}
nav#mainNav li a {width:32px; height:32px; display:block; margin:auto;}
nav#mainNav li a span {position:absolute; left:0; margin-top:-.5em; background:#575757; font-size:1.3em; visibility:hidden; color:#fff; white-space:nowrap;}
nav#mainNav li a:hover span, nav#mainNav li a:focus span {left:77px; padding:.75em; display:block; visibility:visible;
    -webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	     -o-transition: all .25s ease;
			transition: all .25s ease;}
nav#mainNav li a span:before {content:""; font-size:10px !important; color:#575757; display:block; border:.7em solid transparent; border-right:.7em solid #575757; position:absolute; left:-1.4em; top:1.6em;}
/**********RTL**********/
/* menu sprite */
nav#mainNav #m01 a{background:url(/Skins/Localizae/Images/Admin/menuHistorical.png) no-repeat 0 0;}
nav#mainNav #m02 a{background:url(/Skins/Localizae/Images/Admin/menuHistorical.png) no-repeat -32px 0;}
nav#mainNav #m02V2 a{background:url(/Skins/Localizae/Images/Admin/menuHistorical.png) no-repeat 0 0;}
nav#mainNav #m01.on a, nav#mainNav #m01 a:hover{background:url(/Skins/Localizae/Images/Admin/menuHistorical.png) no-repeat 0 -32px;}
nav#mainNav #m02.on a, nav#mainNav #m02 a:hover{background:url(/Skins/Localizae/Images/Admin/menuHistorical.png) no-repeat -32px -32px;}
nav#mainNav #m02V2.on a, nav#mainNav #m02V2 a:hover{background:url(/Skins/Localizae/Images/Admin/menuHistorical.png) no-repeat 0 -32px;}

form.formMenu {width:96%; float:right;}

@media only screen and (max-width: 1850px) {
    nav#mainNav li a:hover span, nav#mainNav li a:focus span {
        left: 63px;
    }
}

@media only screen and (max-width: 1550px) {
    nav#mainNav li a:hover span, nav#mainNav li a:focus span {
        left: 51px;
    }
}

@media only screen and (max-width: 1230px) {
    nav#mainNav li a:hover span, nav#mainNav li a:focus span {
        left: 40px;
    }
}
@media screen and (max-width: 1100px) {
    .BloqueBusqueda3 .actns div{width:108% !important;}
    .BloqueBusqueda3.BBsizeM3 .actns div{width:100% !important;}
    .BloqueBusqueda3.BBsizeM2 .actns div span{width:102% !important;}
}

/* NO DATOS */
#ctl00_ContentPlaceHolder1_RPVNoData span,
#ctl00_ContentPlaceHolder1_PNoData span,
#ctl00_ContentPlaceHolder1_RPVOverLimit span,
span.InformeSinDatos,
#ctl00_ContentPlaceHolder1_RPVNoDataExport span{
    display: block;
    color:#c00;
    background: #fff;
    width: 50%;
    margin: auto;
    text-align: center;
    padding: 50px 0;
    font-size: 2em;
    font-weight: 300;
    font-family: 'Lato', 'Trebuchet MS', sans-serif !important;
}

input:disabled+label
{
  color:#aaa !important; 
}

.rgNoRecords td div{background:#fff; width:90%; margin:5%; padding:100px 0; text-align:center; font-size:2em; font-family:'Lato' !important; font-weight:300; color:#c00;}
#RGTrayectos_GridData .rgNoRecords td div, #RGAlerts .rgNoRecords td div{margin:4.75% 5% !important; padding:0 !important;}

/* RAD TAB STRIP */
.RTSfixed{position:absolute !important; width:100%; padding-bottom:3px !important; background-image: url(/Skins/Localizae/Images/Telerik/localizae.png); background-position: bottom; }
.fixedTab{height:100vh;}
.fixedTab > div{height:99.5vh; padding-top:43px; box-sizing:border-box;}/*padding-top:38px;*/
.fixedTab2 {height:91vh;}
.fixedTab2 > div{height:90.5vh; padding-top:44px; box-sizing:border-box;}
.RadTabStripTop_MetroTouch .rtsLevel1{background:#eee !important; border-bottom:none !important;}
html .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected{background-image: url(/Skins/Localizae/Images/Telerik/localizae.png); background-position: bottom; color:#000 !important;}
html .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover{border-right:1px solid transparent;}
html .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink{border:none !important; border-right:1px solid #ddd !important;}
html .RadTabStrip_MetroTouch .rtsLink img.cerrar{margin: 0 -5px 5px 2px !important; position:relative; z-index:999;}
html .RadTabStrip_MetroTouch .rtsLink img.cerrar:hover{background-color:#fff; 
     -webkit-transition: background-color .5s ease-in-out;
        -moz-transition: background-color .5s ease-in-out;
          -o-transition: background-color .5s ease-in-out;
             transition: background-color .5s ease-in-out;
}

/* Listados en general */
.icoRadGrid{width:24px; height:24px;}
.icoRGS{width:16px; height:16px;}
.contador{text-align:center;}
.contador span{color:#fff; font-weight:bold; border-radius:10px; background:#c00; width:20px; height:20px; margin:auto; display:block; line-height:20px;}


.groupstart{
	position: relative;
  }
  .groupstart:after  {
   	content: '';
   	display: block;
   	position: absolute;
   	border-top: 1px solid rgba(204, 0, 0, .5);
   	border-left: 1px solid rgba(204, 0, 0, .5) !important;
	height   : 100% ;
	width: 20% ;
	top: 50%;
    left: 10%;
  }

  .groupmiddle {
	position:relative;
  }

.groupmiddle:after{
	content: '';
   	display: block;
    position: absolute;
    border-left: 1px solid rgba(204, 0, 0, .5) !important;
	height   : 125% ;
	width: 10% ;
	top: 0;
    bottom:0;
    left: 10%;
  }
  
  .groupend {
    position: relative;
  }
  
  .groupend:after  {
   content: '';
   display: block;
    position: absolute;
    border-bottom: 1px solid rgba(204, 0, 0, .5);
    border-left: 1px solid rgba(204, 0, 0, .5) !important;
	height   : 100% ;
	width: 20% ;
	top: -50%;
    left: 10%;
  }


/*Alertas: nombre con criterias*/
ul.criterias {margin: 0 !important;padding: 5px 0 !important;list-style-position: inside; display:none;}

/* Ponemos linea en las cabeceras de las talbas */
/*.rgMasterTable thead tr th {border-right:1px solid #ccc !important;}
.rgMasterTable thead tr th:last-child {border-right:none !important;}*/

/* Fix image in radio and check for Firefox */
.p-i-radio-checked::before, .p-i-radiobutton-checked::before, .rfdRadioChecked::before, .p-i-radio::before, .p-i-radiobutton::before, .rfdRadioUnchecked::before, .p-i-checkbox::before, .rfdCheckboxUnchecked::before {
    content: "" !important;
}
/* Need content for this checkbox */
.p-i-checkbox::before, .rfdCheckboxUnchecked::before {
    content: "\2610" !important;
    font-size: 24px !important;
    margin: -5px 0 0;  
    height:16px !important;
}
.p-i-checkbox-checked::before, .rfdCheckboxChecked::before {
    content: "\2705" !important;
    font-size: 15px !important;
}
.RadButton.rbCheckBox .rbIcon, .RadButton.rbToggleButton .rbIcon, .RadButton.rbRadioButton .rbIcon {
    margin-right:10px !important;
}
/* Fix BlackBox Radgrid */
.BlackBox .BotonesTabla {
    margin: 0 0 5px !important;
}

.BlackBox .TablaInforme th, .BlackBox .TablaInforme td {
    padding: 10px 5px !important;
}

/* Fix popup overheight
.RadWindow .rwTable {height: 95% !important;} */

/* Fix check images in Firefox GAVL-2528 */
.p-i-checkbox::before, .rfdCheckboxUnchecked::before,
.p-i-checkbox-checked::before, .rfdCheckboxChecked::before,
.listadoHoras #Horario1_RadAjaxPanel1 .rfdCheckboxUnchecked,
.listadoHoras #Horario1_RadAjaxPanel1 .rfdCheckboxChecked {
    display: none !important;
}
button span.p-i-checkbox::before, 
button span.p-i-checkbox-checked::before{
    display: block !important;
}

.RGfixed { display:inline-block !important; }

#listadoConfig table ul.ecShow {
	background-image: url('/Skins/GAVLmetro/Images/ecShow.png'), url('/Skins/DarkMode/Images/ecGrey.png');
	background-position: center bottom, left bottom;
	background-repeat: no-repeat, no-repeat;
	cursor: pointer;
	max-height: 180px;
}

#listadoConfig table ul.ecHide {
	background-image: url('/Skins/GAVLmetro/Images/ecHide.png'), url('/Skins/DarkMode/Images/ecGrey.png');
	background-position: center bottom, left bottom;
	background-repeat: no-repeat, no-repeat;
	cursor: pointer;
}

.multimediaIframe {
	display: block;
	height: 105vh;
	width: 100%;
	margin: 0;
	padding: 0;
	border-width: 0;
	position: relative;
	top: -62px;
}