@media print {
    html {
        font-size: .5em;
        background: #FFFFFF;
        height: 100%;
    }

    *,
    *::after,
    *::before {
        color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    * {
        -webkit-transition: none !important;
        transition: none !important;
    }

    body {
        width: 100%;
        background: #FFFFFF;
    }

    body::before {
        display: none;
    }

    .h1,
    h1 {
        font-size: 24px;
        line-height: 26px;
    }

    .h2,
    h2  {
        font-size: 22px;
        line-height: 24px;
    }

    .h3,
    h3  {
        font-size: 20px;
        line-height: 22px;
    }

    .h4,
    h4  {
        font-size: 18px;
        line-height: 20px;
    }

    #react .container {
        background: #FFFFFF;
        font-size: 16px;
        line-height: 18px;
    }

    .container-beta.beta-header {
        display: none;
    }

    #wegobot-container,
    #sticky-wrapper,
    .overlay-message__container,
    #main-top,
    #block-menuducomptedelutilisateur,
    #block-menueboutique,
    #sticky-wrapper #top,
    #sticky-wrapper #sw-nav,
    #sticky-wrapper nav,
    #block-formulairederecherche,
    #block-block-eboutique,
    #react .tbm-tabs,
    .container-main,
    .beta-footer,
    .container-bottom,
    .user-feedback-button,
    .user-feedback-modal,
    #sliding-popup {
        display: none !important;
        height: 0;
        width: 0;
    }

    /* Route impression */
    #app-map-container {
        display: block;
        flex-direction: column-reverse;
        height: auto;
        background-color: #FFFFFF;
        box-shadow: none;
        border: 0;
    }

    #tbm-form-map {
        top: 0;
        height: auto;
        width: 100%;
        border: 0;
        position: relative;
        display: block;
    }

    #tbm-gmap {
        width: 100%;
        position: relative;
        height: 300px;
        display: block;
    }

    #tbm-gmap button,
    #btn-geolocation,
    .btn-map {
        display: none;
    }

    #route-result-detail {
        padding-bottom: 10px;
        font-size: 16px;
        line-height: 18px;
    }

    #react .title {
        min-height: 40px;
    }

    #react #route-result-detail > .line-nb {
        top: -35px;
    }

    #route-result-detail .section-alert {
        margin-top: 20px;
    }

    #route-result-detail .section-alert .alert-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    #route-result-detail .route-settings-summary .react-back,
    #route-result-detail .route-settings-summary .pager,
    #route-result-detail .route-tools,
    #route-result-detail .time-navigation,
    #route-result-detail .journey-result .route-title-name button,
    #route-result-detail .section-info-details .icon-arrow-down,
    #route-result-detail .section-info-details .detailed-path {
        display: none !important;
    }

    #react #route-result-detail .route-title .route-title-time,
    #react #route-result-detail .route-title .route-title-name.with-zoom-button,
    #react #route-result-detail .route-detail .text-small, #react .route-results .route-detail .text-small,
    #react #route-result-detail .route-detail span, #react .route-results .route-detail span,
    #route-result-detail .text-small,
    #route-result-detail .route-settings-summary .address {
        font-size: 16px;
        line-height: 18px;
    }

    #react #route-result-detail .border {
        left: 65px;
        width: 5px;
    }

    #react #route-result-detail .border-dash {
        border: none;
    }

    #react #route-result-detail .route-title .route-title-time {
        width: 60px;
    }

    #react #route-result-detail .route-info {
        padding-left: 85px;
    }

    #tbm-route .title .react-back {
        visibility: hidden;
    }

    #react #route-result-detail .line-nb .icon-mode, #react .route-results .line-nb .icon-mode {
        left: 15px;
        top: calc(50% - 15px);
    }

    #react #route-result-detail .line-nb .icon-mode .icon, #react .route-results .line-nb .icon-mode .icon {
        width: 30px;
        height: 30px;
    }

    #react #route-result-detail .route-info .line-nb span.walking .icon-batcub-circle::after,
    #react #route-result-detail .route-info .line-nb span.walking .icon-vcub-circle::after,
    #react #route-result-detail .route-info .line-nb span.walking .icon-walk::after,
    #react .line-nb span .icon::after {
        width: 30px;
        height: 30px;
    }

    #react #route-result-detail .route-detail > div:first-child,
    #react .route-results .route-detail > div:first-child {
        width: 33%;
    }

    #react #route-result-detail .line-nb span.bus,
    #react .route-results .line-nb span.bus {
        width: 50px !important;
        height: 30px;
    }

    #react .line-nb span.circle {
        border-radius: 30px;
    }

    #react #route-result-detail .line-nb > span, #react .route-results .line-nb > span {
        width: 30px !important;
        height: 30px;
    }

    #react #route-result-detail .route-title .route-title-icon {
        left: .1rem;
    }

    #block-traficalertbloc .alerts-wrapper {
        background-size: 25px 25px;
    }

    .alert-wrapper {
        background-size: 20px 20px;
    }
}