/* /Components/Controls/TheCalendar/CustomCalendar.razor.rz.scp.css */
/* /Components/Controls/TheCalendar/CustomDayView.razor.rz.scp.css */
 
/* /Components/Controls/TheCalendar/CustomMonthView.razor.rz.scp.css */
 
/* /Components/Controls/TheCalendar/CustomWeekView.razor.rz.scp.css */
 
/* /Components/Pages/BasketList.razor.rz.scp.css */
   .maintable[b-poao950yfl] {
        width: 95%;
        margin: 40px 0 0 70px;
        border-collapse: collapse;
    }

    .maintable td[b-poao950yfl], .maintable th[b-poao950yfl] {
        border: 1px solid var(--mud-palette-table-lines);
        padding: 8px;
    }

 

    .maintable tr:hover[b-poao950yfl] {
        background-color: var(--mud-palette-table-hover);
    }

    .maintable th[b-poao950yfl] {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background-color: var(--mud-palette-tertiary-lighten);
        color: var(--mud-palette-tertiary-text);
    }

    .summarytable[b-poao950yfl] {
        width: 33%;
        margin: 40px;
        border-collapse: collapse;
        float: right;
    }

    .summarytable td[b-poao950yfl], .summarytable th[b-poao950yfl] {
        border: 1px solid var(--mud-palette-table-lines);
        padding: 8px;
        align-items: center;
        text-align: end;
    }

    .summarytable th[b-poao950yfl] {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: left;
        background-color: var(--mud-palette-tertiary-lighten);
        color: var(--mud-palette-tertiary-text);
        text-align: end;
    }


#payment-element span[b-poao950yfl] {
    height: 53px;
    width: 292px;
    border-radius: var(--mud-default-borderradius);
    margin: 10px 0;
}
/* /Components/Pages/Catalog/DetailModulePge.razor.rz.scp.css */
/* /Components/Pages/Catalog/EditModulePge.razor.rz.scp.css */
.container[b-1kbmq7rjny] {
    padding: 15px;
    display: flex;
    justify-content: center;
    height: calc(100vh - 80px);
    flex-direction: column;
}
.subcontainer[b-1kbmq7rjny] {
     max-width: 1024px;
     flex: 1;
     overflow:auto;
     margin:auto;
}

