.login-body .login-image-mag {
  height: calc(100% - 450px);
  background: url("/oportunidades/jakarta.faces.resource/images/login/cafe-el-salvador.jpg.xhtml?ln=avalon-layout") no-repeat;
  background-size: cover;
  background-position: center;
}

.login-body .login-panel-mag {
  background-color: #313945 !important;
  height: 450px !important;
}
.exception-body.access-mag {
  background: url("") no-repeat;
  background-size: cover;
  background-position: center;
}
.topbar.mag {
  height: 100px !important;
}
.topbar-left.mag {
  padding: 10px !important;
  height: 100px !important;
}
.topbar-right.mag {
  height: 100px !important;
}
.layout-menu-container.mag {
  top: 100px !important;
}
.layout-main.mag {
  padding: 120px 15px 15px 15px !important;
}
.topbar-logo.mag {
  height: 80px !important;
}
td.col-overview.mag {
  max-width: 65px !important;
}
.text-bold {
	font-weight: bold !important;
}
.dashboard-banking .currency-panel .dashboard-currency-mag {
  height: 100%;
  padding: 10px 10px;
  border: 1px solid rgba(67, 69, 96, 0.1);
  border-radius: 4px;
  background-color: #ffffff;
}
.grid-product {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0rem;
  margin-left: 0rem;
  margin-top: 0rem;
}
.loading-dialog {
	box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0) !important;
}
.loading-dialog .ui-dialog-content{
	background: transparent !important;
	padding: 0px !important;
	border: 0px !important;
	border-radius: 25px !important;
}
.loading-spinner {
    display: block; /* Asegura que la imagen se muestre como un bloque */
    margin: 0; /* Elimina cualquier margen exterior */
    padding: 0; /* Elimina cualquier relleno interior */
    border: none; /* Elimina cualquier borde */
}
body .ui-growl {
  top: 120px !important;
}
.widget-overview.overview-box-mag {
  background-color: #457fca;
  border: solid 1px #457fca;
  color: #ffffff;
}
.record-badge {
  border-radius: 2px;
  padding: 0.25em 0.5rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.3px;
}
.status-activo {
  background: #C8E6C9;
  color: #256029;
}
.status-inactivo {
  background: #FFCDD2;
  color: #C63737;
}
.status-warning {
  background: #FEEDAF;
  color: #8A5340;
}
.buttons-container.ui-panel .ui-panel-content {
  min-width: max-content !important;
  border: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
  background: transparent !important;
}
.layout-wrapper .layout-menu-container .profile > a .profile-name {
  display: flex !important;
  color: #292B2C;
  vertical-align: middle;
  font-size: 12px !important;
  font-weight: bold;
  text-align: right;
  margin-top: 4px;
}
@media (min-width: 600px) {
	.column-right{
		text-align: right !important;
	}
}
@media (max-width: 640px) {
  .help-header-mag {
    background-position: top !important;
  }
}
@media (max-width: 640px) {
  .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
    padding: .4em;
    min-width: 30%;
    display: none !important;
    margin: -.4em 1em -.4em -.4em;
  }
}