.ui-btn-active {
   background-color:var(--color3) !important;
   border-color: var(--color3) !important;
   text-shadow: 0px 1px 0px var(--color1) !important;
}

.table_tope {
   border-collapse: collapse;
   width: 100%;
   text-shadow: none !important;
}
 
.td_tope, .th_tope {
   border: 1px solid #dddddd;
   text-align: left;
   padding: 4px;
}

.td_right {
   text-align: right !important;
}
 
.tr_tope:nth-child(odd) {
   background-color: var(--color2);
}

.tr_top_total {
   background-color: var(--color3);
}

 .ui-page-theme-a .ui-btn:focus,
 html .ui-bar-a .ui-btn:focus,
 html .ui-body-a .ui-btn:focus,
 html body .ui-group-theme-a .ui-btn:focus,
 html head + body .ui-btn.ui-btn-a:focus,
 /* Focus buttons and text inputs with div wrap */
 .ui-page-theme-a .ui-focus,
 html .ui-bar-a .ui-focus,
 html .ui-body-a .ui-focus,
 html body .ui-group-theme-a .ui-focus,
 html head + body .ui-btn-a.ui-focus,
 html head + body .ui-body-a.ui-focus {
    -webkit-box-shadow: 0 0 12px var(--color1) /*{a-active-background-color}*/;
    -moz-box-shadow: 0 0 12px var(--color1) /*{a-active-background-color}*/;
    box-shadow: 0 0 12px var(--color1) /*{a-active-background-color}*/;
 }

#visita_fdesde.ui-mini {
   margin:0px !important;
}

#visita_fhasta.ui-mini {
   margin:0px !important;   
}

body {
    margin: 0;
}
        
#container {
   position: absolute;
   width: 100%;
   left:0px;
   top:0px;
}

.button_table_ocupada{
	margin: 0 auto;	
	height: 32px;	
	padding-top: 2px;
	background-color: red !important;
   color:white !important;
   padding-top: 5px;
}

.button_table_ocupadapormi{
	margin: 0 auto;	
	height: 32px;	
	padding-top: 2px;
	background-color:var(--color3) !important;
   color:white !important;
   padding-top: 5px;
}

.button_table_libre{
	margin: 0 auto;	
	height: 32px;	
	padding-top: 2px;
   color:green !important;
   padding-top: 5px;
}

.limin { 
   height: 10px !important;      
   font-size: 12px;
}
        
[data-role="page"] {
   position: relative !important;
}

.resumen {
   background: #D4D9E2 !important;
}


#visita_fdesde.ui-mini {
	margin:0px;
}

.bar1, .bar2, .bar3 {
	width: 20px;
	height: 3px;
	background-color: white;
	margin: 3px 0;
	transition: 0.4s;
}

.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-5px, 4px);
	transform: rotate(-45deg) translate(-5px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-5px, -3px);
  transform: rotate(45deg) translate(-5px, -3px);
}

.elemento-menu {
	font-size: 14px !important;
	background-color: #282a2b !important;
	border-color: #282a2b !important;
	font-weight: 200 !important;
}

#menulateral, #vis_mensulateral {
	background-color: #282a2b;
}

.imgperfil {
	border-radius: 50%;
	border: 0px solid white !important;
	margin-left: auto;
  	margin-right: auto;
  	display: block;
	height: 80px;
	width: 80px;	
}

.nombreperfil {
	font-size: 14px !important;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0.40em 0.30em;
	text-indent: 3.5em;
	padding-top: 0.65em;
	height: 1.8em;
	color: #FFFFFF !important;
	text-align: center;
}

.listviewmenu {
	box-shadow: none !important;
}

.vertical-center {
   border-radius: 6px;
   margin: 0;
   position: absolute;
   top: 50%;
   left: 35%;
   width: 30%;
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   background: rgba(0,0,0,0.5);
 }

.acceso {   
   font-family: Arial, Helvetica, sans-serif;   
   font-size: 16px;
   line-height: 1.5;
   color: #ffffff;
}

.labellogin {
   color: rgba(255,255,255,0.8) !important;
   font-size: 13px !important;
   font-weight: normal;
   letter-spacing: -0.2px;
   margin-left: 1px;
   margin-bottom: 8px;
   text-shadow: none !important;
}

.labelversion {   
   color: rgba(255,255,255,0.5) !important;
   font-size: 13px !important;
   font-weight: normal;
   letter-spacing: -0.2px;
   margin-left: 1px;
   margin-bottom: 8px;
   text-shadow: none !important;
   text-align: right;
}

.labelerror {
   color: #ec2207 !important;
   font-size: 13px !important;
   font-weight: normal;
   letter-spacing: -0.2px;
   margin-left: 1px;
   margin-bottom: 8px;
   text-shadow: none !important;
   text-align: right;
}

.header1 {
	height: var(--size1) !important;
	background:var(--color1) !important;
	text-shadow: none !important;
	color: #FFFFFF !important;
   font-family: sans-serif;
   border-color: var(--color1) !important;  
}

.headercombobox {
	height: 2.5em !important;
	background:var(--color1) !important;
	text-shadow: none !important;
	color: #FFFFFF !important;
   font-family: sans-serif;
   border-color: var(--color1) !important;   
}

