/**  NUEVO 1601 !!! ***/

/* ========================================
   VARIABLES CSS PERSONALIZADAS
   ======================================== */
:root {
  /* Familia de fuentes */
  --ev-body-font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

  /* Colores principales */
  --ev-primary-color: var(--portalThemeColor1);
  --ev-secundary-color: var(--portalThemeColor2);

  /* Colores de fondo */
  --ev-nav-background-color: var(--portalThemeColor6);
  --ev-content-background-color: var(--portalThemeColor7);
  --ev-grid-separator-color: #D0CFCF;

  /* Colores de texto */
  --ev-foreground-1: var(--portalThemeColor8); /* color: var(--Neutral-Foreground-1-Rest, #242424); */
  --ev-foreground-2: var(--portalThemeColor4); /* color: var(--Neutral-Foreground-2-Rest, #424242); */
  --ev-foreground-3: var(--portalThemeColor11); /* color: var(--Neutral-Foreground-3-Rest, #616161); */
  --ev-foreground-4: var(--portalThemeColor12); /* color: var(--Neutral-Foreground-4-Rest, #707070); */

  /* Tamaños de fuente */
  --ev-font-size-xl: 32px;
  --ev-font-size-regular: 20px;
  --ev-font-size-s: 16px;
  --ev-font-size-xs: 13px;
  --ev-font-size-xxs: 11px;

  /* Pesos de fuente */
  --ev-font-weight-400: 400;
  --ev-font-weight-600: 600;

  /* Alturas de línea */
  --ev-font-line-height-xl: 32px;
  --ev-font-line-height-s: 22px;
  --ev-font-line-height-xs: 16.256px;
  --ev-font-line-height-xxs: 11.823px;

  /* Colores de botones */
  --ev-btnPrimary-foreground-color: #ffffff;
}

/* ========================================
   ESTILOS GENERALES
   ======================================== */
body {
  font-family: var(--ev-body-font-family);
}

/* ========================================
   TIPOGRAFÍA
   ======================================== */

/* Todos los elementos con solo font-family */
h1.siteTitle,
.static-top.navbar-dark .navbar-brand a h1.siteTitle,
.static-top.navbar-dark .navbar-brand a h1.siteTitle > span,
h1,
.h1,
.section-landing-heading,
.section-landing .row > div .section-landing-heading,
.section-inline-search .row > div h1,
.section-landing h1,
.section-search .header-search h1,
.page_section h1,
.color-inverse h1,
h1 p,
h2,
.h2,
.section-landing .row > div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p,
h3,
.h3,
.page_section h3,
.color-inverse h3,
.sidebar-home h3,
h4,
.h4,
.poll .poll-header h4,
.poll .poll-tags h4,
h5,
.h5,
p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
p.form-text span,
.p2,
a,
.a,
.static-top.navbar .menu-bar > .navbar-nav > li > a {
  font-family: var(--ev-body-font-family);
}


h3, .h3 {
  font-weight: var(--ev-font-weight-600);
  font-size: var(--ev-font-size-regular);
  font-style: normal;
  line-height: var(--ev-font-line-height-xl);
  color: var( --ev-primary-color, #00BACC);
  
}

/* ========================================
   LAYOUT PRINCIPAL
   ======================================== */
#mainContent {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Altura mínima de viewport completo */
}

.wrapper-body {
  padding-left: 20px;
}

.page-heading {
  flex: 0 0 auto; /* Altura fija, no se estira ni encoge */
  padding-top: 10px;
}

.page-copy {
  flex: 1 1 auto; /* Se expande y contrae */
  display: flex;
  flex-direction: column;
  justify-content: flex-start; /* Contenido alineado arriba */
}

.columnBlockLayout {
  margin-top: 0px;
  margin-bottom: 60px;
  padding: 0px;
}

/* Copywrite - elementos con propiedades idénticas */
.copywrite,
.copywrite p,
.copywrite .p {
  color: var(--ev-foreground-2);
  font-size: var(--ev-font-size-xxs);
  line-height: var(--ev-font-line-height-xxs);
  font-weight: var(--ev-font-weight-400);
}

