/****************************************************************************/
/*
MÓDULO                          COLOR CLARO     COLOR MEDIO     COLOR OSCURO
****************************************************************************
SOLICITUDES                     #ACDFFF         #9DC9DE         #008ADD
PERSONAS SOCIAS - USUARIAS	#D5F0CB         #C0E7BA         #03B622
TRAMITACIÓN                     #FFDFD2         #E3AEAE         #CF4E1E
ARCHIVO                         #FFDFD2         #E3AEAE         #CF4E1E
EXPLOTACIÓN                     #FDFEDB         #C5C581         #C0BA90
                                #FAF8E8         #DCD49Bd         #9E8A01
TALLERES                        #FFE8C1         #FBCC7C         #FFB12B
CONTRATACIÓN                    #FFE8C1         #FBCC7C         #FFB12B
DESCARGAS                       #E5F6F3         #99DDCF         #32BB9F
ADMINISTRACIÓN                  #E5F6F3         #99DDCF         #32BB9F
ACTIVIDADES                     #DDDDFF 	#966CB8 	#592884
SERVICIO                        #EFE2EA        #ECB4D6         #CC5E9F
***************************************************************************/
/**************************************************************************/

.colorBlanco{
    color: #FFFFFF !important;
}

.estiloTextoCabecera {
    font-family: "Source Sans Pro", Source Sans Pro;
    font-size: 25px;
    color: #007932;
}

.estiloTextoCabeceraJunta {
    font-family: "Source Sans Pro", Source Sans Pro;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: -4px;
}
.estiloTextoCabeceraConsejeria {
    font-family: "Source Sans Pro", Source Sans Pro;
    font-size: 17px;
    font-weight: 400;
    color: #000;
    margin-bottom: -6px;
}

/*********************** MODULOS *************************************/
.colorSolicitudes{
    color: #008ADD !important;
}
.colorSocios{
    color: #03B622 !important;
}
.colorTramitacion{
    color: #CF4E1E !important;
}
.colorArchivo{
    color: #CF4E1E !important;
}
.colorExplotacion{
    color: #9E8A01 !important;
}
.colorAdministracion{
    color: #00AA88 !important;
}
.colorTalleres{
    color: #FFB12B !important;
}
.colorContratos{
    color: #975a58 !important;
}
.colorActividades{
    color: #592884 !important;
}
.colorServicios{
    color: #CC5E9F !important;
}
/*********************** FIN MODULOS *********************************/