.logo_app {
   height: var(--size2);
   padding: var(--padding3) 0em var(--padding3) 0em;
   display: var(--mostrar_logo_app);
}

.fondo {
   background-image: var(--backgroundimage);
}

.logo_login {
   height: var(--size2);
   padding: 0.5em 0em 0.5em 0.5em;
   display: var(--mostrar_logo_login);
}

.headerlanguage {
   padding-top: 5px;
   height: 1.7em !important;
   background:var(--color1) !important;
   text-shadow: none !important;
	color: #FFFFFF !important;
	font-family: sans-serif;
}

.button_panel {
   width: 56px !important;
   padding: 2px 0;
   margin:0;
}

.header2 {
   background:#E9E9E9;
   color: #333;
   font-size: 14px;
   font-weight: 700;
   text-indent: 1em;
   text-shadow: 0px 1px 0px rgb(238, 238, 238);
   line-height: 2.4em ; 
   font-family: sans-serif;
   outline: 0px none;
   border-bottom-width: 1px;
   border-color: #DDDDDD;
   border-bottom-style: solid;
   padding-top: 0.7em;
}
.header3 {
   background:#E9E9E9;
   color: #333;
   font-size: 14px;
   font-weight: 700;
   text-indent: 1em;
   text-shadow: 0px 1px 0px rgb(238, 238, 238);
   line-height: 2.4em ; 
   font-family: sans-serif;
   outline: 0px none;
   border-bottom-width: 1px;
   border-color: #DDDDDD;
   border-bottom-style: solid;   
}

#ptexto, #visitas_ptexto {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   position: absolute;
   color: #FFF;
   float: left;
   bottom: 0.75em;
   padding-right: 0.75em;
   padding-left: 0.75em;
   text-shadow:0  2px  2px  #000000;
   font-weight: bold;
}

#tituloini, #tituloini_visitas {
   position: absolute;
   padding-top: var(--padding1);
   height: 1.5em;
   padding-left: var(--padding2);
}

#pageestadoplayas, #div_mapa_playas, 
#pagedistribucionparcelas, #div_mapa_parcelas,
#pagefichar, #div_mapa_fichar,
#pagemapafichajes, #div_mapa_fichajes
{
	height: 100%;
}
 
#map-content-playas, #map-content-parcelas, #map-content-fichar{
	height: 100% !important;
	padding: 0px; 
	margin:0px;
	z-index: -1;
}

#div_gps_fichar {
   font-size:30px;
   text-align:center;
}

#tituloback, #titulobackgrafica, .titulobackclass {
   position: absolute;
   background-image: url(../img/back.png);
   background-repeat: no-repeat;
   background-position: 0.40em var(--position1) ; 
   background-size: 1.8em 1.8em;
   text-indent: 2.5em;
   padding-top: var(--padding1);
   height: 1.8em;
}

.titulosubtituloback {
   position: absolute;
   background-image: url(../img/back.png);
   background-repeat: no-repeat;
   background-position: 0.40em var(--position1) ; 
   background-size: 1.8em 1.8em;
   text-indent: 2.5em;
   height: 2.2em;
   padding-top: 3px;
}

.subtitulo {
   margin-left: 1px;
   font-size: 10px;
}

.menudesplegable {
   padding-top: var(--padding1); 
   padding-right: 5px;
}

#comboboxtitle {
   position: absolute;
   background-image: url(../img/back.png);
   background-repeat: no-repeat;
   background-position: 0.40em var(--position1); 
   background-size: 1.8em 1.8em;
   text-indent: 2.5em;
   padding-top: var(--padding1);
   height: 1.8em;
}

#comboboxtitle_without_back {
   position: absolute;
   background-repeat: no-repeat;
   background-position: 0.40em var(--position1); 
   background-size: 1.8em 1.8em;
   text-indent: 0.5em;
   padding-top: var(--padding1);
   height: 1.8em;
}

#multiselect_ok {
   position: absolute;
   background-image: url(../img/ok_multiselect.png);
   background-repeat: no-repeat;
   background-position: calc(100% - 6px) 0.40em; 
   background-size: 1.8em 1.8em;
   padding-top: 0.65em;
   height: 1.8em;
   width: 100%;
}

#comboboxtitle_multiselect {
   position: absolute;
   text-indent: 2.5em;
   padding-top: 0.65em;
   height: 1.8em;   
   width: 260px;
}

#multiselect_back {
   position: absolute;
   background-image: url(../img/back.png);
   background-repeat: no-repeat;
   background-position: 0.40em 0.30em; 
   background-size: 1.8em 1.8em;
   padding-top: 0.65em;
   height: 1.8em;
   width: 40px;
}

#logo {
   height: 2.3em;
   right: 0.6em;
   float: right;
   position: absolute;
}

.poperr {
   font-size:10px;
   color:#777;
   text-align:right;
   margin-top:5px;
}

.x1 {
   font-size: 12px;
   font-weight: bold;
}

.x2 {
   font-size: 12px;	
}

.x3 {
   font-size: 16px;
   font-weight:bold;
}

