/*==============================================
  BOTONES GENERALES - ESPECIFICIDAD BAJA
==============================================*/

/*Todos los botones en general con este tamaño */
.btn{
    min-width: 105px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 43.3px;
}

a.ui-button{
    min-width: 105px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
     height: 43.3px;
}

/*Hover de todos los botones .btn */
.btn:hover, .btn:focus {
    text-decoration: none;
    opacity: 0.6;
}


	[id="homeForm:calendarWidget"] .home-widget-button .btn:hover{
    height: 35px;
    border-radius: 4px;
    background: #ffffff;
    border: 2px solid var(--primaryColor);
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -0.04em;
    text-align: center;
    color: var(--primaryColor);
	}
    	[id="homeForm:workAssistanceWidget"] .home-widget-button .btn:hover,
     [id="homeForm:taskWorkedWidget"] .btn:hover,
       #homeForm\:btnCard:hover{
    border-radius: 4px  !important;
    background: #ffffff  !important;
    border: 2px solid var(--primaryColor)  !important;
    font-weight: bold  !important;
    font-size: 14px  !important;
    letter-spacing: -0.04em  !important;
    text-align: center  !important;
    color: var(--primaryColor) !important;
	}


.btn:focus {
    outline: none !important;
}

.btn:active, .btn.active {
    box-shadow: none !important;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
	cursor: not-allowed !important;
    pointer-events: all;
    background-color: var(--primaryColorLight) !important;
    opacity: 0.4;
    border: 2px solid var(--primaryColor);
}


.btn-group, .btn-group-vertical {
    vertical-align: middle;
    left: 10px;
}

.btn-group>.btn, .btn-group-vertical>.btn {
    float: unset !important;
}

.btn-group > .btn:last-child:not(:first-child), 
.btn-group > .dropdown-toggle:not(:first-child) {
       border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
}

.ui-buttonset {
    margin-right: 0px;
}

/*==============================================
  BOTONES PRIMARIOS
==============================================*/

.navbar-default, .btn-primary {
    background-color: transparent;
    border-color: transparent;
}


/*Botones primarios */
a.btn-primary, input.btn-primary {
    height: 43.3px !important;
    border-radius: 4px !important;
    color:#ffffff; 
    background: var(--primaryColor) !important;
    line-height: 22px;
    border: 2px solid var(--primaryColorDark);
    font-weight: bold !important;
    margin-right: 5px;
}
button.btn-primary, #tabView\:editComboOption\:comboOptions\:add, #actionPlanTypeForm\:actions\:addAction{
	border-radius: 4px;
    font-weight: bold;
    font-size:0.9em!important;
    height: 43.3pxm;
}
button.ui-button-text-only.btn-primary {
  
    border-radius: 4px;
    min-width: 105px !important;
    height: 43.3px;
        color:#ffffff; 
    background: var(--primaryColor) !important;
    line-height: 22px;
    border: 2px solid var(--primaryColorDark) !important;
    font-weight: bold !important;
    display: flex;
    justify-content: center;
    align-items: center;
  
    align-content: center;
}

/* hover de Botones primarios */

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-color: var(--backgroundColor) !important;
    border-color: var(--primaryColor);
    color: var(--primaryColor);
     height: 43.3px;
    opacity: 1;
}
button.ui-button-text-only.btn-primary:hover, button.ui-button-text-only.btn-primary:focus, button.ui-button-text-only.btn-primary:active, button.ui-button-text-only.btn-primary.active {
background-color: var(--backgroundColor) !important;
    border-color: var(--primaryColor) !important;
    color: var(--primaryColor);
     height: 43.3px;
    opacity: 1;
}


/*botón administración*/
button.ui-button-text-only.btn-primary.buttonAdminMenu{
font-weight: 600!important;
font-size: 12px!important;
letter-spacing: -0.04em!important;
text-align: center;
color: var(--primaryColor) !important;
min-height: 41px!important;
border-radius: 4px!important;
background: var(--backgroundColor) !important;
border: 1px solid var(--primaryColor) !important;
}

button.ui-button-text-only.btn-primary.buttonAdminMenu:hover{
background: rgba(0, 0, 0, 0.12)!important;
}

button.ui-button-text-only.btn-primary.buttonAdminMenu span:before {
    content: '';
    background: url(./img/administracion.svg) no-repeat !important;
    background-size: contain !important;
    background-position: center;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -4px;
}
/*==============================================
  BOTONES ESPECÍFICOS DEL MENÚ SUPERIOR
==============================================*/

div[id="topMenuIdForm:widgetsPanel"] .btn-primary{
	font-weight: 600;
	font-size: 1em;
	letter-spacing: -0.04em;
	text-align: left;
	color: var(--primaryColor);
border-radius: 4px;
background: transparent;
border: 2px solid var(--primaryColor);
padding: 6px 30px;
    margin-left: 15px;
}

div[id="topMenuIdForm:widgetsPanel"] .btn-primary:hover{
	color: #ffffff;
background: var(--primaryColor);
border: 2px solid var(--primaryColor);
	opacity: 1;
}

div[id="topMenuIdForm:j_idt519_content"] a.btn {
  margin-left: auto;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 4px;
}


/*==============================================
  BOTONES SECUNDARIOS
==============================================*/

/*Botones secundarios */
a.btn-secondary{
	border-radius: 4px;
    font-weight: bold;
 	height: 43.3px;
    color: #ffffff !important;
    background: var(--secondaryColor);
    border: 2px solid var(--secondaryColorDark) !important;
}

input#selectionPositionForm\:cancel {
    border-radius: 4px;
    font-weight: bold;
    height: 43.3px;
    color: #ffffff !important;
    background: var(--secondaryColor);
    border: 2px solid var(--secondaryColorDark) !important;
}

/*==============================================
  BOTONES VOLVER
==============================================*/
input#selectionPositionForm\:cancel:hover{
background-color: var(--backgroundColor) !important;
    border-color: var(--secondaryColor);
    color: var(--secondaryColor) !important;
     height: 43.3px;
    opacity: 1;
}

input#tabView\:demandedTrainingRequestsList\:cancel {
		    border-radius: 4px;
    font-weight: bold;
    height: 43.3px;
    color: #ffffff !important;
    background: var(--secondaryColor);
    border: 2px solid var(--secondaryColorDark) !important;
}

input#objectiveForm\:cancel {
	    border-radius: 4px;
    font-weight: bold;
    height: 43.3px;
    color: #ffffff !important;
    background: var(--secondaryColor);
    border: 2px solid var(--secondaryColorDark) !important;
}

.clearButton{
	   border-radius: 4px;
    font-weight: bold;
    height: 43.3px;
    color: #ffffff !important;
    background: var(--secondaryColor) !important;
    border: 2px solid var(--secondaryColorDark) !important;
}

.clearButton:hover{
background-color: var(--backgroundColor) !important;
    border-color: var(--secondaryColor);
    color: var(--secondaryColor) !important;
     height: 43.3px;
    opacity: 1;
}

input#trainingCatalogForm\:cancel {
    border-radius: 4px;
    font-weight: bold;
    height: 43.3px;
    color: #ffffff !important;
    background: var(--secondaryColor);
    border: 2px solid var(--secondaryColorDark) !important;
}

button#tabView\:mapaTalentoMatrizForm\:cancel {
	 border-radius: 4px;
    font-weight: bold;
    height: 43.3px;
    color: #ffffff !important;
    background: var(--secondaryColor);
    border: 2px solid var(--secondaryColorDark) !important;
}

.buttonCancel{
	 border-radius: 4px;
    font-weight: bold;
    height: 43.3px;
    color: #ffffff !important;
    background: var(--secondaryColor);
    border: 2px solid var(--secondaryColorDark) !important;
}

input#tabView\:trainingCourseDetailForm\:cancel {
    border-radius: 4px;
    font-weight: bold;
    height: 43.3px;
    color: #ffffff !important;
    background: var(--secondaryColor);
    border: 2px solid var(--secondaryColorDark) !important;
}

button#tabView\:processEvaluationDetailForm\:cancel {
    border-radius: 4px;
    font-weight: bold;
    height: 43.3px;
    color: #ffffff !important;
    background: var(--secondaryColor);
    border: 2px solid var(--secondaryColorDark) !important;
}

button#tabView\:formGrafica\:cancelMapa {
    border-radius: 4px;
    font-weight: bold;
    height: 43.3px;
    color: #ffffff !important;
    background: var(--secondaryColor);
    border: 2px solid var(--secondaryColorDark) !important;
}

button#tabView\:formGrafica\:cancelMapa:hover {
    border-radius: 4px;
    font-weight: bold;
    height: 43.3px;
    color: var(--secondaryColor) !important;
    background: var(--backgroundColor);
    opacity: 1 !important;
    border: 2px solid var(--secondaryColorDark) !important;
}


/*==============================================
  BOTONES INFO
==============================================*/

.btn-info {
    color: #ffffff;
    background-color: transparent;
    border-color: transparent;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
    border-radius: 20px;
    line-height: 9px;
}

.btn-info:hover:before{
    filter: invert(1);
}

/*==============================================
  BOTONES DANGER
==============================================*/

.btn-danger {
    background-color: #ffffff!important;
    border: 2px solid!important;
    border-color: #CB4D4D!important;
    color: #CB4D4D!important;
}

.btn-danger.ui-state-hover {
	background-color: #FFDCD1!important;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger{
	background-color: #CB4D4D;
    border: 2px solid;
    border-color: #CB4D4D;
    color: #ffffff;
	line-height: 26px;
}

a.btn-danger {
    background-color: #ffffff !important;
    border: 2px solid !important;
    border-color: #CB4D4D !important;
    color: #CB4D4D !important;
    height: 43.3px;
     line-height: 22px;
    margin-right: 8px;
    font-weight: bold !important;
}

