:root{
    --color-sistema-base: #6777ef;
}

.bg_estandar {
 
   /*#1B3356 #fffedf*/
     background-color: #ffffff !important;
     /* background: linear-gradient(to top right,   #4490ff 0%, var(--color-sistema-base) 100%) !important; */
    
}

.bg_dark{
   
    background: var(--color-sistema-base) !important;
}


.bg_gif{    
  background-image: var(--url-image_inicio);
    background-repeat: repeat;
    background-size: contain;
    /* background-position: center; ffb61aeb */
    left: 27%;
    position: absolute;

}

.revisa{
    background-color: #ffffff !important;
}


.revisa_v2{
    background-color: #f5ba3beb  !important;
}

.notification{
    background-color: #ff6c40    !important;
}

.rechazo{
    background-color: #b0b4e9     !important;
}

.aprobado{
    background-color: #0ee03c   !important;
}

.tarjeta_1{
    background-color: #e8f3ea  !important;
    border: solid 2px  #0ee03c !important;
}
.tarjeta_2{
    background-color: #fff2e5     !important;
    border: solid 2px  #ff6c40 !important;
}
.tarjeta_3{
    background-color: #edeeff    !important;
    border: solid 2px  #b0b4e9 !important;
}

.width_welcome{
        width: 100% !important;
        height: 100% !important;
}

.txt_white{
    color: rgb(255, 255, 255) !important;
}

.btn_color_standar{
    background: var(--color-sistema-base) !important;
    color: white !important;
}


.btn_cancelar_color_standar{
    background: #909205 !important;
    color: white !important;
}


.text_color_default_menu {
    color: #8b8585 !important;
}

.text_color_default_menu:hover {
    color:  var(--color-sistema-base) !important;
}

.top_loader{
    top: 10% !important;
}


.text_small_style {
    letter-spacing: -1px !important;
    font-size: small;
}

.text_small {    
    font-size: small;
}

.text_title_form{
    color:  var(--color-sistema-base) !important;
}

.spacing_letras{
    letter-spacing: 0px !important;
}

.sidebar {
    position: fixed;
    left: 0;
    top: 0;
    width: 250px;
    height: 100%;
    background: #343a40;
    color: white;
    transition: left 0.3s;
}
.sidebar.closed {
    left: -250px;
}
#main_principal {
    margin-left: 250px;
    transition: margin-left 0.3s;
}
#main_principal.closed {
    margin-left: 0;
}
.boder_menu {
    border-right: solid 0.1px var(--color-sistema-base);
}

.display_conten {
    display: contents !important;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.377);
    z-index: 9998;
}

.centrado_switch {
    justify-content: center;
    display: flex;
}



.borde_generic_input {
    border: solid 2px  var(--color-sistema-base) !important;
}

.br_buttom{
    border-bottom: 2px solid transparent;
    border-image: linear-gradient(to right, transparent, var(--color-sistema-base), transparent) 1;
}
.br_top{
    border-top: 2px solid transparent;
    border-image: linear-gradient(to right, transparent, var(--color-sistema-base), transparent) 1;
}

.br_lateral{
    border-left: 2px solid transparent;
    border-image: linear-gradient(to right, transparent, var(--color-sistema-base), transparent) 1;
}
.circle_time_line {
    display: inline-block;
    width: 9.75%;
    height: 9.75%;
    margin-right: .5rem;
    line-height: 1.7rem;
    color: #fff;
    text-align: center;
    background: rgba(13, 110, 253, 1);
    border-radius: 50%;
}

.size_notification{
    font-size: 9px !important;
    top: 22% !important;
    position: absolute !important;
    right: 12% !important;
}

.top_screen_solicitud{
    top: -37%;
}

.padding_table{
    padding: 0px;
}

.name_user_menu{
    right: 37% !important;
    position: relative;
}
.w-10{
    width: 10% !important;
}
.w-40{
    width: 40% !important;
}

.boder_costado_table{
    border-right: solid 2px  var(--color-sistema-base) !important;
    border-left: solid 2px  var(--color-sistema-base) !important;
}

.icon_color{
    color: var(--color-sistema-base);
}

.max_w_card_home{
    max-width: 9rem !important;
}

.top-85{
    top: 85% !important;
}

.bg_cumple{    
  background-image: var(--url-image_birday);
    background-repeat: no-repeat;
    background-size: contain;
    /* background-position: center; ffb61aeb */
    /* left: 27%; */
    position: absolute;

}

/**  Estilos de calendario */
#calendar {
 background-color: #fff !important; /* Fondo general */
}

.evo-calendar .calendar-events .event-container .event,  #sidebarToggler ,  #eventListToggler, .calendar-sidebar {
  background-color: var(--color-sistema-base) !important; /* Color de eventos */
  color: white !important;
}

.calendar-months > li.active-month {
     background-color: #5164f0 !important;
}

.evo-calendar .calendar-header {
  background-color: #e9ecff  !important; /* Encabezado */
  color: #ecf0f1 !important;
}