@page {
    margin: 0
}

body {
    margin: 0;
    zoom: 0.8;
    font-size: 10pt;
}

.sheet {
    margin: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    page-break-after: always;
}

div.A4 .sheet {
    width: 210mm;
}

div.A4.landscape .sheet {
    width: 297mm;
    height: 209mm
}

div.letter .sheet {
    width: 216mm;
    height: 279mm
}

div.letter.landscape .sheet {
    width: 280mm;
    height: 215mm
}

div.legal .sheet {
    width: 216mm;
    height: 356mm
}

div.legal.landscape .sheet {
    width: 357mm;
    height: 215mm
}

.sheet.padding-10mm {
    padding: 10mm
}

@media screen {
    body {
        background: #e0e0e0
    }

    .sheet {
        background: white;
        box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);
        margin: 5mm auto;
    }
}

@media print {
    div.A4 .sheet {
        width: 100%;
        height: 100%;
        min-width: 210mm;
        height: 415mm;
    }

    .print-display-none {
        display: none !important;
    }

    body {
        zoom: 1;
        font-size: 12pt;
    }

    a {
        text-decoration: none !important;
    }
    .cb-professional {
        margin-top: 49px !important;
    }
}

.print-button:active, .print-button:focus {
    outline: none !important;
}

button.print-button {
    width: 100px;
    height: 100px;
}

    span.print-icon, span.print-icon::before, span.print-icon::after, button.print-button:hover .print-icon::after {
        border: solid 4px #333;
    }

        span.print-icon::after {
            border-width: 2px;
        }

button.print-button {
    position: relative;
    padding: 0;
    border: 0;
    border: none;
    background: transparent;
}

    span.print-icon, span.print-icon::before, span.print-icon::after, button.print-button:hover .print-icon::after {
        box-sizing: border-box;
        background-color: #fff;
    }

span.print-icon {
    position: relative;
    display: inline-block;
    padding: 0;
    margin-top: 20%;
    width: 60%;
    height: 35%;
    background: #fff;
    border-radius: 20% 20% 0 0;
    outline: none;
}

    span.print-icon::before {
        content: " ";
        position: absolute;
        bottom: 100%;
        left: 12%;
        right: 12%;
        height: 110%;
        transition: height .2s .15s;
    }

    span.print-icon::after {
        content: " ";
        position: absolute;
        top: 55%;
        left: 12%;
        right: 12%;
        height: 0%;
        background: #fff;
        background-repeat: no-repeat;
        background-size: 70% 90%;
        background-position: center;
        background-image: linear-gradient( to top, #fff 0, #fff 14%, #333 14%, #333 28%, #fff 28%, #fff 42%, #333 42%, #333 56%, #fff 56%, #fff 70%, #333 70%, #333 84%, #fff 84%, #fff 100% );
        transition: height .2s, border-width 0s .2s, width 0s .2s;
    }

button.print-button:hover {
    cursor: pointer;
}

    button.print-button:hover .print-icon::before {
        height: 0px;
        transition: height .2s;
    }

    button.print-button:hover .print-icon::after {
        height: 120%;
        transition: height .2s .15s, border-width 0s .16s;
    }

.fixed-bottom-print-div {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1030;
}