html, body {
    height: 100%;
    width: 100%;
}

/* Designing for scroll-bar */
::-webkit-scrollbar {
    width: 2px;
    background: #262626;
}
::-webkit-scrollbar:hover {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #262626;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb {
    background: #1fad26;
    border-radius: 5px;
    cursor: pointer;
}
::-webkit-scrollbar-thumb:hover {
    background: #0f7e07;
    font-size: 24px;
    letter-spacing: 0.1em;
    margin-top: 30px;
}

/*block page

 */
.blockPage{
    display : none;
}

.blockPage.active{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);

}

.blockPage .rowBlockPage{
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    text-shadow: 2px 2px 4px #474747;
}

/*
div erreure
 */

#alertInscriptionErreur{
    display: none;
}

#alertInscriptionErreur.active{
    display: block;
}

#alertConnexionErreur{
    display: none;
}

#alertConnexionErreur.active{
    display: block;
}

#alertDivresetPassword, #successDivresetPassword{
    display: none;
}

#alertDivresetPassword.active, #successDivresetPassword.active{
    display: block;
}
/*---*/

.navInterface {
    width: 330px !important;
}

/*
modal reset password
 */
#resetPasswordForm{
    padding-top: 15px;
}

#resetPasswordForm button{
    float: right;
    margin-top: 10px;
}

#resetPasswordForm.none{
    display:none;
}
/*---*/

/*
slide bare
 */
#SidebarsGestion {
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    height: -webkit-fill-available;
    max-height: 100vh;
    overflow-x: auto;
    overflow-y: hidden;
}

.bi {
    vertical-align: -.125em;
    pointer-events: none;
    fill: currentColor;
    font-size: 24px;
}

.dropdown-toggle { outline: 0; }
.nav-flush .nav-link {
    border-radius: 0;
}


.btn-toggle {
    display: inline-flex;
    align-items: center;
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0, 0, 0, .65);
    background-color: transparent;
    border: 0;
}
.btn-toggle:hover,
.btn-toggle:focus,
.btn-toggle[aria-expanded="true"]{
    color: rgba(0, 0, 0, .85);
    background-color: #484848;
}

.btn-toggle::before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(255, 255, 255)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
    color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.btn-toggle-nav a {
    display: inline-flex;
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    text-decoration: none;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
    background-color: #3a4699;
}

.btn-toggle-nav a.active {
    background-color: #1c22c7;
}

.scrollarea {
    overflow-y: auto;
}

.fw-semibold { font-weight: 600; }
.lh-tight { line-height: 1.25; }

.sousSidebar {
    width: 280px;
    overflow: auto;
    direction: rtl;
}

.sousSidebar hr {
    border: unset;
}

.sousSidebar ul {
    direction: ltr;
}

.navInterface .dropdown-menu[data-bs-popper] {
    top: 35px;
    left: unset;
    right: 0;
    margin-top: 0.125rem;
}


/*---*/

.imgLogo {
    height: 60px;
}


.blockGsGroup,
.blockGsBaby {
    display: none;
}

.blockGsGroup.active,
.blockGsBaby.active{
    display: block;
}


#peidPages {
    position: absolute;
    width: 100%;
    max-width: 100%;
    /*height: 440px;*/
    background-color: #000000;
    color: #FFFFFF;
}

 #peidPages span{
    display: inline-block;
    text-decoration: none;
    text-align: left;
    width: 100%;
    padding-left: 20px;
    letter-spacing: 0.05rem;
    font-size: 18px;
    color: #878787;
    font-weight: 500;
}
#sousPiedPage {
    width: 100%;
    max-width: 100%;
    height: 40px;
    background-color: #000000;
    text-align: center;
    position: fixed;
    bottom: 0;
    margin-left: -12px;
    z-index:99;
}

#sousPiedPage span, #sousPiedPage span a{
    letter-spacing: 0.05rem;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #878787;
    text-align: center;
    margin-top: 8px;
    font-family: AvenirNextCyr-Demi, serif;
}
#sousPiedPage span a:hover{
    color: #dcdcdc;
}