a.btn-danger:hover{
	 background-color: #FFDCD1 !important;
	     line-height: 22px;
}

button.btn-danger .ui-button-text {
    padding: 0px;
    font-size: 0.9em !important;
    font-weight: bold !important;
    min-width: 70px;
}

button.btn-danger .ui-button-text {
    padding: 0px;
    font-size:1.0em !important;
    font-weight: bold !important;
    min-width: 70px;
	/* background: #fff; */
}

button.btn-danger .ui-button-text,button.btn-danger  .ui-icon{
       color: #CB4D4D !important;
}

/*==============================================
  BOTONES DE BÚSQUEDA
==============================================*/

/*botones busqueda*/
.btnSearchAll button[id*="globalFilterButton"] .ui-c{text-indent: inherit;}
.btnSearchAll button[id*="globalFilterButton"] .ui-button-icon-left{display: none}
.btnSearchAll button[id*="globalFilterButton"]{
border-radius: 4px;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    background: var(--primaryColor);
    padding: 2px 20px;
	border: 2px solid var(--primaryColorDark) !important;
	min-width: 100px;
}
.btnSearchAll button[id*="globalFilterButton"] .ui-c{
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.4em;
    color: #fff;
    padding: .4em;
}
.btnSearchAll button[id*="globalFilterButton"]:hover{
    color: var(--primaryColor);
    background: transparent;
    border: 2px solid var(--primaryColor) !important;
}
.btnSearchAll button[id*="globalFilterButton"]:hover .ui-c{
    color: var(--primaryColor);
    }

.btnSearchAll{
	display: flex;
    gap: 10px;
	    align-items: center;
	    margin-top:0px;
}

.btnSearchAll button[id*="toggler"] .fa-columns:before {
    content: ''!important;
}
.btnSearchAll button[id*="toggler"]{
background: url(./img/columns-gap.svg) no-repeat, rgba(255, 255, 255, 0.5) !important;
    background-size: contain;
    width: 20px;
    margin-top: 28px;
    border: none !important;
    height: 20px;
    display: inline-block;
    font-size: small !important;
    vertical-align: baseline;
    transition: .5s;
}

.btnSearchAll button[id*="toggler"]{
	min-width: 20px;
    margin-right: 15px;
}

.btnSearchAll a[id*="exportXLS"]{
    background: url(./img/icons8-excel.svg) no-repeat, rgba(255, 255, 255, 0.5);
    background-size: contain;
    width: 23px;
    height: 20px;
    display: inline-block;
	    font-size: small !important;
		    vertical-align: top;
			transition: .5s;
}

.btnSearchAll a[id*="exportXLS"] img{
	display: none;
}

/*==============================================
  BOTONES ESPECÍFICOS POR ID - ESPECIFICIDAD ALTA
==============================================*/

[id*="toggler"] .ui-icon {
    width: 20px;
    height: 20px;
}

a[id*="exportXLS"]{
    background: url(./img/icons8-excel.svg) no-repeat, var(--backgroundColor) !important;
    background-size: contain;
    width: 23px;
    height: 20px;
    display: inline-block;
	    font-size: small !important;
		    vertical-align: top;
			transition: .5s;
			margin-left: 5px;
}

a[id*="exportXLS"] img{
	display: none;
}

a[id$="btnFilter"]{
border-radius: 4px;
    background: var(--primaryColor);
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.01em;
}

a[id$="btnFilter"]:after {
    content: '';
    background-color:#fff;
    mask: url(./img/check-white.svg) no-repeat center;
    mask-size: cover;
    -webkit-mask: url(./img/check-white.svg) no-repeat center;
    -webkit-mask-size: cover;
    border-radius: 13px;
    pointer-events: none;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 25px;}



a[id$="btnClearFilter"]{
border-radius: 4px;
    background: var(--primaryColor) !important;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.01em;
}

a[id$="btnClearFilter"]:after {
    content: '';
    background: url(./img/filter-line.svg) no-repeat center;
    background-size: cover;
    border-radius: 0px;
    pointer-events: none;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 25px;
}

a[id$="btnClearFilter"] {
    border-radius: 4px;
    background: transparent;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.01em;
    border: 2px solid var(--primaryColorDark) !important;
    margin-left: 15px;
}

a[id$="btnClearFilter"]:hover {
    background-color: var(--backgroundColor) !important;
    border-color: var(--primaryColor);
    color: var(--primaryColor) !important;
    height: 43.3px;
    opacity: 1;
}

a[id="homeForm:btnCerrar"]{
	    background: #ffffff;
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
	    width: 19%;
		min-height: 42px;
}

a[id="homeForm:btnCerrar"]:hover{
		border-radius: 4px;
    background: var(--primaryColor);
    border: 2px solid var(--primaryColorDark) !important;
    color: #fff;
}

input#tabView\:editObjective\:objectives\:add2 {
    font-weight: 600;
    font-size: 1em;
    letter-spacing: -0.04em;
    text-align: left;
    color: var(--primaryColor);
    border-radius: 4px;
    background: transparent;
    border: 2px solid var(--primaryColor);
    padding: 6px 30px;
    margin-left: 15px;
}

input#tabView\:editObjective\:objectives\:add2:hover {
   	color: #ffffff;
background: var(--primaryColor);
border: 2px solid var(--primaryColor);
	opacity: 1;
}

a#tabView\:calendarEmployeeForm\:btnCerrar {
    background: var(--primaryColor) !important;
    border: 2px solid var(--primaryColorDark) !important;
    border-radius: 4px !important;
    font-size: 0.9em !important;
    padding: 0.65em 2em !important;
    color: white !important;
    border: 2px solid var(--primaryColor) !important;
    font-weight: bold !important;
    text-align: center !important;
    vertical-align: middle;
}

a#tabView\:calendarEmployeeForm\:btnCerrar:hover {
  background-color: var(--primaryColorLight) !important;
    border-color: var(--primaryColor) !important;
    color: var(--primaryColor) !important;
    opacity: 1;
  }

a#actionPlanForm\:cancel2, button#actionPlanForm\:j_idt723  {
    border-radius: 4px;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    background: var(--primaryColor);
    padding: 2px 20px;
   border: 2px solid var(--primaryColorDark) !important;
    line-height: 37px;
	    min-height: 44px;
		margin-right: 8px;
}

a#actionPlanForm\:cancel2:hover, button#actionPlanForm\:j_idt723:hover {
        color: var(--primaryColor)!important;
    background: transparent;
    border: 2px solid var(--primaryColorDark) !important;
}

/*==============================================
  BOTONES de  HOME WIDGETS Fichar, buscar, etc
==============================================*/

[id="homeForm:workAssistanceWidget"] .home-widget-button .btn,
 [id="homeForm:taskWorkedWidget"] .btn, 
 #homeForm\:btnCard {
    width: 100% !important;
    border-radius: 4px  !important;
    background: var(--primaryColor)  !important;
    border: 2px solid var(--primaryColorDark) !important;
    font-weight: bold  !important;
    font-size: 14px  !important;
    line-height: 24px  !important;
    letter-spacing: -0.04em  !important;
    text-align: center  !important;
    color: #fff !important;
    margin-top: 15px  !important;
    min-height: 40px  !important;
	}


[id="homeForm:calendarWidget"] .home-widget-button .btn{
width: 100%;
    height: 35px;
    border-radius: 4px;
    background: var(--primaryColor);
    border: 2px solid #962d4f;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -0.04em;
    text-align: center;
    color: #fff;
	}



[id="homeForm:calendarWidget"] .home-widget-button{
    margin-top: 30px;
}

[id="homeForm:pendingTasksWidgetContent"] .home-widget-button{
    margin-top: 30px;
}

[id="homeForm:workAssistanceWidget"] .home-widget-button{
    margin-top: 30px;
}

[id="homeForm:taskWorkedFormContent"] span button.ui-datepicker-trigger.ui-button{display: none;}

/*==============================================
  DIÁLOGOS UI
==============================================*/

.ui-dialog .ui-button{
    border-radius: 4px !important;
    background: var(--primaryColor) !important;
    border: 2px solid var(--primaryColorDark) !important;
    width: 78% !important;
    color: #fff !important;
    font-weight: 500 !important;
    text-align: center !important;
    min-height: 42px;
}

.ui-dialog .btn-secondary{
	    border-radius: 4px !important;
    background: var(--primaryColor) !important;
    border: 2px solid var(--secondaryColorDark) !important;
    width: 100% !important;
    color: #fff !important;
    font-weight: 500 !important;
    text-align: center !important;
    min-height: 42px;
	margin-top: 25px;
}

.ui-dialog .ui-button {
    border-radius: 4px !important;
    background: var(--primaryColor) !important;
    border: 2px solid var(--primaryColorDark) !important;
    width: 100% !important;
    color: #fff !important;
    font-weight: 500 !important;
    text-align: center !important;
    min-height: 42px;
/*     margin: 25px auto 0px; */
    display: inline-block;
	transition: 0.5s;
}

.ui-dialog .ui-button:hover {
    border-radius: 4px !important;
    background: #fff !important;
    border: 1px solid var(--primaryColor)!important;
    width: 100% !important;
    color: var(--primaryColor) !important;
    font-weight: 500 !important;
    text-align: center !important;
    min-height: 42px;
    display: inline-block;
}

.ui-dialog .btn-secondary {
    border-radius: 0px !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    color: var(--primaryColor) !important;
    font-weight: 600 !important;
    text-align: right !important;
    margin-top: 15px;
    line-height: 24px;
    display: block;
}

.ui-dialog .btn-secondary,.ui-dialog .btn-secondary:hover {
    border-radius: 0px !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    color: var(--primaryColor) !important;
    font-weight: 600 !important;
    text-align: right !important;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 24px;
    display: block;
	padding: 0px 5px !important;
    font-size: 14px !important;
}

.ui-dialog .btn-secondary:hover {
	color: var(--secondaryColor) !important;
}