.copywrite {
  flex: 0 0 auto; /* Altura fija, al final */
  margin-top: auto;
  margin-bottom: 10px;
}

/* ========================================
   NAVEGACIÓN PRINCIPAL
   ======================================== */
.static-top.navbar-dark {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: var(--ev-nav-background-color);
}

.navbar-dark .navbar-nav > li > a,
.navbar-dark .navbar-nav > li.dropdown > a {
  color: var(--ev-foreground-2);
}

/* ========================================
   NAVEGACIÓN LATERAL
   ======================================== */
.sidenavbar-dark {
  background-color: var(--ev-nav-background-color);
}

.sidenavbar-dark .accordion {
  --bs-accordion-bg: var(--ev-nav-background-color);
  --bs-accordion-border-color: var(--ev-nav-background-color);
  --bs-accordion-btn-focus-border-color: var(--ev-nav-background-color);
  --bs-accordion-active-bg: var(--ev-nav-background-color);
  --bs-accordion-btn-color: var(--ev-foreground-1);
  --bs-accordion-color: var(--ev-foreground-1);
  --bs-accordion-active-color: var(--ev-foreground-1);
  --bs-accordion-btn-focus-box-shadow: none;
}

.sidenavbar-dark .accordion .no-child::after {
  background-image: none;
}

.sidenavbar-dark .accordion-item {
  margin: 30px 8px;
  border: none;
}

.sidenavbar-dark .accordion-button {
  padding: 0 10px;
}

.sidenavbar-dark .accordion-button i,
.sidenavbar-dark .logout-wraper i {
  color: var(--ev-primary-color);
  padding-right: 7px;
  text-align: center;
  width: 25px;
  transition: text-shadow 0.3s ease;
}

.sidenavbar-dark .accordion-button::after {
  width: 12px;
  height: 9px;
  background-size: 12px;
  color: var(--ev-foreground-1);
}

.sidenavbar-dark .accordion-button:hover {
  text-shadow: 0 0 2px rgba(10, 10, 10, 0.2);
}

.sidenavbar-dark .accordion-body li {
  padding-bottom: 15px;
}

/* Enlaces de navegación lateral con estilos comunes */
.sidenavbar-dark a,
.sidenavbar-dark .a,
.sidenavbar-dark .accordion-body .a {
  color: var(--ev-foreground-1);
  font-size: var(--ev-font-size-s, 16px);
  line-height: var(--ev-font-line-height-s, 22px);
  font-weight: var(--ev-font-weight-400, 400);
  transition: text-shadow 0.3s ease;
}

/* Estados hover y focus - agrupados */
.sidenavbar-dark a:hover,
.sidenavbar-dark a:focus,
.sidenavbar-dark .a:hover,
.sidenavbar-dark .a:focus,
.sidenavbar-dark .accordion-body .a:hover,
.sidenavbar-dark .accordion-body .a:focus {
  color: var(--ev-foreground-1);
  text-decoration: none !important;
}

.sidenavbar-dark a:hover,
.sidenavbar-dark .a:hover,
.sidenavbar-dark .accordion-body .a:hover {
  text-shadow: 0 0 2px rgba(10, 10, 10, 0.2);
}

/* ========================================
   BARRA SUPERIOR (TOPBAR)
   ======================================== */
.topbar {
  background-color: var(--ev-nav-background-color);
  color: var(--ev-foreground-2);
  height: 66px;
}

/* Búsqueda en topbar */
.topbar-search .form-control:focus {
  box-shadow: none;
}

.topbar-search form {
  display: flex;
  align-items: center;
  border: none;
  border-radius: 12px;
  background-color: #fff;
  padding: 0 0.5rem;
  height: 40px;
  min-width: 384px;
  width: 100%;
  height: 36px;
  margin-right: 8px;
}

.topbar-search input[type="search"] {
  border: none;
  outline: none;
  flex: 1;
  padding: 0.25rem 0.75rem;
  font-size: var(--ev-font-size-s);
  background-color: transparent;
}

