body.print,
#document-view {
    padding: 40px 60px;
}

body.print *,
#document-view {
    color: #000;
    font: 12px Arial, sans-serif;
    line-height: 1.3;
}

#document-view {
    line-height: 1.5;
}

body.print {
    margin: 10px 0 10px 0;
}

body.print table,
#document-view table {
    border-collapse: collapse;
    border-spacing: 0;
}

body.print strong,
#document-view strong {
    font: 13px Helvetica, Arial, sans-serif;
    font-weight: bold !important;
}

body.print td.full-width,
#document-view th.full-width,
#document-view td.full-width {
    width: 100%;
}

body.print table td.nowrap,
#document-view table td.nowrap {
    white-space: nowrap;
}

body.print img.draft,
#document-view img.draft {
    opacity: .4;
    position: absolute;
    right: 100px;
    top: 30px;
    width: 300px;
}

body.print img.draft {
    position: fixed;
}

#document-view .footer.print {
    display: none;
}

#document-view .footer:not(.print) {
    margin-top: 60px;
}

body.print .footer *,
#document-view .footer {
    /*color: #999;*/
    font-size: 11px;
}

body.print .footer {
    display: none;
}

body.print .footer.print {
    bottom: 0;
    display: block;
    height: 50px;
    padding: 0 60px 4px 60px;
    position: fixed;
}

body.print .footer > div,
#document-view .footer > div {
    float: left;
    width: 50%;
}

body.print .footer table,
#document-view .footer table {
    width: 100%;
}

body.print .footer td,
#document-view .footer td {
    vertical-align: middle;
}

#document-view .footer td {
    line-height: 0;
}

body.print .footer td.nowrap,
#document-view .footer td.nowrap {
    padding-left: 7px;
    text-align: right;
}

body.print .footer img,
#document-view .footer img {
    height: 30px;
}

#document-view .footer img {
    width: 120px; /* IE Bug */
}

body.print .coordinates,
#document-view .coordinates {
    margin-bottom: 30px;
}

/*body.print .coordinates {*/
/*margin-top: -50px;*/
/*}*/

body.print .coordinates > div,
#document-view .coordinates > div {
    float: left;
}

body.print .coordinates .left,
#document-view .coordinates .left {
    width: 50%;
}

#document-view .coordinates .clickable {
    display: inline-block;
    padding: 30px 15px 15px 15px;
    margin-right: 30px;
}

body.print .coordinates .left img,
#document-view .coordinates .left img {
    display: block;
    margin-bottom: 30px;
    max-height: 70px;
    max-width: 250px;
}

body.print .coordinates .left img.portrait,
#document-view .coordinates .left img.portrait {
    margin-bottom: 30px;
    max-height: 100px;
}

body.print .coordinates .left > div,
#document-view .coordinates .left > div {
    padding-right: 30px;
}

body.print .coordinates .left > div > div + div,
#document-view .coordinates .left > div > div + div {
    margin-top: 8px;
}

body.print .coordinates tr td:first-child,
#document-view .coordinates tr td:first-child {
    width: 35px;
}

body.print .coordinates .right,
#document-view .coordinates .right {
    width: 50%;
}

body.print .coordinates .right > div,
#document-view .coordinates .right > div {
    margin-top: 90px;
    padding: 0 30px;
}

#document-view .coordinates .right .clickable {
    padding: 30px 15px 15px 15px;
    width: 100%;
}

body.print .document-type,
#document-view .document-type {
    margin-bottom: 40px;
}

body.print .document-type > div,
#document-view .document-type > div {
    float: left;
    width: 50%;
}

body.print .document-type .left h2,
#document-view .document-type .left h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

body.print .document-type .left .estimate,
#document-view .document-type .left .estimate {
    margin: -5px 0 15px 0;
}

body.print .document-type .left td.label,
#document-view .document-type .left td.label {
    padding-right: 20px;
}

body.print .document-type .right,
#document-view .document-type .right {
    font-style: italic;
}

#document-view .document-type .right.clickable {
    min-height: 40px;
    padding: 30px 10px 10px 10px;
}

#document-view .document-details.clickable {
    padding-top: 25px;
}

body.print .document-details,
#document-view .document-details {
    margin-bottom: 30px;
}

body.print .document-details table,
#document-view .document-details table {
    width: 100%;
}

body.print .document-details th,
#document-view .document-details th {
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}

body.print .document-details th.left,
#document-view .document-details th.left {
    text-align: left;
}

body.print .document-details th,
#document-view .document-details th {
    border-left: 1px solid #ccc;
    padding: 6px 10px;
}

body.print .document-details tr.head th,
#document-view .document-details tr.head th {
    border-bottom: 1px solid #ccc;
    /*text-align: center;*/
}