.dialogMenuStyle .ui-button{
	margin: 0px auto 0px;
}



/*==============================================
  BOTONES DE COLUMNA Y ACCIONES
==============================================*/

.btnColumn .fa-play{
color: #95bc76;
    border-radius: 4px;
    background: #e5ffd0;
    border: 1px solid #97c474;
    padding: 5px 15px;
}


div#actionsDataTable{
    display: flex;
    gap: 4px;
}

.btn-group.actionsDataTable{
    display: flex;
    flex-direction: row;
}

/*==============================================
  BOTONES ESPECÍFICOS - ESPECIFICIDAD MUY ALTA
==============================================*/

/* Botones de imágenes específicos */
button#companyForm\:btnChangeApplicationLogo, button#companyForm\:btnChangePhoto,button#companyForm\:btnChangeReportLogo, button#companyForm\:btnChangeMailHeader   {
    width: 16px;
    height: 16px;
	}

button#imageEmployeeForm\:btnDeleteImage{
    padding: 5px 5px !important;
}

/* Botones específicos del expense sheet */
span#tabView\:expenseSheetPanel .btn-group.actionsDataTable {
    left: 15px;
}
/*RECHAZAR*/

button#tabView\:expenseSheetForm\:expenseSheet\:refuseExpenseSheets,
button#tabView\:workAssistancePendingForm\:workAssistancePending\:refuse {
    border: 2px solid #BB4F4F !important;
    color: #BB4F4F !important;
    font-weight: normal;
	    letter-spacing: -0.09px;
           background: #fff !important;
}
/*ACEPTAR*/

button#tabView\:expenseSheetForm\:expenseSheet\:finishExpenseSheets, 
button#tabView\:workAssistancePendingForm\:workAssistancePending\:validate {
    border: 2px solid #75AA4B !important;
    color: #75AA4B !important;
    margin-left: 1px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: normal;
    letter-spacing: -0.09px;
    background: #fff !important;
}

button#tabView\:expenseSheetForm\:expenseSheet\:finishExpenseSheets:hover {
    background: #75AA4B;
    color: #ffffff !important;
}

button#tabView\:expenseSheetForm\:expenseSheet\:refuseExpenseSheets.ui-state-hover {
    background: #BB4F4F;
}

button#tabView\:expenseSheetForm\:expenseSheet\:validateExpenseSheets {
    border: 2px solid #75AA4B!important;
    color: #75AA4B!important;
    margin-left: 1px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: normal;
    letter-spacing: -0.09px;
}

button#tabView\:expenseSheetForm\:expenseSheet\:validateExpenseSheets.ui-state-hover {
    background: #75AA4B!important;
	color: #fff!important;
}

button#tabView\:expenseSheetForm\:expenseSheet\:refuseExpenseSheets {
    border: 2px solid #BB4F4F!important;
    color: #BB4F4F!important;
    font-weight: normal;
	    letter-spacing: -0.09px;
		    border-radius: 5px;
}

button#tabView\:expenseSheetForm\:expenseSheet\:refuseExpenseSheets.ui-state-hover {
    background: #BB4F4F!important;
	color: #fff!important;
}

/* Más botones específicos del expense advance */
#actionsDataTable.btn-group button#tabView\:expenseAdvanceForm\:expenseAdvance\:validateExpenseAdvances {
    border: 2px solid #75AA4B!important;
    color: #75AA4B;
    margin-left: 1px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: normal;
    letter-spacing: -0.09px;
}

#actionsDataTable.btn-group button#tabView\:expenseAdvanceForm\:expenseAdvance\:validateExpenseAdvances.ui-state-hover {
    background: #75AA4B;
}

#actionsDataTable.btn-group button#tabView\:expenseAdvanceForm\:expenseAdvance\:refuseExpenseAdvances {
    border: 2px solid #BB4F4F!important;
    color: #BB4F4F;
    font-weight: normal;
	    letter-spacing: -0.09px;
}

#actionsDataTable.btn-group button#tabView\:expenseAdvanceForm\:expenseAdvance\:refuseExpenseAdvances.ui-state-hover {
    background: #BB4F4F;
}

/* Botones salary band */
button#salaryBandForm\:j_idt686 span{
	padding: 0 1em!important;
}

button#salaryBandForm\:j_idt686 {
	    border: 2px solid #BB4F4F;
    color: #BB4F4F;
    font-size: 0.9em !important;
	    letter-spacing: -0.09px;
}

button#salaryBandForm\:j_idt686.ui-state-hover {
	background: #BB4F4F;
	color: #ffffff;
}

/* Job Search Widget específicos */
#jobSearchWidget\:j_idt734 button,
#jobSearchWidget\:j_idt734 .btn,
#jobSearchWidget\:j_idt734 .ui-button {
  width: 70%;    
  height: 30px;   
  line-height: 30px;
}

button#jobSearchWidget\:addFolter {
    margin-top: 15px;
}

/* Filtros específicos */
.columnFilterButton{
    width: 10px !important;
    height: 10px !important;
    border:none !important;
}

.btnFilterColum{
    border:none !important;
}

/* Inputs específicos */
input.btn.btn-secondary.onCancelButton {
    background-color: black;
    color: white;
}

input#tabView\:editActionPlan\:actionPlans\:add, input#actionPlanForm\:save2 {
    border-radius: 4px;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    background: var(--primaryColor);
    padding: 2px 20px;
   border: 2px solid var(--primaryColorDark) !important;
    line-height: 37px;
	    min-height: 44px;
		margin-right: 8px;
}

input#actionPlanForm\:types\:addActionType {
    border-radius: 4px;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    background: var(--primaryColor) !important;
    padding: 2px 20px;
    border: 2px solid var(--primaryColorDark) !important;
    line-height: 37px;
    min-height: 44px;
    margin-right: 8px;
}

input#tabView\:editActionPlan\:actionPlans\:add:hover, input#actionPlanForm\:save2:hover,input#actionPlanForm\:types\:addActionType:hover {
        color: var(--backgroundColor)!important;
    background: transparent;
    border: 2px solid var(--primaryColor);
}

input[name="homeForm:homeModeButton"][value="EMPLOYEE"]:checked {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: -0.04em;
    color: var(--primaryColor);
    border-radius: 4px;
    background: transparent;
    border: 2px solid var(--primaryColor) !important;
}

/* Botones específicos del home */
button[id="homeForm:save"]{
	border-radius: 4px !important;
    background: var(--primaryColor) !important;
    border: 2px solid var(--secondaryColorDark) !important;
    width: 78% !important;
    color: #fff !important;
    font-weight: 500 !important;
    text-align: center !important;
	min-height: 42px;
}

button[id="homeForm:save"]:hover{
    background: #ffffff !important;
    border: 1px solid var(--primaryColor) !important;
    color: var(--primaryColor) !important;
}

button[id*="homeForm"][id*="acceptButton_"]{
	font-weight: bold;
    font-size: 11px;
    letter-spacing: 0em;
    text-align: center;
    color: #68b828;
    border-radius: 4px;
    background: transparent!important;
    border: 1px solid #68b828;
    padding: 6px 8px;
	}

	button[id*="homeForm"][id*="acceptButton_"]:hover{
		color: #ffffff;
    background: #87BF5A;
	}

	button[id*="homeForm"][id*="rejectButton_"]{
	font-weight: bold;
    font-size: 11px;
    letter-spacing: 0em;
    text-align: center;
    color: #cb4d4d;
    border-radius: 4px;
    background: transparent;
    border: 1px solid #cb4d4d;
    padding: 6px 8px;
	}

	button[id*="homeForm"][id*="rejectButton_"]:hover{
			color: #ffffff;
    background: #cb4d4d;
	}

/* Botones específicos del calendario */
button#tabView\:calendarEmployeeForm\:j_idt1972 {
    margin: 0px;
   margin-left: 10px;
}

div[id*="calendarEmployeeForm"][id*="addNewAbsence"].ui-outputpanel button {
    border-radius: 4px;
    background: var(--primaryColor);
    border: 2px solid var(--primaryColorDark) !important;
    font-weight: bold;
    letter-spacing: 0em;
    text-align: center;
    color: #fff !important;
    font-size: 12px !important;
    padding: 13px;
	}

	div[id*="calendarEmployeeForm"][id*="addNewAbsence"].ui-outputpanel button:hover {
    background: transparent;
    border: 1px solid  var(--primaryColor);
    color:  var(--primaryColor)!important;
	}

/* Botones de validación específicos */
button#tabView\:validateAbsenceListDialog\:j_idt1028 {
    margin: 0;
}

button#tabView\:validateAbsenceListDialog\:j_idt1146 {
    margin: 0px;
}

button#tabView\:workAssistanceForm\:workAssistance\:j_idt814{
    display: none;
}

/* Botones de trabajo */
button#tabView\:workReportFormList\:workReportTable\:validate{
    border-color: #80c777 !important;
    color: #80c777 !important;
}

button#tabView\:workReportFormList\:workReportTable\:validate:hover {
    background-color: #80c777 !important;
    color: white !important;
    border-color: #80c777 !important;
}

button#tabView\:workReportFormList\:workReportTable\:refuse{
     border-color: #E97373 !important;
    color: #E97373 !important;
}

button#tabView\:workReportFormList\:workReportTable\:refuse:hover {
    background-color:#E97373 !important;
    color: white !important;
    border-color: #E97373!important;
}

/* Botones de entrenamiento y estudios */
button#tabView\:internalStudyForm\:report, button#tabView\:externalStudyForm\:report {
    border-radius: 4px;
    font-weight: normal;
    color: #fff;
    background: var(--primaryColor);
    padding: 2px 20px;
    border: 2px solid var(--secondaryColorDark) !important;
    line-height: 37px;
    min-height: 44px;
    margin-right: 8px;
}