.x4 {
   font-size: 20px;
   font-weight:bold;
}

.x5 {
   font-size: 14px;
   font-weight:bold;
}


.mbsc-ms .micons {
   font-family: inherit;
}

.mbsc-ms .micons:before {
   font-family: 'icons_general';
}

.md-navigation .md-tab {
   display: none;
}

.md-navigation .md-tab-sel {
   display: block;
   height: 100%;
   background: #fff;
   font-size: 18px;
   padding: 25px;
   color: #333;
   font-family: "myriad-pro", sans-serif, verdana;
}

.md-navigation .md-title {
   text-align: center;
   font-weight: 100;
   color: #333;
}

.md-navigation .md-img-cont {
   text-align: center;
}

.md-navigation .md-img-cont img {
   display: block;
   margin: 0 auto;
   max-width: 100%;
   max-height: 700px;
}

.md-navigation .md-tab-acc {
   padding-bottom: 0;
}

.md-navigation .md-tab-acc .md-title {
   text-align: left;
}

.csspruebas {
   text-align:right;
}

b {
   color: #06C !important;
}

.padding1 {
   padding: 10px;
}

.margin1 {
   margin: 0px 14px 0px 14px;
}

.margin1 {
   margin: 0px 2px 0px 2px;
}

.border1 {
   border: 1px solid #CCC;	
}

.panel1 {
   border: 1px solid #CCC;
   background-color:#FFFFFF;
   margin: 15px 13px 13px 13px;
   border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
   -khtml-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;	
}

.panel1_listas {
   border: 1px solid #CCC;
   background-color:#FFFFFF;   
   margin-top: 15px;
   margin-right: 13px;
   margin-bottom: 0px;
   margin-left: 12px;
   border-radius: 4px 4px 0px 0px;
   -moz-border-radius: 4px 4px 4px 4px;
   -khtml-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;	
}

.padding1_listas {
   padding-left: 13px;
   padding-right: 13px;
   padding-top: 0px;
   padding-bottom: 13px;
   border-top-right-radius: 0px !important;
   border-top-left-radius: 0px !important;
}

.primer_elemento{
   border-top-right-radius: 0px !important;
   border-top-left-radius: 0px !important;
}

.panel1dialogbox {
   border: 1px solid #CCC;
   background-color:#FFFFFF;
   border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
   -khtml-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;	
}

.panelsup {
	color:#FFFFFF;
	font-size: 13px;
	font-weight:bold;
	text-indent:8px;
	height: 2.2em;
	line-height:2.2em;
	text-shadow:none;
	background:var(--color4);
	border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-khtml-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;		
}

.panelinf {
   background:#F8F8F8;
   border-radius: 0px 0px 4px 4px;
   -moz-border-radius: 0px 0px 4px 4px;
   -khtml-border-radius: 0px 0px 4px 4px;
   -webkit-border-radius: 0px 0px 4px 4px;	
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color:#EEE;
   padding-left:10px;
   padding-right:10px;
   padding-bottom:2px;
   padding-top:2px;
   position:relative;
}

.marcofoto {
   border: 1px solid #CCC;
   background:#F2F2F2;
   border-radius: 6px;
   -moz-border-radius: 6px;
   -khtml-border-radius: 6px;
   -webkit-border-radius: 6px;
   background-color:#FFFFFF;
   -webkit-box-shadow: 2px 2px 2px rgba(0,0,0, .2);
   -moz-box-shadow: 2px 2px 2px rgba(0,0,0, .2);
   box-shadow: 2px 2px 2px rgba(0,0,0, .2);
}

#zoommap {
   display: none;
}

.btn {
   background:#EAEFF7 !important;
}

.ui-slider-track {
    margin-left: 15px;
}

.ui-li-count-simple {
   border-style: none;
   font-size: 10px;
   font-weight: 400;
}

.ui-li-icon {
   max-height: 1.5em !important;
   max-width: 1.5em !important;
   top:0.5em !important;	
}

.ui-li-icon-max {
   max-height: 2.5em !important;
   max-width: 2em !important;
   top:0.8em !important;	
}

.ui-li-has-icon {
       text-indent: 0.5em !important;
}

.linesep {
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color:#F0F0F0;
   width: 100%;
   margin-top: 1em;
   margin-bottom: 1em;	
}

.linesep2 {
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color:#F0F0F0;
   width: 100%;
   margin-top: 1px;
   margin-bottom: 1px;	
}

.red {
   color:#FF2424 !important;
}

.disablediv {
   opacity: 0.5;
}

/*.tcombo {
   color:#FF2424 !important; 
}

.dlinea {
   position: relative;
   display: block;
   height: 12px;
   line-height: 10px;
}

.fondorojo {
   background-color: #F00;
}

.lalt {
   background-color: #F9F9F9;
}

.acum {
   float:right;
   background-color: #F9F9F9;
   margin-right: 40px;
   
}*/