.topbar-search input[type="search"]:focus {
  background-color: #fff;
}

/* Botón de búsqueda y su icono */
.topbar-search button[type="submit"],
.topbar-search button[type="submit"] i {
  color: var(--ev-foreground-2);
}

.topbar-search button[type="submit"] {
  background: none;
  border: none;
  font-size: var(--ev-font-size-s, 16px);
  line-height: var(--ev-font-line-height-s, 22px);
  padding: 0;
  margin-right: 0.25rem;
}

/* Usuario en topbar */
.topbar-user {
  color: var(--ev-foreground-2);
}

.topbar-user .username {
  color: var(--ev-foreground-1);
  text-decoration: none;
  font-size: var(--ev-font-size-s, 16px);
  line-height: var(--ev-font-line-height-s, 22px);
  font-weight: var(--ev-font-weight-600, 600);
  margin-left: 10px;
}

/* Enlaces de navegación con transición */
a.nav-link.dropdown-toggle,
a.nav-link {
  transition: text-shadow 0.3s ease;
  color: var(--ev-foreground-1);
}

a.nav-link.dropdown-toggle,
a.nav-link.dropdown-toggle:active {
  background-color: #fff;
}

a.nav-link.dropdown-toggle:hover,
a.nav-link:hover {
  text-decoration: none !important;
  text-shadow: 0 0 2px rgba(10, 10, 10, 0.2);
}

/* ========================================
   COMPONENTES GENERALES
   ======================================== */

/* Header de página */
.page-header {
  margin: 20px 0;
  padding: 0;
  border-bottom: 0;
}

.page-header h1 {
  font-size: var(--ev-font-size-xl);
  line-height: var(--ev-font-line-height-xl);
  font-weight: var(--ev-font-weight-600);
  color: var(--ev-foreground-1);
}

/* Breadcrumb */
.breadcrumb {
  --bs-breadcrumb-divider: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath d='M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z'/%3e%3c/svg%3e");
  --bs-breadcrumb-divider-color: var(--ev-foreground-2);
  --bs-breadcrumb-item-active-color: var(--ev-foreground-2);
  --bs-breadcrumb-color: var(--ev-foreground-2);
  --bs-breadcrumb-font-size: var(--ev-font-size-xs);
  font-weight: var(--ev-font-weight-400);
  background-color: transparent;
  padding: 0;
  align-items: center;
}

/* Enlaces de breadcrumb con propiedades comunes */
.breadcrumb > li a,
.breadcrumb > .active {
  color: var(--ev-foreground-2);
  padding: 0;
  margin: 0;
}

.breadcrumb > li a {
  transition: text-shadow 0.3s ease;
}

.breadcrumb > li a:hover {
  color: var(--ev-foreground-2);
  text-decoration: none !important;
  text-shadow: 0 0 2px rgba(10, 10, 10, 0.4);
}

