@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap');

:root {
    --esparkinson-color-primario: #00B1B9;
    --esparkinson-color-clarito: #e6f7f8;
    --esparkinson-color-oscuro: #096272;
    
    --primary: var(--esparkinson-color-primario) !important;
    --btn-primary: var(--esparkinson-color-primario) !important;
    
    --widget-bg: rgb(243, 251, 252);

    --bg-color: var(--esparkinson-color-clarito) !important;
    --border-color: var(--esparkinson-color-oscuro) !important;
    --control-bg: var(--esparkinson-color-clarito) !important;
    --heading-color: var(--esparkinson-color-primario) !important;

    /* Nuevas fuentes */ 
    /*** --font-stack: "Montserrat, sans-serif" !important; */
    --font-stack: "Dosis, sans-serif" !important;
    font-optical-sizing: auto !important; 


    /* font size */
    /* --text-tiny: 12px !important;
    --text-2xs: 13px !important;
    --text-xs: 13px !important;
    --text-sm: 14px !important;
    --text-md: 14px !important;
    --text-base: 14px !important;
    --text-lg: 18px !important;
    --text-xl: 18px !important;
    --text-2xl: 20px !important;
    --text-3xl: 24px !important;
    --text-4xl: 26px !important;
    --text-5xl: 28px !important;
    --text-6xl: 32px !important;
    --text-7xl: 40px !important;
    --text-8xl: 44px !important;
    --text-9xl: 48px !important;
    --text-10xl: 52px !important;
    --text-11xl: 56px !important;
    --text-12xl: 64px !important; */
      


    /* font weight */
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-black: 800;


    --icon-fill: var(--esparkinson-color-clarito) !important;
    --icon-stroke: var(--esparkinson-color-oscuro) !important;


    --navbar-height: 102px !important;
}

body {
  font-size: var(--text-base) !important;  
  background-color: var(--bg-color) !important;
}

.print-preview-sidebar {
    --control-bg: #fff !important;
}

#icon-printer {
    --icon-fill: var(--icon-stroke);
}

.app-logo {
  min-height: 40px !important;
}

header.navbar {
  background-color: var(--esparkinson-color-primario) !important;
}

.page-head {
    background-color: var(--esparkinson-color-oscuro) !important;
    color: var(--esparkinson-color-primario) !important;
}

#page-login .page-card-head img {
    max-height: 100px !important;
}

#page-login .social-logins {
    display: none;
}

body[data-path="login"] .navbar {
    display: none;
}

/* Tabla para presupuesto anual etc. */

.text-align-left {
  text-align: left !important;
}

.text-align-center {
    text-align: center !important;
}

.table-scroll table th {
    white-space: wrap;
    text-overflow: '';
    overflow: clip;
  }


  .table-scroll #seguimiento-economico-proyecto th  {
    white-space: nowrap;
    text-overflow: '';
    overflow: clip;
  }


  .table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
  }

  .table-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
    /* min-width: 2920px; */
  }

  .table-scroll th,
  .table-scroll td {
    padding: 5px 2px;
    vertical-align: top;
    text-align: center;
  }

  .table-scroll .tabla-head th {
    background: #00515d5f;
    color: var(--text-color);
    /** position: -webkit-sticky;
      position: sticky; 
      top: 0;
      **/
    
    text-align: center;
  }

  /* safari and ios need the tfoot itself to be position:sticky also */
  .table-scroll th {
    /* position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 4; */
    width: min-content;
  }

  .table-scroll tfoot,
  .table-scroll tfoot th,
  .table-scroll .tabla-foot,
  .table-scroll .tabla-foot th {
    /* position: -webkit-sticky;
    position: sticky; 
    z-index: 4;
    bottom: 0;
    */
    
    background: #666;
    color: #fff;
    
  }

  .table-scroll .tabla-foot td {
    background: #666;
    color: #fff;
  }


  .table-scroll .tabla-no-ellipsis {
    white-space: nowrap;
    text-overflow: unset;
    overflow: visible;
  }

 /***  .table-scroll .tabla-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: inherit;
    margin-left: inherit;
  }
**/

footer {
  background-image: url('/assets/neurona/img/Logo UE y Gobierno.png');  
  height: 40px;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 25px !important;
  margin-bottom: 0px !important;
  border: none !important;
  /* background-color: var(--bg-color) !important; */
  background-color: white !important;

  padding: 2rem 0 !important;
}

footer.web-footer {
    min-height: min-content !important;
    background-color: white !important;
}

#page-login .page_content {
    min-height: fit-content !important;
}

#page-login .page-footer {
    background-image: url('/assets/neurona/img/logo-fep-grande.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 10px;
    margin-top: 50px;
    height: 100px;
}

.quick-list-widget-box .widget-title {
  font-weight: 700 !important;
  font-size: var(--text-xl) !important;
}


.neurona-toolbar {
    background-color: var(--esparkinson-color-clarito);
    position: relative;
    z-index: -1;
} 

.neurona-toolbar .btn {
    border: 1px solid var(--esparkinson-color-clarito);
    border-radius: 0;
}

.btn-default .es-icon {
    stroke: var(--esparkinson-color-oscuro) !important;
}


/* .custom-block-widget-box {
    background-color: var(--bg-color);
} */



#navbar-breadcrumbs li.disabled a {
    color: var(--gray-800) !important;
}

.margin-left-20 {
    margin-left: 20px;
}
/* ListView */
/* .list-subject {
    flex: min-content !important;
} */

/* .list-row-head {
    flex: min-content !important;
}
.list-row-col {
    flex: min-content !important;
}

.list-row-head.large,
.list-row-col.large {
    flex: 3 !important;
} */


/* Botoneras */
[data-page-route="Workspaces"] .codex-editor .codex-editor__redactor .ce-block .ce-block__content .ce-header .h4 {
    font-size: var(--text-5xl);
}