.backmsgerr {
   background-color: #FFFDDF;
   /* IE10 Consumer Preview */ 
   background-image: -ms-linear-gradient(top, #FFFDDF 0%, #FFE96C 100%);
   /* Mozilla Firefox */ 
   background-image: -moz-linear-gradient(top, #FFFDDF 0%, #FFE96C 100%);
   /* Opera */ 
   background-image: -o-linear-gradient(top, #FFFDDF 0%, #FFE96C 100%);
   /* Webkit (Safari/Chrome 10) */ 
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFDDF), color-stop(1, #FFE96C));
   /* Webkit (Chrome 11+) */ 
   background-image: -webkit-linear-gradient(top, #FFFDDF 0%, #FFE96C 100%);
   /* W3C Markup, IE10 Release Preview */ 
   background-image: linear-gradient(to bottom, #FFFDDF 0%, #FFE96C 100%);
}

.backmsgbox {
   background-color: #dffbff;
   /* IE10 Consumer Preview */ 
   background-image: -ms-linear-gradient(top, #dffbff 0%, #6cc9ff 100%);
   /* Mozilla Firefox */ 
   background-image: -moz-linear-gradient(top, #dffbff 0%, #6cc9ff 100%);
   /* Opera */ 
   background-image: -o-linear-gradient(top, #dffbff 0%, #6cc9ff 100%);
   /* Webkit (Safari/Chrome 10) */ 
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dffbff), color-stop(1, #6cc9ff));
   /* Webkit (Chrome 11+) */ 
   background-image: -webkit-linear-gradient(top, #dffbff 0%, #6cc9ff 100%);
   /* W3C Markup, IE10 Release Preview */ 
   background-image: linear-gradient(to bottom, #dffbff 0%, #6cc9ff 100%);
}

.leyenda {
   font-size: 0.7em;
   background-color: #FFFDDF;
   color: #333333;
   font-weight:normal;
   padding: 1em;
   text-align:justify;
   line-height: 1.5em;
   overflow:hidden;
   
   /* IE10 Consumer Preview */ 
   background-image: -ms-linear-gradient(top, #FFFDDF 0%, #FFE96C 100%);
   /* Mozilla Firefox */ 
   background-image: -moz-linear-gradient(top, #FFFDDF 0%, #FFE96C 100%);
   /* Opera */ 
   background-image: -o-linear-gradient(top, #FFFDDF 0%, #FFE96C 100%);
   /* Webkit (Safari/Chrome 10) */ 
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFDDF), color-stop(1, #FFE96C));
   /* Webkit (Chrome 11+) */ 
   background-image: -webkit-linear-gradient(top, #FFFDDF 0%, #FFE96C 100%);
   /* W3C Markup, IE10 Release Preview */ 
   background-image: linear-gradient(to bottom, #FFFDDF 0%, #FFE96C 100%);       
}

.leyenda_ultimoacceso {
   font-size: 0.8em;
   background-color: var(--color2);
   color: #000000;
   font-weight: normal;
   padding: 1em;
   text-align: justify;
   line-height: 1.0em;
   overflow: hidden;   
}

.poweredby {
   background-color: transparent !important;
   border-style:none;
   padding: 0em;   
   height: 3em;
   display: var(--mostrar_poweredby);
   position: fixed;
   bottom: 0;
   right: 0;
}


.nota {
   font-size: 0.9em;
   background-color: #FFFDDF;
   color: #333333;
   font-weight:bold;
   padding: 1em;
   text-align:justify;
   line-height: 1.5em;
   overflow:hidden;
   
   
   /* IE10 Consumer Preview */ 
   background-image: -ms-linear-gradient(top, #FFFDDF 0%, #FFE96C 100%);
   /* Mozilla Firefox */ 
   background-image: -moz-linear-gradient(top, #FFFDDF 0%, #FFE96C 100%);
   /* Opera */ 
   background-image: -o-linear-gradient(top, #FFFDDF 0%, #FFE96C 100%);
   /* Webkit (Safari/Chrome 10) */ 
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFDDF), color-stop(1, #FFE96C));
   /* Webkit (Chrome 11+) */ 
   background-image: -webkit-linear-gradient(top, #FFFDDF 0%, #FFE96C 100%);
   /* W3C Markup, IE10 Release Preview */ 
   background-image: linear-gradient(to bottom, #FFFDDF 0%, #FFE96C 100%);
       
}

.lableft {
   float: left;
   padding-top: 8px !important;
}

.labright {
   float: right;
   font-size:9px !important;
   padding-right: 1em;
}

.selleft {
   float: left;
}

.table {
   background-color:#EBEBEB;
   overflow-x:scroll;
   white-space:nowrap;
   text-shadow:none;
   color:#333333;
   font-size:12px;
   line-height:24px;
}

.tableH {
   display:inline-block;
   border-right:#DDD 1px solid;
   color:#FFF !important;
   font-weight:bold;
   background-color:var(--color4);
   text-indent:8px;
}

.tableF {
   display:inline-block;
   border-right:#DDD 1px solid;
   font-weight:bold;
   background-color: #DCE4EF;
   text-indent:8px;
}

.tableC {
   display:inline-block;
   border-right:#DDD 1px solid;
   background-color:#FFFFFF;
   text-indent:8px;
}

.tableA {
   display:inline-block;
   border-right:#DDD 1px solid;
   background-color: #F1F1F1;
   text-indent:8px;
}

/* ******************************************************************************************* */

#tfichajes .c1 {
   width: 140px;
   text-indent:25px;
   background-size:20px;
   background-repeat:no-repeat;
   background-position:2px 2px;
}

#tfichajes .c2 {
   width: 140px;
}

#tfichajes .c3 {
   width: 35px;
   background-size:20px;
   background-repeat:no-repeat;		
   background-position:8px 2px;
}

#tfichajesmapa .c1 {
   width: 140px;
   text-indent:25px;
   background-size:20px;
   background-repeat:no-repeat;
   background-position:2px 2px;
}

#tfichajesmapa .c2 {
   width: 140px;
}

#tfichajesmapa .c3 {
   width: 30px;
}

.globo1 {
   width: 60px;
   text-align:left;
}

.globo2 {
   width: 132px;
   text-align:left;
}


#tfichajes .geo_ok {background-image: url(../img/location_ok.png);}
#tfichajes .geo_error {background-image: url(../img/location_error.png);}

#tfichajes .f0 {background-image: url(../img/fichar/f0.png);}
#tfichajes .f1 {background-image: url(../img/fichar/f1.png);}
#tfichajes .f2 {background-image: url(../img/fichar/f2.png);}
#tfichajes .f3 {background-image: url(../img/fichar/f3.png);}
#tfichajes .f4 {background-image: url(../img/fichar/f4.png);}
#tfichajes .f10 {background-image: url(../img/f10.png);}

#tfichajesmapa .f0 {background-image: url(../img/fichar/f0.png);}
#tfichajesmapa .f1 {background-image: url(../img/fichar/f1.png);}
#tfichajesmapa .f2 {background-image: url(../img/fichar/f2.png);}
#tfichajesmapa .f3 {background-image: url(../img/fichar/f3.png);}
#tfichajesmapa .f4 {background-image: url(../img/fichar/f4.png);}
#tfichajesmapa .f10 {background-image: url(../img/f10.png);}

/* ******************************************************************************************* */

#tsaldos {
 line-height:28px;
   font-weight:bold;
   font-size:14px;
   padding-left:-20px;
}

#tsaldos .c1 {
   width: 80%;
   border: 0;
}

#tsaldos .c2 {
   width: 20%;
   text-align: right; 
   border: 0;
}

/* ******************************************************************************************* */

#tdetacumulado .c1 {
   width: 50%;
}

#tdetacumulado .c2 {
   width: 50%;
   text-align:right;
}

/* ******************************************************************************************* */

#tfichajesval .c1 {
   width: 110px;
}

#tfichajesval .c2 {
   width: 80px;
   text-align:center;
}

#tfichajesval .c3 {
   width: 45px;
   text-align:center;
   color:#009900;
}

#tfichajesval .c4 {
   width: 45px;
   text-align:center;
   color:#990000;
}

#tfichajesval .c5 {
   width: 45px;
   text-align:center;
   color:#000099;
}

/* ******************************************************************************************* */

#tacumuladoscoste .c1 {
   width: 80px;
   text-align:center;
}

#tacumuladoscoste .c2 {
   width: 200px;
}

#tacumuladoscoste .c3 {
   width: 180px;
}

#tacumuladoscoste .c4 {
   width: 70px;
   text-align:center;
}

