/*==================================================================================== 
    Quote Renderer
====================================================================================*/

.quote-renderer {
    background-color: white;
    color: black;
}

.quote-renderer li {
    margin-left: 10px!important;
    list-style-image: url('/local/themes/default/images/tee-bullet.png')!important;
}

    .quote-renderer h1 {
        font-family: 'Poppins', sans-serif !important;
        font-size: 1.9rem !important;
        margin-bottom: 8px !important;
        color: #00633a;
    }

.quote-renderer h2 {
    font-family:  'Poppins', sans-serif !important;
    font-size: 1.4rem!important;
    margin-bottom: 5px!important;
    color: #008e54;
}


    /*.quote-renderer .a4-page {
        width: 210mm;
        min-height: 296mm;
        margin: auto;
    }*/

    .quote-renderer .cover-page {
        position: relative;
        border: 15mm solid white;
    }

    .quote-renderer .cover-page 

    .quote-renderer .default-page,
    .quote-renderer .title-page { color: #009754; }
        
    /*.quote-renderer .booking-info { page-break-before: always; }*/
    /*.quote-renderer .manifest { page-break-inside: avoid; }*/
    /*.quote-renderer .quote-map { page-break-inside: avoid; }*/
    /*.quote-renderer .quote-view-products { page-break-after: always; }*/
    /*.quote-renderer .quote-view-products-header { page-break-after: avoid; }*/
    /*.quote-renderer .quote-view-products-table { page-break-inside: avoid; }*/
    /*.quote-renderer .quote-view-products-table tr { page-break-inside: avoid; }*/
    /*.quote-renderer .quote-view-products-table td { page-break-inside: avoid; }*/
    /*.quote-renderer .quote-further-info { page-break-before: always; }*/

    .quote-renderer .default-page,
    .quote-renderer .title-page,
    .quote-renderer .booking-info,
    .quote-renderer .manifest,
    .quote-renderer .day {
        background-color: white;
        padding: 5mm 15mm;
        text-align: center;
    }

    .quote-renderer .cover-page .cover-content {
        text-align: center;
        width: 180mm;
        height: 266mm;
        font-size: 12px;
        line-height: 1.3;
        font-family: 'Poppins', sans-serif;
        position: relative;
        margin: 0px auto;
        padding: 8px;
    }

            .quote-renderer .cover-page .cover-content .cover-border {
                border: 1px solid white;
                width:100%;
                height:100%;
                padding:91px;
            }

    .quote-renderer .cover-page .cover-content .cover-details {
        background-color: rgba(0,0,0,0.4);
    }

    .quote-renderer .cover-page .logo {
        position: absolute;
        z-index: 9999;
        top: -10mm;
        left: 74mm;
        /*left: 128mm;*/
        width: 32mm;
    }

    .quote-renderer .manifest .logo {
        margin: auto;
        /*width: 35mm;*/
        margin-bottom: 20px;
    }

        .quote-renderer .cover-page h1 { font-size: 3rem; }
        .quote-renderer .cover-page h2 { font-size: 2rem; color: white; }
        .quote-renderer .cover-page hr {
            color: white;
            background-color: white;
            border: none;
            display: inline-block;
            width: 25%;
            height: 1px;
        }

            .quote-renderer .cover-page hr.date-separator { width: 2%; }

    .quote-renderer table.quote-table {
        border-collapse: collapse;
        width: 100%;
        color: #151618;
        text-align: left;
        font-size: 14px;
    }

    .quote-renderer .booking-info table.quote-table tr:not(:last-of-type) { border-bottom: #deebf5 2px solid; }
    .quote-renderer .booking-info table.quote-table { border: #deebf5 2px solid; border-radius: 5px; }

    .quote-renderer table.quote-table tr:first-of-type td.header-column:first-of-type { border-top-left-radius: 5px; }

    .quote-renderer table.quote-table .header-column,
    .quote-renderer table.quote-table th {
        background-color: #45647a;
        color: white;
        font-family: 'Poppins', sans-serif;
        padding: 10px 15px;
    }
        .quote-renderer table.quote-table td.quote-table-content {  }
        .quote-renderer table.quote-table td { padding:10px 15px; }

        .quote-renderer table.quote-table td.date-column { background-color: #deebf5; }
        .quote-renderer table.quote-table th:first-of-type { border-top-left-radius: 5px; }
        .quote-renderer table.quote-table th:last-of-type { border-top-right-radius: 5px; }
        .quote-renderer table.quote-table tr:last-of-type td:first-of-type { border-bottom-left-radius: 5px; }
        .quote-renderer table.quote-table tr:last-of-type td:last-of-type { border-bottom-right-radius: 5px; }

.booking-info__payment-info,
.booking-info__top-content,
.booking-info__additional-content,
.item-details {
    text-align: left;
    color: black;
    font-size: 14px;
}

.booking-info h2,
.booking-info h1,
.day h1 { color: black; }

.quote-renderer .quote-map
{
    padding: 5mm 15mm;
}

.quote-renderer .quote-view-products {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    padding: 5mm 15mm;
}

.quote-view-products-header {
    background-color: #45647a;
    color: white;
    padding: 10px 15px;
    border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.quote-view-products-header h2 {
    margin-bottom: 0px;
}

.quote-view-products-table td {
    vertical-align: top;
    padding: 10px 5px;
}

.quote-view-products-column-day {
    background-color: #eeeeee;
    color: #7c909f;
    font-size: 16px;
    padding: 0px 5px;
}

.quote-view-products-column-image {
    max-height: 45mm;
    overflow: hidden !important;
    padding: 4px 0px;
}

.quote-view-products-column-image img {
    /*padding: 0px 20px;*/
}

.quote-view-products-column-details {
    color: #7c909f;
    line-height: 18px;
    padding: 10px;
}

.quote-view-products-column-details p {
    color: black;
}

.map-marker-hotel {
    color: #6b9df8;
}

.map-marker-golf-course {
    color: #2cae00;
}

.map-label-one-digit,
.map-label-two-digits {
    position: absolute;
    color: white;
    font-size: 20px;
    top: 6px;
}

.map-label-one-digit {
    left: 10px;
}

.map-label-two-digits {
    left: 6px;
}

.quote-product-title {
    position: absolute;
    margin-top: 6px;
    margin-left: 6px;
}

.quote-renderer .quote-further-info {
    font-size: 12px;
}

/* The center-block class is the same in bootstrap, too, but we are not using bootstrap in this project */
.center-block img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}