/* Effacement du contour au clic du menu burger */
.btn:focus, .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}

nav{
z-index: 2;
}

#crossBtn{
    display: none;
}

.app-hover-boutontrans:hover{
    background-color: rgba(255, 255, 255, 0.212)!important;
}

.app-hover-boutonblanc:hover{
    background-color: rgb(241, 241, 241)!important;
}

.app-padding-navbar{
    margin-left: 158px;
}


.app-bg-navbar{ 
    padding: 0!important;
}

.app-iconprofil-size{
    font-size: 80px;
}

.app-vertical-navbar{
    height: 70vh;
}

.app-lien-monespace, 
.app-lien-demande,
.app-lien-profil,  
.app-hr{
    display: none;
}

.navbar-verticale{
    width: 250px;
    transition: transform 0.5s ease;
}

.active-tab{
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.151);
    border-radius: 5px;
    box-shadow: 1px 5px 14px -4px rgba(0,0,0,0.25);
    -webkit-box-shadow: 1px 5px 14px -4px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 5px 14px -4px rgba(0,0,0,0.25);
    color: grey;
}

.navbar-hidden {
    transform: translateX(-87%); 
}

.no-transition {
    transition: none !important;
}

.navbar-horizontale{
    height: 60px;
}

.app-link-opacity{
    opacity: 60%;
}




/* Media queries */

@media screen and (max-width: 992px){
    /* Desactivation du menu verticale sur mobile */
    .navbar-verticale{
        display: none;
    }

    #crossBtn{
        display: inherit;
    }

    .navbar-collapse{
        background-color: #eec34d;
        position: absolute;
        top:0;
        right: 0;
        height: 100vh;
        width: 100%;
    }



    /* .navbar-horizontale{
        height: 7%;
    }

    .navbar-toggler{
        width: 90px;
        height: 90px;
        margin: 0 20px;
    }

    .navbar-toggler-icon{
        width: 100%;
        height: 100%;
    }

    .navbar img{
        width: 210px!important;
    } */

    .app-lien-monespace, 
    .app-lien-demande,
    .app-lien-profil,  
    .app-hr{
        display: block;
    }

    /* .nav-col-h, .bg-login-bloc, #conteneurFormulaire{
        height: 100vh;
        margin: 0!important;
    }

    #inputEmail, #inputPassword{
        width: 90%;
        height: 90px;
        margin: 0 auto;
    }

    #conteneurFormulaire h1{
        font-size: 70px!important;
    } */

    .link-inscription-burger, .link-burger{
        border: none;
        width: 100%!important;
        margin: 0 auto!important;
        font-size: 25px!important;
        font-weight: bold!important;
        padding-left: 50px!important;
    }

    .link-inscription-burger{
        font-weight: bold!important;
    }

    .nav-link{
        text-align: left;
    }

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

}