.breadcrumb > .active {
  font-weight: var(--ev-font-weight-400);
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item::before {
  width: var(--ev-font-size-xs);
}

/* Selector de idioma */
.drop_language {
  width: 100%;
  font-size: var(--ev-font-size-xs);
  color: var(--ev-foreground-1);
  line-height: var(--ev-font-line-height-xs);
  font-weight: var(--ev-font-weight-400);
  padding-bottom: 3px;
}

/* Elementos de formulario generales */
input[type="radio"] {
  accent-color: var(--ev-foreground-2);
}

/* ========================================
   GRILLAS Y TABLAS
   ======================================== */

/* Contenedor principal de grillas */
.body-124 .page-container div {
  background-color: var(--ev-content-background-color) !important;
}

/* Header de grilla */

.ms-DetailsHeader {
  border-bottom: 1px solid var(--ev-grid-separator-color);
}

.ms-DetailsHeader-cellName, 
.form-subgrid-heading {
  font-size: var(--ev-font-size-s);
  font-weight: var(--ev-font-weight-400);
}

/* Filas de grilla */
.ms-DetailsRow {
  color: inherit;
  border-bottom: 1px solid var(--ev-grid-separator-color);
}

.ms-DetailsRow:hover {
  font-weight: 500;
}

.ms-DetailsRow-cell {
  padding-top: 16px;
  padding-bottom: 16px;
}

.ms-DetailsRow-cell .ms-Link {
  text-decoration: underline;
  color: var(--ev-primary-color);
}

.root-224:hover .ms-DetailsRow-cell > .ms-Link {
  color: var(--ev-secundary-color);
}

/* subgrid */

/* .view-grid .table-striped > tbody > tr,
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: white;
} */


/* ========================================
   BOTONES
   ======================================== */

/* Botones generales */

.btn {
  --bs-btn-disabled-opacity: 0.55;
}

.root-170 {
  border-radius: var(--borderRadiusMedium);
}

/* Botones primarios - propiedades comunes */
.primarySet-167 .root-170,
.btn-primary,
.button1
{
  background-color: var(--ev-primary-color) !important;
  color: var(--ev-btnPrimary-foreground-color) !important;
  border-color: var(--ev-primary-color) !important;
  font-family: var(--ev-body-font-family) !important;
  font-weight: var(--ev-font-weight-600) !important;
  font-size: var(--ev-font-size-s) !important;
  padding: 3px 16px !important;
  min-width: 100px !important;
  border-radius: 4px !important;
}


.btn-default {
  background-color: var(--ev-content-background-color) !important;
  color: var(--ev-primary-color) !important;
  border: 2px solid var(--ev-primary-color) !important;
  font-family: var(--ev-body-font-family) !important;
  font-weight: var(--ev-font-weight-600) !important;
  font-size: var(--ev-font-size-s) !important;
  padding: 3px 16px !important;
  /* min-width: 100px !important; */
  border-radius: 4px !important;
}

.btn-default:hover {
  color: var(--ev-secundary-color) !important;
  border: 2px solid var(--ev-secundary-color) !important;
}

.btn-default.active {
  background-color: var(--ev-primary-color) !important;
  color: var(--ev-btnPrimary-foreground-color) !important;
  border: 2px solid var(--ev-primary-color) !important;
  font-family: var(--ev-body-font-family) !important;
  font-weight: var(--ev-font-weight-600) !important;
  font-size: var(--ev-font-size-s) !important;
  padding: 3px 16px !important;
  /* min-width: 100px !important; */
  border-radius: 4px !important;
}

.btn-default.active:hover {
  background-color: var(--ev-secundary-color) !important;
  border: 2px solid var(--ev-secundary-color) !important;
}


.primarySet-167 .root-170 {
  border-radius: var(--borderRadiusMedium);
}


/* Estados hover/active de botones primarios */
.primarySet-167 .root-170:hover,
.primarySet-167 .root-170:active,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.btn-primary:focus,
.btn-primary.focus,
.button1:active, 
.button1:active:hover, 
.button1:active:focus,
.button1:hover, 
.button1:focus
{
  color: var(--ev-btnPrimary-foreground-color);
  background-color: var(--ev-secundary-color) !important;
  border-color: var(--ev-secundary-color) !important;
}

.primarySet-167 .root-170:hover,
.primarySet-167 .root-170:active {
  font-weight: var(--ev-font-weight-600);
  font-size: var(--ev-font-size-s);
  border-radius: var(--borderRadiusMedium);
}


i.btn-icon{
    margin: 0px 4px;
    height: 16px;
    line-height: 16px;
    text-align: center;
}

/* ========================================
   FORMULARIOS CRM
   ======================================== */

/* Estructura principal del formulario */
.crmEntityFormView {
  display: flex;
  flex-direction: column;
}

.crmEntityFormView .actions {
  margin-top: 20px;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  border: none;
}

.crmEntityFormView .entity-form {

}

.entity-form {
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
}

/* Pestañas */
/* .tab.clearfix {
  width: 100%;
}

.tab-column {
  width: 100% !important;
} */

/* Tabla del formulario */
.section {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 20px;
}

.section tbody tr {
  margin-bottom: 20px;
}

/* Títulos de sección */
.crmEntityFormView .entity-form legend h3 {
  font-family: var(--ev-body-font-family);
  font-size: var(--ev-font-size-regular);
  font-weight: var(--ev-font-weight-600);
  color: var(--ev-foreground-1);
  font-style: normal;
  line-height: 36px;
  font-feature-settings: "liga" off, "clig" off;
  margin: 20px 0 10px 0;
}

.crmEntityFormView .section-title.show-bar {
  border: none;
  padding-bottom: 4px;
}

/* Celdas del formulario */
.crmEntityFormView .form-control-cell,
.crmEntityFormView .picklist-cell,
.crmEntityFormView .boolean-radio-cell, 
.crmEntityFormView .subgrid-cell {
  padding: 0 14px !important;
  background: transparent !important;
}

/* Etiquetas de campos */
/* .table-info {
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  gap: 5px;
} */




.crmEntityFormView table.table {
    --bs-table-color: var(--ev-foreground-4);
    --bs-table-striped-color: var(--ev-foreground-3);
    --bs-table-active-color: var(--ev-foreground-2);
    --bs-table-hover-color: var(--ev-foreground-1);
    --bs-table-bg: white;
    --bs-table-accent-bg: white;
    --bs-table-striped-bg: white;
    --bs-table-active-bg: white;
    --bs-table-hover-bg: white;
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 1rem;
    /*color: var(--ev-foreground-1);*/
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}


.crmEntityFormView table.table td {
  padding: 12px 8px ;
  vertical-align: middle !important;
}

.crmEntityFormView .table th {
  
  border-bottom: 1px solid var(--ev-grid-separator-color);
  font-weight: var(--ev-font-weight-600);
  font-size: var(--ev-font-size-s);

}


/* 
.entity-grid .view-grid>table>tbody>tr.info>td, 
.table > tbody > tr.info > td  {
    background-color: white !important;
    color: var(--ev-foreground-2)
}

.table > tbody > tr.info:hover {
    background-color: blue !important;
    color: var(--ev-foreground-1);
}

.table-hover > tbody > tr:hover {
    background-color: white !important;
    color: var(--ev-foreground-1)
}
 */

/* Etiquetas y labels con propiedades comunes */
.crmEntityFormView .field-label,
.crmEntityFormView label {
  background-color: white !important;
}

.crmEntityFormView .field-label {
  font-weight: var(--ev-font-weight-600);
  color: var(--ev-foreground-2);
  font-size: var(--ev-font-size-s);
  margin: 6px 0 2px 0;
  display: block;
}

/* Campo requerido */
.table-info.required .field-label::after {
  content: " *";
  color: #d13438;
  font-weight: bold;
}

/* Controles de entrada */
.control {
  width: 100%;
}

/* Estilos de borde comunes */
.crmEntityFormView .boolean-radio-cell .control,
.crmEntityFormView .form-control-cell .control .form-control,
.crmEntityFormView .picklist-cell .control .form-control,
.crmEntityFormView .btn.launchentitylookup,
.crmEntityFormView .btn.clearlookupfield, 
.crmEntityFormView .datetimepicker .btn,
.crmEntityFormView .input-group
 {
  border-bottom: 1px solid #d1d1d1;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
}


.crmEntityFormView .input-group .form-control,
.crmEntityFormView .input-group .btn {
  border: none !important;
}

/* Inputs de texto */
.crmEntityFormView .form-control {
  /*width: 100% !important;*/
  padding: 8px 12px;
  font-size: var(--ev-font-size-s);
  line-height: 1.5;
  background-color: #ffffff;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-shadow: none;
}

.input-group {
  display: flex !important;
  width: 100%;
  position: relative !important;
}

.crmEntityFormView .form-control::placeholder {
  color: #b4b4b4 !important;
  font-style: italic;
}

/* Estados de focus */

.cell:not(.lookup):not(.picklist-cell):not(.boolean-radio-cell):not(.datetime)  input:focus {
  border: 1px solid var(--ev-secundary-color);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.25);
}