button#tabView\:internalStudyForm\:report.ui-state-hover, button#tabView\:externalStudyForm\:report.ui-state-hover {
	background: var(--primaryColorLight);
	color: var(--primaryColor)!important;
}


/* Botones de noticias */


button[id="newsPlankForm:filterAdvertisingNews"].ui-state-hover, button[id="newsPlankForm:filterNews"].ui-state-hover, button[id="newsPlankForm:filterNews"].ui-state-hover, button#newsPlankForm\:filterAll.ui-state-hover, button[id="newsPlankForm:filterAdvertisingNews"].ui-state-focus, button[id="newsPlankForm:filterNews"].ui-state-focus, button[id="newsPlankForm:filterNews"].ui-state-focus, button#newsPlankForm\:filterAll.ui-state-focus {
    background: var(--primaryColor);
}

button[id="newsPlankForm:add"]{
	    font-weight: 500;
    font-size: 13px;
    letter-spacing: -0.04em;
    line-height: 16px;
    text-align: left;
    color: #919191;
    background: transparent;
    border: 2px solid #919191;
    padding: 10px;
    border-radius: 3px;
    padding-right: 30px;
	border-radius: 0px;
}

button#newsPlankForm\:publish,
button#newsPlankForm\:draft {
  width: 5%;
}

/* Botones de consulta */
button#tabView\:queryMailboxFormList\:queryMailboxTable\:add {
    margin-top: 20px;
}

/* Botones de evaluación */
#tabView\:processEvaluationDetailForm\:cancelButtonManagerMode {
     border-color: var(--primaryColor);
    border-radius: 4px;
    font-size: 0.9em !important;
    padding: 0.65em 2em;
    color: var(--primaryColor);
    background: #ffffff;
    border: 2px solid var(--primaryColor);
    font-weight: bold !important;
    margin-right: 5px;
}

#tabView\:processEvaluationDetailForm\:cancelButtonManagerMode:hover {
  background-color: var(--primaryColorLight) !important;
  border-color: var(--primaryColor) !important;
  color: var(--primaryColor) !important;
  opacity: 1 !important;
}

/* Botones de candidatos */
button[id^="candidateSelectionProcessList:"][id$=":j_idt695"] span + span {
  margin-left:18px; 
}

a.btnCandidateEducationAction:first-child {
    position: absolute;
    right: 12px;
    top: 11px;
}

a.btnCandidateEducationAction:nth-child(2){
	    position: absolute;
		    margin-left: 61px;
}

a.btnCandidateEducationAction{
    border: 1px solid #808080;
    border-radius: 5px;
    padding: 3px;
    margin: 3px;
    min-height: 35px;
    max-width: 35px;
    display: flex;
    align-items: center;
    color: #808080;
    background: #ffffff;
    justify-content: center;
    transition: 0.5s;
}

a.btnCandidateEducationAction:hover{
background: #d6d6d6;
}

/* Botones de datos auxiliares pendientes */
button[id^="tabView:editAuxiliaryDataPending:auxiliaryDatasPending:"][id$=":j_idt643"] {
color: #CB4D4D !important;
    background: #fde9e9 !important;
    border: 1px solid #CB4D4D !important;
    border-radius: 5px !important;
    text-align: center;
    font-size: 18px !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0px;
    padding: 0px;
    line-height: 15px;
}

button[id^="tabView:editAuxiliaryDataPending:auxiliaryDatasPending:"][id$=":j_idt643"] span{
	line-height: 15px!important;
}

button[id^="tabView:editAuxiliaryDataPending:auxiliaryDatasPending:"][id$=":j_idt647"] {
	color: #95BC76 !important;
    background: #E5FFD0 !important;
    border: 1px solid #95BC76 !important;
    border-radius: 5px !important;
    text-align: center;
    font-size: 18px !important;
    width: 25px !important;
    height: 25px !important;
    margin: 0px;
    padding: 0px;
    line-height: 15px;
} 

button[id^="tabView:editAuxiliaryDataPending:auxiliaryDatasPending:"][id$=":j_idt647"] span{
	line-height: 15px!important;
}

/* Botones de reporte de gastos */
button#tabView\:expenseSheetReportForm\:calculate {
    /* Específicos para este botón */
}

/*==============================================
  BOTONES SWITCH Y TOGGLE
==============================================*/

.switchButtonTeam .ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-corner-left {
    border: 2px solid var(--primaryColorDark) !important;
    margin-left: 1px !important;
    background: #fff;
    color: var(--primaryColor) !important;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.09px;
    padding: 5px;
}
.switchButtonTeam .ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-corner-left:hover {
    border: 2px solid var(--primaryColor) !important;
    margin-left: 1px !important;
    background: var(--backgroundColor);
    color: var(--primaryColor) !important;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.09px;
    padding: 5px;
}

.switchButtonTeam .ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-corner-left.ui-state-active{
	background: var(--primaryColor);
    color: #fff !important;
    opacity: 1;
    border: 2px solid var(--primaryColor) !important;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.09px;
    padding: 5px;
}

.switchButtonTeam .ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-corner-right.ui-state-active {
    background: var(--primaryColor);
    color: #fff !important;
    opacity: 1;
    border: 2px solid var(--primaryColor) !important;
    border-radius: 5px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.09px;
    padding: 5px;
}

.switchButtonTeam .ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-corner-right.ui-state-hover{
	border: 2px solid var(--primaryColorDark) !important;
    margin-left: 1px !important;
    background: var(--primaryColor);
    color: #fff !important;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.09px;
    padding: 5px;
}

.switchButtonTeam .ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-corner-right {
    border: 2px solid var(--primaryColorDark) !important;
    margin-left: 1px !important;
    color: var(--primaryColor) !important;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.09px;
    padding: 5px;
}





.toggle-button {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    transition: left 0.3s;
    font-size: 30px;
    color: var(--primaryColor);
    z-index: 9999999;
}

.moduleMenuLateral.closed + .toggle-button {
    left: 70px;
}

body.closed .moduleMenuLateral .toggle-button {
    right: 30%;
}

#moduleMenuLateral .toggle-button path {
    stroke: var(--fontColor) !important;
}

#moduleMenuLateral .toggle-button:hover path {
    stroke: var(--primaryColor) !important;
}

/*==============================================
  BOTONES LIKE Y SOCIALES
==============================================*/

button.ui-button.like {
    background: var(--backgroundColor) !important;
    border: 2px solid var(--primaryColor) !important;
    color: var(--primaryColor) !important;
}

button.ui-button.like.ui-state-hover {
    background: var(--primaryColor) !important;
    border: 2px solid var(--backgroundColor) !important;
    color: var(--backgroundColor) !important;
}

button.ui-button.like span.fa-thumbs-o-up {
    color: var(--primaryColor) !important;
margin-left: -55px;
}

button.ui-button.like.ui-state-hover span.fa-thumbs-o-up {
    color: var(--backgroundColor) !important;
}

button.ui-button.like .ui-button-text {
    padding: 0px;
    display: inline-block;
    text-indent: 0;
}

.socialLoginButton {
    width: 34px !important;
    height: 34px !important;
}

/*==============================================
  BOTONES DE COLUMNA Y EXPORTACIÓN
==============================================*/

.buttonsColumn_content {
    display: flex;
    gap: 5px;
    align-items: center;
    background: var(--primaryColorLight);
    border-radius: 10px;
    padding: 5px 10px;
    width: fit-content;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 27%);
}

.buttonsColumn_content .exportButtonDownload, .buttonsColumn_content .buttonColumn {
    border: 1px solid #808080;
    border-radius: 5px;
    margin: 3px;
    display: flex;
    align-items: center;
    color: #000000 !important;
    background: #ffffff;
    justify-content: center;
	transition: 0.5s;
}

.buttonsColumn_content .buttonColumn  .ui-icon-closethick{
		filter: opacity(0.5);
	}

.buttonsColumn_content .exportButtonDownload:hover, .buttonsColumn_content .buttonColumn:hover{
		background: #d6d6d6;
	}

.buttonsColumn_content .exportButtonDownload  .ui-button-text.ui-c{
	padding: 3px 5px 3px 23px;
	}

.buttonColumn {
    height: 32px !important;
    width: 32px !important;
      display: flex;
    justify-content: center;
    align-items: center;
}

.buttonColumn.ui-icon {
  height: 32px !important;
    width: 32px !important;
}

.buttonsColumn_content .ui-icon {
    background-position: center !important;
}

.ui-column-filter .btnFilterColumn {
    float: none !important;
    display: inline-block !important;
}

a.ui-commandlink.btn.buttonColumn:has(> span.fa.fa-check.noChange) {
 background: #87bf5a26 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

a.ui-commandlink.btn.buttonColumn:has(> span.fa.fa-times.noChange) {
  background: rgba(203, 77, 77, 0.17) !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/*==============================================
  BOTONES DE FILTRO Y ICONOS
==============================================*/

button .ui-button-icon-left.ui-icon.fa.fa-filter.fa-filter-unfiltered {
  background: url(./img/filter-line.svg) no-repeat !important;
  background-size: contain !important;
/*   background-color: transparent !important; */
background-color: var(--primaryColorLight) !important;
  height: 27px;
}

.ui-widget .ui-button-icon-only .fa-filter{
	    background: url(./img/filter-line.svg) no-repeat, rgba(255, 255, 255, 0.5)!important;
    background-size: contain!important;
    height: 27px;
	background-color: transparent!important;
}

.ui-widget .ui-button-icon-only .fa-filter:before{
	display: none;
}

.ui-button-icon-only {
    width: auto;
    border: none;
    background: transparent;
}

.ui-column-title .ui-button-icon-only[title="filtrado"] .ui-button-text {
    padding: 0 0.8em;
    text-indent: -9999999px;
}

/*==============================================
  LAYOUTS Y GRUPOS DE BOTONES
==============================================*/

#filtersButtons div{
	margin-top: 35px;
}

#filtersButtons div{
	    display: flex;
    align-items: center;
    flex-direction: row;
}