/* ******************************************************************************************* */

#tacumper .c1 {
   width: 20%;
}

#tacumper .c2 {
   width: 65%;
}

#tacumper .c3 {
   width: 15%;
   text-align:right;
}

/* ******************************************************************************************* */

.tabval {
   display:none;
   position:absolute;
   top:4em;
   bottom:3.2em;
   right:1em;
   left:1em;
   background-color:#EBEBEB;
}

/* ******************************************************************************************* */

#tvalfichajes .c1 {
   width: 15%;
   text-align:center;
   color:#009900;
}

#tvalfichajes .c2 {
   width: 15%;
   text-align:center;
   color:#990000;
}

#tvalfichajes .c3 {
   width: 35%;
}

#tvalfichajes .c4 {
   width: 35%;
   text-align:center;
}

/* ******************************************************************************************* */

#tvalcontadores .c1 {
   width: 80%;
}

#tvalcontadores .c2 {
   width: 20%;
   text-align:right;
}

/* ******************************************************************************************* */

#tvalincidencias .c1 {
   width: 40%;
}

#tvalincidencias .c2 {
   width: 20%;
   text-align:center;
}

#tvalincidencias .c3 {
   width: 40%;
}
/* ******************************************************************************************* */

/* Count bubble */
.ui-li-count {
   -webkit-border-radius: .3em /*{global-radii-buttons}*/;
   border-radius: .3em /*{global-radii-buttons}*/;
}

