:root {
    /*Project's colors*/
    --Primary-Color-Platinate-Blue: #0339C1;
    --Primary-Color-Gunmetal: #092326;
    --Primary-Color-Emerald: #44BE6A;
    --Primary-Color-Celadon: #97D8B3;
    --Primary-Color-Davys-gray: #575756;
    --Secondary-Color-Paynes-Gray: #52656B;
    --Secondary-Color-French-Rose: #ff3b77;
    --Secondary-Color-Lime: #CDFF00;
    --Secondary-Color-Sage: #B8B89F;
    --Background-Color: #e9e9e9;
}

* {
    font-family: "Readex Pro", "e-icons" !important;
}

html {
    font-size: 14px;
}

.custom__btn-primary {
    background-color: #70c45e !important;
    border-color: #447739 !important;
    color: #fff !important;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

/* Set the border color */
.custom-toggler, .navbar-toggler {
    border-color: white;
}

/* Setting the stroke to green using rgb values (0, 128, 0) */
.custom-toggler, .navbar-toggler-icon {
    background-image: url( "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

body {
    font-family: 'Readex Pro', sans-serif !important;
    background-color: #F9F9F9 !important;
}

#nav-principal {
    background: #102134;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
}

    #nav-principal .nav-link {
        color: white !important;
    }

    #nav-principal .nav-item {
        padding: 0 5px;
    }

.dot {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}