[id$="filtersPanel"] #filtersButtons div {
    margin-top: 17px;
}

div[id*="requestedTrainingFormList"] [id$="filtersPanel"] #filtersButtons div {
    margin-top: 5px;
}

#buttonsForm .col-md-12 {
    display: flex;
    flex-direction: row;
    gap: 71px;
}

#buttonsForm {
    display: flex;
    gap: 10px;
}

#panelButtons a{
	    padding: 0.65em 2em;
    line-height: 18px;
    font-size: 0.9em;
	letter-spacing: 0px;
}

div[id*="generalTasksPendingButtons"].ui-outputpanel, div[id*="employeeFolderButtons"].ui-outputpanel div, div[id*="candidatureButtons"] .ui-outputpanel, div[id*="talentPendingContentButtons"].ui-outputpanel, div[id*="formacionTasksPendingContentButtons"].ui-outputpanel{
	display: flex;
    gap: 0px;
    flex-direction: row;
	}

div[id*="calendarEmployeeForm"][id*="panelButtonSave"] { grid-area: 4 / 2 / 4 / 4; }

.buttonsGroupClass {
  display: flex;
  gap: 1rem;
}

.pages-organizationalStructure-employeeFormHome .buttonGroup {
    display: flex;
    margin-top: 20px;
}

span#dynamicFormForm\:buttons {
    display: flex;
}

span#tabView\:expenseAdvanceForm\:expenseAdvance\:headerButtons {
    display: flex;
    gap: 10px;
}

span#tabView\:workTimeControlPendingForm\:workTimeControlPendingTable\:headerButtons {
    display: flex;
    gap: 10px;
}

div#syncButtons {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px;
}

#advertisingNewsButton{
      display: flex !important;
        flex-direction: row-reverse;
}

#newsButton, #advertisingNewsButton{
	    float: right;
}

div#employeeForm\:buttonGroup {
    display: flex;
}

/*==============================================
  BOTONES ESPECÍFICOS DE FORMULARIOS
==============================================*/

.btn-group .ui-button-text-icon-left .ui-button-text{
	    display: inline-block;
    margin-left: 7px;
}

.marginButton .ui-button-text.ui-c {
  display: inline-block;
}

div#buttonsExpenseReport {
    border-radius: 11px;
    background: #f5f5f5 !important;
    padding: 10px 15px 20px !important;
    margin-top: -20px;
}

div:not(.main-content):not(.container):not(.wrapper):has(button#tabView\:expenseSheetReportForm\:calculate) {
    display: flex;
    flex-wrap: wrap;
}

div#tabView\:generalRequestForm\:generalRequestTable\:downloadDialog_generalRequestTable .exportButtonDownload {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
}

/*==============================================
  BOTONES UI TABS Y NAVEGACIÓN
==============================================*/

.ui-tabs .ui-tabs-navscroller-btn{
    z-index:98 !important;
}

.ui-tabs .ui-tabs-navscroller-btn {
    z-index: unset !important;
    display: none; 
}

/*==============================================
  BOTONES DE CARGA DE ARCHIVOS
==============================================*/

span.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-fileupload-choose {
    margin-right: 41px;
}

#tabView\:trainingBudgetRequestForm\:j_idt888 .ui-fileupload-buttonbar .ui-button {
  white-space: nowrap;    
}

#tabView\:trainingBudgetRequestForm\:j_idt888 .ui-fileupload-buttonbar .ui-button .ui-button-text {
  padding-left: 2.9rem;
  padding-right: 2.9rem;
}

#tabView\:trainingBudgetRequestForm\:j_idt888 .ui-fileupload-buttonbar,
#tabView\:trainingBudgetRequestForm\:j_idt888 .ui-fileupload-content {
  display: flex;
  flex-wrap: wrap;
}

#tabView\:trainingBudgetRequestForm\:j_idt888 .ui-fileupload-buttonbar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

#tabView\:trainingBudgetRequestForm\:j_idt888 .ui-fileupload-buttonbar {
  display: flex;
  flex-wrap: nowrap;    
  justify-content: center;
  align-items: center;
  gap: 1.5rem;       
}

/*==============================================
  BOTONES ESPECÍFICOS DE BUSQUEDA DE EMPLEADOS
==============================================*/

#tabView\:expenseAdvanceTotalForm\:employeePanel .btnSearchOption {
    order: 1; 
    flex-shrink: 0; 
        margin-top: -24px !important;
    margin-right: -9px;
}

#tabView\:expenseAdvanceTotalForm\:employeePanel .btnSearchOption .ui-button {
    height: 34px; 
    min-width: auto;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#tabView\:expenseAdvanceTotalForm\:employeePanel .btnSearchOption .ui-button .ui-button-icon-left {
    margin-right: 0;
}

#tabView\:expenseAdvanceTotalForm\:employeePanel .btnSearchOption .ui-button-icon-only {
    width: 34px;
    height: 34px;
}

/*==============================================
  FORMS Y RADIO BUTTONS
==============================================*/

form[id^="tabView:"][id$=":j_idt667"] 
  .form-group > .ui-outputpanel.ui-widget.no-scroll label,
form[id^="tabView:"][id$=":j_idt667"] 
  .form-group > .ui-outputpanel.ui-widget.no-scroll button {
  color: inherit;
}

form[id^="tabView:"][id$=":j_idt667"] 
  .form-group > .ui-outputpanel.ui-widget.no-scroll button {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.9em;
  font-weight: bold;
  background: transparent; 
  border: none;            
}

form[id^="tabView:"][id$=":j_idt667"] 
  .form-group > .ui-outputpanel.ui-widget.no-scroll button .ui-icon {
  font-size: 1em;
  color: inherit;
}

.ui-selectoneradio div[role="radio"] .ui-radiobutton .ui-radiobutton-box{
	display: none;
}

.ui-radiobutton {
    margin: 0px 0;
    width: 7px;
}

.ui-radiobutton-box {
  width: 1.2rem !important;
  height: 1.2rem !important;
  border: 2px solid #999 !important;
  border-radius: 50% !important;
  background-color: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

.ui-radiobutton-box .ui-radiobutton-icon.ui-icon-blank {
  display: none !important;
}

.ui-radiobutton-box.ui-state-active {
  background-color: #333 !important;  
  border-color: #333 !important;     
}

.ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
  display: block !important;
  color: #fff !important;       
  margin-right: 10px;    
}

.ui-radiobutton-box .ui-radiobutton-icon {
  font-size: 0.6rem !important;
}

/*==============================================
  WIDGETS Y PANELES ESPECÍFICOS
==============================================*/

.ui-outputpanel.ui-widget.form-group:has(.fa.fa-info-circle.btn-info) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.well.homeForm .ui-button-text-only.ui-state-hover,.well.homeForm .ui-button-text-only.ui-state-active{
    color: var(--primaryColor);
    background: #ffffff;
    border: 2px solid var(--primaryColor);
}

.well.homeForm .ui-button-text-only{
	border-radius: 4px;
    font-weight: bold;
    font-size: 0.8em;
    color: #fff;
    background: var(--primaryColor);
    padding: 5px 20px;
    border: 2px solid var(--primaryColor);
	margin-right: 5px;
}

.ui-commandlink.ui-widget.btn .btn-secondary .btnCerrar {
    border-radius: 0px !important;
    background: transparent !important;
    border: none !important;
    width: 100% !important;
    color: var(--primaryColor) !important;
    font-weight: 600 !important;
    text-align: right !important;
    margin-top: 15px;
    line-height: 24px;
    display: block;
}
/*==============================================
  BOTONES ESPECÍFICOS DE CERTIFICADOS
==============================================*/

#tabView\:editDownloadedCerts\:downloadedCerts-filtersPanel_content #filtersButtons .row > div {
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: auto !important;
}

#tabView\:editDownloadedCerts\:downloadedCerts-filtersPanel_content #filtersButtons .row {
  display: flex !important;
  justify-content: flex-start !important;  
  gap: 1rem !important;         
  margin-top: 1rem !important;  
}

/*==============================================
  BOTONES DE CLASE ESPECÍFICA
==============================================*/

.buttonCancelClass {
	color: black !important;
    border: 1px solid black !important;
    height: 43.4px;
    width: 5% !important;
    line-height: 0px;
}

.saveButtonClassCommandLink {
  height: 43.3px;
}

/*==============================================
  INPUTS Y SELECTORES UI
==============================================*/

.ui-selectonemenu,.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{
    font-family: Manrope, Helvetica, Arial, sans-serif;
    height: 43.3px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    font-family: Manrope;
    letter-spacing: 0.01em;
/* 	color: black; */
	    border-radius: 4px;
	        min-width: 30px;
}

/*Fin de todos los botones*/


