@font-face {
    font-family: "RussoOne";
    src: url("/ezds/resources/fonts/RussoOne-Regular.ttf");
}

.hauteurmenu{
    min-height: 7em;
}
.PlanningFond{
    overflow: auto;
    height: 70vh;
    border: 1px solid lightgray;
    border-radius: 10px;
    box-shadow: 10px 5px 5px gray;
	padding-left: 2em;
}
.bordureBandeau{
    padding: 1em;
    margin-top: 2em!important;
    margin-bottom: 2em;
    border: 1px solid lightgray;
    border-radius: 10px;
    box-shadow: 10px 5px 5px gray;
}
.fontLabel{
    font-size: medium;
}
.fontLabelPlanning{
    font-size: small;
}
.nodisplaybureau{
    display: none;
}
.backgroundPlanning{
    background-color: #f9f8fa;
}
.vignetteEvent{
    border: 1px solid lightgray;
    border-radius: 10px;
    min-height: 8em;
    padding: 1em;
    font-size: small;
    margin-top: 1em;
    background-color: white;
}
.vignetteConges{
    border: 1px solid lightgray;
    border-radius: 10px;
    min-height: 4em;
    padding: 1em;
    font-size: small;
    margin-top: 1em;
    background-color: white;
}
.boutonResa{
    border: 1px solid lightgray;
    font-size: large;
    padding: 0.38em;
    border-radius: 10px;
    background-color: white;
    color: black;
    text-decoration: none;
}
.boutonResa:hover{
    box-shadow: 10px 5px 5px gray;
    cursor: pointer;
    text-decoration: none;
    color: black;
}
.boutonResaCenter{
    align-self: center;
}
.formulaireFond{
    border: 1px solid lightgray;
    border-radius: 10px;
    box-shadow: 10px 5px 5px gray;
    padding: 1em;
    margin-top: 2em!important;
    margin-bottom: 2em;
    overflow: auto;
    min-height: 70vh;
}
.margintopvalidation{
    margin-top: 2em!important;
}
.texteErreur{
    font-size: small!important;
    color: red!important;
}
.persoCheckbox{
    font-size: medium;
}
.tailleLogo{
    font-size: xx-large;
    cursor: pointer;
}
.vertcialcenter{
    align-self: center;
}
.messageok{
    font-size: large;
}
.colorgreen{
    color: green;
    font-size: xxx-large;
    padding: 1em;
}
.colorred{
    color: red;
    font-size: xxx-large;
    padding: 1em;
}
.paddingbtn{
    margin: 1em;
}
.caseCalendarMensuel{
    border-bottom: 1px solid lightgrey;
    height: 20%;
    font-size: small;
}
.borderright{
    border-right: 1px solid lightgrey;
}
.modifmarginbottom{
    margin-bottom: 0em!important;
}
.sizepolice{
    font-size: x-small;
}
.positionementMoisAnnee{
    align-self: flex-end;
    font-size: large;
}
.nodisplaybureau{
    display: none!important;
}
.colortxtplanning{
    color: white;
    border-radius: 5px;
}
.borderradius{
    border-radius: 2px;
    padding-left: 1px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    
}
.marginbottomevent{
    margin-bottom: 0.5em!important;
}
.sizefont{
    font-size: medium;
}
.cursorpointer{
    cursor: pointer;
}
.links{
    font-size: small;
    line-height: 2em;
}

@media screen and (max-width: 1000px) {
    .nodisplaymobile{
        display: none!important;
    }
    .nodisplaybureau{
        display: contents!important;
    }
    .formulaireFond{
        overflow: unset;
        min-height: unset;
    }
    .fontLabelPlanning{
        font-size: xx-small;
    }
    .fontsizeicone{
        font-size: xx-small;
    }
    .fontsizemobile{
        font-size: xx-small;
    }
    .borderright{
        padding-left: 3px!important;
        padding-right: 3px!important;
    }
    .taillebox{
        width: 50%!important;
    }
    .rightweek{
        text-align: right;
    }
    .leftweek{
        padding-left: 1em!important;
    }
    .rightweekM{
        text-align: right;
    }
    .leftweekM{
        padding-left: 1em!important;
    }
    .designbar{
        font-size: large;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .sizepolice{
        width: auto!important;
    }
}