body {
    background: #eeeeee;
    margin: 10mm 0 10mm 0;
}
.pr-a4, .pr-a4-width, .pr-a4-landscape, .pr-a4-landscape-width {
    padding: 10mm;
    background: #ffffff;
    margin: 0 auto 10mm auto;
    box-shadow: 0 0 10px 0 #ccc;
}
.page-number {
    padding: 10mm;
}
.action-group {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 60px;
}
.action-group button {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    box-shadow: 0 4px 9px -4px #386bc0;
    background-color: #3b71ca;
    border: none;
    outline: none;
    transition: 0.5s;
    cursor: pointer;
    margin-top: 30px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.action-group .button-group {
    margin-top: 30px;
}
.action-group .button-group button:first-child {
    border-radius: 30px 30px 0 0;
}
.action-group .button-group button:last-child {
    border-radius: 0 0 30px 30px;
}
.action-group .button-group button {
    margin-top: 0;
    border-radius: 0;
}
.action-group button svg {
    width: 50%;
}
.action-group button.bg-success {
    background-color: #14A44D;
    box-shadow: 0 4px 9px -4px #139c49;
}
.action-group button.bg-warning {
    background-color: #E4A11B;
    box-shadow: 0 4px 9px -4px #e4a11b;
}
.action-group button:hover, .action-group button.hover {
    background-color: #2f5aa2;
}
.action-group button.bg-success:hover, .action-group button.bg-success.hover {
    background-color: #10833e;
}
.action-group button.bg-warning:hover, .action-group button.bg-warning.hover {
    background-color: #CD9119;
}
.pr-content-wrapper {
    margin: 0 auto;
    width: auto;
    max-width: 420mm;
}
.pr-content-wrapper.spread {
    width: 420mm;
}
.pr-content-wrapper.spread .pr-a4 {
    float: left;
}
.pr-content-wrapper .spread-alt-helper {
    background-color: transparent;
    box-shadow: none;
}

@media print {
    body {
        background: none;
        margin: unset;
    }
    .pr-a4, .pr-a4-width, .pr-a4-landscape, .pr-a4-landscape-width {
        padding: unset;
        background: none;
        margin: unset;
        box-shadow: none;
    }
    .page-number {
        padding: unset;
    }
    .action-group {
        display: none;
    }
    .pr-content-wrapper.spread {
        width: 100% !important;
    }
    .pr-content-wrapper.spread .pr-a4 {
        float: none !important;
    }
    .pr-content-wrapper .spread-alt-helper {
        display: none !important;
    }
    .pr-content-wrapper {
        transform: none !important;
    }
}