/***********************************************************Form**********************************************************/
 #registerForm .form-group:not(.nothide) {
    display: none;
}
#registerForm.personne_physique .form-group.personne_physique
,#registerForm.societe .form-group.societe
, #registerForm.association .form-group.association
, #registerForm.federation .form-group.federation
, #registerForm.etablissement .form-group.etablissement
{
    display: block;
}
#registerForm .form-group label:not(.nothide){
    display: none;
}
#registerForm.personne_physique label.personne_physique
,#registerForm.societe label.societe
, #registerForm.association label.association
, #registerForm.federation label.federation
, #registerForm.etablissement label.etablissement
{
    display: inline-block; /* Display labels as inline blocks */
    white-space: nowrap;
}


/***********************************************************Form**********************************************************/
.flex-group {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.flex-group label{
    margin: 5px;
}

.form-control{
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    direction: ltr;

}

.arabe{
    direction: rtl;
}
.Logo{
    display: flex;
    justify-content: center;
}
.authentication-cover{
    /*background: url(../img/cover.jpg) no-repeat #fff fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat;*/
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url(../img/cover.jpg) !important;;
    background-repeat: repeat;

}
/* .inscription_form {
    height: 100vh; 
    overflow-y: auto;
    padding: 20px;
} */
.inscription_form {
    height: 100vh;
    overflow-y: scroll;
    direction: ltr; 
}

.inscription_form .scroll-inner {
    padding-right: 10px;
}

/* Optional scrollbar styling */
.inscription_form::-webkit-scrollbar {
    width: 10px;
}

.inscription_form::-webkit-scrollbar-thumb {
    background: #888;

}

.inscription_form::-webkit-scrollbar-thumb:hover {
    background: #555;
}


.authentication_div {
    position: fixed;
    top: 0;
    right: 0;
    width: 41.6667%; /* 5/12 of the 12-column grid = col-xl-5 */
    height: 100vh;
}
.authentication-image{
    margin-top: 135px !important;
    height: 400px !important;
    margin-right: -136px !important;
    position: absolute !important;
}
#button-addon2
{
    background-color: #d3d4d5;;
    border-radius: 4px 0 0 4px;
    margin-left: 0;
    border: 1px solid #d3d4d5;;
}
#signin-password{
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}
#button-addon2:hover{
    background-color:#c6c7c8 ;
}
.alert {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    border-radius: 5px; 
}