.red { color: #C00 !important; }
.green { color: #009900 !important; }
.blue {	color: #039 !important; }
.grey {	color: #999 !important; }
.yellow { color: #FF0 !important; }
.orange { color:  #FAA523 !important}

.bold {
   font-weight: bold;
}
.norm {
   font-weight: normal;
}

.t16 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   margin-bottom: 2em;
}

.t14 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height:18px;
}

.t12 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.t11 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;

}

.t10 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px !important;
}

.t9 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px !important;
}

.list16 li {
   text-indent: 0px !important;	
}

.list16 .ui-li-icon {
   max-height: 1em !important;
   max-width: 1em !important;
   top:0.8em !important;	
}

.listdocs {
   background-color:#F6F6F6 !important;
}

.contenido {
   padding-right: 0.8em;
   padding-left: 0.8em;
   padding-bottom: 0.8em;
   min-height: 5em;
   padding-top: 0.8em;
   background-color:#FFF;
}

.l0 {
   font-size: 0.75em;
   color: #466CA6;
   font-weight: bold;
   vertical-align: top;
   margin-top: 0.3em;
   display: inline-block;
}

.l1 {
   font-size: 0.75em;
   color: #466CA6;
   width: 6em;
   font-weight: bold;
   vertical-align: top;
   margin-top: 0.3em;
   display: inline-block;
}
.l2 {
   font-size: 0.75em;
   color: #466CA6;
   font-weight: bold;
   vertical-align: top;
   margin-top: 0.3em;
   width: 5em;
   display: inline-block;
}

.lvdisabled {
   background-color: gray;
   opacity: 0.5;
}

.dist30 {
   width: 30%;
}

.dist70 {
   width: 70%;
}

.dist50 {
   width: 50%;
}


.t1 {
   font-size: 0.75em;
   position: relative;
   display: inline-block;
   vertical-align: top;
   margin-top: 0.3em;
}

.enc {
   width: 100%;
   margin-top: 0.5em;
   margin-bottom: 0.2em;
   font-weight: bold;
   background-color: #466CA6;
   font-size: 0.75em;
   border: 4px solid #466CA6;
   text-indent: 0.1;
   line-height: 1em;
   display: inline-block;
   color: #FFF;
   text-shadow:0  0px  0px  #000000
}

.pfirma {
   margin-top: 0.4em;
   margin-right: 0.3em;
   float: right;
   width: 16px;
   position: relative;	
}

.panelsup_right {
   float: right;
   position:relative;
   margin-right: 0.4em;
}

.buttonpanel {
   margin: 0px !important;
   padding: 0 !important;
}

.texttruncated {
   white-space: nowrap;      
   overflow: hidden;         
   text-overflow: ellipsis;  
}
.ui-page .ui-content .ui-listview .ui-li-desc {
   white-space : normal;
}


/********** PLANIFICACION DE HORARIOS ***************************************************************/

.employee-shifts-day {
   font-size: 12px;
   font-weight: 600;
   opacity: .6;
}

.employee-shifts-popup .mbsc-popup .mbsc-popup-header {
   padding-top: 8px;
   padding-bottom: 8px;
}

.employee-shifts-cont {
   position: relative;
   padding-left: 42px;
   max-height: 40px;
}

.employee-shifts-avatar {
   position: absolute;
   max-height: 40px;
   max-width: 40px;
   top: 18px;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   left: 20px;
   border-radius: 50%;
}

.employee-shifts-name {
   font-size: 12px;
   white-space: nowrap;
}

.employee-shifts-title {
   font-size: 10px;
}

.md-employee-shifts .mbsc-timeline-resource,
.md-employee-shifts .mbsc-timeline-resource-col {
   width: 200px;
   align-items: center;
   display: flex;
}

.md-employee-shifts .mbsc-timeline-slot {
   width: 60px !important;
}

.md-employee-shifts .mbsc-timeline-day {
   width: 60px !important;
}

.md-event-listing .mbsc-segmented {
   max-width: 350px;
   margin: 0 auto;
   padding: 1px;
}

.md-event-listing-picker {
   flex: 1 0 auto;
}

.md-tooltip .mbsc-popup-content {
   padding: 0;
}

.md-tooltip {
   font-size: 15px;
}

.md-tooltip-header {
   padding: 12px 16px;
   color: #eee;
   opacity: 0.5;
}

.md-tooltip-info {
   padding: 8px 16px 8px 16px;
   position: relative;
   line-height: 20px;
}

.md-tooltip-time,
.md-tooltip-status-button {
   float: center;
}

.md-tooltip-title {
   margin-bottom: 15px;
}

.md-tooltip-text {
   font-weight: 300;
}

.md-tooltip-info .mbsc-button {
   font-size: 14px;
   margin: 0;
}

.md-tooltip-info .mbsc-button.mbsc-material {
   font-size: 12px;
}

.box {
   display: flex;
   flex-direction: column;
   height: 20px;
}

.box2 {
   display: flex;
}

.dot8 {
   height: 10px;
   width: 10px;
   border-radius: 50%;
   display: inline-block;
   margin-right: 5px;
   border:1px solid rgb(131, 131, 131);;
}

.single-day-event-dot {
   width: 5px;
   height: 5px;
   border-radius: 50%;
   position: absolute;
   left: 0;
   top: 7px;
}

.single-day-event {
   margin-left: 8px;
}

.cellcolor {
   text-align: end;
}

.mbsc-timeline-color { 
   top: 25px !important;
   text-align: center;
}

.navitem {
   display: inline-block;
   width: 50px;
   height: 50px;
   text-align: center;
   border: gray;
   background-color: #E8562A;
   color: #fff;
   cursor: pointer;
   font-weight: bold;
}

.flex-container {
   list-style: none;
   display: flex;
}

.flex-item {
   padding: 5px;
   width: 200px;
}

.panel1withoutmargintopbottom {
   border: 1px solid #CCC;
   background-color:#FFFFFF;
   margin: 0px 13px 0px 13px;
   border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px 4px 4px 4px;
   -khtml-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;	
}

#tabla_agendavisitas .c1 {
   width: 50%;   
   overflow: clip;
   white-space: nowrap;
   text-overflow: ellipsis;
}