/*Poner aquí iconos*/
div[id*="htTurnoTrabajadorWeekGraphicPF"].ui-panel-titlebar.ui-widget-header a[id*="toggler"]> span.ui-icon.ui-icon-plusthick, div[id*="htTurnoTrabajadorWeekGraphicPF"].ui-panel-titlebar.ui-widget-header a[id*="toggler"]> span.ui-icon.ui-icon-minusthick{
	mix-blend-mode: color-dodge;
    width: 100%;
    position: absolute;
    height: 100%;
    padding: 0px;
    left: 0px;
    top: 0px;
    border: none;
    background: none;
}
span.fc-icon.fc-icon-left-single-arrow{
    background: url(./img/arrow-left.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 15px;
    display: block;
}
span.fc-icon.fc-icon-right-single-arrow {
    background: url(./img/arrow-right.svg) no-repeat;
    background-size: contain;
	background-position: center;
    width: 20px;
    height: 15px;
    display: block;
    filter: brightness(0) saturate(100%) invert(42%) sepia(94%) saturate(431%) hue-rotate(290deg) brightness(82%) contrast(83%);
}








div[id*="htTurnoTrabajadorWeekGraphicPF"].ui-panel-titlebar.ui-widget-header a[id*="toggler"]:after{
    content: '';
    background: url(./img/filter-line.svg) no-repeat center;
    background-size: cover;
    border-radius: 0px;
    pointer-events: none;
    display: inline-block;
    width: 20px;
    height: 20px;
        margin: 9px !important;

}


div#htTurnoTrabajadorWeekGraphicPF\:htTurnoTrabajadorWeekGraphicPF_search_content.ui-widget-header {
    position: relative;
}
div#htTurnoTrabajadorWeekGraphicPF\:htTurnoTrabajadorWeekGraphicPF_search_content.ui-panel-content.ui-widget-content{
    background: #F5F5F5 !important;
    padding: 15px;
    border-radius: 15px;
    margin-top: 15px;
}
div#htTurnoTrabajadorWeekGraphicPF\:htTurnoTrabajadorWeekGraphicPF_search_content.ui-panel-content.ui-widget-content  .row{
	background: transparent!important;;
}



div[id*="htTurnoTrabajadorWeekGraphicPF"] span.fc-icon.fc-icon-left-single-arrow {
    background: url(./img/arrow-left.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 15px;
    display: block;
    filter: brightness(0) saturate(100%) invert(42%) sepia(94%) saturate(431%) hue-rotate(290deg) brightness(82%) contrast(83%);
}
div[id*="htTurnoTrabajadorWeekGraphicPF"] span.fc-icon.fc-icon-right-single-arrow {
    background: url(./img/arrow-right.svg) no-repeat;
    background-size: contain;
	background-position: center;
    width: 20px;
    height: 15px;
    display: block;
    filter: brightness(0) saturate(100%) invert(42%) sepia(94%) saturate(431%) hue-rotate(290deg) brightness(82%) contrast(83%);
}
.ui-datatable-header.ui-widget-header.ui-corner-top {
    min-height: 60px;
    padding: 0px;
    
    background-color: var(--backgroundColor) !important;

}

thead[id*="myEvaluationsForm"]{
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    background: #f5f5f5;
    line-height: 40px;
}


div#expenseSheetForm\:j_idt652 .form-group {
    display: flex;
    flex-direction: column;
}
span#expenseSheetForm\:totalExpense{
	    margin-left: 18px;
		font-weight: bold;
}

.fa-commenting:before {
    content: "" !important;
    background: url(./img/eye.svg) no-repeat, rgba(255, 255, 255, 0.5) !important;
    background-size: contain !important;
    background-color: transparent !important;
    display: inline-block;
	    min-height: 24px;
    min-width: 26px;
    filter: brightness(0) saturate(100%) invert(41%) sepia(10%) saturate(3419%) hue-rotate(289deg) brightness(96%) contrast(81%);
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    cursor: default;
    background: none;

}
div#tabView\:tabViewOption\:accumulateAbsenceList\:message_body_dlg {
    width: 100%;
    z-index: 999999 !important;
    position: absolute;
    left: 10%;
    right: 10%;
    top: 30%;
}
textarea#tabView\:tabViewOption\:accumulateAbsenceList\:accumulate_modal_form\:textAreaObservations {
    width: 100%;
}
.p-datepicker.ui-calendar {
    width: 100%;
}


div#tabView\:tabViewOption\:incorporateAbsenceList\:event_modal_content {
    align-items: flex-end;
}
div#tabView\:tabViewOption\:incorporateAbsenceList\:employeesCombo_panel, div#tabView\:tabViewOption\:incorporateAbsenceList\:event-year_panel {
    position: relative !important;
    max-width: 300px;
    margin: 0px;
    top: 0px !important;
}

/*CALENDARIO*/

	div[id*="calendarEmployeeForm"][id*="panel-calendar"] > .col-md-2.form-group{
		padding-left: 15px;
	}
	div[id*="calendarEmployeeForm"][id*="panel-calendar"]{
    padding: 0px;
	}
	.calendar-header.panel.panel-default{
		background-color: transparent;
    border: 1px solid #c35176;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
	}
	.calendar-header.panel.panel-default th{
			font-weight: bold; 
	font-size: 10px;
	letter-spacing: -0.04em;
	text-align: center;
	}
	.calendar-header.panel.panel-default th.year-neighbor2{
	color:#cecece;
	background: transparent;
	}
	.calendar-header.panel.panel-default th.year-neighbor{
	color: var(--primaryColor);
	background: transparent;
	}
	.calendar-header.panel.panel-default th.year-title:not(.year-neighbor):not(.year-neighbor2) {

	color: #fff;
	background: var(--primaryColor);
	}
	.calendar table.month th.day-header {
    text-align: left;
	padding: 4px 10px 4px 4px !important;
	}
	td.day.styled-day .day-content{
	font-weight: 800 !important;
    color: inherit!important;
    border-radius: 5px !important;
		
	}
	
	.month tr{
	    margin-bottom: 3px;
    display: block;
        width: 256px;
	}
	.calendar{
		overflow: visible!important;
	}

.month-container.col-xs-3 {
    width: 33%;
}
.calendar .month-container {
    min-height: 200px;
}
.calendar table.month tr td .day-content{
font-weight: 300!important;
font-size: 14px;
line-height: 15px;
text-align: center;
color: #777;
    padding: 4px 10px 4px 4px!important;
	    border-radius: 7px!important;
}
.calendar table.month th.day-header {
    font-weight: 600;
    font-size: 9px!important;
    line-height: 9px;
    text-align: left;
    color: #777;
}
.calendar table.month th.month-title {
    font-size: 10px!important;
    line-height: 19px;
    text-align: left;
    color: #777;
    font-weight: 800;
	padding-left: 4px;
	width: 100%;
}

.calendar .month-container {
    
    margin-bottom: 15px;
    margin-top: 15px;
}


.calendar {
    padding: 0px;
    border-radius: 0px;
    overflow: visible;
}
.calendar table.month tr td, .calendar table.month tr th {
        height: auto;
    margin-right: 5px;
    display: inline-block;
    min-width: 30px;
	    border-radius: 7px;
}

div[id="tabView:calendarEmployeeForm:panelYear"]{
	    grid-area: 1 / 1;
}
div[id="tabView:calendarEmployeeForm:panel-calendar"]{
	    grid-area: 1/2;
}
div[id="tabView:calendarEmployeeForm:panelYear"]{
	    grid-area: 1;
}
div[id="tabView:calendarEmployeeForm:panelYear"] .ui-outputpanel{
	width: 100%;
	width: 100%;
    float: none;
    padding: 0px;
}
div[id="tabView:calendarEmployeeForm:panelYear"] .col-md-2.form-group{
	width: 100%;
}

[id="tabView:calendarEmployeeForm:panelYear"] .absenceBoxItem label{
white-space: nowrap;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: -0.02em;
    line-height: 20px;
    text-align: left;
    color: var(----fontColor);
}
[id="tabView:calendarEmployeeForm:panelYear"] .absenceBoxItem input {
    font-weight: 500;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 27px;
    text-align: left;
    color: #919191;
    opacity: 1;
    width: 71px !important;
}

div.table-calendar{
grid-area: 2 / 1 / 3 / 4;
}
.day-content{
    font-weight: 500!important;
}
/*
.vacaciones .day-content{
	background: #E5FFD0;
    border: 2px solid #ADD68B!important;
    color: #82a764!important;
}
.nacional .day-content{
    background: #ffdcd1!important;
    border: 2px solid #dfae9e!important;
    color: #d59c8a!important;
}
.citamedica .day-content{
    background: #d7d4fc!important;
    border: 2px solid #443ac7!important;
    color: #443ac7!important;
}
.localidad .day-content{
	background: #FBEFB5!important;
    border: 2px solid #ECE6C5!important;
	color: #D2C271!important;
}
.comunidad .day-content{
	background: #fccfcf!important;
    border: 2px solid #CB4D4D!important;
	color: #CB4D4D!important;
}
.otros .day-content{
	background: #E1F0FF!important;
    border: 2px solid #7793AF!important;
	color: #7793AF!important;
}
.ausencia .day-content{
	background: #f9d9ff !important;
    border: 2px solid #d577e7 !important;
    color: #d577e7 !important;
}

.calendar td.day{
	    background-color: initial!important;
    color: rgb(255, 255, 255)!important;
}


FIN CALENDARIO
*/




#tabView\:candidateList .ui-progressbar-determinate {
    height: 28px;
}
.ui-progressbar .ui-progressbar-value.ui-widget-header{
background-color: var(--primaryColor);
    background-image: -moz-linear-gradient(top,#149bdf,#0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--primaryColorDark)), to(var(--primaryColor)));
}
.ui-progressbar-label {
    font-size: 14px !important;
    font-weight: 200 !important;
}
span.fa.fa-sign {
	content: "" !important;
    background: url(./img/signature.svg) no-repeat, rgba(255, 255, 255, 0.5) !important;
    background-size: contain !important;
    background-color: transparent !important;
    display: inline-block;
	min-height: 24px;
    min-width: 26px;
}
.fa-search:before {
	content: "" !important;
    background: url(./img/search.svg) no-repeat, rgba(255, 255, 255, 0.5) !important;
    background-size: contain !important;
    background-color: transparent !important;
    display: inline-block;
	    min-height: 16px;
    min-width: 16px;
}

div#tabView\:candidateProfessionalExperienceList .panel.panel-default, 
div#tabView\:candidateEducationList .panel.panel-default, 
div#tabView\:curriculumLanguague .panel.panel-default {
    position: relative;
}
div#tabView\:candidateProfessionalExperienceList .panel-body, 
div#tabView\:candidateEducationList .panel-body, 
div#tabView\:curriculumLanguague .panel-body {
    padding-right: 110px;
}
.ui-icon-trash {
	content: "" !important;
    background: url(./img/trash.svg) no-repeat, rgba(255, 255, 255, 0.5) !important;
    background-size: contain !important;
    background-color: transparent !important;
    display: inline-block;
	min-height: 18px;
}
.ui-icon-pencil {
	content: "" !important;
    background: url(./img/pencil.svg) no-repeat, rgb(255, 255, 255) !important;
    background-color: transparent !important;
    display: inline-block;
    background-size: 13px 13px !important
}
.ui-icon-search {
	content: "" !important;
    background: url(./img/search.svg) no-repeat, rgba(255, 255, 255, 0.5) !important;
    background-size: contain !important;
    background-color: transparent !important;
    display: inline-block;
	min-height: 18px;
    min-width: 20px;
}

