:root {
    --Green: #00CE7C;
    --Orange: #FF9728;
    --red: #DB5F49;
    --Gray: #515151;
    --LightGray: #747474;
    --primary: #00CE7C;
    --light: var(--white);
    --dark: black;
    --LightBackground: var(--light);
    --DarkBackground: var(--dark);
    --LightContrastBackground: var(--light);
    --DarkContrastBackground: var(--Gray);
    --LightGrayBorder: #C1C1C1;
    --BorderRadius: 4px;
    --DefaultBorder: 0.25px solid var(--Gray);
}

/*#region Tipographie */
@font-face {
    font-family: 'Urbanist';
    src: url('/Fonts/Urbanist/Urbanist-VariableFont_wght.ttf') format('truetype');
}

*,
.NormalText,
.NormalText * {
    font-family: Urbanist;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.md-Light-theme * {
    color: black;
}

.md-Dark-theme * {
    color: white;
}

 md-input-container.md-Dark-theme label {
    color: rgba(255,255,255,0.6);
}

.Title,
.Title * {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.SubTitle,
.SubTitle * {
    font-size: 14px;
    font-weight: 700;
}

.Description {
    font-size: 14px;
    font-weight: 700;
}

.Hoverable:hover,
.Hoverable:hover * {
    font-weight: 500;
}
/*#endregion */

/*#region input */
input {
    width: 100%;
    height: 100%;
    border: 0.5px solid var(--Gray);
    border-radius: var(--BorderRadius);
    outline: none;
    padding: 10px;
    font-weight: 500;
    box-sizing: border-box;
}

    input:focus {
        border-width: 2.5px;
    }

.md-Dark-theme input {
    border-color: var(--LightGrayBorder);
    background-color: var(--LightGray);
}

.md-Dark-theme textarea.md-input {
    color: white;
}

/*#endregion */

/*#region md-select */
md-select.flag {
    margin: 0;
}

    md-select.flag md-select-value {
        border: none;
        min-width: 0;
    }

        md-select.flag md-select-value .md-select-icon {
            display: none;
        }
/*#endregion */

/*#region md-button */
.md-button {
    margin: 0;
    border-radius: var(--BorderRadius);
    font-size: 14px;
    font-weight: 900;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    min-height: 3.5rem;
}

    .md-button.md-Light-theme.md-raised,
    .md-button.md-Light-theme.md-raised:not([disabled]).md-focused {
        color: var(--light);
        fill: var(--light);
        background-color: var(--dark);
    }

        .md-button.md-Light-theme.md-raised * {
            color: var(--light);
            fill: var(--light);
        }

    .md-button.md-Dark-theme.md-raised {
        color: var(--dark);
        fill: var(--dark);
        background-color: var(--light);
    }


        .md-button.md-Dark-theme.md-raised * {
            color: var(--dark);
            fill: var(--dark);
        }

    .md-button.md-raised:not([disabled]):hover {
        color: var(--dark) !important;
        background-color: var(--primary) !important;
    }

        .md-button.md-raised:not([disabled]):hover * {
            color: var(--dark);
            fill: var(--dark);
        }

    .md-button.md-raised[disabled] {
        color: var(--light);
        background-color: var(--LightGray) !important;
    }

    .md-button.md-raised.md-primary:not([disabled]) *,
    .md-button.mb-fab.md-primary:not([disabled]),
    .md-button.md-fab.md-primary:not([disabled]) *,
    .md-button.md-fab.md-Fab-theme,
    .md-button.md-fab.md-Fab-theme * {
        color: var(--dark);
        fill: var(--dark);
    }
/*#endregion */
/*#region md-card */
md-card {
    -moz-border-radius: var(--BorderRadius) !important;
    -webkit-border-radius: var(--BorderRadius) !important;
    border-radius: var(--BorderRadius) !important;
    border: var(--DefaultBorder);
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.10);
}

    md-card.md-Dark-theme {
        border-color: var(--LightGrayBorder);
        background-color: var(--DarkContrastBackground);
    }

/*#endregion */

/*#region md-menu */
md-menu-content {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: var(--DefaultBorder);
    background: #FFF;
    box-shadow: 0px 1px 11px 0px rgba(0, 0, 0, 0.17);
}

    md-menu-content.text-right md-menu-item > .md-button {
        text-align: end;
    }
/*#endregion */

/*#region Toolnav */
toolnav md-toolbar {
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.10);
}

    toolnav md-toolbar.md-Dark-theme:not(.md-menu-toolbar) {
        background-color: black;
    }

    toolnav md-toolbar.md-Light-theme:not(.md-menu-toolbar) {
        background-color: white;
    }
/*#endregion */

/*#region Utilitaires */
.icon {
    height: 1em;
}

.no-min-width,
.no-min-width md-select-menu md-content {
    min-width: 0 !important;
}
/*#endregion */

.btn-fab-b-r {
    z-index: 2;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
}

.btn-fab-b-l {
    z-index: 2;
    position: fixed;
    bottom: 1rem;
    left: 1rem;
}