.cell.lookup .input-group:focus-within,
.cell.picklist-cell select:focus-within,
.boolean-radio-cell select:focus-within, 
.cell.datetime .input-group:focus-within,
.cell.textarea textarea:focus-within
{
  border: 1px solid var(--ev-secundary-color);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.25);
}

.cell.datetime {
  border-radius: 0 !important;
}

.dropdown-menu
{
  --bs-dropdown-border-radius:4px;
  --bs-dropdown-inner-border-radius : 3px;
  background-color: white;
  --bs-dropdown-box-shadow: 0 0 0 2px rgba(209, 52, 56, 0.25);


}
/* Selects */
.cell.picklist-cell select {
  padding: 7px 12px;
  margin-top: 2px;
}


.crmEntityFormView .datetimepicker .btn {
  color: #323130;
  padding: 3px 12px;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  line-height: 1.8;
}

 
.crmEntityFormView .lookup .btn:focus, 
.crmEntityFormView .lookup .btn:focus-visible
.crmEntityFormView .datetimepicker .btn:focus, 
.crmEntityFormView .datetimepicker .btn:focus-visible {
  outline: none;
}

/* Campos lookup */
.crmEntityFormView .lookup.form-control {
  flex: 1;
  border-radius: 0 !important;
  background-color: white !important;
}