div#tabView\:candidateProfessionalExperienceList .col-lg-2.col-md-3.col-sm-4 label {
    font-weight: 900;
}
[id*="candidateList"] .fa-file-text:before{
    content: "" !important;
    background: url(./img/cv.svg) no-repeat, rgba(255, 255, 255, 0.5) !important;
    background-size: contain !important;
    background-color: transparent !important;
    display: inline-block;
    min-height: 17px;
    min-width: 18px;
    margin-top: 5px;
}
div[id*="jobOfferForm"].form-control{
    min-width: 100% !important;
}
label#quotedMaxRateForm\:j_idt694 {
    padding: 0px;
}
input#tabView\:editComboOption\:comboOptions\:add {
    border-radius: 5px;
    min-width: 125px;
}
div#jobOfferForm\:tabView\:employmentId, div#jobOfferForm\:tabView\:jobProfile {
    min-width: 100% !important;
}
div[id*="requestedTrainingFormList"].ui-outputpanel >.row{
	display: flex;
	gap: 15px;
	flex-wrap: nowrap;
}

div[id*="trainingBudgetRequestFormList"].absenceBoxItem div span input{
padding: 0px;
    margin-bottom: 10px;
}
label#tabView\:trainingBudgetRequestFormList\:j_idt720 {
    margin-top: 28px;
    margin-left: 0px;
}
div#tabView\:editObjective\:objectives_paginator_bottom {
    background-color: var(--backgroundColor) !important;
}
div#tabView\:editObjective\:objectives {
    background-color: var(--backgroundColor) !important;
}


.ui-datatable thead th .ui-column-title {
   margin-left:7px !important;
}
    
 a#tabView\:editResourceStock\:resourceStocks\:actionsDataTableAdd {
    margin-top: 2% !important;
}   

.ui-datatable th.ui-resizable-column {

}

.ui-datatable thead th .ui-column-title {
    white-space: normal !important;  /* Permite saltos de línea */
    overflow: visible !important;
    text-align: center;
}


    
.kbw-signature canvas, .signature {
    cursor: crosshair;
    border: 2px solid black !important;
    border-radius: 10px;
    width: 500px;
    height: 200px;
}
    
div#newsPlankForm\:date_panel {
    max-width: 90px !important;
    min-width: 15% !important;
}  

input#newsPlankForm\:date_input {
    max-width: 90px !important;
    min-width: 15% !important;
}
    
input.hasDatepicker {
    min-width: 180px !important;
}

/* Asegura que el contenido tenga scroll si se pasa de alto */
.ui-dialog-content {
  max-height: 80vh;          /* no más del 80% de la pantalla */
  overflow-y: auto !important; /* activa scroll vertical */
}

.fa.fa-check.noChange {
  color: green !important;

  
}



.fa.fa-times.noChange {
  color: #CB4D4D !important;

}



.row.expenseRow {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: nowrap;
}



input#newsPlankForm\:title {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


.downloadDialog .ui-dialog-titlebar-close {
  right: 10px !important;
  top: 10px !important;
}

.datesFilterClass{
	display: flex;
    gap: 1rem;
    align-items: flex-end;
}

.ui-growl-title {
	color:black !important;
}
   .form-group label {
  display: block;
  margin-bottom: 4px; /* opcional, para separar el label del input */
}

/* Aplica borde a paneles dentro de #userForm que están colapsados */
#userForm div.ui-panel[role="region"] {
  border: 2px solid rgb(186, 186, 186);
  border-radius: 4px;
  /* margin-bottom: 10px; */ /* si lo necesitas */
}

input#username,input#password {
    color: black;
    letter-spacing: 0.5px;
    font-family: 'Manrope';
}

a#expenseSheetForm\:cancelWithCheck {
    text-align: center;
    padding: 0em 0em;
}

.row.margin0 {
    display: flex;
    align-items: center;
    line-height: normal;
    padding-right: 10px;
}

a#welcomePlanForm\:tabView\:cancelWithCheck {
    padding: 0em 0em;
}

fieldset#tabView\:workReportFormSupplements\:supplementItemsTableActions {
    border: 1px solid #ddd;
}

.workingDaySegmentsPanelClass{
	display: flex !important;
    flex-direction: row-reverse;
}

.sameRowClass{
	display: flex !important;
}

div#expenseSheetForm\:employeePanel {
    display: flex;
}

.stateText, .span-stateText {
    background-color: var(--fontColor) !important;
    color: white !important;
    border-radius: 2px !important;
    box-shadow: 0;
    padding: 2px 5px 2px 5px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: max-content;
}

th {
    text-align: center !important;
}
/* Contenedor del texto + icono */
.ui-column-title {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;          /* Espacio entre texto y flecha */
  padding: 0 !important;
  white-space: nowrap !important;
}

/* Icono de ordenación */
.ui-sortable-column-icon {
  display: inline-block !important; /* IMPORTANTE: inline-block, no flex */
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: -3px !important;
  vertical-align: middle !important;
}




div#tabView\:accumulateAbsenceList\:accumulate_modal_form\:employees_panel {
    z-index: 1082 !important;
    height: auto !important;
    width: auto !important;
}
div#tabView\:accumulateAbsenceList\:accumulate_modal_form\:employees {
    width: 310px;
}
div#companyForm\:mailDomainPanel {
    text-align: left !important;
    margin-top: 50px;
    width: 30%;
}

.ui-datatable-scrollable .ui-datatable-scrollable-header thead {
  display: none;
}


.ui-datatable td,
.ui-datatable th {
  text-align: center !important;
  vertical-align: middle !important;
}

thead#welcomePlanForm\:tabView\:sectionsTreeTable_head {
   background: var(--primaryColorLight);
}


  
  th#tabView\:editPlank\:newsPlankTable\:column_scope {
    width: 30% !important;
}

.vis-text.vis-major.vis-h22.vis-yesterday.vis-even {
    display: none;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    border: 1px solid black !important;
}

input.ui-datepicker-year {
    border: 1px solid black;
}

.panel-toggleable, .panel-border {
    box-shadow: 0 0.1rem 1rem rgb(20 121 254 / 27%);
    border-radius: 10px !important;
    padding: 10px !important;
}

tr.ui-expanded-row-content.ui-widget-content td,
tr.ui-expanded-row-content.ui-widget-content div,
tr.ui-expanded-row-content.ui-widget-content span {
    text-align: left !important;
}




/*COLORES*/
/* COLOR GRIS */
.state_DRAFT, .state_DRAFT_DOCUMENT{
    background-color: #565555 !important;
    color: white !important;
        border: 1px solid black;
        border-radius: 4px !important;
    box-shadow: 0;
    padding: 2px 5px 2px 5px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: max-content;
}

/* COLOR VERDE */
.state_VALIDATED_M, .state_VALIDATED, .state_SIGNED, .state_APPROVE_DOCUMENT, 
.state_APPROVE, .state_PUBLISHED, .state_PUBLISHED, .state_FINISHED, .state_DIFFUSION, 
.state_REGISTER_ENDED, .state_OPEN,.state_PUBLISH, .state_PROCESSED, .state_COMPLETED, .state_SENT_TO_PLAN, .state_Prevista
,.state_APPROVED, .state_FINALIZADO{
	background-color: #95BC76 !important;
	border: 2px solid #80a95e;
    color: white !important;
        border-radius: 4px !important;
    box-shadow: 0;
    padding: 2px 5px 2px 5px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: max-content;
}
/* COLOR AZUL */
.state_REVISION,  .state_SIGNED_PARTIAL, .state_PENDING_DOCUMENT, .state_PENDING_INCORPORATION, .state_IN_PROGRESS_WE, .state_EXECUTION, .state_REVIEW, 
.state_IN_PROGRESS,.state_PENDING, .state_SELECCION_GRUPO, .state_INSCRIPCIONES, .state_ENVIADO_VALIDADORES, .state_EN_CURSO, .state_APPROVE_ONE, .state_Enviado.al.plan.de.formación, 
.state_Pendiente.de.validar{
	background-color: #4B90DB !important;
	border: 2px solid #3673b6;
    color: white !important;
    border-radius: 4px !important;
    box-shadow: 0;
    padding: 2px 5px 2px 5px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: max-content;
}

/* COLOR ROJO */
.state_REJECT, .state_EXPIRED_WE, .state_CANCELED, .state_REJECTED, .state_EXPIRADO,.state_DELETE_REQUEST{
	background-color: #CB4D4D !important;
	border: 2px solid #7d2020;
    color: white !important;
    border-radius: 4px !important;
    box-shadow: 0;
    padding: 2px 5px 2px 5px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: max-content;
}
.ui-panel.ui-widget-content[role="region"] {
      box-shadow: 0 0.1rem 1rem var(--primaryColorLight) !important;
	    border-radius: 10px !important;
	    padding: 10px !important;
	        border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

div#homeForm\:panelGeneralHome {
    margin-top: 10px;
}

div#homeForm\:widgetsPanelGroup {
    max-width: 100%;
    width: 100%;
}



a:has(.ui-icon.ui-icon-minusthick) {
    border: none !important;
}
 
