/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 28-abr-2020, 20:20:23
    Author     : Jose
*/

/* Color verde del tema oscuro = #3bbf8b */
/* Color verde del tema   = #c5eddd; */

.ui-icon, .ui-widget-content .ui-icon { background-image: url(ui-tema/images/ui-icons_ffffff_256x240.png);}
.ui-state-active .ui-icon {background-image: url(ui-tema/images/ui-icons_ffffff_256x240.png);}
.ui-state-default .ui-icon {background-image: url(ui-tema/images/ui-icons_ffffff_256x240.png);}

.ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #6e8866;
  background: #dfe3d6 url("") 50% 50% repeat-x;
  color: #0d0d0d;
}



.ui-widget input, .ui-widget select, .ui-widget textarea { border: 1px solid #ccc;}

.ui-widget {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1em;
}

label {
   color: #000; 
   font-size: 12px;
   /*los label en negrita*/
   font-weight: bold; 
}

input,select {
  /*los input y los select en negrita 
  font-weight: bold;*/
  font-size: 14px;
}


#labeltitulo  {
   font-weight: 900; 
   width: auto; 
   font-size: 1.6rem;
   margin-left: 5px;
   float:left; 
   width: auto; 
   height:35px; 
}

#labeltitulo label {
   font-size: 1.6rem;
}

#enlace label {
   font-size: 1.4rem;
}

.SoloLectura { 
   background: #c5eddd; 
   color: #237353;
}

a.fg-button, a.button-primary { 
   background: #3bbf8b; 
   border: 2px solid #3bbf8b;
}    

.icono{
   background-color: #3bbf8b;
}

.icono:hover{
   background-color: #c5eddd;
}    

.dataTables_scrollHead, th.ui-state-default { 
   color: #fff !important;
}

tr.even {background: #f2f2f2;}

tr:hover {background-color:#c4ecdc;} 

a.fg-button, a.button-primary {
    background: #3bbf8b;
    border: 2px solid #3bbf8b;
}

a.fg-button:hover {
    background: #c5eddd;    
    border: 2px solid #3bbf8b;
}

.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal;
    color: #fff;
}

.ui-button.ui-state-active:hover {
    border: 1px solid #3bbf8b;
    background: #bbb;
    font-weight: normal;
    color: #000;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #3bbf8b;
    background: #3bbf8b;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #c5eddd;;
	font-weight: normal;
	color: #2b2b2b;
}

.ui-dialog .ui-dialog-titlebar-close {overflow: hidden;}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #000;
    text-decoration: none;
}

/* Overlays */
.ui-widget-overlay {
   background: rgba(0,0,0,0.6);
   opacity: 1;
   filter: Alpha(Opacity=.3); /* support: IE8 */
}

/* Fondo y marco de los input 
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #ccc;
	background: #ededed;
	color: #000;
}*/

.ui-widget input,
.ui-widget select,
.ui-widget textarea{border: 1px solid #ccc;}


.enlace:hover{color: #00bcd4 !important; text-decoration: none !important;}


/* ------------------------------------------------------------------------
								MENU SUPERIOR
   ------------------------------------------------------------------------ */
/*#cabecera {margin-left: 235px;}*/


/* ------------------------------------------------------------------------
								MENÚ LATERAL
   ------------------------------------------------------------------------ */
#idLogo_Programa{ width: 99%; height: 60px;}

#menulateral {
    position:absolute; 
    top:0px;  
    left:0px; 
    width:210px; 
    bottom: 0px; 
    background: #e9e9e9;
    background: #333547;
    padding: 1em 10px 2em;
}

#menulateral a,
#menulateral a:link{color: rgba(255, 255, 255, 0.6);}
#menulateral a:hover{color: rgba(255, 255, 255, 1);}


#menulateral .fa,
#menulateral .far,
#menulateral .fab,
#menulateral .fas{width: 2em; margin-right: 0.4em; text-align: center;}
#menulateral a,
#menulateral a:link{cursor: pointer; text-decoration: none;}
#menulateral a:hover{cursor: pointer !important; }
#menulateral .vertical-menu-option:hover{cursor: pointer !important;}

#menulateral .ui-accordion h2.ui-accordion-header{
    font-family: sans-serif; 
    font-size: 1.1em; 
    font-weight: bold; 
    border: 0 solid #333547; 
    background: none;
    color: #3bbf8b;
    color: #fff;
    outline-color: #333547;
}

 pone la fecha de selección del menu lateral a la derecha, si quitamos el position se muestra a la izquierda 
#menulateral .ui-icon {position: absolute;  opacity: 0.5;}

.vertical-menu-wrapper{margin-bottom: 2em;}
.vertical-menu-section{margin-top: 0.3em;}

.vertical-menu-option,
#menulateral .ui-accordion h3.ui-accordion-header{
    margin: 1em 0 0; 
    font-family: inherit; 
    font-weight: normal;
}

#menulateral a, #menulateral a:link {
   color: rgba(255, 255, 255, 0.6);
}

.vertical-menu-option, #menulateral .ui-accordion h3.ui-accordion-header {
    color: rgba(255, 255, 255, 0.6);
}
.vertical-menu-option, #menulateral .ui-accordion h3.ui-accordion-header {
    margin: 1em 0 0;
    margin-top: 1em;
    font-family: inherit;
    font-weight: normal;
}

.vertical-menu-submenu .vertical-menu-option{margin-left: 15px;}
.vertical-menu-submenu .vertical-menu-option a{font-size: 0.9em;}
.vertical-menu-submenu .ui-accordion-content{margin: 0.4em 0 2em;}
.vertical-menu h3 {background: none!important; margin: 0!important; color: #fff!important;}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: auto; 
    right: 0.5em;
}

.ui-accordion .ui-accordion-header,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active{border: 0; background: none;}

.ui-accordion .ui-accordion-icons{padding: 0.8em 0 0.8em 0; }
.vertical-menu-wrapper .ui-accordion .ui-accordion-content{
    padding: 0; 
    background: none !important; 
    border: 0; 
    margin: 0; 
    margin-bottom: 1.5em; 
    margin-top: -0.6em;}

.vertical-menu-submenu{margin: 0.3em 0 -0.6em;}

.vertical-menu .active i {
    color: #3bbf8b !important;
}

#usuarios-link {margin-top: 1.0em;}
#usuarios-link .fas{width: 1.05em; margin-right: 0.6em;}

#configuracion-link {margin-top: 1.0em;}
#configuracion-link .fas{width: 1.05em; margin-right: 0.6em;}

#ayuda-link {margin-top: 1.0em;}
#ayuda-link .fas{width: 1.05em; margin-right: 0.6em;}

#logout-link{margin-top: 1.0em;}
#logout-link .fas{width: 1.05em; margin-right: 0.6em;}

/*#panel_sup{background-image: url("../images/Banda_Superior.jpg"); }
#panel_central{background-image: url("../images/Banda_Central.jpg");}*/
#idLogo_Programa{background: url(../images/Logo_Presengest.png) no-repeat;}

table.dataTable.display tbody tr.even:hover.selected {background-color: #a9b7d1;}

.cabeceraempresa {background-color: #deeace;}


#VerFichajes_labelFecha {position: absolute; left: 37px; top: 82px;color:#333; font-size: 1.4em;}
#VerFichajes_labelPersonal {position: absolute; left: 178px; top: 82px;color:#333; font-size: 1.4em;}