.crmEntityFormView .btn.launchentitylookup,
.crmEntityFormView .btn.clearlookupfield {
  color: var(--ev-foreground-2) !important;
  padding: 8px 12px;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  line-height: 1.8;
}

/* Botones de lookup sin borde izquierdo */
.clearlookupfield,
.launchentitylookup {
  border-left: none !important;
}

.clearlookupfield {
  border-right: none !important;
}

/* .text-muted {
  color: #797775 !important;
  font-style: italic;
  pointer-events: none;
  z-index: 1;
} */

/* Radio buttons */
.crmEntityFormView .cell.boolean-radio-cell input[type="radio"] {
  margin: 12px 8px 0px 24px !important;
}

.crmEntityFormView .boolean-radio label {
  font-weight: 400;
  line-height: 38px;
}

/* Validación */
.form-control:invalid {
  border-color: #d13438;
}

.form-control:invalid:focus {
  border-color: #d13438;
  box-shadow: 0 0 0 2px rgba(209, 52, 56, 0.25);
}

/* Elementos ocultos */
/* .zero-cell {
  display: none !important;
} */

.validators span {
  display: none !important;
}

/* ========================================
   COMPONENTES ESPECIALES
   ======================================== */

/* Fieldsets */
.entity-form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

/* Estilos generales para componentes CRM */
.crmEntityFormView,
.entitylist,
.popover-content {
  color: var(--ev-foreground-2);
  border: 1px solid var(--ev-content-background-color) !important;
}

/* Modal */
.ms-Dialog-main h2#modalTitle {
  color: var(--ev-foreground-2);
  font-size: var(--ev-font-size-regular);
  font-weight: var(--ev-font-weight-600);
  margin: 10px 30px;
}
/* Estilos para el modal de lookup */

.lookup-modal .modal-dialog {
  max-width: 90vw;
}

.lookup-modal .table-responsive {
  /* border: 1px solid #d1d1d1; */
  border-radius: 4px;
  background-color: white;
  padding: 20px 20px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);
}



/* Estilos para el modal de edición */
.ms-Modal .ms-Dialog-main{
    width: 90vw;
    border-radius: 4px;
    background-color: var(--ev-content-background-color);
    color: var(--ev-foreground-2);
}

.modal-content {
  width: 101%;
  border-radius: 4px;
  background-color: var(--ev-content-background-color);
  color: var(--ev-foreground-2);
}

/* Alertas */
.alert-danger {
  background-color: var(--bs-alert-bg);
  border-color: var(--bs-alert-border-color);
  color: var(--ev-foreground-1);
}


.view-toolbar.grid-actions .input-group
{
  display: table !important;
}
.view-toolbar.grid-actions .view-search  .btn.btn-default {
  background-color: white !important; 
  color: var(--ev-foreground-1) !important;
  padding-top: 6px !important;
}


