/******************************************************************************* 
Created on : 31/01/2025, 00:00:00
Author     : ING ANDRES CHILIQUINGA
*******************************************************************************/

root { 
    display: block;
}

html, body{
    direction             : ltr;
    font-family           : "Figtree", sans-serif !important;
    font-weight           : 100;
    font-style            : normal;
    font-size             : 11px !important;
    color                 : #a3a3a3 !important; 
    padding               : 0px;   
    background-color      : #f8fafc; /*#1f64cc;*/
    background-size       : 100% 100%;
    background-attachment : fixed;
}

.main-container{
    position        : absolute; 
    background-color: #f8fafc;
    width           : 98%;
    height          : 98%;
    overflow        : hidden, auto;
    margin          : 10px;  
    overflow-y: auto; /* Activa el scroll vertical solo cuando sea necesario */
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6{
    direction   : ltr;
    font-weight : 400 !important;
    font-family : "Figtree", sans-serif !important;
    font-style  : normal;
}


#footer-copyright {
    font-size   : 10px;
    position    : absolute; /* El hijo es absoluto respecto al padre relativo */
    bottom      : 0;
    left        : 0;
    width       : 100%; /* Ocupa el 100% del ancho del sidebar-wrapper */
    height      : 100px; /* Altura del footer */
    color       : #ffffff;
    padding     : 0px 0px;
    text-align  : center;
    background-color: #343a40;
}

.load {
    /*Div que ocupa toda la pantalla*/
    display         : none; /* Hidden by default */
    position        : fixed;
    top             : 0px;
    left            : 0px;
    bottom          : 0px;
    right           : 0px;
    width           : 100%;
    height          : 100%;
    background-color: #474747;
    filter          : alpha(opacity=60); /*IE*/
    -moz-opacity    : 0.5;
    opacity         : 0.5; /*FireFox Opera*/
    z-index         : 2000;
}

.img-round{
    width         : 100px;
    height        : 100px;
    border-radius : 50%;
    object-fit    : cover;
    border        : solid 4px;
    border-color  : #909497;
}

.required::after {
    content: ' *';
    color: red;
    font-weight: bold;
}

.row-margin{
    margin-top: 5px !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
  min-height: 15px !important;
}

.dropdown-menu-lg {
  min-width: 200px !important;
  max-width: 200px !important;
  padding: 0;
}

.semibold {
  font-family: 'Figtree', sans-serif;
  font-weight: 600;
}
