@charset "UTF-8";

/* Colocar aquí SOLO estilos que puedan ser reutilizados en diferentes pantallas.
   Si son estilos que solo se usarán en un xhtml en particular es mejor colocarlos en el propio xhtml o un un .css particular */

.ui-panelgrid-sin-pading .ui-panelgrid-cell {
	padding: 0px 0 !important;
}

.ui-panelgrid-sin-fondo {
	background: none !important;
}

.adip-icon-down-arrow {
	background-image: url(/resources/img/menu-down-arrow.svg) !important;
	background-size: contain;
}

.adip-icon-down-arrow-menu {
	background-image: url(/resources/img/menu-down-arrow-menu.svg) !important;
	background-size: contain;
}

.adip-btn-calendar .ui-button {
    background: #fff !important;
    color: #707070 !important;
    border: none !important;
}

.adip-btn-calendar .ui-widget .ui-calendar {
    background-image: url(/resources/img/lupa_svg.svg) !important;
}

body .ui-fluid .ui-trigger-calendar input.hasDatepicker {
    width: calc(100% - 2.357rem);
    padding-right: 0;
    border-radius: 9px;
    border: 2px solid rgb(148, 130, 163);
}

.adip-btn-calendar .ui-inputfield {
    color: #495057;
    background: #fff;
    padding: 0rem !important;
   }

.adip-btn-calendar .ui-icon-calendar:before {
  		content: "" !important;
}
.adip-btn-calendar .ui-icon-calendar {
    background-image: url(/resources/img/icon-calendar.svg) !important;
    background-position: center center !important;
    width: 24px !important;
    height: 24px !important;
    top: 20% !important;
    left: 30% !important;
}

body .ui-selectonemenu.ui-state-focus {
	border-color: rgb(148, 130, 163) !important;
	box-shadow: none !important;
}

body .ui-inputfield.ui-state-focus {
	border-color: rgb(148, 130, 163) !important;
	box-shadow: none !important;
}

@media screen and (max-width: 480px ) {
	.modalResponsivo {
		width: 100% !important;
		border-radius: 20px !important;
	}
}

@media screen and (max-width: 768px ) and (min-width: 481px ) {
	.modalResponsivo {
		width: 90% !important;
		border-radius: 20px !important;
	}
}

@media screen and (min-width: 769px ) {
	.modalResponsivo {
		width: 50% !important;
		border-radius: 20px !important;
	}
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background: #FFF !important;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover {
	background: linear-gradient(148.95deg, rgba(243, 218, 218, 0.5) 44.63%, rgba(191, 178, 220, 0.11) 96.68%);
}

.ui-outputlabel-rfi{
	color: red !important;
	}