.rdp-calendar {
    font-family: 'Roboto', sans-serif;
}
h1, .accueil-font-2, h2, h3, h4, h5 {
    font-family: 'Bricolage Grotesque';
}
#root {
    height: 100%;
}
.react-pdf__Page {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.clickable {
    cursor: pointer;
}

@media (max-width: 768px) {
    .react-pdf-document {
        display: flex;
        width: 100%;
        box-sizing: border-box;
    }

    .react-pdf-page {
        display: flex;
        justify-content: center;
        margin-top: 50px;
        width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .react-pdf__Page__canvas {
        width: 100% !important;
    }
    .react-pdf__Page__textContent {
        width: 100% !important;
    }
}
.riderco-input {
    height: 50px;
    padding-left: 20px;
    margin: 5px 0 0 0;
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
    color: #222b45;
    font-size: 0.875rem;
    font-family: 'Roboto',sans-serif;
    background-color: #fff;
    border-radius: 5px;
    border: 1px #d8e2e8 solid;
}

.riderco-input::placeholder,
.riderco-input::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #929eb5;
    font-size: .875rem;
}

.riderco-input:-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #929eb5;
    font-size: .875rem;
}

.DatePicker {
    width: 100%;
}

input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}