/* Fix IE and iOS text resizing on orientation change */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* Fix HTML5 Elements in IE8 */
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
    display: block;
}

/* Include padding and border in width */
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}

/* Set base styles for most elements */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background-image: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    line-height:1em;
}

/* Allow input text to be selected */
input, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
}

/* turn off buttons in input[type=number] */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* removes "x" button from IE10/11 input fields */
input::-ms-clear {
    display: none;
}

/* Convienience class to clear floating divs */
.clear {
    clear:both;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

@media screen {
    .rm-print-preview {
        background: #f1f1f1;
        margin: 0;
        padding: 79px 30px 30px;
        position: relative;
    }

    .rm-preview-header {
       height:75px;
       border-bottom:4px solid #96003d;
       position:fixed;
       z-index: 10000;
       background-color:#fff;
       top:0;
       left:0;
       right:0;
    }

    .rm-preview-page {
        padding: 30pt;
        border: 1px solid #000000;
        position: relative;
        background-color: #fff;
        margin: 30px auto;
        box-sizing: border-box;
        overflow:hidden;
    }

    .rm-preview-page.debug-margin:before {
        content:'';
        display:block;
        position:absolute;
        top:30pt;
        left:30pt;
        right:30pt;
        bottom:30pt;
        border: 1px solid red;
    }

    .rm-preview-page.letter {
        width: 612pt;
        height: 748pt;
    }
}
@media print {
    @page {
        margin: 30pt;
    }

    .rm-preview-header {
        display:none;
    }

    .rm-preview-page {
        page-break-after: always;
    }
}