a:has(.ui-icon.ui-icon-plusthick) {
    border: none !important;
}

thead.ui-datatable-scrollable-theadclone {
    height: 40px !important;
}

.displayFlex {
    display: flex !important;
    gap: 3px;
}

.displayFlex label {
    font-weight: bold;
}

.ui-growl-item-container.ui-state-highlight.ui-corner-all.ui-helper-hidden.ui-shadow.ui-growl-error {
    background-color: #ff9595 !important;
    opacity: 01;
    color: white !important;
}

input#tabView\:editComboOption\:comboOptions\:add {
    border-radius: 4px;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    background: var(--primaryColor);
    padding: 2px 20px;
    border: 2px solid var(--primaryColorDark) !important;
}

input#tabView\:editComboOption\:comboOptions\:add:hover {
    color: var(--primaryColor);
}

.ui-growl-item-container.ui-state-highlight.ui-corner-all.ui-helper-hidden.ui-shadow.ui-growl-info {
    background-color: #96ff88 !important;
}

span#newsPlankForm\:panelButtonSave {
    display: flex;
}

span.fa {
  vertical-align: middle;
}

button#companyForm\:btnChangeMailHeader {
    width: 30px;
    height: 30px;
}

.ui-outputlabel.ui-widget.control-label {
    font-weight: bold;
}

button:has(.fa.fa-upload) {
    border: none !important;
}

.buttonAddComboOption.btn.btn-primary {
    border-radius: 4px;
    background: var(--primaryColor);
    border: 2px solid var(--primaryColorDark) !important;
    font-weight: bold;
    letter-spacing: 0em;
    text-align: center;
    color: #fff !important;
    font-size: 12px !important;
    padding: 13px;
	}

.buttonAddComboOption.btn.btn-primary:hover {
    background: transparent;
    border: 1px solid  var(--primaryColor);
    color:  var(--primaryColor)!important;
	}

a#tabView\:addExperience {
    margin-bottom: 10px;
}

.ui-selectonemenu {
    display: block !important;
}

span.ui-chkbox-icon.ui-icon {
    background-image: url(data:image/png;base64,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) !important;
}

input.form-control {
    padding: 5px;
        background: white;
}

.btnSearchOption{
	width: 40px !important;
}

.ui-slider-horizontal {
    border: 1px solid var(--primaryColorDark) !important;
}

.ui-fileupload-row>.ui-fileupload-filename {
    display: flex;
    word-break: auto-phrase;
}

.ui-fileupload-files .ui-fileupload-cancel.ui-button.ui-button-icon-only {
    width: 80px !important;
}


.filter-compare-column_input .ui-selectonemenu-label {
    text-align: center;
    margin-top: 10px;
    display: flex;
    vertical-align: middle;
    justify-content: center;
}

a#tabView\:language_add {
    margin-bottom: 10px;
}

input#orgChartControls2\:employeeCard_input {
    border: none;
    width: 100%;
    margin-top: -50px;
}

a#actionPlanForm\:cancelFromEditHome {
    margin-right: 5px;
}


input#tabView\:formGrafica\:segmentoXto,input#tabView\:formGrafica\:segmentoYto {
    margin-left: 5px;
}
div.btn.btn-primary a {
    color: #ffffff !important;
    margin-right: 9px;
}

.jobOfferButton{
	    height: 43.3px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    background: var(--primaryColor) !important;
    line-height: 22px;
    border: 2px solid var(--primaryColorDark);
    font-weight: bold !important;
    margin-right: 5px;
}

.jobOfferButton:hover{
	    height: 43.3px !important;
    border-radius: 4px !important;
    color: var(--primaryColor) !important;
    background: var(--backgroundColor) !important;
    line-height: 22px;
    border: 2px solid var(--primaryColorDark);
    font-weight: bold !important;
    margin-right: 5px;
}

a.more-details-link.margin-right-5.jobOfferButtonText:hover {
    color: var(--primaryColor) !important;
}

div#reminderFrecuencyPanel {
    display: flex
;
}

.ui-panel .ui-panel-titlebar {
    padding: .5em 1em .3em;
    display: flex;
    align-items: center;
}


.selectoneradio-table td {
    display: flex;
    vertical-align: middle;
    text-align: center;
    align-items: center;
}

/* QUITAR BOX SHADOW DE LOS PANEL */
#jobOfferForm .ui-panel.ui-widget-content[role="region"], #newsPlankForm .ui-panel.ui-widget-content[role="region"], div#homeForm\:teamWidget .ui-panel.ui-widget-content[role="region"]{
    box-shadow: none !important;
}

div#candidateJobOfferList\:jobOffersEmptyPanel {
    margin-bottom: 10px;
}

label#candidateJobOfferList\:switchLabel {
    font-weight: bold;
    font-size: 15px;
}

.imagePanel {
    overflow-y: scroll;
}

.ui-selectcheckboxmenu-label-container {
    display: grid;
    height: 43.3px;
}

.btnCerrar {
    display: none !important;
}


div#dynamicFormCheckBoxAnon,div#dynamicFormCheckBoxPeriodical {
    width: max-content;
}

div#datesPanelDynamicDateEnd {
    margin-left: 40%;
}

div#actionPlanTypeForm\:managerPanel {
    display: flex;
}

a#actionPlanTypeForm\:hitos\:actionsDataTableButton {
    color: #ffffff !important;
}

a#actionPlanTypeForm\:hitos\:actionsDataTableButton:hover {
    color: var(--primaryColor) !important;
}

.ui-picklist {
    display: flex;
}

.ui-selectlistbox-filter {
    width: -webkit-fill-available;
}

.row.form-group:has(input[type="checkbox"]):has(label) {
    display: flex;
}

table {
    width: -webkit-fill-available;
}

table.month {
    width: auto ;
}

.selected {
    background: var(--primaryColorLight);
}

.employeeTabTitle {
    height: 43.3px;
    vertical-align: middle;
    display: flex;
    border-radius: 8px;
    padding-left: 5px;
    align-items: center;
    margin-left: 5p;
    gap: 5px;
    background: var(--primaryColorLight);
    font-weight: bold;
    border: 1px solid var(--primaryColorDark);
}

.ui-blockui.ui-widget-overlay {
    display: none !important;
}

.ui-dialog {
    box-shadow: 0 0rem 0.1em var(--primaryColor) !important;
    border-radius: 10px !important;
}

fieldset {
    border: 2px solid var(--primaryColor) !important;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
}

legend {
    border: 2px solid var(--primaryColor) !important;
    color: var(--fontColor) !important;
    font-size: 1em;
    font-weight: 600;
}

td.topAlignedImg {
    position: absolute;
    right: 20px;
        top: 80px;
    z-index: 1000;
}

.ui-selectmanycheckbox.ui-widget td, .ui-selectoneradio.ui-widget td {
    border: 0 none;
    display: flex !important;
    align-items: center !important;
}

.ui-selectcheckboxmenu-filter {
    width: 93% !important;
}

div#competenceProfessionalEvidenceForm\:optionParents {
    min-width: unset !important;
    width: 100% !important;
    max-width: 100% !important;
}

.ui-selectonemenu .ui-selectonemenu-label {
	vertical-align: middle !important;
    align-items: center !important;
        margin-left: 5px;
	}
	
.marginTopClass {
    margin-top: 20px;
}


/* MENSAJES ARRIBA DE LOS PANEL LOS QUITAMOS */
.ui-messages-info.ui-corner-all {
    display: none;
}

.ui-inputtextarea-resizable,.ui-inputtextarea {
    overflow: hidden;
    resize: none;
    background: white !important;
}

.ui-slider-range.ui-corner-all.ui-widget-header.ui-slider-range-min {
    background: var(--primaryColorDark);
}

ul.ui-selectcheckboxmenu-multiple-container.ui-widget.ui-state-default.ui-corner-all {
    padding: 1px 5px;
}

button.ui-button-text-only.btn-primary.buttonAdminMenu.buttonAdminOcultar {
    background: var(--primaryColorLight) !important;
}

div#sectionDialog {
    width: 710px !important;
}

.btnColumn {
    display: flex;
    justify-content: center;
    align-items: center;
}

button.ui-picker-up,button.ui-picker-down {
	align-items: center !important;
    width: 100% !important;
    padding: 0 !important;
	}
	

span#tabView\:trainingCourseDetailForm\:actionType_label {
	align-items: normal !important;
    display: grid !important;
    }
	 
button.fc-next-button.fc-button.fc-button-primary {
    margin-left: 3px !important;
}

.ui-widget-overlay.ui-dialog-mask {
    display: none;
}

.imageControls {
    text-align: center;
}

div#trainingPlanForm\:organizationsPanel,div#companyNumEmployees {
      margin-left: 32rem;
}

.ui-dialog-buttonpane.ui-dialog-footer.ui-widget-content.ui-helper-clearfix {
    margin-left: 4px;
}

div#myRemunerationForm\:employeeFiles\:0\:message_body_dlg {
    position: fixed;
}

.tabla-contenedor {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.tabla-datos {
    width: 100%;
    max-width: 600px;
    border-collapse: collapse;
    font-size: 14px;
}

.tabla-datos th,
.tabla-datos td {
    padding: 8px 10px;
    border: 1px solid var(--fontColor);
    text-align: left;
}

.tabla-datos th {
    background-color: var(--backgroundColor);
    font-weight: 600;
}

span.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-fileupload-choose {
    margin-bottom: 5px;
    margin-top: 5px;
}
button.ui-fileupload-upload.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-state-disabled {
    margin-bottom: 5px;
}


.ui-dialog.ui-widget-content .ui-dialog-titlebar-close {
    margin-top: 0px !important;
}

.ui-selectonemenu input.ui-selectonemenu-label {
        cursor: text;
    width: 100% !important;
    height: 41px !important;
}