html, body {
	font-family: Arial;
}

.ui-widget, .ui-widget .ui-widget {
	font-family: Arial !important;
	font-size: 12px !important;
}

.labelRegister {
	font-size: 11px;
	color: #068b8a;
}

.buttonRegister {
	color: white !important;
	font-weight: bold !important;
	background-color: #006a77 !important;
	height: 40px;
	font-size: 12px !important;
}

a.linkForgot {
	text-decoration: none;
	color: blue;
	font-size: 12px !important;
}

.buttonLogin {
	height: 55px;
	background-color: #28b9f8 !important;
	color: white !important;
	font-weight: bold !important;
	font-size: 12px !important;
}

.labelMain {
	color: #068b8a !important;
	font-size: 12px !important;
}

.labelTitle {
	color: #007070;
}

.panelLogin {
	width: 500px;
}

.header-right-part {
	float: right;
	width: 100%;
	height: 100px;
	background-image: url("../resources/images/imagen_cabecera_login.png");
	margin-bottom: 20px;
	background-size: 100% auto;
	margin-top: 75px;
}

.header-right-part-bar {
	float: right;
	width: 50%;
	height: 25px;
	background-image: url("../resources/images/barraSistema.png");
	margin-bottom: 20px;
}

.container {
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	/* overflow: hidden; */
	min-height: auto;
}

.containerHeader {
	margin-right: auto;
	margin-left: auto;
	width: 1024px;
	height: 120px;
	vertical-align: top;
	margin-bottom: 32px;
}

.header-left-part {
	width: 700px;
	height: 700px;
	position: fixed;
	/*background-image: url("../resources/images/imagenLateral.png");*/
	z-index: -50;
	margin-left: 140px;
	margin-top: -150px;
	background-size: 100%;
	opacity: 0.5;
}

div.clear {
	clear: both;
}

.separatorTop {
	margin-top: 10px;
}

.w100 {
	width: 100%;
}

.w90 {
	width: 90%;
}

.w85 {
	width: 85%;
}

.w75 {
	width: 75%;
}

.w66 {
	width: 66%;
}

.w55 {
	width: 55%;
}

.w50 {
	width: 50%;
}

.mw50 {
	min-width: 50%
}

.w45 {
	width: 45%;
}

.w40 {
	width: 40%;
}

.w33 {
	width: 33%;
}

.w30 {
	width: 30%;
}

.w25 {
	width: 25%;
}

.w20 {
	width: 20%;
}

.w15 {
	width: 15%;
}

.w12 {
	width: 12%;
}

.w10 {
	width: 10%;
}

.w8 {
	width: 8%;
}

.w5 {
	width: 5%;
}

.w20px {
	width: 20px;
}

.w40px {
	width: 40px;
}

.w60px {
	width: 60px;
}

.w70px {
	width: 70px;
}

.field_mrg {
	padding-left: 10px;
}

.field_mrg_x2 {
	padding-left: 20px;
}

.field_mrg_x4 {
	padding-left: 40px;
}

.bold {
	font-weight: bold;
}

.uppercase {
	text-transform: uppercase;
}

.alCenter {
	text-align: center;
}

.alTop {
	vertical-align: top;
}

.alRight {
	text-align: right;
}

.separatorTop {
	margin-top: 10px;
}

/* Estilo del contenedor principal del panel */
.custom-panel {
	border: 1px solid #b0b0b0 !important;
	background: #ffffff !important;
	padding: 0 !important;
	margin-top: 5% !important;
}

/* Quitar el degradado gris y agregar la barra superior color teal */
.custom-panel .ui-panel-titlebar {
	background: #ffffff !important;
	background-image: none !important;
	border: none !important;
	border-top: 4px solid #008080 !important; /* Borde superior teal */
	border-radius: 0 !important;
	text-align: center !important;
	padding: 8px 10px !important;
}

/* Estilo y centrado del texto del título */
.custom-panel .ui-panel-title {
	color: #008080 !important;
	font-weight: bold !important;
	font-size: 13px !important;
	float: none !important; /* Anula el float de versiones antiguas */
	display: inline-block !important;
}