@font-face {
	font-family: "Poppins-Regular";
	src: url("/ypyga/jakarta.faces.resource/fonts/poppins/Poppins-Regular.ttf.xhtml?ln=default");
}

@font-face {
	font-family: "Poppins-Bold";
	src: url("/ypyga/jakarta.faces.resource/fonts/poppins/Poppins-Bold.ttf.xhtml?ln=default");
}

@font-face {
	font-family: "Poppins-Light";
	src: url("/ypyga/jakarta.faces.resource/fonts/poppins/Poppins-Light.ttf.xhtml?ln=default");
}

@font-face {
	font-family: "Poppins-SemiBold";
	src: url("/ypyga/jakarta.faces.resource/fonts/poppins/Poppins-SemiBold.ttf.xhtml?ln=default");
}

body {
	font-family: 'Poppins-Regular' !important;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
}

/** Tamaño de letra reducido para el Viewer. */
.atlas-viewer .ui-widget {
	font-size: .7rem !important;
}

.atlas-viewer .ui-inputfield {
	font-size: .7rem !important;
}

.page-content {
	max-width: 1960px;
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
}

.selected-indicator-table {
	color: #ffffff !important;
	font-weight: bold;
	background-color: var(--red-500) !important;

}
.first-row-style {
	background-color: #e6f5d6 !important;
	font-weight: bold;
	color: #333;
}

body .ui-commandlink:hover, body .ui-link:hover {
	text-decoration: none !important;
}
input {
	font-family: 'Poppins-Regular' !important;
}

textarea {
	font-family: 'Poppins-Regular' !important;
}

body .ui-widget {
	font-family: 'Poppins-Regular' !important;
}

.grid {
	margin-right: 0rem !important;
	margin-left: 0rem !important;
}

.ui-widget {
	font-family: 'Poppins-Regular';
	font-size: 1rem;
}

.poppins-regular {
	font-family: 'Poppins-Regular';
}

.poppins-bold {
	font-family: 'Poppins-Bold';
}

.poppins-semibold {
	font-family: 'Poppins-SemiBold';
}

.poppins-light {
	font-family: 'Poppins-Light';
}

a {
	text-decoration: none;
	color: black;
}



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-image: none;
	text-shadow: none;
}

body .ui-commandlink:hover {
	text-decoration: none !important;
}

.icon-perfil {
	background-image:url("/ypyga/jakarta.faces.resource/images/icons/Perfil.png.xhtml?ln=default") !important;
	background-size: 100% auto;
	width: 35px;
	height: 35px;
}

.bg-login {
	background-image: linear-gradient(to bottom right, red, lightpink);
	background-size: 100% auto;
}

.bg-landing {
	background-image:url("/ypyga/jakarta.faces.resource/images/bg/fondo-landing.png.xhtml?ln=default");
	background-size: contain;
}

input#search {
	background-image: url("/ypyga/jakarta.faces.resource/images/operations/left-arrow.png.xhtml?ln=default");
	background-size:contain;
	background-repeat: no-repeat;
	text-indent: 20px;
	/* Extra Styling */
	padding: 5px 3px;
	transition:0.3s;
}

input#search:focus {
	background-image:none;
	text-indent:0px
}

input#email {
	background-image: url("/ypyga/jakarta.faces.resource/images/icons/envelope.png.xhtml?ln=default");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 25px;
	transition:0.3s;
}

input#email:focus {
	background-image:none;
	text-indent:0px
}

input#lock {
	background-image: url("/ypyga/jakarta.faces.resource/images/icons/lock.png.xhtml?ln=default");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 25px;
	transition:0.3s;
}
input#lock:focus {
	background-image:none;
	text-indent:0px
}

.dashboard-card.dashboard-card-1 {
	background-color: #007bff;
	border: solid 1px #007bff;
	color: #ffffff;
}

.dashboard-card.dashboard-card-2 {
	background-color: #fd7e14;
	border: solid 1px #fd7e14;
	color: #ffffff;
}

.dashboard-card.dashboard-card-3 {
	background-color: #6f42c1;
	border: solid 1px #6f42c1;
	color: #ffffff;
}

.dashboard-card.dashboard-card-4 {
	background-color: #c061cb;
	border: solid 1px #c061cb;
	color: #ffffff;
}

.dashboard-card.dashboard-card-5 {
	background-color: #61c042;
	border: solid 1px #61c042;
	color: #ffffff;
}

.dashboard-card.dashboard-card-6 {
	background-color: #c2c140;
	border: solid 1px #c2c140;
	color: #ffffff;
}

.dashboard-card.dashboard-card-7 {
	background-color: #c06142;
	border: solid 1px #c06142;
	color: #ffffff;
}

.dashboard-card {
	padding: 15px;
	color: #ffffff;
	min-height: 100px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0 !important;
}

.dashboard-card {
	padding: 15px;
	color: #ffffff;
	min-height: 100px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0 !important;
}

.dashboard-card .dashboard-card-title {
	font-weight: bold;
	font-size: 24px;
	width: 100%;
}

.dashboard-card .dashboard-card-count {
	color: #ffffff;
	font-size: 46px;
	width: 100%;
	display: block;
	padding: 5px 0;
}

body .ui-button-upload .ui-button {
	background: #813d9c;
	color: #ffffff;
	border: 1px solid #813d9c;
}

body .ui-button.ui-button-upload {
	background: #813d9c;
	color: #ffffff;
	border: 1px solid #813d9c;
}

body .ui-button.ui-button-download {
	background: #e66100;
	color: #ffffff;
	border: 1px solid #e66100;
}

.ui-fileupload-simple .ui-fileupload-filename {
	margin-left: 0px;
}

body .ui-datatable .ui-datatable-data>tr>td {
	padding: .2rem .2rem;
}

body .ui-datatable thead th {
	padding: .2rem .2rem;
}

.customBlockUI, .customBlockUI > div {
	box-shadow: none !important;
}
.h-media {
@media (max-height: 500px) {
	height: 20rem !important;
}
height: 28rem !important;
@media (min-height: 800px) {
	height: 36rem !important;
}
@media (min-height: 1000px) {
	height: 42rem !important;
}
@media (min-height: 1400px) {
	height: 52rem !important;
}
}

/* Reubicación de registro de distancia del mapa hacia la izquierda. */
.ol-scale-line {
	left: 10px !important; /* Mueve la escala a la izquierda */
	right: auto !important; /* Evita que se quede alineada a la derecha */
	bottom: 10px !important; /* Mantiene la escala en la parte inferior */
}

#map-container, #underlyingDataPanel {
	width: 70vw;
	/*height: 60vh;*/
}

.dataview-noheader .ui-dataview-header {
	display: none;
}