﻿.print {
    display: none
}

@media print {
    html {
        font-family: Arial;
        font-size: 16px
    }

    #footer, #header {
        display: none
    }

    body {
        background: none;
        padding: 0;
        margin: 0
    }

    #footer, #header, .popup-container, section.full-screen {
        display: none
    }

    .print {
        font-size: 16px;
        color: #000;
        line-height: 1.3;
        display: block
    }

        .print .print_h1, .print .print_h2 {
            margin: 15px 0;
            font-weight: 700
        }

        .print .print_h1 {
            font-size: 30px
        }

        .print .print_h2 {
            font-size: 20px
        }

        .print hr {
            margin: 20px 0;
            border: 0;
            border-bottom: 1px solid #888 !important;
            height: 1px
        }

        .print .print_photo {
            margin-top: 20px
        }

        .print .print_row {
            display: flex;
            margin-left: -40px
        }

            .print .print_row .print_col_100 {
                margin-left: 0px;
                padding-left: 0px;
                width: 100%;
                float: left
            }

            .print .print_row .print_col_50 {
                padding-left: 40px;
                width: 50%;
                float: left
            }

            .print .print_row .print_col_20 {
                padding-left: 40px;
                width: 20%;
                float: left
            }

        .print .print_list {
            list-style: none;
            margin: 0;
            padding: 0
        }

            .print .print_list .icon.icon-fuel:before {
                background: url(../../images/icons/fuel.svg) no-repeat 50% 50%/contain !important
            }

            .print .print_list .icon.icon-gear:before {
                background: url(../../images/icons/gear.svg) no-repeat 50% 50%/contain !important
            }

            .print .print_list .icon.icon-speed:before {
                background: url(../../images/icons/speed.svg) no-repeat 50% 50%/contain !important
            }

            .print .print_list .icon.icon-key:before {
                background: url(../../images/icons/key.svg) no-repeat 50% 50%/contain !important
            }

            .print .print_list .icon.left:before {
                position: absolute
            }

            .print .print_list .icon:before {
                content: "";
                position: relative;
                display: inline-block;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto 0;
                width: 15px;
                height: 15px;
                background-size: contain;
                background-position: 50%;
                background-repeat: no-repeat;
                -webkit-print-color-adjust: exact;
                color-adjust: exact
            }

            .print .print_list .icon {
                font-size: 20px;
                color: #000;
                padding-left: 35px;
                position: relative
            }

                .print .print_list .icon.left {
                    padding-left: 40px
                }

                .print .print_list .icon:before {
                    opacity: .2;
                    width: 25px;
                    height: 25px
                }

            .print .print_list.print_list_larger {
                font-size: 22px;
                font-weight: 700
            }

            .print .print_list > li {
                display: flex;
                justify-content: space-between
            }

                .print .print_list > li:not(:first-child) {
                    margin-top: 5px
                }

                .print .print_list > li span.label {
                    margin-right: 20px;
                    min-width: 59px;
                    text-align: left;
                    display: block;
                    color: #555 !important
                }

                .print .print_list > li span:not(.label) {
                    text-align: right;
                    color: #000;
                    display: block
                }
}