.card
{
  border-radius:  4.4px;
  box-shadow : 0 2.227px 4.453px 0 rgba(0, 0, 0, 0.14), 0 0 2.227px 0 rgba(0, 0, 0, 0.12);
  border: none;
}

.card-title {
  font-size: var(--ev-font-size-s);
  font-weight: var(--ev-font-weight-600);
  font-family: var(--ev-body-font-family);
  color: var(--ev-foreground-1) ;
  line-height: var(--ev-font-line-height-s);
}

.card-text{
  font-size: var(--ev-font-size-xs);
  font-weight: var(--ev-font-weight-400);
  font-family: var(--ev-body-font-family);
  color: var(--ev-foreground-3) ;
  line-height: var(--ev-font-line-height-xs);
}

.card-icon {
   color: var(--ev-btnPrimary-foreground-color);
    width: 32px;
    height: 32px;
    background-color: var(--ev-primary-color);
    font-size: 1.3em;
    text-align: center;
    border-radius: 3px;
    padding-top: 4px;
}

/* ========================================
   UTILIDADES
   ======================================== */
html[dir="ltr"] li a {
  margin-left: 0;
}

/* ========================================
   MEDIA QUERIES
   ======================================== */

/* Responsive para topbar */
@media (max-width: 768px) {
  .topbar-search form {
    max-width: 100%;
  }

  .section tbody tr {
    flex-direction: column;
    gap: 15px;
  }

  .form-control-cell,
  .lookup.form-control-cell {
    min-width: 100%;
    flex: none;
  }

  .entity-form {
    padding: 15px;
  }
}

@media (max-width: 1024px) {
  .form-control-cell {
    min-width: 250px;
  }

  .lookup.form-control-cell {
    min-width: 300px;
  }
}

/* ========================================
   ESTILOS PERSONALIZADOS PARA LOGIN
   ======================================== */

/* .login-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fafbfb;
  padding: 0;
} */

.xrm-editable-html.xrm-attribute.no-value.page-copy {
  max-height: 10vh;
}

#mainContent.page-content .row {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0 20px;
}

.portal-form {
  max-width: 450px !important;
  width: 100%;
  margin: 32px auto 0 auto;
  display: flex;
  flex-direction: column;
  gap: 18px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);

}

.login-heading-section {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 8px;
  color: var(--ev-foreground-1);
  text-align: left;
  border: none;
}

.portal-form label.col-form-label {
  font-weight: var(--ev-font-weight-600);
  color: var(--ev-foreground-2);
  font-size: var(--ev-font-size-s);
  width: 100% ;
  text-align: start ;
}

label.col-form-label.required::after {
  content: " *";
  color: #d13438;
  font-weight: bold;
  white-space: nowrap
}

label.col-form-label.required::before {
  content: "";
}



.portal-form .form-control {
  border-bottom: 1px solid #d1d1d1;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
  font-size: var(--ev-font-size-s);
  padding: 8px 0 6px 0;
  margin-bottom: 8px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-shadow: none;
  width: 100% !important;
}

.portal-form .form-control:focus {
  border: 1px solid var(--ev-secundary-color);
  outline: none;
  box-shadow: 0 0 0 2px rgba(0, 120, 212, 0.25);
}

.portal-form .checkbox label {
  font-size: 0.95rem;
  color: var(--ev-foreground-3);
  font-weight: 400;
}

.portal-form .btn-primary, 
.portal-form .btn-default
{
  width : 100%;
  margin: 10px 0;
}

.portal-form .btn-default
{
  border: none !important;
  background-color: transparent !important;
}


.portal-form     .offset-md-4 {
        margin-left: 0 !important;
  }

.portal-form .col-md-8, 
.portal-form .col-md-4
 {
  width: 100% !important ;

}


/* Responsive */
@media (max-width: 600px) {
  .portal-form {
    padding: 24px 8px 16px 8px;
    max-width: 98vw;
  }
}