:root {
    --bs-yellow: #FFF700;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 0, 152, 247;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #24292e;

}

.text-sycon-yellow {
    color: #FFF700;
}


.text-small{
    font-size: 11px;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .18rem .4rem;
    font-size: .7rem;
    border-radius: .1rem;
}

.text-income {
    color: #4bc673;
}

.border-b-income {
    border-bottom-color: #4bc673;
}
.text-expense {
    color: #e57070;
}

.border-b-expense {
    border-bottom-color: #e57070;
}

.btn-group-xxs > .btn, .btn-xxs {
    padding: .15rem .4rem;
    font-size: .5rem;
    border-radius: .1rem;
}

.form-control-sm {
    border-radius: 0;
    border: 1px solid #0098f73e;
    color: #9c9c9c;
    background-color: #0098f703;
}

.active-menu {
    border-bottom: 2px solid #0098F7;
    color: #0098F7 !important;
}

.container-info {
    max-width: 800px
}