.ProfilImage {
    height: 5rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}

    .ProfilImage img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

    .ProfilImage md-icon {
        object-fit: cover;
        padding: 1em;
        width: 70% !important;
        height: 70%;
        border-radius: 50%;
        background-color: lightgray;
    }

.contour-input {
    position: relative;
    border-radius: 4px;
    border: 1.5px solid #545454;
    height: 40px;
    overflow: hidden;
}

    .contour-input input {
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
        padding: 10px;
        box-sizing: border-box;
    }
/* Sélection de la scrollbar */
/*::-webkit-scrollbar {
    width: 2rem;*/ /* Largeur de la scrollbar */
/*}*/

/* Styles pour la barre de défilement elle-même */
/*::-webkit-scrollbar-thumb {
    border: var(--LightBackground) .75rem solid;*/ /* Marge à gauche */
/*background-color: var(--Gray);*/ /* Couleur de fond du chariot */
/*border-radius: 2rem;*/ /* Coins arrondis du chariot */
/*}

.md-Dark-theme ::-webkit-scrollbar-thumb {
    border-color: var(--DarkBackground);
}*/
/* Styles pour la piste (background) de la scrollbar */
/*:: -webkit-scrollbar-track {
    background-color: transparent;*/ /* Fond transparent */
/*}*/

.pastilleMess {
    background-color: var(--Green);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 1;
    margin-left: -12px;
    margin-top: -15px;
}

.mb-fab {
    margin-bottom: 92px;
}

.hypercase-none {
    text-transform: none;
}

.divid {
    height: 1px;
    margin: 10px;
    background-color: var(--primary);
}

.svg-primary {
    fill: var(--Green);
}

.title-doc {
    font-size: 14px !important;
}

/*.WhiteDot {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.WhiteDotBig {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}


.btn-profile {
    z-index: 2;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
}

.btn-rond-bl {
    z-index: 2;
    position: fixed;
    bottom: 1rem;
    left: 1rem;
}

.btn-profile-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

md-sidenav,
md-sidenav.md-locked-open,
md-sidenav.md-closed.md-locked-open-add-active {
    min-width: 0px !important;
    width: auto !important;
    max-width: none !important;
}

.fill {
    width: 95%;
}

.bold {
    font-weight: bold;
}

.min-w0 {
    min-width: 0;
}

.minwid {
    min-width: 0px;
}

.sidebarcontaint {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
}


.ligne {
    height: 3px;
    background-color: bisque;
    width: 100%;
}

.resp-min {
    min-height: 30rem;
    min-width: 15rem;
}

.h-auto {
    height: auto;
}

.ratio-img {
    aspect-ratio: 1 / 1;
}

.f-end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.alertmsg {
    color: #FF9728;
    font-size: large;
    font-weight: bold;
}

.card-grise {
    width: 8rem;
    height: 8rem;
    background-color: rgb(79,79,79);
    border-radius: 5px;
}

.card-tourist {
    min-height: 4rem;
    background-color: #808080;
    border-radius: 5px;
    margin: 5px;
    font-size: small;
}

.max-width {
    max-width: 45px;
}

.CameraOverlay {
    z-index: 1;
    overflow: hidden;
    height: 95%;
    width: 95%;
    display: flex;
    justify-content: center;
}

.min-width-18em {
    width: 18em;
}

.Sidenav {
    min-width: 40vw;
}

.action-column md-dialog-actions {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}







.logo-app {
    width: 19em;
}

.container-logo-app {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.frame {
    border-radius: 4px;
    border: 0.25px solid #515151;
    box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.10);
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.text-12-700 {
    font-size: 12px;
    font-weight: 700;
}

.text-12-500 {
    font-size: 12px;
    font-weight: 500;
}

.md-Dark-theme input {
    background-color: black;
}



.size-icon-btn {
    width: 17px;
    height: 17px;
}

.p0m0 {
    padding: 0px;
    margin: 0px;
}

input:focus {
    border-width: 2.5px;
}


.nav-end-block {
    flex: 1 0 0;
    display: flex;
    justify-content: flex-end;
}

.nav-start-block {
    flex: 1 0 0;
    display: flex;
    justify-content: flex-start;
}

.md-button:not(.md-primary).md-Light-theme.md-raised:not([disabled]) {
    background-color: black;
    color: white;
}

.md-button:not(.md-primary).md-Dark-theme.md-raised:not([disabled]) {
    background-color: white;
    color: black;
}

.md-button:not(.md-primary).md-raised:not([disabled]):hover {
    background-color: var(--primary);
}

.md-button.md-fab[disabled], .md-button.md-raised[disabled] {
    background-color: #747474 !important;
    color: white !important;
}

.md-button.md-Light-theme.md-raised {
    box-shadow: none;
}



.blur {
    -moz-filter: blur(1px);
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

.customDialog {
    border-radius: 4px;
    border: 0.5px solid #515151;
    background: #FFF;
    box-shadow: 0px 12px 250px 0px rgba(0, 0, 0, 0.15);
}

    .customDialog.md-Dark-theme {
        border-color: #C1C1C1;
        background: #515151;
    }
*/