/******************************************************************************* 
Created on : 01/10/2025, 00:00:00
Author     : ING ANDRES CHILIQUINGA
*******************************************************************************/
root { 
    display: block;
}

html, body{
    direction:ltr;
    font-family           : 'Inter', sans-serif;
    font-size             : 11px !important;
    color                 : #78767b !important; 
    padding               : 0px;   
    background-color      : #EAEAEA;
    background-size       : 100% 100%;
    background-attachment : fixed;
}

.main-container{
    position        : absolute; 
    background-color: #f0eff3;/*#fafafa;*/
    width           : 100%;
    height          : 100%;
    overflow        : hidden;
}

.container{
    width       : 100% !important;
    height      : 100% !important;
    max-width   : 100% !important;
    min-width   : 100% !important;
    padding     : 10px !important;
    overflow    : hidden;
}

.contend{
    width         : 100% !important;
    height        : 90% !important;
    max-width     : 100% !important;
    min-width     : 100% !important;
    padding       : 15px !important;
    background    : #ffffff; 
    overflow      : hidden;
    border-radius : 10px !important;  
}

.contend-principal{
    width       : 100% !important;
    height      : 100% !important;
    max-width   : 100% !important;
    min-width   : 100% !important;
    overflow-y  : auto;
    overflow-x  : hidden
}

.card-login {
  background-color: #FFFFFF;         /* Fondo blanco */
  border: 1px solid #1A2A5A;         /* Borde azul marino */
  border-radius: 12px;               /* Bordes redondeados */
  padding: 30px 25px;                /* Espaciado interno */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra suave */
  margin: 0 auto;                    /* Centrado horizontal */
}


.lowercase-input {
  text-transform: lowercase;
}

.uppercase-input {
  text-transform: uppercase;
}

.number-input {
  text-align: right;
}

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

.text-justify {
  text-align: justify;
}

.btn-yellow {
    background-color  : #F4B400;          /* Amarillo dorado */
    color             : #FFFFFF;          /* Texto blanco */
    border            : none;             /* Sin borde */
    border-radius     : 5px;              /* Bordes redondeados */
    padding           : 6px 10px;         /* Espaciado interno */
    font-size         : 1rem;             /* Tamaño de fuente */
    cursor            : pointer;          /* Cursor tipo botón */
    box-shadow        : 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra suave */
    transition        : background-color 0.3s ease;
}

.btn-yellow:hover {
  background-color  : #dca200;      /* Amarillo más oscuro al pasar el mouse */
}

.row-margin{
    margin-top  : 0.5rem !important; 
}


.offcanvas {
    --bs-offcanvas-width: 250px !important;
}

.accordion-mnu {
    --bs-accordion-color                    : #212529 !important;
    --bs-accordion-transition               : color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    --bs-accordion-btn-padding-x            : 1.25rem;
    --bs-accordion-btn-padding-y            : 1rem;
    --bs-accordion-btn-color                : #9ea0a2 !important;
    --bs-accordion-btn-icon                 : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239ea0a2'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width           : 1.25rem;
    --bs-accordion-btn-icon-transform       : rotate(-180deg);
    --bs-accordion-btn-icon-transition      : transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon          : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239ea0a2'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color   : #212529;
    --bs-accordion-btn-focus-box-shadow     : 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-accordion-body-padding-x           : 1.25rem;
    --bs-accordion-body-padding-y           : 1rem;
    --bs-accordion-active-color             : #f5f6f6 !important;
}


.nav-link {
    text-align : left !important;
    color      : #f7f8fa !important;
}

.nav-pills .nav-link-tabs {
  background: transparent;
  border: 1px solid #757472;
  border-radius: var(--bs-nav-pills-border-radius);
  margin-right: 5px;
  padding: 4px;
  color: #757472;
}

.nav-link-tabs.active{
  background: #1A2A5A;
  border: #1A2A5A 1px;
  border-radius: var(--bs-nav-pills-border-radius);
  margin-right: 5px;
  padding: 5px;
  color: #ffffff ;
}

.accordion-item:hover {
    color      : #f7f8fa !important;
}

.nav-link:hover {
    color      : #f7f8fa !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color            : #082559 !important;
    background-color : #fed100 !important;
}

.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: #FFF;
    filter          : alpha(opacity=60); /*IE*/
    -moz-opacity    : 0.5;
    opacity         : 0.5; /*FireFox Opera*/
    z-index         : 2000;
}

.card-shorcut {
  background-color: #FFFFFF;         /* Fondo blanco */
  border: 1px solid #f0eff3;         /* Borde azul marino */
  border-radius: 8px;               /* Bordes redondeados */
  padding: 10px 10px;                /* Espaciado interno */
  /*box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Sombra suave */
  margin: 0 auto;                    /* Centrado horizontal */
}

.card-height{
    height: 87vh;
    overflow-y: auto;
}

.card-body-height{
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

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

.border-sudinco {
  --bs-border-opacity: 1;
  border-color: #1A2A5A !important;
}

@media (min-width: 90vw) {
  .modal-xl {
    --bs-modal-width: 95vw !important;
  }
}

/**************** TAB *******************/
.nav-link-1 {
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    text-align : left !important;
    color      : #ffffff !important;
    background : #9E9E9E !important;
    border-radius: 4px 4px 0 0;
    border: transparent !important;
    
}

.nav-link-1.active {
    text-align : left !important;
    color      : #ffffff !important;
    background : #0b5ed7 !important;
    border: 1px solid #ffffff !important;
}

/* ESTILOS PARA EL CALENDARIO */
#calendar {
    max-width: 1100px;
    margin: 0 auto;
}

.external-event {
    display: block;
    margin: 0 0 5px;
    padding: 8px;
    background: #3788d8;
    color: #fff;
    border-radius: 3px;
    cursor: move;
    border: 1px solid #2c5aa0;
    font-size: 13px;
    font-weight: bold;
    transition: all 0.3s ease;
}

.external-event:hover {
    background: #2c5aa0;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.external-event.fc-event-danger {
    background: #d9534f;
    border-color: #d43f3a;
}

.external-event.fc-event-success {
    background: #5cb85c;
    border-color: #4cae4c;
}

.external-event.fc-event-warning {
    background: #f0ad4e;
    border-color: #eea236;
}

.external-event.fc-event-info {
    background: #5bc0de;
    border-color: #46b8da;
}

.external-event.fc-event-primary {
    background: #337ab7;
    border-color: #2e6da4;
}

#external-events {
    padding: 10px;
}

#external-events .card-body::-webkit-scrollbar {
    width: 6px;
}

#external-events .card-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

#external-events .card-body::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

#external-events .card-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Estilos para las pestañas Reporte de Evolución */
#evolutionTabs .nav-link {
    background-color: #e0e0e0;
    color: #78767b !important;
    border: 1px solid #dee2e6;
    font-weight: 500;
    transition: all 0.3s ease;
}

#evolutionTabs .nav-link:hover {
    background-color: #d0d0d0;
    color: #000000;
}

#evolutionTabs .nav-link.active {
    background-color: #cfe2ff;
    color: #78767b;
    border-color: #cfe2ff;
    font-weight: 600;
}

#evolutionTabs .nav-link i {
    color: #78767b;
}