.footer[b-1kbmq7rjny] {
    flex : 0 0 50px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 

.content[b-1kbmq7rjny] {
    margin:10px;
}

.bordered[b-1kbmq7rjny]{

    border-radius: var(--mud-default-borderradius);
    border-color: var(--mud-palette-lines-inputs);
    border-width: 1px;
    padding: 12px;
    border-style: solid;
    transition: border-width, border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.searchfield[b-gqk2yag12l] {
    top: 10px;
    margin: 0 20%;
    position: relative;
    background: var(--mud-palette-background);
    border-radius: 18px;
    border: 2px var(--mud-palette-text-primary) solid;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media(max-width: 600px) {
    .searchfield[b-gqk2yag12l] { 
        margin: 0 2%; 
    }
}

.searchfield input[b-gqk2yag12l] {
    width: 100%;
    background: transparent;
    font-size: 28px;
    padding: 3px 15px 5px 15px;
    color: var(--mud-palette-secondary-rgb);
}

.searchfield input:focus[b-gqk2yag12l] {
    outline: none; /* supprime le contour par défaut */
}



.searchfield button[b-gqk2yag12l] {
    border-radius: 10px;
    background: var(--mud-palette-secondary-darken);
    color:var(--mud-palette-info-text);
    margin: 5px;
    padding: 0 5px;
}


.wrap-panel[b-gqk2yag12l] {
    margin: 50px 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 10px;
}

.wrap-panel > div[b-gqk2yag12l] {
    flex: 0 0 auto; /* empêche l’élément de s’étirer */
    width: 250px; /* largeur fixe ou responsive */
    height: 300px;
    text-align: center;
    background: var(--mud-palette-background-gray);
    margin: auto;
    border-radius: 18px;
    border: .5px var(--mud-palette-text-primary) solid;
    overflow: hidden;
}

.searchCard a[b-gqk2yag12l] {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.searchCard img[b-gqk2yag12l] {
    width: 100%;
    height: auto;
}
/* /Components/Pages/Plannings/EditAvailability.razor.rz.scp.css */
.container[b-krld380q0d] {
    padding: 15px;
    display: flex;
    justify-content: center;
    height: calc(100vh - 80px);
    flex-direction: column;
}
.subcontainer[b-krld380q0d] {
     max-width: 1024px;
     flex: 1;
     overflow:auto;
     margin:auto;
}

.footer[b-krld380q0d] {
    flex : 0 0 50px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 

.content[b-krld380q0d] {
    margin:10px;
}
/* /Components/Pages/Plannings/EditWorkingHours.razor.rz.scp.css */
.container[b-h7i33x7kbv] {
    padding: 15px;
    display: flex;
    justify-content: center;
    height: calc(100vh - 80px);
    flex-direction: column;
}

.subcontainer[b-h7i33x7kbv] {
    max-width: 1024px;
    flex: 1;
    overflow: auto;
    margin: auto;
}

.footer[b-h7i33x7kbv] {
    flex: 0 0 50px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

 

.tabhead[b-h7i33x7kbv] {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.tabcontent[b-h7i33x7kbv]{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 15px;

}
/* /Components/Pages/Plannings/Planning.razor.rz.scp.css */
.ava-drawer[b-6am8az6apk] {
    display: grid;
    grid-template-columns: 1fr var(--ava-drawer-width);
    height: calc(100vh - var(--mud-drawer-width-right));
    transition: grid-template-columns 0.25s ease;
    overflow: hidden;
}

.drawer[b-6am8az6apk] {
    display: flex;
    flex-direction: column; 
}

.content[b-6am8az6apk] {
}

.ava-drawer.open[b-6am8az6apk] {
    --ava-drawer-width: var(--mud-drawer-width-right);
}

.ava-drawer.closed[b-6am8az6apk] {
    --ava-drawer-width: 0px;
}
/* /Pages/Account/Disconnect.cshtml.rz.scp.css */
body[b-tlbs7bkqpl] {
    font-family: "Lato", sans-serif;
}



.main-head[b-tlbs7bkqpl]{
    height: 150px;
    background: #FFF;
   
}

.sidenav[b-tlbs7bkqpl] {
    height: 100%;
    background-color: #000;
    overflow-x: hidden;
    padding-top: 20px;
}


.main[b-tlbs7bkqpl] {
    padding: 0px 10px;
}

@media screen and (max-height: 450px) {
    .sidenav[b-tlbs7bkqpl] {padding-top: 15px;}
}

@media screen and (max-width: 450px) {
    .login-form[b-tlbs7bkqpl]{
        margin-top: 10%;
    }

    .register-form[b-tlbs7bkqpl]{
        margin-top: 10%;
    }
}

@media screen and (min-width: 768px){
    .main[b-tlbs7bkqpl]{
        margin-left: 40%; 
    }

    .sidenav[b-tlbs7bkqpl]{
        width: 40%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
    }

    .login-form[b-tlbs7bkqpl]{
        margin-top: 80%;
    }

    .register-form[b-tlbs7bkqpl]{
        margin-top: 20%;
    }
}


.login-main-text[b-tlbs7bkqpl]{
    margin-top: 20%;
    padding: 60px;
    color: #fff;
}

.login-main-text h2[b-tlbs7bkqpl]{
    font-weight: 300;
}

.btn-black[b-tlbs7bkqpl]{
    background-color: #000 !important;
    color: #fff;
}

 
/* /Pages/Account/ForgotPassword.cshtml.rz.scp.css */
/* Forgot Password Page - No additional scoped styles needed, using shared CSS */
/* /Pages/Account/ForgotPasswordConfirmation.cshtml.rz.scp.css */
body[b-8a975mgcmn] {
    font-family: "Lato", sans-serif;
}



.main-head[b-8a975mgcmn]{
    height: 150px;
    background: #FFF;
   
}

.sidenav[b-8a975mgcmn] {
    height: 100%;
    background-color: #000;
    overflow-x: hidden;
    padding-top: 20px;
}


.main[b-8a975mgcmn] {
    padding: 0px 10px;
}

@media screen and (max-height: 450px) {
    .sidenav[b-8a975mgcmn] {padding-top: 15px;}
}

@media screen and (max-width: 450px) {
    .login-form[b-8a975mgcmn]{
        margin-top: 10%;
    }

    .register-form[b-8a975mgcmn]{
        margin-top: 10%;
    }
}

@media screen and (min-width: 768px){
    .main[b-8a975mgcmn]{
        margin-left: 40%; 
    }

    .sidenav[b-8a975mgcmn]{
        width: 40%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
    }

    .login-form[b-8a975mgcmn]{
        margin-top: 80%;
    }

    .register-form[b-8a975mgcmn]{
        margin-top: 20%;
    }
}


.login-main-text[b-8a975mgcmn]{
    margin-top: 20%;
    padding: 60px;
    color: #fff;
}

.login-main-text h2[b-8a975mgcmn]{
    font-weight: 300;
}

.btn-black[b-8a975mgcmn]{
    background-color: #000 !important;
    color: #fff;
}

 
/* /Pages/Account/Login.cshtml.rz.scp.css */
/* Login Page - No additional scoped styles needed, using shared CSS */
/* This file is kept for potential page-specific overrides */
/* /Pages/Account/Register.cshtml.rz.scp.css */
/* Register Page - No additional scoped styles needed, using shared CSS */
/* /Pages/Account/ResetPassword.cshtml.rz.scp.css */
body[b-zujbw2zbrr] {
    font-family: "Lato", sans-serif;
}



.main-head[b-zujbw2zbrr]{
    height: 150px;
    background: #FFF;
   
}

.sidenav[b-zujbw2zbrr] {
    height: 100%;
    background-color: #000;
    overflow-x: hidden;
    padding-top: 20px;
}


.main[b-zujbw2zbrr] {
    padding: 0px 10px;
}

@media screen and (max-height: 450px) {
    .sidenav[b-zujbw2zbrr] {padding-top: 15px;}
}

@media screen and (max-width: 450px) {
    .login-form[b-zujbw2zbrr]{
        margin-top: 10%;
    }

    .register-form[b-zujbw2zbrr]{
        margin-top: 10%;
    }
}

@media screen and (min-width: 768px){
    .main[b-zujbw2zbrr]{
        margin-left: 40%; 
    }

    .sidenav[b-zujbw2zbrr]{
        width: 40%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
    }

    .login-form[b-zujbw2zbrr]{
        margin-top: 80%;
    }

    .register-form[b-zujbw2zbrr]{
        margin-top: 20%;
    }
}


.login-main-text[b-zujbw2zbrr]{
    margin-top: 20%;
    padding: 60px;
    color: #fff;
}

.login-main-text h2[b-zujbw2zbrr]{
    font-weight: 300;
}

.btn-black[b-zujbw2zbrr]{
    background-color: #000 !important;
    color: #fff;
}

 
/* /Pages/Account/ResetPasswordConfirmation.cshtml.rz.scp.css */
body[b-ng50dkk1ua] {
    font-family: "Lato", sans-serif;
}



.main-head[b-ng50dkk1ua]{
    height: 150px;
    background: #FFF;
   
}

.sidenav[b-ng50dkk1ua] {
    height: 100%;
    background-color: #000;
    overflow-x: hidden;
    padding-top: 20px;
}


.main[b-ng50dkk1ua] {
    padding: 0px 10px;
}

@media screen and (max-height: 450px) {
    .sidenav[b-ng50dkk1ua] {padding-top: 15px;}
}

@media screen and (max-width: 450px) {
    .login-form[b-ng50dkk1ua]{
        margin-top: 10%;
    }

    .register-form[b-ng50dkk1ua]{
        margin-top: 10%;
    }
}

@media screen and (min-width: 768px){
    .main[b-ng50dkk1ua]{
        margin-left: 40%; 
    }

    .sidenav[b-ng50dkk1ua]{
        width: 40%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
    }

    .login-form[b-ng50dkk1ua]{
        margin-top: 80%;
    }

    .register-form[b-ng50dkk1ua]{
        margin-top: 20%;
    }
}


.login-main-text[b-ng50dkk1ua]{
    margin-top: 20%;
    padding: 60px;
    color: #fff;
}

.login-main-text h2[b-ng50dkk1ua]{
    font-weight: 300;
}

.btn-black[b-ng50dkk1ua]{
    background-color: #000 !important;
    color: #fff;
}

 
/* /Pages/Account/TrainerRegister.cshtml.rz.scp.css */
/* Trainer Register Page - No additional scoped styles needed, using shared CSS */
