/* Cambios tras actualizar JSF */

.ui-paginator .ui-icon{
	background-image: none!important;
} 

.ui-datatable .ui-column-filter{
	width: 100px;
}

.g-gestion-buscar, .g-gestion-papelera2{
	background-image: none!important;
}

.ui-selectonemenu .ui-selectonemenu-trigger{
	width:32px!important;
}

.ui-selectonemenu {
	width: auto!important;
	min-width: auto!important;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li{
	border:none!important
}

.ui-tabs .ui-tabs-nav.ui-widget-header li.ui-state-active {
    background-color: #FFFFFF;
    border-top:1px solid #DDDDDD!important;
   border-left:1px solid #DDDDDD!important;
   border-right:1px solid #DDDDDD!important; 
    color: #555555;
    cursor: default;
}

.ui-tabs.ui-tabs-top{
	border-bottom: none!important;
}

.ui-selectonemenu-items-wrapper {
    height: auto!important;
}

.ui-slider-handle{
	border-radius: 50% 50% !important;
	
}
.ui-timepicker-div .ui-widget-content {
    border: 1px solid #dddddd!important;

}

.cke_dialog_body{
	z-index: 100000 !important;
}

/*********** MARGINS **************/
.mt-0{
	margin-top: 0 !important;
}

.mt-1{
	margin-top: 0.25rem !important;
}

.mt-2{
	margin-top: 0.5rem !important;
}

.mb-0{
	margin-bottom: 0 !important;
}

.mb-1{
	margin-bottom: 0.25rem !important;
}

.mb-2{
	margin-bottom: 0.5rem !important;
}

.mb-3{
	margin-bottom: 0.75rem !important;
}

.mb-4{
	margin-bottom: 1rem !important;
}

.mb-5{
	margin-bottom: 1.25rem !important;
}

.mr-1{
	margin-right: 0.25rem !important;
}

.my-1{
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}

.my-2{
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}

/*********** OPACITY **************/
.opacity-75{
	opacity: .75;
}

/*********** UTILS **************/
.text-wrap{
	max-width: 100% !important;
	word-wrap: break-word !important;
	white-space: normal !important;
}

/*********** PANELES REUTILIZABLES **************/
.panel-container{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 18px;
	border-radius: 8px;
	padding: 22px 24px;

	& .panel-container__icon-wrap{
		flex-shrink: 0;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		background-color: #e3f2fd;
		display: flex;
		align-items: center;
		justify-content: center;

		& .gi{
			font-size: 1.35rem;
		}
	}

	& .panel-container__body{
		flex: 1;
		min-width: 0;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	& .panel-container__title{
		margin: 0 !important;
		padding: 0 !important;
		font-weight: bolder;
	}

	& .panel-container__text{
		margin: 0;
		font-size: 0.9rem;
		line-height: 1.5;
		opacity: 0.8;
	}

	& .panel-container__btn-action{
		display: inline-flex;
		align-self: flex-start;
	}

	& .panel-container__actions{
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		align-items: stretch;
	}
}


/*********** MEDIA QUERIES **************/
/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
	
}

/* Móvil */
@media (max-width: 767px) {
	.panel-container{
		flex-direction: column;
		align-items: center;
		padding: 16px 14px;

		& .panel-container__body{
			width: 100%;
			align-items: stretch;
		}

		& .panel-container__title{
			text-align: center;
			width: 100%;
		}

		& .panel-container__text{
			text-align: left;
			width: 100%;
		}

		& .panel-container__btn-action{
			align-self: stretch;
			width: 100% !important;
			max-width: 100%;
			box-sizing: border-box;
			justify-content: center;
		}

		& .panel-container__actions{
			flex-direction: column;
		}
	}
}