#tabla_agendavisitas .c2 {
   box-sizing: border-box;
   width: 20%;
   text-align:center;
   padding-right: 8px;
}

#tabla_agendavisitas .c3 {
   box-sizing: border-box;
   width: 15%;
   text-align:center;
   padding-right: 8px;
}

.planselday_hor_inc {
   height: 14px;
   width: 14px;
   border-radius: 50%;
   display: inline-block;
   margin-left: 4px;
   margin-top: 10px;
   border:1px solid #81b1f3;
   background: linear-gradient( -45deg,#81b1f3, #81b1f3 49%, white 49%, white 51%, rgb(255, 78, 78) 51% );
}

.planselday_hor {
   height: 10px;
   width: 10px;
   border-radius: 50%;
   display: inline-block;
   margin-left: 2px;
   margin-top: 12px;
   border:1px solid #81b1f3;
   background: #81b1f3;
}

.planselday_inc_old {
   height: 14px;
   width: 14px;
   border-radius: 50%;
   display: inline-block;
   margin-left: 4px;
   margin-top: 10px;
   border:1px solid rgb(255, 78, 78);
   background:rgb(255, 78, 78);
}

.planselday_inc {
   height: 10px;
   width: 10px;
   border-radius: 50%;
   display: inline-block;
   margin-left: 2px;
   margin-top: 12px;
   border:1px solid rgb(255, 78, 78);
   background:rgb(255, 78, 78);
}

.rowhorinc {
   width: 100%;
   display: flex;
   flex-direction: row;
}

.columntotal {
   width: 100%;
   display: flex;
   flex-direction: column;
}

.totaldia {
   text-align: center;
   font-size: 0.75em;
   opacity: 0.8;
   color: #000000;   
}

.ocultar {
   display: none;
}

.linccau {
   width: 7em;
   display: inline-block;
   font-size: 12px;
   font-weight: 100;
}

#tabla_totales .c3 {
   box-sizing: border-box;
   width: 16px;
   text-align:left;
   display:inline-block;
   color:#FFF !important;
   font-weight:bold;
   background-color:var(--color4);
   text-indent:8px;
}

#tabla_totales .c0 {
   width: calc(8%);
   text-align:left;
}

#tabla_totales .c1 {
   width: calc(52% - 16px);
}

#tabla_totales .c2 {
   box-sizing: border-box;
   width: 10%;
   text-align:right;
   padding-right: 8px;
}

#tabla_totales .c1_td {
   width: calc(72% - 16px);
}

.cselh {
   color:#81b1f3;
}

.cseli {
   color:rgb(255, 78, 78);
}

.mbsc-form-group {
   margin: 0.5em 0 !important;
}

.mbsc-calendar-label-text {
   color:white !important;
}

.dot {
   height: 10px;
   width: 10px;
   border-radius: 50%;
   display: inline-block;
   margin-left: 4px;
   border:1px solid rgb(131, 131, 131);
}

.dottotal {
   height: 10px;
   width: 10px;
   border-radius: 50%;
   display: inline-block;
   margin-left: 4px;
   border:1px solid #DCE4EF;
}

.tableC_dot {
   display:inline-block;
   background-color:#FFFFFF;   
}

.tableA_dot {
   display:inline-block;
   background-color: #F1F1F1;  
}

.tableF_dot {
   display:inline-block;
   background-color: #DCE4EF;   
}

#tabla_festivos .c3 {
   box-sizing: border-box;
   width: 16px;
   text-align:left;
   display:inline-block;
   color:#FFF !important;
   font-weight:bold;
   background-color:var(--color4);
   text-indent:8px;
}

#tabla_festivos .c0 {
   width: calc(8%);
   text-align:left;
}

#tabla_festivos .c1 {
   width: calc(52% - 16px);
}

.width80 {
   width: calc(100% - 80px);
}

#tabla_festivos .c2 {
   box-sizing: border-box;
   width: 20%;
   text-align:right;
   padding-right: 8px;
}

.tablecalp {
   background-color:#EBEBEB;
   white-space:nowrap;
   text-shadow:none;
   color:#333333;
   font-size:12px;
   line-height:24px;
   margin: 15px 13px 13px 13px;
}

.plan_result {
   margin: 0px 13px 13px 13px;
   font-size: 10px;
   color: var(--color4);
   font-size: 14px;
   font-weight: bold;
   text-align: left;
}

.plan_leyenda {
   flex: 1 1 auto;
}

.plan_leyenda_boton {
   flex: 0 1 auto;
}
 
