:root {
    --cares-light-gray: #c9c9c9;
    --cares-error-red: #f13f3f;
    --cares-error-red-l: #f11313;
    --cares-green-light : #36a97c;
    --cares-green-lighter : #dff8dc;
    --cares-green-super-ligth : #e8e8e8;
    --cares-green-normal: #345d2e;
    --cares-green: #319b73;

    --cares-text-dark-light: #4b4b4b;
    --cares-black-normal : #4e555b;
}

html {
    height: 100%;
    background-color: var(--cares-green-light);
    font-family: 'Manrope', sans-serif !important;
}

body {
    height: 100%;
    width: 100%;
    font-family: 'Manrope', sans-serif !important;
}

* {
    font-family: 'Manrope', sans-serif !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Text styles */

/* Text underline */
.t-under {
    text-decoration: underline;
}

/* Text bold */
.t-bold {
    font-weight: bold;
}

.toast-route {
    background-color: red !important;
}

/* Text light */
.t-light {
    font-weight: lighter;
}

/* Text normal */
.t-normal {
    font-weight: normal;
}

.bc-dark {
    border-color: rgba(75, 75, 75, 0.55) !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: white;
    z-index: 9999;
}

.border-top {
    color: #333333;
}

.td {
    color: var(--cares-text-dark-light) !important;
}



/*
 * SignUp View
 */

/*.signup-form-group {*/
/*    margin-left: 15%;*/
/*    margin-right: 15%;*/
/*}*/

.signup-form {
    border-radius: .3rem !important;
}
.image-logo-spinner {
    width: 25%;
}




.spinner-classic {
    /*background-color: rgba(151, 194, 153, 0.62);*/
    background-color: rgba(151, 194, 153, 0.93);
    position: fixed !important;
    height: 100% !important;
    width: 100% !important;
    display: grid;
    justify-content: center;
    align-content: center;
    z-index: 20;
    top: 0 !important;
    left: 0 !important;
    /*  Check if OK LEFT = 0  */
}

.spinner-classic .spinner-grow {
    color: #fae06e !important;
}

.spinner-classic-div {
    background-color: rgba(203, 232, 205, 0.97);
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    display: grid;
    justify-content: center;
    align-content: center;
    z-index: 20;
    top: 0 !important;
    left: 0 !important;
    /*  Check if OK LEFT = 0  */
}
.spinner-classic-div .spinner-grow {
    color: var(--cares-green-light)
}



.button-signup-notfound {
    border-radius: .3rem !important;
    border-color: var(--cares-green-light);
    background-color: var(--cares-green-light);
    font-weight: 600;
    color: whitesmoke;
}

.button-signup-notfound:focus, .button-signup-notfound:visited, .button-signup-notfound:visited {
    background-color: var(--cares-green-light);
    border-color: var(--cares-green-light);
    outline: none;
    box-shadow: none;
    color: whitesmoke;
}
.button-signup-notfound:hover {
    border-radius: .3rem !important;
    border-color: var(--cares-green-light);
    background-color: whitesmoke;
    font-weight: 600;
    color: black;
}

.button-signup-next {
    border-radius: .3rem !important;
    border-color: var(--cares-green-light);
    background-color: var(--cares-green-light);
    font-weight: 600;
    color: whitesmoke;
}

.button-signup-next:focus, .button-signup-next:visited .button-signup-next:active {
    background-color: var(--cares-green-light);
    border-color: var(--cares-green-light);
    outline: none;
    box-shadow: none;
    color: whitesmoke;
}

.button-signup-next:hover {
    background-color: var(--cares-green-light);
    color: whitesmoke;
    outline: none;
    border-color: var(--cares-green-light);
    box-shadow: inset 0px 0px 0px 2px var(--cares-green) !important;
}



.button-start-end {
    border: thin solid black;
}
.button-start-end:disabled {
    background-color: lightgrey !important;
}
.alert-on-route {
    z-index: 9999 !important;
}

/* * * */
.button-classic, .button-classic:focus {
    border-radius: .3rem !important;
    /*border-color: var(--cares-green-light);*/
    background-color: whitesmoke;
    font-weight: 600;
    /*font-size: small;*/
    color: black;
    outline: none;
    box-shadow: none;
}

.button-classic-success {
    background-color: var(--cares-green-lighter) !important;
}

.button-classic:active, .button-classic:visited {
    outline: none;
    box-shadow: none;
}

.button-classic:disabled {
    pointer-events: none !important;
}



.button-classic:hover, .route-view-selected {
    background-color: var(--cares-green-lighter) !important;
    color: black;
    outline: none;
    border-color: var(--cares-green-light);
    box-shadow: inset 0px 0px 0px 2px var(--cares-green) !important;
}


.btn-scroll-top-img {
    position: absolute;
    top: .5rem;
    right: 0;
    width: 50%;
    cursor: pointer;
    border-radius: .3rem;
}

.btn-scroll-bottom-img {
    position: absolute;
    top: 65vh;
    right: 0;
    width: 50%;
    cursor: pointer;
    border-radius: .3rem;
}

.btn-scroll-top-img-alert {
    position: absolute;
    top: .5rem;
    right: 0;
    width: 70%;
    cursor: pointer;
    border-radius: .3rem;
}

.btn-scroll-bottom-img-alert {
    position: absolute;
    top: 75vh;
    right: 0;
    width: 70%;
    cursor: pointer;
    border-radius: .3rem;
}

/*.image-logo-signup-container {*/
/*    background-color: var(--cares-green-light);*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
/*.image-logo-signup {*/
/*    width: 15%;*/
/*    cursor: pointer;*/
/*}*/

.fade-enter-active, .fade-leave-active {
    transition: opacity 2s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}

.fade2-enter-active, .fade2-leave-active {
    transition: opacity 5s;
}
.fade2-enter, .fade2-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
}



/*.fade-enter-active {*/
/*    transition: opacity 0.5s ease;*/
/*}*/

/*.fade-leave-active {*/
/*    transition: opacity 0.5s ease;*/
/*}*/

/*.slide-fade-enter-from,*/
/*.slide-fade-leave-to {*/
/*    !*transform: translateX(20px);*!*/
/*    opacity: 0;*/
/*}*/

/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * *   Media screen max-width 1000px  * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/