@font-face {
    font-family: 'MiFuente';
    src: url('../Fonts/Outfit-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MiFuente';
    src: url('../Fonts/Outfit-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.div-nav {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.btn-info {
    background-color: #00C3cd !important
}

body {
    font-family: 'MiFuente', sans-serif !important;
}

.nav-link.active {
    color: #ccc2b2 !important;
}

.lblCalipso {
    color: #00C3cd !important;
}

.lblBaige {
    color: #ccc2b2 !important;
}

.lblMarfil {
    color: #ede8de !important;
}

.lblGClaro {
    color: #d2dce1 !important;
}

.lblGOscuro {
    color: #415564 !important;
}

.lblCalipso {
    color: #00C3cd !important;
}

.lblVMar {
    color: #1E3746 !important;
}

.lblTitlCalipso {
    color: #00C3cd !important;
    font-weight: bold !important;
}

.lblTitlBaige {
    color: #ccc2b2 !important;
    font-weight: bold !important;
}

.lblTitlMarfil {
    color: #ede8de !important;
    font-weight: bold !important;
}

.lblTitlGClaro {
    color: #d2dce1 !important;
    font-weight: bold !important;
}

.lblTitlGOscuro {
    color: #415564 !important;
    font-weight: bold !important;
}

.lblTitlCalipso {
    color: #00C3cd !important;
    font-weight: bold !important;
}

.lblTitlVMar {
    color: #1E3746 !important;
    font-weight: bold !important;
}

.span {
    color: red;
    font-size: 20px;
}