/*************************** Botones de Actividades deshabilitados *********************************/
.colorIconoActDisable{color:darkgray !important;}
.colorIconoActDisable:hover{color:darkgray !important;}
.colorIconoActEnable{color:#592884 !important;}
.colorIconoActEnable:hover{color:#592884 !important;}
/*************************** FIN Botones de Actividades deshabilitados *********************************/

/*************************** CABECERA *********************************/
.navbar-header>img{
    margin-top: 10px;
    margin-bottom: 15px;
}
.navbar-right>li>img{
    margin-top: 10px;
    margin-bottom: 15px;
}

nav.navbar-dark{
    background: #333!important;
    padding: 0 1rem;
    color: #fff;
    font-size: 12px;
    margin: 0px;
    border: none;
    min-height: 30px;
    border-radius: 0px;
}

.navbar-dark>li>a:focus, .navbar-dark>li>a:hover, .navbar-dark>li>a:active,
.navbar-dark .open>a, .navbar-dark .open>a:focus, .navbar-dark .open>a:hover,
.navbar-dark ::marker{
    color: #333!important;
}

/*********************** BORDES DE ABAJO *********************************/
.bordeSolicitud{
    border-bottom: #008ADD 2px solid !important;
}

.bordeSocios{
    border-bottom: #03B622 2px solid !important;
}

.bordeTramitacion{
    border-bottom: #CF4E1E  2px solid !important;
}

.bordeArchivo{
    border-bottom: #CF4E1E  2px solid !important;
}

.bordeExplotacion{
    border-bottom: #9E8A01  2px solid !important;
}

.bordeAdministracion{
    border-bottom: #00AA88 2px solid !important;
}
.bordeTalleres{
    border-bottom: #FFB12B 2px solid !important;
}
.bordeContratos{
    border-bottom: #975a58 2px solid !important;
}
.bordeActividades{
    border-bottom: #592884 2px solid !important;
}
.bordeServicios{
    border-bottom: #CC5E9F 2px solid !important;
}
/*********************** FIN BORDES DE ABAJO *********************************/

/*********************** BORDES DE ABAJO (DIALOGOS) *********************************/
div.bordeSolicitudDialogo > .ui-dialog-titlebar{
    border-bottom: #008ADD 2px solid !important;
}

div.bordeSociosDialogo > .ui-dialog-titlebar{
    border-bottom: #03B622 2px solid !important;
}

div.bordeTramitacionDialogo > .ui-dialog-titlebar{
    border-bottom: #CF4E1E  2px solid !important;
}

div.bordeArchivoDialogo > .ui-dialog-titlebar{
    border-bottom: #CF4E1E  2px solid !important;
}

div.bordeExplotacionDialogo > .ui-dialog-titlebar{
    border-bottom: #9E8A01  2px solid !important;
}

div.bordeAdministracionDialogo > .ui-dialog-titlebar{
    border-bottom: #00AA88 2px solid !important;
}
div.bordeTalleresDialogo > .ui-dialog-titlebar{
    border-bottom: #FFB12B 2px solid !important;
}
div.bordeContratosDialogo > .ui-dialog-titlebar{
    border-bottom: #b17b7a 2px solid !important;
}
div.bordeActividadesDialogo > .ui-dialog-titlebar{
    border-bottom: #5C5EE0 2px solid !important;
}
div.bordeServiciosDialogo > .ui-dialog-titlebar{
    border-bottom: #CC5E9F 2px solid !important;
}

/*********************** FIN BORDES DE ABAJO (DIALOGOS) *********************************/

/*********************** BARRA NAVEGACION *************************************/
.navbar{
    margin-bottom:5px;
}
.navbar-nav>.activeSol>a{
    background: #ACDFFF;
    color: #008ADD !important;
}
.navbar-nav>.activeSocyUsu>a{
    background: #d5f0cb;
    color: #03B622 !important;
}
.navbar-nav>.activeTram>a{
    background: #FFDFD2;
    color: #FF510F !important;
}
.navbar-nav>.activeArch>a{
    background: #FFDFD2;
    color: #FF510F !important;
}
.navbar-nav>.activeExpl>a{
    background: #FAF8E8;
    color: #CAB000 !important;
}
.navbar-nav>.activeOrg>a{
    background-image:linear-gradient(to bottom, #F0F3D8 0%,#d2db8a 47%,#B5C33C 100%);
}
.activeAdmin{
    background-image:linear-gradient(to bottom, #e5f6f3 0%,#99ddcf 47%,#32bb9f 100%);
}

.navbar-nav>.activeContr>a{
    /* background: #ffe8c1;
    color: #FFB12B !important;*/
}
.activeContr{
    background-image:linear-gradient(to bottom, #cdaaa9 0%,#b17b7a 47%,#975a58 100%);
    /*color: #FFB12B !important;*/
}

.navbar-nav>.activeTall>a{
    /* background: #ffe8c1;
    color: #FFB12B !important;*/
}
.activeTall{
    background-image:linear-gradient(to bottom, #ffe8c1 0%,#FBCC7C 47%,#FFB12B 100%);
    /*color: #FFB12B !important;*/
}

.navbar-nav>.activeActivi>a{
    /* background: #DDDDFF;
    color: #592884 !important;*/
}
.activeActivi{
    background-image:linear-gradient(to bottom, #DDDDFF 0%, #966CB8 80%, #592884 100%);
}

.activeServicio{
    background-image:linear-gradient(to bottom, #EFE2EA 0%, #ECB4D6 80%, #CC5E9F 100%);
}


.navbar-nav>li>a {
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
}

.nav>li>a:focus, .nav>li>a:hover,
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: #d3d3d3;
}

/*********************** FIN BARRA NAVEGACION *********************************/

/*********************** MODULOS MENU PRINCIPAL *******************************/
.modSol{
    width: 100%;
    height: 190px;
    border-color: #ddd;
    background: #ACDFFF;

}
.modSocyUsu{
    width: 100%;
    height: 190px;
    border-color: #ddd;
    background: #d8ffcc;
}
.modTram{
    width: 100%;
    height: 190px;
    border-color: #ddd;
    background: #FFDFD2;
}
.modArch{
    width: 100%;
    height: 190px;
    border-color: #ddd;
    background: #FFDFD2;
}
.modExplo{
    width: 100%;
    height: 190px;
    border-color: #ddd;
    background: #FAF8E8;
}
.modTalle {
    width: 100%;
    height: 190px;
    border-color: #ddd;
    background: #ffe8c1;
}

.modContr {
    width: 100%;
    height: 190px;
    border-color: #ddd;
    background: #cdaaa9;
}

.modActivi {
    width: 100%;
    height: 190px;
    border-color: #ddd;
    background: #E5DEEF;
}
.modOrg{
    width: 100%;
    height: 190px;
    border-color: #ddd;
    background-image:linear-gradient(to bottom, #F0F3D8 0%,#d2db8a 47%,#B5C33C 100%);
}
.modServi {
    width: 100%;
    height: 190px;
    border-color: #ddd;
    background: #f4dcea;
}
/************************* FIN MODULOS MENU PRINCIPAL *************************/

/************************** DIALOG MODAL ESPERA ********************************/
.panelEspera .ui-widget-header {
    background-color: #000;
    opacity: 70;
}

/************************** FIN DIALOG MODAL ESPERA ****************************/

/*************************** TABS PRIMEFACES ***********************************/
#formDatosSocyUsu\:fichasSocio\:fichaSocial{
    padding: 0px !important;
}
.ui-tabs .ui-tabs-nav .ui-tabs-selected{
    background: white;
}
.tabSocio .ui-tabs-panels .ui-tabs-panel{
    padding: 2px;
    background-color: white;
}
.inicioTab .ui-tabs-nav{
    background: white;
}
.subTab .ui-tabs-nav{
    background: white;
}
.tab1{
    background: #e7fcd2 !important;
}
.tab2{
    background: #e3ffc8 !important;
}
.tab3{
    background: #dafaba !important;
}
.tab4{
    background: #b6df8c !important;
}
.tab5{
    background: #b6df8c !important;
}

.inicioTab {
    padding: 0px;
    border: 0px;
}
.inicioTab .ui-tabs {
    padding: 0px;
    border: 0px;
}
.inicioTab .ui-state-default, .inicioTab .ui-widget-header .ui-state-default{
    font-weight: normal;
}
.inicioTab .ui-state-default a, .inicioTab .ui-state-default a:link, .inicioTab .ui-state-default a:visited{
    text-shadow: none;
}

/************************FIN TABS PRIMEFACES **********************************/

/************************** ESTILOS GENERALES ********************************/

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
}
.ui-widget-header {
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-collapse: collapse;
}
.ui-widget-header .fc-day-header{
    padding: 10px 0px;
    border-bottom: 0px;
}

/*solicictudes tamaño de los campos de descripcion de la via*/
.solicTamDescVia{
    width: 12.5% !important;
}
/*color por defecto para los sábados y domingos de todos los calendarios*/
td.fc-day.fc-sun, td.fc-day.fc-sat{background:#dcb7b7 !important;}



/************************* FIN ESTILOS GENERALES ******************************/

/************************* FILESET  ******************************/
.filedSet .ui-fieldset, .filedSet .ui-widget,.filedSet.ui-widget-content,
.filedSet .ui-corner-all,.filedSet .ui-hidden-container {
    width: auto;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
}
.filedSet .ui-state-default, .filedSet .ui-widget-content .ui-state-default, .filedSet .ui-widget-header .ui-state-default{
    background: none;
    font-weight: normal;
    border: 0px;
}
.label .filedSet{

    font-weight: 700;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff; 
}
/************************* FIN FILESET ******************************/


/******************************* ACORDEON *************************************/
.ui-accordion .ui-accordion-content{
    background: #F2F5F9;
    border: inherit;
}
.acordeon .ui-state-default, .acordeon .ui-widget-content .ui-state-default, .acordeon .ui-widget-header .ui-state-default{
    background: #9dc9de;
}
.acordeon .calendar .ui-state-default, .acordeon .calendar .ui-widget-content .ui-state-default, .acordeon .calendar .ui-widget-header .ui-state-default{
    background: #ffffff;
}
.acordeon .ui-state-active, .acordeon .ui-widget-content .ui-state-active, .acordeon .ui-widget-header .ui-state-active{
    background: #99c4db !important;
    color: #fff;
    text-shadow: none;
}

.acordeonSocio .ui-accordion .ui-accordion-content{
    background: #ecf8e2;
    border: inherit;
}
.acordeonSocio .ui-state-default, .acordeonSocio .ui-widget-content .ui-state-default, .acordeonSocio .ui-widget-header .ui-state-default{
    background: #c0e7ba;
}
.acordeonSocio .ui-widget-content {
    border: 1px solid #ddd;
    background: #ecf8e2;
}
.acordeonSocio .calendar .ui-state-default, .acordeonSocio .calendar .ui-widget-content .ui-state-default, .acordeonSocio .calendar .ui-widget-header .ui-state-default{
    background: #ffffff;
}
.acordeonSocio .ui-state-active, .acordeonSocio .ui-widget-content .ui-state-active, .acordeonSocio .ui-widget-header .ui-state-active{
    background: #b2dab5 !important;
    color: #fff;
    text-shadow: none;
}

.acordeonExplo .ui-accordion .ui-accordion-content{
    background: #f3f3dc;
    border: inherit;
}
.acordeonExplo .ui-state-default, .acordeonExplo .ui-widget-content .ui-state-default, .acordeonExplo .ui-widget-header .ui-state-default{
    background: #DCD49B;
}
.acordeonExplo .ui-widget-content {
    border: 1px solid #ddd;
    background: #FAF8E8;
}
.acordeonExplo .calendar .ui-state-default, .acordeonExplo .calendar .ui-widget-content .ui-state-default, .acordeonExplo .calendar .ui-widget-header .ui-state-default{
    background: #ffffff;
}
.acordeonExplo .ui-state-active, .acordeonExplo .ui-widget-content .ui-state-active, .acordeonExplo .ui-widget-header .ui-state-active{
    background: #CCC072 !important;
    color: #fff;
    text-shadow: none;
}

.acordeonTram .ui-accordion .ui-accordion-content{
    background: #f0e0e0;
    border: inherit;
}
.acordeonTram .ui-state-default, .acordeonTram .ui-widget-content .ui-state-default, .acordeonTram .ui-widget-header .ui-state-default{
    background: #e3aeae;
}
.acordeonTram .ui-widget-content {
    border: 1px solid #ddd;
    background: #f0e0e0;
}
.acordeonTram .calendar .ui-state-default, .acordeonTram .calendar .ui-widget-content .ui-state-default, .acordeonTram .calendar .ui-widget-header .ui-state-default{
    background: #ffffff;
}
.acordeonTram .ui-state-active, .acordeonTram .ui-widget-content .ui-state-active, .acordeonTram .ui-widget-header .ui-state-active{
    background: #dea1a1 !important;
    color: #fff;
    text-shadow: none;
}

.acordeonArch .ui-accordion .ui-accordion-content{
    background: #f0e0e0;
    border: inherit;
}
.acordeonArch .ui-state-default, .acordeonTram .ui-widget-content .ui-state-default, .acordeonTram .ui-widget-header .ui-state-default{
    background: #e3aeae;
}
.acordeonArch .ui-widget-content {
    border: 1px solid #ddd;
    background: #f0e0e0;
}
.acordeonArch .calendar .ui-state-default, .acordeonArch .calendar .ui-widget-content .ui-state-default, .acordeonArch .calendar .ui-widget-header .ui-state-default{
    background: #ffffff;
}
.acordeonArch .ui-state-active, .acordeonArch .ui-widget-content .ui-state-active, .acordeonArch .ui-widget-header .ui-state-active{
    background: #dea1a1 !important;
    color: #fff;
    text-shadow: none;
}

.acordeonAdmin .ui-accordion .ui-accordion-content{
    background: #f0fbf7;
    border: inherit;
}
.acordeonAdmin .ui-state-default, .acordeonAdmin .ui-widget-content .ui-state-default, .acordeonAdmin .ui-widget-header .ui-state-default{
    background: #a7dac4;
}
.acordeonAdmin .ui-widget-content {
    border: 1px solid #ddd;
    background: #f0fbf7;
}
.acordeonAdmin .calendar .ui-state-default, .acordeonAdmin .calendar .ui-widget-content .ui-state-default, .acordeonAdmin .calendar .ui-widget-header .ui-state-default{
    background: #ffffff;
}
.acordeonAdmin .ui-state-active, .acordeonAdmin .ui-widget-content .ui-state-active, .acordeonAdmin .ui-widget-header .ui-state-active{
    background: #9ed5b9 !important;
    color: #fff;
    text-shadow: none;
}

.acordeonCont .ui-accordion .ui-accordion-content{
    background: #cdaaa9;
    border: inherit;
}
.acordeonCont .ui-state-default, .acordeonCont .ui-widget-content .ui-state-default, .acordeonCont .ui-widget-header .ui-state-default{
    background: #cdaaa9;
}
.acordeonCont .ui-widget-content {
    border: 1px solid #ddd;
    background: #cdaaa9;
}
.acordeonCont .calendar .ui-state-default, .acordeonAdmin .calendar .ui-widget-content .ui-state-default, .acordeonCont .calendar .ui-widget-header .ui-state-default{
    background: #b17b7a;
}
.acordeonCont .ui-state-active, .acordeonCont .ui-widget-content .ui-state-active, .acordeonCont .ui-widget-header .ui-state-active{
    background: #975a58 !important;
    color: #fff;
    text-shadow: none;
}

.acordeonTall .ui-accordion .ui-accordion-content{
    background: #FBCC7C;
    border: inherit;
}
.acordeonTall .ui-state-default, .acordeonTall .ui-widget-content .ui-state-default, .acordeonTall .ui-widget-header .ui-state-default{
    background: #FBCC7C;
}
.acordeonTall .ui-widget-content {
    border: 1px solid #ddd;
    background: #ffe8c1;
}
.acordeonTall .calendar .ui-state-default, .acordeonAdmin .calendar .ui-widget-content .ui-state-default, .acordeonTall .calendar .ui-widget-header .ui-state-default{
    background: #ffffff;
}
.acordeonTall .ui-state-active, .acordeonTall .ui-widget-content .ui-state-active, .acordeonTall .ui-widget-header .ui-state-active{
    background: #F8BE5D !important;
    color: #fff;
    text-shadow: none;
}
.acordeonServ .ui-accordion .ui-accordion-content{
    background: #EFE2EA;
    border: inherit;
}
.acordeonServ .ui-state-default, .acordeonServ .ui-widget-content .ui-state-default, .acordeonServ .ui-widget-header .ui-state-default{
    background: #ECB4D6;
    color: #4f4f4f;
}
.acordeonServ .ui-widget-content {
    border: 1px solid #ddd;
    background: #EFE2EA;
}
.acordeonServ .calendar .ui-state-default, .acordeonAdmin .calendar .ui-widget-content .ui-state-default, .acordeonServ .calendar .ui-widget-header .ui-state-default{
    background: #EFE2EA;
}
.acordeonServ .ui-state-active, .acordeonServ .ui-widget-content .ui-state-active, .acordeonServ .ui-widget-header .ui-state-active{
    background: #DEA3C7 !important;
    color: #FFFFFF;
    text-shadow: none;
}
.acordeonServ .calendar .ui-state-default, .acordeonServ .calendar .ui-widget-content .ui-state-default, .acordeonServ .calendar .ui-widget-header .ui-state-default{
    background: #EFE2EA;
}
.acordeonServ .ui-state-active, .acordeonServ .ui-widget-content .ui-state-active, .acordeonServ .ui-widget-header .ui-state-active{
    background:  #ECB4D6;
    color:  #ffffff;
}
.inputTaller{
    background: #ffffff !important;
}
/*************************** FIN ACORDEON *************************************/

/***************************** FILE UPLOAD **********************************/

.subeFichero{
    /* Vacia usado para identificar en el evento show a la accion en la subida de ficheros ver fileUpload.js*/
}

.subeFichero .ui-fileupload-cancel{
    display: none;
}
.subeFichero .ui-fileupload-upload{
    display: none;
}
.subeFichero .ui-fileupload-buttonbar{
    padding: 3px 2px;
}
.subeFichero .ui-widget-header{
    background: none;
    border: none;
    font-weight: normal;
}
.subeFichero .ui-state-default, .fotoPerfilSolicitud .ui-widget-content .ui-state-default, .fotoPerfilSolicitud .ui-widget-header .ui-state-default{
    background: none;
    border: none;
    font-weight: normal;
}
.subeFichero .ui-state-hover, .fotoPerfilSolicitud .ui-widget-content .ui-state-hover, .fotoPerfilSolicitud .ui-widget-header .ui-state-hover, .fotoPerfilSolicitud .ui-state-focus, .fotoPerfilSolicitud .ui-widget-content .ui-state-focus, .fotoPerfilSolicitud .ui-widget-header .ui-state-focus{
    background: none;
    border: none;
    font-weight: normal;
}
.subeFichero .ui-state-default{
    box-shadow: none;
}
.subeFichero .ui-state-hover{
    box-shadow: none !important; 
    border: none !important;
    background: none !important;
}
.subeFichero .ui-state-focus{
    box-shadow: none !important; 
    border: none !important;
    background: none !important;
}
.subeFichero .ui-icon-plusthick{
    background-position: bottom;
    position: absolute;
}
.subeFichero .ui-icon{
    text-indent: 0px;
    overflow: visible;
}
.subeFichero .ui-fileupload-content{
    display: none;
}
.subeFicheroSolicitud .ui-icon-plusthick:before {
    content: "\f0ee"; 
    font-family: FontAwesome;
    left: 0px;
    position:absolute;
    top: -2px;
    color: #008ADD;      
}
.subeFicheroTalleres .ui-icon-plusthick:before {
    content: "\f0ee"; 
    font-family: FontAwesome;
    left: 0px;
    position:absolute;
    top: -2px;
    color: #FFB12B;      
}

.subeFicheroContratacion .ui-icon-plusthick:before {
    content: "\f0ee"; 
    font-family: FontAwesome;
    left: 0px;
    position:absolute;
    top: -2px;
    color: #FFB12B;      
}

.subeFicheroSocio .ui-icon-plusthick:before {
    content: "\f0ee"; 
    font-family: FontAwesome;
    left: 0px;
    position:absolute;
    top: -2px;
    color: #03B622;      
}
.subeFicheroTalleres .ui-icon-plusthick:before {
    content: "\f0ee"; 
    font-family: FontAwesome;
    left: 0px;
    position:absolute;
    top: -2px;
    color: #FFB12B;      
}
.subeFicheroGlobal .ui-icon-plusthick:before {
    content: "\f0ee"; 
    font-family: FontAwesome;
    left: 0px;
    position:absolute;
    top: -2px;
    color: #00AA88;      
}
.ui-growl-item-container {
    border: 1px solid #ef5350;
    background: #ef5350;
    color: #fff;
}
/*****************************FIN  FILE UPLOAD *******************************/

/******************************* CALENDAR *************************************/

.calendar input.hasDatepicker {
    width: 100%;
}
.calendar .ui-state-disabled {
    width: 100%;
}


.calendar .ui-inputfield {
    padding: 6px 12px;
    border: 1px solid #ccc;
    color: #555;
    height: 34px;
    background: #fff;
    opacity: 1;
    box-shadow: none;
    text-shadow: none;
}

.calendar .ui-inputfield:disabled {
    background: #eee;
}

.calendarOrg  .ui-datepicker {
    font-size: 30px;
    width: 99% !important;

}
.calendarOrg .ui-state-default{
    text-align: center;
}

.calendarOrg  .reported-day  .ui-state-default{
    color: green;
    text-align: center;
    font-size: 40px;
}
.calendarOrg  .reported-day  .ui-state-active{
    background:green;
}
.calendarOrg .holiday .ui-state-default{
    color: red;
    font-size: 40px;
}
.calendarOrg .holiday .ui-state-active {
    background: red;
}

/**************************** FIN CALENDAR *************************************/

/*********************** ICONOS AWESONE ***************************************/
/*Color por defecto iconos*/
.fa { color: #007935;}
/*********************** FIN ICONOS AWESONE ***********************************/

/*********************** TABLAS ***********************************************/

/* Estilo para quitar la cabecera de la tabla*/
.tree-table-no-header thead {
    display: none;
}
.noHeader .ui-datatable-header{
    display: none;
}
.noHeader table thead tr th{
    border: #fff solid;
    border-bottom: solid 1px;
    border-bottom-color: #ddd;
    background: none;
}

.fechaSesion span.ui-column-title{
    font-size: 0.7em;
    text-shadow: none;
    white-space: normal;
}
.fechaSesion{
    min-width: 60px;
    width: 60px;
    max-width: 60px;
}

.tablaMonitores.ui-datatable table,
.tablaParticipantes.ui-datatable table{
    table-layout: auto;
}

/* Lineas pares */
.tabla-contratos .ui-datatable-odd .filaVerde{
    background: #ceeac2;
}
/* Lineas impares */
.tabla-contratos .ui-datatable-even .filaVerde{
    background: #dff0d8;
}

/* Lineas pares */
.tabla-talleres .ui-datatable-odd .filaVerde{
    background: #ceeac2;
}
/* Lineas impares */
.tabla-talleres .ui-datatable-even .filaVerde{
    background: #dff0d8;
}

/* Lineas pares */
.tabla-actividades .ui-datatable-odd .filaVerde{
    background: #ceeac2;
}
/* Lineas impares */
.tabla-actividades .ui-datatable-even .filaVerde{
    background: #dff0d8;
}

/* Lineas pares */
.tabla-contratos .ui-datatable-odd .filaRoja{
    background: #f1c6c6;
}
/* Lineas impares */
.tabla-contratos.ui-datatable-even .filaRoja {
    background: #f2dede;
}

/* Lineas pares */
.tabla-talleres .ui-datatable-odd .filaRoja{
    background: #f1c6c6;
}
/* Lineas impares */
.tabla-talleres .ui-datatable-even .filaRoja {
    background: #f2dede;
}

/* Lineas pares */
.tabla-actividades .ui-datatable-odd .filaRoja{
    background: #f1c6c6;
}
/* Lineas impares */
.tabla-actividades .ui-datatable-even .filaRoja {
    background: #f2dede;
}

/*Lineas pares*/
.tabla-contratos .ui-datatable-odd .filaGris{
    background: #d9d9d9;
}
/*Lineas impares*/
.tabla-contratos .ui-datatable-even .filaGris {
    background: #f2f2f2;
}

/*Lineas pares*/
.tabla-talleres .ui-datatable-odd .filaGris{
    background: #d9d9d9;
}
/*Lineas impares*/
.tabla-talleres .ui-datatable-even .filaGris {
    background: #f2f2f2;
}

/*Lineas pares*/
.tabla-actividades .ui-datatable-odd .filaGris{
    background: #d9d9d9;
}
/*Lineas impares*/
.tabla-actividades .ui-datatable-even .filaGris {
    background: #f2f2f2;
}

/* Lineas pares */
.tabla-contratos .ui-datatable-odd .filaAzul{
    background: #93D2EE;
}
/* Lineas impares */
.tabla-contratos .ui-datatable-even .filaAzul {
    background: #B7E7FC;
}

/* Lineas pares */
.tabla-talleres .ui-datatable-odd .filaAzul{
    background: #93D2EE;
}
/* Lineas impares */
.tabla-talleres .ui-datatable-even .filaAzul {
    background: #B7E7FC;
}

/* Lineas pares */
.tabla-actividades .ui-datatable-odd .filaAzul{
    background: #93D2EE;
}
/* Lineas impares */
.tabla-actividades .ui-datatable-even .filaAzul {
    background: #B7E7FC;
}

.subtabla{
    border: 0px;
}
.subtabla .ui-widget-content{
    background: rgba(0,0,0,0) !important;
}
/* Estilo Lineas pares sin color*/
.subtabla .ui-datatable-odd {
    background: rgba(0,0,0,0) !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
}
/* Estilo Lineas impares */
.subtabla .ui-datatable-even {
    background: rgba(0,0,0,0) !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
}

/* Permite el wrap para las columnas que se pueden redimensionar*/
.tabla thead th, .tabla tbody td, .tabla tfoot td{
    white-space: normal;
}
/* Cabecera y pie */
.tabla thead th, .tabla tfoot td{
    font-size: 12px;
}
.tabla th {
    border-top-width: 0px !important;
}


/*Tabla Actividades*/
.tabla-actividades .ui-datatable-odd {
    background: #ffffff;
}
/* Lineas impares */
.tabla-actividades .ui-datatable-even {
    background: #ddf;
}
/* Lineas pares */
.tabla-actividades .ui-datatable-odd .filaAzul{
    background: #5C5EE0;
}
/* Lineas impares */
.tabla-actividades .ui-datatable-even .filaAzul {
    background: #7c7ede;
}
/* Color fila seleccionada */
.tabla-actividades .ui-state-highlight, 
.tabla-actividades .ui-widget-content .ui-state-highlight, 
.tabla-actividades .ui-widget-header .ui-state-highlight {
    border: 1px solid #5C5EE0;
    background: #9d9efc;
}

/* Fondo día actual (cuadro)*/
.tabla-actividades td.fc-day-number.ui-state-highlight{
    color: #000;
    text-shadow: none;
    font-weight: bold;
    background: none;
    border: 0px;
}
/* Fondo día actual (numero)*/ 
.tabla-actividades td.fc-day.ui-state-highlight{
    border: 2px solid #5C5EE0;
    background: #ddf !important;
}

/* Color mouser sobre las filas */
.tabla-actividades .ui-state-hover, 
.tabla-actividades .ui-widget-content .ui-state-hover, 
.tabla-actividades .ui-widget-header .ui-state-hover, 
.tabla-actividades .ui-state-focus,
.tabla-actividades .ui-widget-content .ui-state-focus, 
.tabla-actividades .ui-widget-header .ui-state-focus{
    border: 1px solid #5C5EE0;
    background: #b9bafa !important;
    color: #fff;
}

/* Sombra Elemento seleccionado*/
.tabla-actividades .progSelec{
    border: 2.5px solid #5C5EE0;
    color: black;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #ddf;
}


.tabla-actividades .fc-event{
    border: solid 1px #8c8c8c;
    color: black;
}

/*Tabla Administración*/
/* Lineas pares */
.tabla-admin .ui-datatable-odd {
    background: #ffffff;
}
/* Lineas impares */
.tabla-admin .ui-datatable-even {
    background: #f0fbf7;
}
/* Lineas pares */
.tabla-admin .ui-datatable-odd .filaAzul{
    background: #93D2EE;
}
/* Lineas impares */
.tabla-admin .ui-datatable-even .filaAzul {
    background: #B7E7FC;
}
/* Color fila seleccionada */
.tabla-admin .ui-state-highlight, 
.tabla-admin .ui-widget-content .ui-state-highlight, 
.tabla-admin .ui-widget-header .ui-state-highlight {
    border: 1px solid #9ed5b9;
    background: #b1ddc7;
}
/* Color mouser sobre las filas */
.tabla-admin .ui-state-hover, 
.tabla-admin .ui-widget-content .ui-state-hover, 
.tabla-admin .ui-widget-header .ui-state-hover, 
.tabla-admin .ui-state-focus,
.tabla-admin .ui-widget-content .ui-state-focus, 
.tabla-admin .ui-widget-header .ui-state-focus{
    border: 1px solid #9ed5b9;
    background: #b1ddc7 !important;
    color: #fff;
}
/*Fin Tabla Administracion*/


/*Tabla Solicitudes*/
/* Lineas pares */
.tabla-solicitudes .ui-datatable-odd {
    background: #ffffff;
}
/* Lineas impares */
.tabla-solicitudes .ui-datatable-even {
    background: #F2F5F9;
}
/* Color fila seleccionada */
.tabla-solicitudes .ui-state-highlight, 
.tabla-solicitudes .ui-widget-content .ui-state-highlight, 
.tabla-solicitudes .ui-widget-header .ui-state-highlight {
    border: 1px solid #f2f5f9;
    background: #99c4db;
}
/* Color mouser sobre las filas */
.tabla-solicitudes .ui-state-hover, 
.tabla-solicitudes .ui-widget-content .ui-state-hover, 
.tabla-solicitudes .ui-widget-header .ui-state-hover, 
.tabla-solicitudes .ui-state-focus,
.tabla-solicitudes .ui-widget-content .ui-state-focus, 
.tabla-solicitudes .ui-widget-header .ui-state-focus{
    border: 1px solid #f2f5f9;
    background: #99c4db !important;
    color: #000;
}
/*Fin Tabla Solicitudes*/

/*Tabla servicios*/
/* Lineas pares */ 
.tabla-servicios .ui-datatable-odd {
    background: #ffffff;
}
/* Lineas impares */
.tabla-servicios .ui-datatable-even {
    background: #EFE2EA;
}
/* Color fila seleccionada */
.tabla-servicios .ui-state-highlight, 
.tabla-servicios .ui-widget-content .ui-state-highlight, 
.tabla-servicios .ui-widget-header .ui-state-highlight {
    border: 1px solid #f2f5f9;
    background: #ECB4D6;
}
/* Color mouser sobre las filas */
.tabla-servicios .ui-state-hover, 
.tabla-servicios .ui-widget-content .ui-state-hover, 
.tabla-servicios .ui-widget-header .ui-state-hover, 
.tabla-servicios .ui-state-focus,
.tabla-servicios .ui-widget-content .ui-state-focus, 
.tabla-servicios .ui-widget-header .ui-state-focus{
    border: 1px solid #f2f5f9;
    background: #ECB4D6;
    color: #4f4f4f;
}
/*Fin Tabla Servicios*/

/*Tabla contratos*/
/* Lineas pares */ 
.tabla-contratos .ui-datatable-odd {
    background: #ffffff;
}
/* Lineas impares */
.tabla-contratos .ui-datatable-even {
    background: #cdaaa9;
}
/* Color fila seleccionada */
.tabla-contratos .ui-state-highlight, 
.tabla-contratos .ui-widget-content .ui-state-highlight, 
.tabla-contratos .ui-widget-header .ui-state-highlight {
    border: 1px solid #f2f5f9;
    background: #b17b7a;
}
/* Color mouser sobre las filas */
.tabla-contratos .ui-state-hover, 
.tabla-contratos .ui-widget-content .ui-state-hover, 
.tabla-contratos .ui-widget-header .ui-state-hover, 
.tabla-contratos .ui-state-focus,
.tabla-contratos .ui-widget-content .ui-state-focus, 
.tabla-contratos .ui-widget-header .ui-state-focus{
    border: 1px solid #f2f5f9;
    background: #b17b7a;
    color: #4f4f4f;
}
/*Fin Tabla Contratos*/

/*Tabla Personas*/
/* Lineas pares */
.tabla-personas .ui-datatable-odd {
    background: #ffffff;
}
/* Lineas impares */
.tabla-personas .ui-datatable-even {
    background: #ecf8e2;
}
/* Color fila seleccionada */
.tabla-personas .ui-state-highlight, 
.tabla-personas .ui-widget-content .ui-state-highlight, 
.tabla-personas .ui-widget-header .ui-state-highlight {
    border: 1px solid #7096ab;
    background: #b2dab5;
}
/* Color mouser sobre las filas */
.tabla-personas .ui-state-hover, 
.tabla-personas .ui-widget-content .ui-state-hover, 
.tabla-personas .ui-widget-header .ui-state-hover, 
.tabla-personas .ui-state-focus,
.tabla-personas .ui-widget-content .ui-state-focus, 
.tabla-personas .ui-widget-header .ui-state-focus{
    border: 1px solid #7096ab;
    background: #b2dab5 !important;
    color: #fff;
}
/*Fin Tabla Personas*/

/*Tabla Tramitación*/
/* Lineas pares */
.tabla-tramitacion .ui-datatable-odd {
    background: #ffffff;
}
/* Lineas impares */
.tabla-tramitacion .ui-datatable-even {
    background: #f0e0e0;
}
/* Color fila seleccionada */
.tabla-tramitacion .ui-state-highlight, 
.tabla-tramitacion .ui-widget-content .ui-state-highlight, 
.tabla-tramitacion .ui-widget-header .ui-state-highlight {
    border: 1px solid #f0e0e0;
    background: #dea1a1;
}
/* Color mouser sobre las filas */
.tabla-tramitacion .ui-state-hover, 
.tabla-tramitacion .ui-widget-content .ui-state-hover, 
.tabla-tramitacion .ui-widget-header .ui-state-hover, 
.tabla-tramitacion .ui-state-focus,
.tabla-tramitacion .ui-widget-content .ui-state-focus, 
.tabla-tramitacion .ui-widget-header .ui-state-focus{
    border: 1px solid #f0e0e0;
    background: #dea1a1 !important;
    color: #fff;
}
/*Fin Tabla Tramitación*/

/*Tabla Archivo*/
/* Lineas pares */
.tabla-archivo .ui-datatable-odd {
    background: #ffffff;
}
/* Lineas impares */
.tabla-archivo .ui-datatable-even {
    background: #f0e0e0;
}
/* Color fila seleccionada */
.tabla-archivo .ui-state-highlight, 
.tabla-archivo .ui-widget-content .ui-state-highlight, 
.tabla-archivo .ui-widget-header .ui-state-highlight {
    border: 1px solid #f0e0e0;
    background: #dea1a1;
}
/* Color mouser sobre las filas */
.tabla-archivo .ui-state-hover, 
.tabla-archivo .ui-widget-content .ui-state-hover, 
.tabla-archivo .ui-widget-header .ui-state-hover, 
.tabla-archivo .ui-state-focus,
.tabla-archivo .ui-widget-content .ui-state-focus, 
.tabla-archivo .ui-widget-header .ui-state-focus{
    border: 1px solid #f0e0e0;
    background: #dea1a1 !important;
    color: #fff;
}
/*Fin Tabla Archivo*/

/*Tabla Talleres*/
/* Lineas pares */
.tabla-talleres .ui-datatable-odd {
    background: #ffe8c1;
}
/* Lineas impares */
.tabla-talleres .ui-datatable-even {
    background: #ffffff;
}
/* Color fila seleccionada */
.tabla-talleres .ui-state-highlight, 
.tabla-talleres .ui-widget-content .ui-state-highlight, 
.tabla-talleres .ui-widget-header .ui-state-highlight {
    border: 1px solid #F8BE5D;
    background: #F2A82D;
}
.tabla-talleres .fc-event{
    border: solid 1px #8c8c8c;
    color: black;
}
/* Color mouser sobre las filas */
.tabla-talleres .ui-state-hover, 
.tabla-talleres .ui-widget-content .ui-state-hover, 
.tabla-talleres .ui-widget-header .ui-state-hover, 
.tabla-talleres .ui-state-focus,
.tabla-talleres .ui-widget-content .ui-state-focus, 
.tabla-talleres .ui-widget-header .ui-state-focus{
    border: 1px solid #ffe8c1;
    background: #F8BE5D !important;
    color: #fff;
}
/* Sombra Elemento seleccionado*/
.tabla-talleres .progSelec{
    border: 2.5px solid #F8BE5D;
    color: black;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #666666;
}
/* Fondo día actual (cuadro)*/
.tabla-talleres td.fc-day-number.ui-state-highlight{
    color: #000;
    text-shadow: none;
    font-weight: bold;
    background: none;
    border: 0px;
}
/* Fondo día actual (numero)*/ 
.tabla-talleres td.fc-day.ui-state-highlight{
    border: 2px solid #F8BE5D;
    background: #ffe8c1 !important;
}

.tabla-talleres .fc table{
    border-collapse: inherit;
}
/*Fin Tabla Talleres*/

/*padding para el numero en los dias de los calendarios*/
td.fc-day-number {
    padding: 3px 0px 0px 3px !important;
}
/* Fin padding para el numero en los dias de los calendarios*/

/*Tabla Explotación*/
/* Lineas pares */
.tabla-explotacion .ui-datatable-odd {
    background: #ffffff;
}
/* Lineas impares */
.tabla-explotacion .ui-datatable-even {
    background: #ece9bc;
}
/* Color fila seleccionada */
.tabla-explotacion .ui-state-highlight, 
.tabla-explotacion .ui-widget-content .ui-state-highlight, 
.tabla-explotacion .ui-widget-header .ui-state-highlight {
    border: 1px solid #ece9bc;
    background: #DCD49B;
}
/* Color mouser sobre las filas */
.tabla-explotacion .ui-state-hover, 
.tabla-explotacion .ui-widget-content .ui-state-hover, 
.tabla-explotacion .ui-widget-header .ui-state-hover, 
.tabla-explotacion .ui-state-focus,
.tabla-explotacion .ui-widget-content .ui-state-focus, 
.tabla-explotacion .ui-widget-header .ui-state-focus{
    border: 1px solid #ece9bc;
    background: #DCD49B !important;
    color: #fff;
}
/*Fin Tabla Explotación*/

/*********************** FIN TABLAS *******************************************/

/*********************** BOTONES **********************************************/
.btn-disable{
    cursor: not-allowed;
    pointer-events: none;

    /*Button disabled - CSS color class*/
    color: #c0c0c0;
    background-color: #ffffff;

}
/*********************** FIN BOTONES ******************************************/

/*********************** MENSAJES *********************************************/
.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal{
    margin: 0px 0px 10px 0px;
    text-align: justify;
    border: 1px solid;
    padding: 10px;
}

.ui-messages-info, .ui-message-info{
    color: #3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6
}
/*********************** FIN MENSAJES *****************************************/

.alert {
    padding-left: 30px;
}


/**************** QUITAR BORDE PANEL *****************************/

.QuitarBorde{
    border: none;
    padding: -1px;
}

/*************************** CENTRADO BOTONES PRIME FACE **********************/
.ui-radiobutton-icon{
    margin-left: 0.3px !important;
}
.ui-icon-bullet {
    background-position: -80.5px -145.5px;
}
/**************************** CENTRADO BOTONES PRIME FACE **********************/

/*************************** CONTADOR DE 500 CARACTERES **************************/
div .cont_caracter{
    color:red;
    font-size:12pt;
    font-style:normal;
    background:none;
    border:none;
    width: 30px;
}

div .cont_caracterTalleres{
    color: #a86a00 !important;
    font-size: 12pt;
    font-style: normal;
    background: none;
    border: none;
    width: 30px;
}
/*************************** CONTADOR DE 500 CARACTERES **************************/


/************************** CARRUSEL ******************************/

/* Slideshow container */
.slideshow-container {
    position: relative;
    background: #F1F1F1;
    padding-left: 0px;
    padding-right: 0px;
    height: auto;
}

/* Slides */
.mySlides {
    display: none;
    padding: 80px;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-right: 0px;
}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    color: #888;
    top: 159px;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 1px;
    border-radius: 3px 0 0 3px;
    width: auto;
    margin-top: -30px;
    padding: 16px;
}
.prev{
    margin-left: 15px;
    width: auto;
    margin-top: -30px;
    padding: 16px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
    color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 15px;
    padding-bottom: 10px;
    background: #ddd;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
    background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
.author {color: cornflowerblue;}


/* imagen de la noticia */
.imgNot{
    width: 175px;
    position: relative;
    padding-bottom: 20px;
}

/* el contador de noticias  */
.contNoticias{
    text-align: left;
    width: 32px;
    margin-top: 1.5px;
}

/* el cuerpo de las noticias con iimagenes */
.cuerpo{
    text-align: justify;
    word-wrap: break-word;
}

/* el cuerpo de las noticias sin imagenes */
.cuerpoNoImg{
    text-align: justify;
    margin-bottom: 94px;
    margin-top: 0px;
    word-wrap: break-word;
}

/* el icono de las noticias */
.iconNot{
    position: absolute;
    margin-left: -290px;  
}

/* posicion de los puntos que indican cuantas noticias hay */
.columnaPuntos{
    text-align: center;
    margin-top: 6px;
    padding-right: 54px;
}

/* texto junto al icono de noticias */
.txtNoticia{
    position: relative;
    margin-top: -26px;
    margin-left: 43px;
}

/*****************************FIN CARRUSEL**********************************/
/***************************** TABS **********************************/
/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tabCentro button{
    background-color: #cfe4db;
    float: left;
    border: 1px #ccc solid;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    /*redondear bordes*/
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 3px;
    color: #0c6940;
}

.tabSolicitud button{
    background-color: #d6e6f3;
    float: left;
    border: 1px #ccc solid;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    /*redondear bordes*/
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 3px;
    color: #1967a8;
    /*background-color: #beddf8;*/
}

.tabSocio button{
    background-color: #d5f0cb;
    float: left;
    border: 1px #ccc solid;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    /*redondear bordes*/
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 3px;
    color: #34782f;
    /*background-color: #c0e7ba;*/
}
.tabSubSocio button{
    background-color: #d5f0cb;
    float: left;
    border: 1px #ccc solid;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    /*redondear bordes*/
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 3px;
    color: #34782f;
    /*background-color: #a5d29a;*/
}
.tabFicha{
    background-color: #a5d29a !important;
}

.tabServ button{
    background-color: #ECB4D6;
    float: left;
    border: 1px #ccc solid;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    /*redondear bordes*/
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 3px;
    color: #FFFFFF;
    /*background-color: #c0e7ba;*/
}

.tabServ button.active {
    color: #FFFFFF;
}
.tabServ button.active{
    background-color: #CC5E9F;
}
.tabCentro button.active{
    background-color: #97ccb5;
}
.tabSolicitud button.active {
    background-color: #beddf8;
    /*background-color: #d6e6f3;*/
}
.tabSocio button.active {
    background-color: #c0e7ba;
    /*background-color: #d5f0cb !important;*/
}
.tabSubSocio button.active {
    background-color: #a5d29a;
    /*background-color: #d5f0cb !important;*/
}
/* Style the tab content */
.tabcontent {
    padding: 0px 0px;
    border: 1px solid #ccc;
    animation: fadein 0.5s;
}
/* Style the tab content */
.tabcontentContrato {
    padding: 0px 0px;
    animation: fadein 0.5s;
}
.subTabcontent {
    padding: 0px 0px;
    border: 1px solid #ccc;
    animation: fadein 0.5s;
}

@keyframes fadein {
    from { opacity: 0; }/*empieza*/
    to   { opacity: 1; }/*termina*/
}


.tabCentroFondo{    
    background: #eaeaea ;
    border-bottom: #0A8 2px solid !important;
}

.tabSolicitudFondo{    
    background: #eaeaea ;
    border-bottom: #008ADD 2px solid !important;
}

.tabSocioFondo{    
    background: #eaeaea ;
    border-bottom: #03B622 2px solid !important;
    border: 0px;
}

.panelPestanasInternas{
    margin-bottom: 20px;
}

.fondoTitSolicitudes{
    background: #d6e6f3 !important;
    border: none;
    color: #1967a8 !important;
}

.fondoTitCentro{
    background: #cfe4db !important;
    color: #0c6940 !important;
    border: none;
    border-radius: 0;
}
.fondoTitSocio{
    background: #d5f0cb !important;
    border: none;
    color:#34782f !important;
}
.fondoTitActividades{
    background: #b9bafa !important;
    border: none;
    color:#592884 !important;
}
.fondoTitServ{
    background:  #EFE2EA !important;
    border: none;
    color:#cc5e9f !important;
}
.fondoTitContr{
    background-color: #cdaaa9;
    color: #975a58;
}
.cuerpoTabs{
    margin: 0px;
    border: none;
}

/** TALLERES **/

.tabTalleres button{
    background-color: #FFD793;
    float: left;
    border: 1px #ccc solid;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    /*redondear bordes*/
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 3px;
    color: #a86a00;
}
.fondoTitTalleres{
    background: #FFD793 !important;
    border: none;
    color:#a86a00 !important;
}
.tabTalleresFondo{    
    background: #FFD793;
    border-bottom: #FBCC7C 2px solid !important;
}
.tabTalleres button.active {
    background-color: #FFBB46!important;

}

.textAreaTaller{
    background: white;
    border-color: white;
    padding-left: 0px;
    padding-top: 0px;
}

/** CONTRATOS **/

.tabContratos button{
    background-color: #b17b7a;
    float: left;
    border: 1px #ccc solid;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    /*redondear bordes*/
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 3px;
    color: #FFFFFF;
    /*background-color: #c0e7ba;*/
}

.tabContratos button.active {
    color: #FFFFFF;
}
.tabContratos button.active{
    background-color: #975a58;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected{
    background-color: #FFBB46;
}
.ui-tabs.ui-tabs-top>.ui-tabs-nav li {
    background-color: #FFD793;  
}
.ui-tabs.ui-tabs-top>.ui-tabs-nav li > a {
    color: #a86a00;
}

/*****************************  FIN TABS ***************************************/
/********************************** SCHEDULED *********************************/
.progSelec{
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(254, 158, 16,.9);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(254, 158, 16,.9);
}

.fc-scroller.fc-day-grid-container {
    overflow: hidden !important;
    height: 100% !important;
}

#vistaAnual>.fc-row.fc-week.ui-widget-content {
    min-height: 3.5em !important;
}

/*************************** FIN SCHEDULED ************************************/
/************************ PANEL DE CARGA ******************************/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4b4b4b;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    display: none;
    z-index: 1998;

}
.popup{
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1999;
    top: 30%;
}

/*************************** FIN PANEL DE CARGA ********************************/
/*************************** PONER LETRAS MAYESCULAS ***************************/
.capitalized { 
    text-transform: uppercase; 
} 
/*************************** FIN LETRAS MAYUSCULAS *****************************/
/**************************** POSICION DE LOS TEXTOX EN LOS RADIO BUTTONS *********************************/

.colocarDerecha{
    padding-left: 10px;
    position:relative; 
    padding-top:2px;
}

/**************************** FIN POSICION DE LOS TEXTOX EN LOS RADIO BUTTONS *********************************/

/**************************** ESTILO LEYENDA *********************************/
.cuadroColorLeyenda{
    width: 15px;
    height: 15px;
    float: left;
    margin-left: 8px;
    margin-right: 4px;
    border: solid 1px #8c8c8c;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        2px 2px 1px rgba(0,0,0,.15);
    border-radius: 4px;
    vertical-align: middle;
}

.textoLeyenda{
    float:right;
    font-size: 0.7em;
}

/**************************** FIN LEYENDA POR COLORES *********************************/

/************************************** INICIO GESTION TALLERES ***********************************/

.radioButonAcordeon{
    padding-right: 0px !important;
    width: 5.3333% !important;

}

.radioButonAcordeonTexto{
    padding-left: 0px;
}

.fondoCabeceraTalleres{
    background-color: #ffe8c1 !important;
    border: 1px solid #eaeaea;
}
.fondoCabeceraActividades{
    background-color: #DDDDFF !important;
    border: 1px solid #eaeaea;
}

/************************************** FIN GESTION TALLERES ***********************************/

.ui-datalist-content.ui-widget-content {
    border: none;
    background: none;
}



.datosParticipantes{
    /*width: 20%;
    display: inline-block;
    margin-left: 90px;*/
    width: 100%;
    display: inline-block;


}

.ui-colorpicker .ui-button{
    height: 34px;
    width: 100%;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
    background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    border-color: #ccc;
}

.ui-colorpicker span{
    width: 100% !important;
    text-indent:-666em !important;
}

.rowParticipantes .colParticipantes
{
    padding: 3px !important;
}

/************************* Dialogo PDF gestion participantes ****************************/

.checkAjustadosDialogo, .checkTlfMail{
    margin-left: 0px;
    margin-right: 0px;
}

/**************************************Pestaña calendario**************************************************/
.ServicioPestanaCalendario td.fc-day-number.ui-state-highlight{
    color: #000;
    text-shadow: none;
    font-weight: bold;
    background: none;
    border: 0px;
}

/* Fondo día actual (numero) */
.ServicioPestanaCalendario td.fc-day.ui-state-highlight{
    /*border: 3px solid #00AA88;*/
    background: none;
    border: none;
}

.ServicioPestanaCalendario .ui-state-highlight, 
.ServicioPestanaCalendario .ui-widget-content .ui-state-highlight, 
.ServicioPestanaCalendario .ui-widget-header .ui-state-highlight {
    border: none;
    background: none;
}
.ServicioPestanaCalendario .fc table{
    border-collapse: inherit;
}





/**************************************Pestaña calendario**************************************************/
/* Fondo día actual (cuadro) */
.adminPestanaCalendario td.fc-day-number.ui-state-highlight{
    color: #000;
    text-shadow: none;
    font-weight: bold;
    background: none;
    border: 0px;
}

/* Fondo día actual (numero) */
.adminPestanaCalendario td.fc-day.ui-state-highlight{
    /*border: 3px solid #00AA88;
    background: none;*/
    border: 2px solid #00AA88;
    background: #cfe4db !important;
}

.adminPestanaCalendario .ui-state-highlight, 
.adminPestanaCalendario .ui-widget-content .ui-state-highlight, 
.adminPestanaCalendario .ui-widget-header .ui-state-highlight {
    border: 1px solid #00AA88;
    background: #0c6940;
}
.adminPestanaCalendario .fc table{
    border-collapse: inherit;
}

/************************************** FIN Pestaña calendario**************************************************/

td.tablaColumnNumber{
    text-align: right;
}
td.tablaColumnText{
    text-align: center;
}
.tabla-talleres th{
    vertical-align: middle !important;
    text-align: center !important;
    padding: 4px 0px !important;
}
.tabla-talleres td{
    vertical-align: middle !important;
    text-align: center;
    padding: 0px 0px;
}
.fc-day-number{
    text-align: left !important;
    padding: 0px !important;
}



/******************** Gestion Participantes ***************************/

.valorContadores{
    margin-left: 10px;
    padding-left: 25px;
    margin-bottom: 15px;
}
.textoFinProgramacion{
    margin-top: 45px;        
}
.contadoresDerecha{
    padding-left: 25px;
    padding-bottom: 15px;
}
.botonPdf{
    margin-top: 46px;
}

.tituloGestionPart{
    background: #ececec;
    border: 1px solid #d7d7d7;
    margin-bottom: 31px;

}

/******************** Gestion Asistencias ***************************/

/*Cambio de tamaño a los checkbox del control de asistencia 25px X 25px deben tener la clase asistencia para que se aplique el tamaño*/
input[type=checkbox].asistencia {
    width: 18px !important;
    height: 18px !important;
}

select.asistencia {
    width: 45px;
    padding: 6px 5px;
}
/******************** Iconos activados y desactivados para: ***************************/
.botonDisable{
    background: lightgrey !important;
    border: none !important;
}

.botonDisable:hover{
    background: lightgrey !important;
    border: none !important;
}
.colorIconoDisable{color:darkgray !important;}
.colorIconoDisable:hover{color:darkgray !important;}
.colorIconoEnable{color:#FFB12B !important;}
.colorIconoEnable:hover{color:#FFB12B !important;}
.colorIconoDisableContr{color:darkgray !important;}
.colorIconoDisableContr:hover{color:darkgray !important;}
.colorIconoEnableContr{color:#975a58 !important;}
.colorIconoEnableContr:hover{color:#975a58 !important;}
.colorIconoEnableAct{color:#592884 !important;}
.colorIconoEnableAct:hover{color:#592884 !important;}

.colorIconoAdminDisable{color:darkgray !important;}
.colorIconoAdminDisable:hover{color:darkgray !important;}
.colorIconoAdminEnable{color:#00AA88 !important;}
.colorIconoAdminEnable:hover{color:#00AA88 !important;}

/******************************* Historico de Talleres SocyUsu*************************************/

div.tablaTaller {
    padding-bottom: 15px;
}

/******************************* Alineaciones del contenido de las tablas *************************/

/*
tabla-explotacion
tabla-tramitacion
tabla-personas
tabla-solicitudes
tabla-admin
tabla-talleres
tabla-servicios
*/

.derecha{text-align: right !important;}
.izquierda{text-align: left !important;}
.centro{text-align: center !important;}
.tabla thead th {text-align: center !important;}
.tabla tbody td.numeric {text-align: right !important;}
.tabla tbody td.text {text-align: left !important;}
.tabla tbody td.date {text-align: center !important;}

.tabla-talleres thead th {text-align: center !important;}
.tabla-talleres tbody td.numeric {text-align: right !important;}
.tabla-talleres tbody td.text {text-align: left !important;}
.tabla-talleres tbody td.date {text-align: center !important;}

.tabla-actividades thead th {text-align: center !important;}
.tabla-actividades tbody td.numeric {text-align: right !important;}
.tabla-actividades tbody td.text {text-align: left !important;}
.tabla-actividades tbody td.date {text-align: center !important;}

.tabla-actividades th {
    vertical-align: middle !important;
    text-align: center !important;
    padding: 4px 0px !important;}

/******************************* Alineaciones del contenido de las tablas *************************/

/******************************* Cambio de Icono en los eventos del calendario *************************/

.fc-event-container:hover{
    cursor: pointer;
}

/******************************* Cambio de Icono en los eventos del calendario *************************/
/*pestaña TALLERES #FFB12B*/
.colorIconoTalleresDisable{
    color:darkgray !important;
}
.colorIconoTalleresDisable:hover{
    color:darkgray !important;
}
.colorIconoTalleresEnable{
    color:#FFB12B !important;
}
.colorIconoTalleresEnable:hover{
    color:#FFB12B !important;
}

/*pestaña ADMINISTRACION #00AA88*/
.colorIconoAdminDisable{
    color:darkgray !important;
}
.colorIconoAdminDisable:hover{
    color:darkgray !important;
}
.colorIconoAdminEnable{
    color:#00AA88 !important;
}
.colorIconoAdminEnable:hover{
    color:#00AA88 !important;
}

/*pestaña SOLICITUDES #008ADD*/
.colorIconoSolicitudDisable{
    color:darkgray !important;
}
.colorIconoSolicitudDisable:hover{
    color:darkgray !important;
}
.colorIconoSolicitudEnable{
    color:#008ADD !important;
}
.colorIconoSolicitudEnable:hover{
    color:#008ADD !important;
}

/*pestaña SOCIOS #03B622*/
.colorIconoSociosDisable{
    color:darkgray !important;
}
.colorIconoSociosDisable:hover{
    color:darkgray !important;
}
.colorIconoSociosEnable{
    color:#03B622 !important;
}
.colorIconoSociosEnable:hover{
    color:#03B622 !important;
}

/*pestaña TRAMITACION #CF4E1E*/
.colorIconoTramitacionDisable{
    color:darkgray !important;
}
.colorIconoTramitacionDisable:hover{
    color:darkgray !important;
    cursor: no-drop !important;
}
.colorIconoTramitacionEnable{
    color:#CF4E1E !important;
}
.colorIconoTramitacionEnable:hover{
    color:#CF4E1E !important;
}

/*pestaña Archivo #CF4E1E*/
.colorIconoArchivoDisable{
    color:darkgray !important;
}
.colorIconoArchivoDisable:hover{
    color:darkgray !important;
    cursor: no-drop !important;
}
.colorIconoArchivoEnable{
    color:#CF4E1E !important;
}
.colorIconoArchivoEnable:hover{
    color:#CF4E1E !important;
}

/*pestaña EXPLOTACION #9E8A01*/
.colorIconoExplotacionDisable{
    color:darkgray !important;
}
.colorIconoExplotacionDisable:hover{
    color:darkgray !important;
}
.colorIconoExplotacionEnable{
    color:#9E8A01 !important;
}
.colorIconoExplotacionEnable:hover{
    color:#9E8A01 !important;
}

/*pestaña ACTIVIDADES #5C5EE0*/
.colorIconoActividadesDisable{
    color:darkgray !important;
}
.colorIconoActividadesDisable:hover{
    color:darkgray !important;
}
.colorIconoActividadesEnable{
    color:#5C5EE0 !important;
}
.colorIconoActividadesEnable:hover{
    color:#5C5EE0 !important;
}

/******************** Iconos activados y desactivados para: ***************************/


/******************************* Historico de Talleres SocyUsu*************************************/
div.tablaTaller {
    padding-bottom: 15px;
}

/******************************* Actividades*************************************/
/******************************* Acordeon*************************************/

.acordeonActiv .ui-accordion .ui-accordion-content{
    background: #9b9dff;
    border: inherit;
}
.acordeonActiv .ui-state-default, .acordeonActiv .ui-widget-content .ui-state-default, .acordeonActiv .ui-widget-header .ui-state-default{
    background: #9b9dff;
    text-shadow: 0 1px 0 rgba(147, 147, 147, 0.7);
}
.acordeonActiv .ui-widget-content {
    border: 1px solid #ddd;
    background: #ddf;
}
.acordeonActiv .calendar .ui-state-default, .acordeonAdmin .calendar .ui-widget-content .ui-state-default, .acordeonActiv .calendar .ui-widget-header .ui-state-default{
    background: #ffffff; 
}
.acordeonActiv .ui-state-active, .acordeonActiv .ui-widget-content .ui-state-active, .acordeonActiv .ui-widget-header .ui-state-active{
    background: #7f81ff !important;
    color: #fff;
    text-shadow: none;
}



.paddingRadio input{
    margin-top:0px;
    margin-right: 10px;
}

/************************** BIBLIOTECA TALLERES ****************************/

.tabBiblio button,
.tabBiblio input{
    background-color: #f7d8a3;
    float: left;
    border: 1px #ccc solid;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 3px;
    color: #ce8200;
}

.tabBiblio button.active,
.tabBiblio input.active
{
    background-color: #ffb12b;    
}

.tabBiblioFondo{
    background-color: #ffeac5; 

}

/* tabla de liquidaciones*/
tr.ui-datatable-even > td.col-md-1.rojo{
    background: #f1c6c6b3;
}
tr.ui-datatable-odd > td.col-md-1.rojo{
    background: #f2dedeb3;
}
tr.ui-datatable-even > td.col-md-1.verde{
    background: #ceeac2b3;
}
tr.ui-datatable-odd > td.col-md-1.verde{
    background: #dff0d8b3;

}
tr.ui-datatable-even > td.col-md-1.gris {
    background: #d3d3d399;
}

tr.ui-datatable-odd > td.col-md-1.gris {
    background: #d3d3d373;
}

div.cuentaCharParticipacionTalleres{
    color: #a86a00 !important;
    font-size: 12pt;
    font-style: normal;
    background: none;
    border: none;
    width: 30px;
}

/************************************* Valoraciones con estrellas *****************************************/

.stars-outer {
    display: inline-block;
    position: relative;
    font-family: FontAwesome;
}

.stars-outer::before {
    content: "\f006 \f006 \f006 \f006 \f006";
}

.stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
}

.stars-inner::before {
    content: "\f005 \f005 \f005 \f005 \f005";
    color: #f8ce0b;
}

.colorEvalEstrella{
    color: #F8CE0B !important;
}

.estrellasMedia > i.fa.fa-star.colorEvalEstrella,
.estrellasMedia > i.fa.fa-star-half-o.colorEvalEstrella,
.estrellasMedia > i.fa.fa-star-o.colorEvalEstrella
{
    font-size: 27px;
    text-align: center !important;
}


/**** color de las letras de la tabla gesion talleres *****/

.letraAzul{
    color : #006daf;
    text-shadow: none !important;
}

.letraNegra{
    color : #000000;
    text-shadow: none !important;
}

.letraGris{
    color : #d9d9d9;
    text-shadow: none !important;
}


.letraRoja{
    color : #ea1010;
    text-shadow: none !important;
}
/**** FIN color de las letras de la tabla gesion talleres *****/

table.sinCabecera > thead {
    display: none;
}
/**** Centrado vertical de las etiquetas **/
span.etiquetaCentrada {
    vertical-align: -webkit-baseline-middle;
}
/** FIN Centrado vertical de las etiquetas */


/***********************/
.noSeleccionable{user-select: none !important;}
/***********************/

/******** Color icono de alerta ******/
.colorIconAlerta{
    color: #f8c52e !important;
    text-shadow: 1px 1px 1px #333;
}

/*************************************** Desplegables multiselect **************************************************/
.ui-selectcheckboxmenu-header{background: gainsboro;}
.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item label{
    font-weight: lighter !important;
}
/*************************************** Desplegables multiselect SOCIOS **************************************************/

.multipleSocio .ui-selectcheckboxmenu-token-label{
    border: #34782f 1px !important;
    background: #d5f0cb !important; 
    color: #34782f !important;
    box-shadow: none !important;
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 4px;
}

.multipleSocio .ui-selectcheckboxmenu-token{
    font-weight: lighter !important; /* Quitar negrita */
    background: #d5f0cb !important; 
    color: #a86a00 !important;
    box-shadow: none !important;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    border: #34782f 1px solid !important;
}

.multipleSocio .ui-selectcheckboxmenu-trigger{
    background: #FFF !important;
    width: 20px !important;
    border: none !important;
}

.multipleSocio .ui-selectcheckboxmenu-multiple-container{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    display: block !important;
    width: 100% !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;

}

/*************************************** Desplegables multiselect TALLERES **************************************************/
.multipleTalleres .ui-selectcheckboxmenu-token{
    font-weight: lighter !important; /* Quitar negrita */
    background: #ffe8c1 !important; 
    color: #a86a00 !important;
    box-shadow: none !important;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    border: #FFB12B 1px solid !important;
}

.multipleTalleres .ui-selectcheckboxmenu-token-label{
    border: #a86a00 1px !important;
    background: #ffe8c1 !important; 
    color: #a86a00 !important;
    box-shadow: none !important;

    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 4px;
}

.multipleTalleres .ui-selectcheckboxmenu-trigger{
    background: #FFF !important;
    width: 20px !important;
    border: none !important;
}

.multipleTalleres .ui-selectcheckboxmenu-multiple-container{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    display: block !important;
    width: 100% !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;

}
/*************************************** Desplegables multiselect Actividades **************************************************/
.ui-chkbox-box{background: none !important;}
.multipleActividades .ui-selectcheckboxmenu-token{
    font-weight: lighter !important; /* Quitar negrita */
    background: #ccc4f5 !important; 
    color: #5C5EE0 !important;
    box-shadow: none !important;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    border: #5C5EE0 1px solid !important;
}

.multipleActividades .ui-selectcheckboxmenu-token-label{
    border: #5C5EE0 1px !important;
    background: #ccc4f5 !important; 
    color: #5C5EE0 !important;
    box-shadow: none !important;

    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 4px;
}

.multipleActividades .ui-selectcheckboxmenu-trigger{
    background: #FFF !important;
    width: 20px !important;
    border: none !important;
}

.multipleActividades .ui-selectcheckboxmenu-multiple-container{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    display: block !important;
    width: 100% !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;

}

/*************************************** Desplegables multiselect TALLERES **************************************************/
.multipleServicios .ui-selectcheckboxmenu-token{
    font-weight: lighter !important; /* Quitar negrita */
    background: #EFE2EA !important; 
    color: #a86a00 !important;
    box-shadow: none !important;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    border: #FFB12B 1px solid !important;
}

.multipleServicios .ui-selectcheckboxmenu-token-label{
    border: #a86a00 1px !important;
    background: #EFE2EA !important; 
    color: #a86a00 !important;
    box-shadow: none !important;

    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 4px;
}

.multipleServicios .ui-selectcheckboxmenu-trigger{
    background: #FFF !important;
    width: 20px !important;
    border: none !important;
}

.multipleServicios .ui-selectcheckboxmenu-multiple-container{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    display: block !important;
    width: 100% !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;

}

/*************************************** Desplegables multiselect CONTRATOS **************************************************/
.multipleContratos .ui-selectcheckboxmenu-token{
    font-weight: lighter !important; /* Quitar negrita */
    background: #EFE2EA !important; 
    color: #975a58 !important;
    box-shadow: none !important;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    border: #b17b7a 1px solid !important;
}

.multipleContratos .ui-selectcheckboxmenu-token-label{
    border: #975a58 1px !important;
    background: #EFE2EA !important; 
    color: #975a58 !important;
    box-shadow: none !important;

    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 4px;
}

.multipleContratos .ui-selectcheckboxmenu-trigger{
    background: #FFF !important;
    width: 20px !important;
    border: none !important;
}

.multipleContratos .ui-selectcheckboxmenu-multiple-container{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    display: block !important;
    width: 100% !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;

}

/******************* BIBLIOTECA DE ACTIVIDADES ******************/
.tabBiblioActiv button,
.tabBiblioActiv input
{
    background-color: #b9bafa;
    float: left;
    border: 1px #ccc solid;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-right: 3px;
    color: #592884;
}

.tabBiblioActiv button.active,
.tabBiblioActiv input.active{
    background-color: #9d9efc;    
}

.tabBiblioActivFondo{
    background-color: #bdbdff; 

}
/*************************************** FIN Desplegables multiselect **************************************************/

.ui-rating-star,
.ui-rating-cancel{
    display:inline-block;
    overflow:hidden;
    text-indent:-999em;
    cursor:pointer}
.ui-rating-star a,
.ui-rating-cancel a{
    width:26px;
    height:23px;
    display:block;
    background:url("/suma/faces/javax.faces.resource/rating_big.png?ln=img") no-repeat 0 0}
.ui-rating-star a{
    background-position:0 -48px}
.ui-rating-star-on a{
    background-position:0 -72px}
.ui-rating-star-hover a{
    background-position:0 -95px}
.ui-rating-cancel-hover a{
    background-position:0 -26px}
.ui-rating.ui-state-disabled .ui-rating-star,
.ui-rating.ui-state-disabled .ui-rating-cancel{
    cursor:default;  }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
 opacity: 1 !important;
}

.tabcontent .ui-tabs.ui-tabs-top {
    padding: 0px;
}

.tabcontent .ui-tabs.ui-tabs-top>.ui-tabs-nav {
    padding: 0px;
    border-bottom: 2px solid #FFB12B
}

.tabcontent .ui-tabs.ui-tabs-top>.ui-tabs-nav li{
    cursor: pointer;
    margin-right: 3px;
    background-image: none;
    position: initial;
    border: 1px #ccc solid;
    border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: none;
}

.tabcontent .ui-tabs.ui-tabs-top>.ui-tabs-nav li a{
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
    margin: 5px 5px;
}

.tabcontent .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a{
    color: #000 !important;
}

.tabcontent .ui-tabs .ui-tabs-panel{
    padding: 0px;
}

.p-form-control>input{
    float:none;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.p-disabled input{
    background-color: #eee !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
}

/*************************************** (*) En campos obligatorios **************************************************/

.obligatory label:after { 
    font-weight: bold;
    content:" *"; 
}

/***************************************** Color de Filas para un datetable *******************************/
.filaBlanca {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
}

.filaVerde {
    background-color: #cfe4db !important;
}

.filaRoja {
    background-color: #f5b8b8;
}

.ui-datatable .ui-datatable-data .filaVerde:hover,
.ui-datatable .ui-datatable-data .filaVerde:active{
    color: #fff !important;
    text-shadow: #4f4f4f 1px 1px 1px !important;
    box-shadow: none;
}

.ui-datatable .ui-datatable-data .filaRoja:hover,
.ui-datatable .ui-datatable-data .filaRoja:active{
    color: #fff !important;
    text-shadow: #4f4f4f 1px 1px 1px !important;
    box-shadow: none;
}

.ui-datatable .ui-datatable-data .filaBlanca:hover,
.ui-datatable .ui-datatable-data .filaBlanca:active{
    color: #000 !important;
    text-shadow: none;
    box-shadow: none;
    font-weight: bold;
}

.tabla-servicios .ui-widget-content{
    border: 1px solid #f4f4f4 !important;
}

.tabla-contratos .ui-widget-content{
    border: 1px solid #f4f4f4 !important;
}

.filaVerde.ui-state-highlight {	
    color: #4f4f4f !important;
    background-color: #82b9a1 !important;
    text-shadow: none;

}

.filaRoja.ui-state-highlight {
    color: #4f4f4f !important;
    background-color: #fb7c7c !important;
    text-shadow: none;
}

.filaBlanca.ui-state-highlight {
    color: #000 !important;
    background-color: #fff !important;
    font-weight: bold;
    text-shadow: none !important;
}