#plan_personalpagina {
   width: 60px !important;
}

#plan_div_personalpagina .ui-slider-track {
   margin-left: 100px;
}

.lcheckprincipal {   
   display: inline-block;
   font-size: 14px;
   font-weight: bold;
}
.lchecksecundario {   
   display: inline-block;
   font-size: 10px;
   font-weight: normal;
}

.ph{
   height: 18px !important;
   position: absolute;
   top: -0.5em;
   left: 1px;
   right: 2px;
   bottom: -0.5em;   
   background: currentColor;
   opacity: 0.6;
   transition: opacity 0.15s ease-in-out;
}

.ph-timeline-event-background {
   margin-top: 6px;
   top: 0;
   bottom: 0;
 }

 .ph-schedule-event-all-day-background {
   left: 0em;
   border-top-left-radius: 0.25em;
   border-bottom-left-radius: 0.25em;
   right: 0em;
   border-top-right-radius: 0.25em;
   border-bottom-right-radius: 0.25em;
 }

 .ph-schedule-event-all-day-inner {
   position: relative;
   height: 1.6em;
   line-height: 1.6em;
   margin: 0;
   padding: 0 0.3em;
   font-size: 0.625em;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }

 .ph-schedule-event-title {
   font-size: 1em;
   font-weight: 600;
 }

 .ph-schedule-event-all-day-title {
   color:white !important;
}

/* CON LA VERSION 5.22.3 HAY QUE ELIMINAR ESTA CLAVE QUE APARECE BAJO */
/* .mbsc-schedule-event-all-day-title {
   color:white !important;
} */

/* 2FA */
#urilink, #urilink_view {
   display: inline-block;
   margin: 0 auto 0.5em auto;
}
 
#qrcode_2fa, #qrcode_2fa_view {
   position: relative;
   max-width: 256px;
   max-height: 256px;
   display: block;
}
 
#preview, #preview_view {
   position: absolute;
   padding: calc(100% / 3);
   height: calc(100% / 3);
   width: calc(100% / 3);
   left: 0;
   top: 0;
} 
 
#qrcode_2fa img:last-child {
   height: 100%;
   width: 100%;
}

#qrcode_2fa_view img:last-child {
   height: 100%;
   width: 100%;
}

.informacion {	
	font-size: 13px;	
	line-height:1.5em;
}

.textlong {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}

.sinopacidad {
   opacity: 1;
}

.iconos-paginacion {
   float: right;
   text-align: right;
   margin-top: 5px;
   margin-right: 2px;
   width: 18px;
}

.texto-paginacion {
   float: right;
   text-align: center;  
}

.mtop4px {
   margin-top: 4px;
}

#dlgderechos {
   width: 100%;
   max-width: 600px; /* Establece un máximo de ancho */
   max-height: 80vh; /* Establece un máximo de altura relativa a la ventana */
   overflow: hidden; /* Esconde cualquier desbordamiento */
}

/* Estilo para el contenedor del texto dinámico */
#derechos_texto {
   max-height: 60vh; /* Limita la altura del contenedor */
   overflow-y: auto; /* Agrega scroll vertical si el contenido es demasiado alto */
   padding: 10px; /* Opcional: Espacio alrededor del contenido */
}

#derechos_tabla {
   width: 100%; /* La tabla ocupa el 100% del contenedor */
   table-layout: fixed; /* Evita el desbordamiento de columnas */
}

#derechos_img {
   max-width: 100%; /* Las imágenes no se desbordan del contenedor */
   height: auto; /* Mantener la proporción original */
}

#derechos_li {
   word-wrap: break-word; /* Permite que el texto se ajuste correctamente */
}

.date-icon-container {
   position: relative;
}

.date-icon-container input {
   padding-right: 40px; /* Espacio suficiente para el icono */
   font-size: 14px;
}

.date-icon-container .date-icon {
   position: absolute;
   right: 14px;
   top: 50%;
   transform: translateY(-50%);
   width: 24px;
   height: 24px;
   background-image: url('../img/calendar_portal.png'); /* Ruta de tu icono */
   background-size: contain;
   background-repeat: no-repeat;
   cursor: pointer; /* Hace que el icono sea clickeable */
}

.mbsc-ios.mbsc-calendar-button.mbsc-button {
   color: var(--color1) !important;  /* Cambia el color del mes */
}

.mbsc-ios.mbsc-calendar-today {
   color: var(--color1) !important;  /* Cambia el color del mes */
}

/* Cambia la imagen cuando la contraseña esté visible */
.password-icon.show-password {
   background-image: url('../img/eye_portal.png') !important;
}

.password-icon-container {
   position: relative;
}

.password-icon-container input {
   padding-right: 40px; /* Espacio suficiente para el icono */
}

.password-icon-container .password-icon {
   position: absolute;
   right: 14px;
   top: 50%;
   transform: translateY(-50%);
   width: 24px;
   height: 24px;
   background-image: url('../img/eye_blind_portal.png'); /* Ruta de tu icono */
   background-size: contain;
   background-repeat: no-repeat;
   cursor: pointer; /* Hace que el icono sea clickeable */
}