body.print .document-details th,
body.print .document-details td,
#document-view .document-details td {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 6px 10px;
    text-align: right;
}

#document-view .document-details tr:first-child td {
    border-top: 1px solid #ccc;
}

body.print .document-details tr th:first-child,
body.print .document-details tr td:first-child,
#document-view .document-details tr th:first-child,
#document-view .document-details tr td:first-child {
    border-left: none;
}

body.print .document-details.clickable tr:last-child td,
#document-view .document-details.clickable tr:last-child td {
    border-bottom: none;
}

body.print .document-details td.left,
#document-view .document-details td.left {
    text-align: left;
}

body.print .document-details td span.discount,
#document-view .document-details td span.discount {
    display: block;
    font-size: 12px;
}

body.print .document-details td span.unit,
#document-view .document-details td span.unit {
    font-size: 12px;
}

body.print .document-details td.nowrap span,
#document-view .document-details td.nowrap span {
    padding-left: 0;
}

body.print .document-total,
#document-view .document-total {
    page-break-inside: avoid;
}

body.print .document-total > div,
#document-view .document-total > div {
    float: left;
    width: 50%;
}

body.print .document-total .left td,
#document-view .document-total .left td {
    padding: 0 10px;
    text-align: right;
}

body.print .document-total .left tr td:first-child,
#document-view .document-total .left tr td:first-child {
    text-align: left;
}

body.print .document-total .left tbody tr:first-child td,
#document-view .document-total .left tr:first-child td {
    padding-top: 8px;
}

body.print .document-total .left th,
#document-view .document-total .left th {
    border-bottom: 1px solid #ccc;
    font-style: italic;
    padding: 5px 10px;
    text-align: right;
}

body.print .document-total .left th:first-child,
#document-view .document-total .left th:first-child {
    text-align: left;
}

body.print .document-total .right table,
#document-view .document-total .right table {
    width: 100%;
}

body.print .document-total .right td,
#document-view .document-total .right td {
    text-align: right;
    width: 50%;
}

body.print .document-total .right tr.total td,
#document-view .document-total .right tr.total td {
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
}

body.print .document-total .right tr.vcs td,
#document-view .document-total .right tr.vcs td {
    padding-top: 10px;
}

body.print .payment-details,
#document-view .payment-details {
    margin-top: 30px;
    page-break-inside: avoid;
}

body.print .payment-details > div,
#document-view .payment-details > div {
    padding-top: 10px;
}

body.print .payment-details .bank,
#document-view .payment-details .bank {
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

body.print .payment-details .bank > div,
#document-view .payment-details .bank > div {
    float: left;
    margin-right: 20px;
}

body.print .payment-details span,
#document-view .payment-details span {
    white-space: nowrap;
}

body.print .general-term,
#document-view .general-term {
    font-size: 11px;
    margin-top: 50px;
    text-align: justify;
}

#document-view .general-term.clickable {
    padding: 30px 10px 10px 10px;
}

#document-view .general-term.clickable span {
    color: #11b499;
}

body.print .document-top-text,
#document-view .document-top-text {
    padding-bottom: 30px;
}

body.print .document-bottom-text,
#document-view .document-bottom-text {
    padding-top: 30px;
}

body.print .document-bottom-note,
#document-view .document-bottom-note {
    font-style: italic;
    margin-top: 30px;
}

#document-view .document-bottom-note.clickable {
    min-height: 40px;
    padding: 30px 10px 10px 10px;
}

#document-view .clickable {
    border: 1px dotted #11b499;
    border-radius: 3px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}

#document-view .clickable:hover {
    background-color: rgba(17, 180, 153, .15);
}

body.print .clickable > em.tooltip {
    display: none;
}

#document-view .clickable > em.tooltip {
    background-color: #0e957f;
    border-bottom-left-radius: 999px;
    border-top-left-radius: 999px;
    color: #fff;
    display: none;
    font-family: 'Roboto';
    font-size: 1.2rem;
    font-style: normal;
    height: 36px;
    line-height: 36px;
    padding: 0 22px 0 20px;
    position: absolute;
    right: 0;
    top: -18px;
}

#document-view .clickable:after {
    background: #11b499;
    border-radius: 999px;
    color: #fff;
    content: '\e90f';
    font-family: 'IcoMoon-Ultimate' !important;
    font-size: 1.6rem;
    font-style: normal;
    height: 36px;
    letter-spacing: 0;
    line-height: 36px;
    position: absolute;
    right: -18px;
    text-align: center;
    top: -18px;
    width: 36px;
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    speak: never;
    -moz-font-feature-settings: 'liga=1';
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    -ms-font-feature-settings: 'liga' 1;
    -o-font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
}

#document-view .clickable:hover:after {
    background: #0e957f;
}