@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:900');
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');*/
@media all {

    body, p, font, div, span, h1, h2, h3, h4, a,td {
        font-family: Roboto,sans-serif, Arial, Verdana, Helvetica ;
    }

    /* FONT SETTINGS */
    h1, h2, h3, h4 {
        page-break-after: avoid;
    }

    a,
    a:visited {
        color: #000000;
        text-decoration: underline;
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }


    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    .text {
        line-height: normal;
        color: #666666;
    }

    .text-uppercase {
        text-transform: uppercase !important;
    }

    .text-capitalize {
        text-transform: capitalize !important;
    }

    .text-lowercase {
        text-transform: lowercase !important;
    }

    .text-right {
        text-align: right;
    }

    .text-left {
        text-align: left;
    }

    .text-center {
        text-align: center;
    }

    .fc-whi {
        color: #FFFFFF;
    }

    .fc-bla {
        color: #000000;
    }

    .bc-whi {
        background-color: #FFFFFF;
    }

    .bc-bla {
        background-color: #000000 !important;
    }

    .bc-whi-m {
        background-color: #F5F5F5 !important;
    }

    .bc-whi-d {
        background-color: #F1F1F1 !important;
    }

    .bc-whi-ed {
        background-color: #E5E5E5 !important;
    }

    .bc-blue {
        background-color: #44a4ff !important;
    }

    .bc-blue-m {
        background-color: #3b8fdd !important;
    }

    .bc-blue-d {
        background-color: #2372ae !important;
    }

    .bc-blue-l {
        background-color: #a8d8ff !important;
    }

    .bc-blue-p {
        background-color: #e1f1ff !important;
    }

    /* FONTS SIZES */
    .fs-7 {
        font-size: 7pt !important;
    }

    .fs-8 {
        font-size: 8pt !important;
    }

    .fs-9 {
        font-size: 9pt !important;
    }

    .fs-10 {
        font-size: 10pt !important;
    }

    .fs-11 {
        font-size: 11pt !important;
    }

    .fs-12 {
        font-size: 12pt !important;
    }

    .fs-13 {
        font-size: 13pt !important;
    }

    .fs-14 {
        font-size: 14pt !important;
    }

    .fs-15 {
        font-size: 15pt !important;
    }

    .fs-16 {
        font-size: 16pt !important;
    }

    .fs-18 {
        font-size: 18pt !important;
    }

    .fs-20 {
        font-size: 20pt !important;
    }

    .fs-22 {
        font-size: 22pt !important;
    }

    .fs-24 {
        font-size: 24pt !important;
    }

    .fs-26 {
        font-size: 26pt !important;
    }

    .fs-28 {
        font-size: 28pt !important;
    }

    .fs-32 {
        font-size: 32pt !important;
    }

    .b {
        font-weight: bold !important;
    }


    .i, em {
        font-style: italic !important;
    }

    h1 {
        font-size: 16pt;
    }

    h2 {
        font-size: 14pt;
    }

    h3 {
        font-size: 13pt;
    }
    h3 {
        font-size: 12pt;
    }

    /* BORDERS */
    .border-remove {
        border: 0px !important;
    }

    .border-top-remove {
        border-top: 0px !important;
    }

    .border-bottom-remove {
        border-bottom: 0px !important;
    }

    .border-left-remove {
        border-left: 0px !important;
    }

    .border-right-remove {
        border-right: 0px !important;
    }

    .border-bottom {
        border-bottom: 1px solid #000000;
    }

    .border-radius-small {
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .border-radius-remove {
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

    .border-width-1 {
        border-width: 1px;
        border-style: solid;
    }

    .border-bottom-width-1 {
        border-bottom-width: 1px;
        border-style: solid;
    }

    .border-top-width-1 {
        border-top-width: 1px;
        border-style: solid;
    }

    .border-left-width-1 {
        border-left-width: 1px;
        border-style: solid;
    }

    .border-right-width-1 {
        border-right-width: 1px;
        border-style: solid;
    }

    .border-color-gre {
        border-color: #CCC;
    }

    .border-color-bla {
        border-color: #000;
    }

    .border-color-gre-d {
        border-color: #999;
    }

    .width-expand {
        width: 100%;
    }

    .width-auto {
        width: auto;
    }

    /* PADDING */
    .pad-small {
        padding: 2px 4px;
    }

    .pad-medium {
        padding: 4px 8px;
    }

    .pad-large {
        padding: 6px 12px;
    }

    .table {
        font-family: Roboto, Arial, Verdana, Helvetica, sans-serif;
        border-collapse: collapse;
        border: 1px solid #000000;
        width: 100%;
    }

    .table td, .table th {
        font-family: Roboto, Arial, Verdana, Helvetica, sans-serif;
        border: 1px solid #000;
        padding: 3px 6px;
    }

    .table th {
        font-weight: bold;
        color: #FFFFFF;
        background-color: #000;
        text-align: left;
    }

    .table-borderless, .table-borderless td, .table-borderless th {
        margin: 0px;
        border: none;
        padding: 0px;
    }

    .table-contents, .table-contents td, .table-contents th {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .table-contents td, .table-contents th { padding: 4px; font-size: 10pt; }
    .table-contents th { color: #666666; background-color: #EAEAEA; }
    .table-contents thead tr:first-child { border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; }

    .table-top td {
        vertical-align: top;
    }

    .table-middle td {
        vertical-align: middle;
    }

    .docTitle {
        font-family: Roboto, Arial, Verdana, Helvetica, sans-serif;
        font-size: 28pt;
        font-weight: bold;
    }

    .quote-cell-price-unit {
        border-left: 2px solid #999999;
        border-bottom: 1px solid #999999;
        padding: 8px;
        font-size: 10pt !important;
        width: 100px;
    }

    .quote-cell-price, .quote-cell-price-total, .quote-cell-grade-total, .quote-cell-discount-total {
        border-bottom: 1px solid #999999;
        border-left: 2px solid #999999;
        width: 100px;
        padding: 8px;
        font-weight: bold;
        background-color: #F4F4F4;
        font-size: 11pt !important;
    }

    .quote-cell-discount-total {
        background-color: #ffc3ad;
    }

    .quote-cell-price-total {
        background-color: #f6eca8;
    }

    .quote-cell-price-blank {
        background-color: #FFFFFF;
        border-bottom: 0;
        width: 100px;
    }

    .quote-cell-text {
        /*width: 100%;*/
        /*word-break: break-all;*/
        padding-right: 20px !important;
    }

    .quote-cell-qty {
        width: 100px;
    }

    .quote-cell-grade {
        width: 35px;
    }

    .quote-cell-grade-total {
        background-color: #e1f1ff;

    }

    .quote-cell-grade-code {
        display: block;
        padding: 3px;
        background-color: #e1f1ff;
        font-weight: bold;
        color: #2e769f;
        font-size: 11pt;
    }

    .quote-containter {
        font-size: 11pt;
        /*page-break-before: auto;*/
    }

    .quote-box-reference {
        display: inline-block;
        width: 180px;
        text-align: center;
        background-color: #707070;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        padding: 5px;
    }

    .inventory-trade-label {
        font-size: 16pt !important;
        font-weight: bold;
        vertical-align: middle;
        line-height: 16pt;
        margin: 20px 0px 0px 0px;
    }

    .inventory-location-label {
        text-transform: uppercase;
        font-size: 11pt !important;
        font-weight: bold;
        padding: 10px 0px !important;
        vertical-align: middle;
    }

    .inventory-type-label {
        color: #1d83b5 !important;
        font-size: 12pt !important;
        font-weight: bold;
        padding: 10px 5px !important;
        vertical-align: middle;
    }

    .inventory-type-label i {
        color: #1d83b5 !important;
    }

    .margin-top-remove {
        margin-top: 0;
    }

    .margin-bottom-remove {
        margin-top: 0;
    }

    .quote-table-margin {
        width: 100%;
    }

    blockquote {
        margin-left: 4px;
        padding-right: 120px;
        line-height: normal;
        border: 0px;
    }

    .padding-flex-small-right {
        padding-right: 10px;
    }

    .padding-flex-small-left {
        padding-left: 10px;
    }

    .padding-flex-right {
        padding-right: 20px;
    }

    .padding-flex-left {
        padding-left: 20px;
    }

    .padding-flex-medium-right {
        padding-right: 30px;
    }

    .padding-flex-medium-left {
        padding-left: 30px;
    }

    .padding-flex-medium {
        padding: 30px;
    }

    .padding-flex {
        padding: 20px;
    }

    .padding-flex-small {
        padding: 10px;
    }


}

.label {
    font-family: Roboto, Arial, Verdana, Helvetica, sans-serif;
    display: inline;
    font-size: 10pt;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 4px 8px;
}

.image-label {
    font-size: 10pt;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.field {
    display: inline-block;
    min-width: 100px;
    border-bottom: 1px solid #000;
}

ul, li {
    list-style: none !important;
}

.grid {
    width: 100%;
}

.grid:after {
    content: "";
    display: table;
    clear: both;
}

.grid-width-1-2 {
    display: table;
    float: left;
    width: 50%;
}

.grid-width-1-3 {
    display: table;
    float: left;
    width: 33.33%;
}

.grid-width-2-3 {
    display: table;
    float: left;
    width: 66.66%;
}

.grid-width-3-4 {
    display: table;
    float: left;
    width: 75%;
}

.grid-width-1-4 {
    display: table;
    float: left;
    width: 25%;
}

.grid-width-1-5 {
    display: table;
    float: left;
    width: 20%;
}

.grid-width-2-5 {
    display: table;
    float: left;
    width: 40%;
}

.grid-width-3-5 {
    display: table;
    float: left;
    width: 60%;
}

.grid-width-4-5 {
    display: table;
    float: left;
    width: 80%;
}

.grid-quote-header-left {
    display: table;
    float: left;
    width: 37%;
}

.grid-quote-header-middle {
    display: table;
    float: left;
    width: 37%;
}

.grid-quote-header-fixed {
    display: table;
    float: left;
    width: 26%;
}

/* RESPONSIVE ELEMENTS */
@media screen and (max-width: 980px) {

    .grid-quote-header-left {
        display: table;
        float: left;
        width: 50%;
    }

    .grid-quote-header-middle {
        display: table;
        float: left;
        width: 50%;
    }

    .grid-quote-header-fixed {
        display: table;
        float: left;
        width: 100%;
    }

    .quote-box-reference {
        width: 98%;
    }
}

@media screen and (max-width: 640px) {

    .grid-quote-header-left {
        display: table;
        float: left;
        width: 100%;
    }

    .grid-quote-header-middle {
        display: table;
        float: left;
        width: 100%;
    }

    .grid-quote-header-fixed {
        display: table;
        float: left;
        width: 98%;
    }

    .grid-width-1-2 {
        display: block;
        clear: both;
        width: 100% !important;
    }

    .grid-width-1-3 {
        display: block;
        clear: both;
        width: 100% !important;
    }

    .grid-width-1-4 {
        display: block;
        clear: both;
        width: 100% !important;
    }

    .grid-width-1-5 {
        display: block;
        clear: both;
        width: 100% !important;
    }

    .grid-width-2-5 {
        display: block;
        clear: both;
        width: 100% !important;
    }

    .grid-width-3-5 {
        display: block;
        clear: both;
        width: 100% !important;
    }

    .grid-width-4-5 {
        display: block;
        clear: both;
        width: 100% !important;
    }

    .padding-flex-small-right {
        padding-right: 0px;
    }

    .padding-flex-small-left {
        padding-left: 0px;
    }

    .padding-flex-right {
        padding-right: 0px;
    }

    .padding-flex-left {
        padding-left: 0px;
    }

    .padding-flex-medium-right {
        padding-right: 0px;
    }

    .padding-flex-medium-left {
        padding-left: 0px;
    }

    .padding-flex-medium {
        padding: 0px;
    }

    .padding-flex {
        padding: 0px;
    }

    .padding-flex-small {
        padding: 0px;
    }

    .width-flex-expand {
        width: 100% !important;
    }

    .quote-box-reference {
        width: 100%;
    }

}

.margin-small {
    margin-top: 5px;
    margin-bottom: 5px;
}

.margin-small-top {
    margin-top: 5px;
}

.margin-small-bottom {
    margin-bottom: 5px;
}

.margin {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-top {
    margin-top: 10px;
}

.margin-bottom {
    margin-bottom: 10px;
}

.margin-medium {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-medium-top {
    margin-top: 20px;
}

.margin-medium-bottom {
    margin-bottom: 20px;
}

.margin-large {
    margin-top: 30px;
    margin-bottom: 40px;
}

.margin-large-top {
    margin-top: 30px;
}

.margin-large-bottom {
    margin-bottom: 30px;
}

.job-detail {
    font-family: Roboto, Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    padding: 4px 8px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    width: auto;
    display: block;
}


.n {
    /*font-weight: normal;*/
}

.fa-print-icon {
     display: none !important;
     /*font-family: fontawesome;*/
 }
/* SCREEN ONLY */
@media  screen {

    a[href].display-link:after {
        content: "";
        font-weight: normal;
        display: none;
    }
}
.fas, .fa { font-family: fontawesome; }
.fas { font-family: font-awesome-solid; }
.far { font-family: font-awesome-regular; }
.fal { font-family: font-awesome-light; }
/* PRINT ONLY */
@media print {

    /*.fas, .fal {*/
    /*    display: none !important;*/
    /*}*/

    /*.fa-print-icon {*/
    /*    display: inline-block !important;*/
    /*    font-family: fontawesome;*/
    /*}*/

    a[href].display-link:after {
        content: " (" attr(href) ")";
        font-weight: normal;
    }

    .fa-whi,
    .fa-whi:before,
    .fa-whi:after {
        color: #FFFFFF !important;
    }

    .fc-granite,
    .fc-granite:before,
    .fc-granite:after {
        color: #708090 !important;
    }

    table {
        border-collapse: collapse;
        border-spacing: 4px;
        page-break-inside: auto;
    }

    tr:not(.td-image) {
        page-break-inside: avoid;
        page-break-after: auto;
        page-break-before: auto;
    }

    html,
    body {
        overflow: visible;
    }


    html,
    body {
        overflow: initial;
    }

    blockquote {
        border: 0px !important;
    }

    .image-label {
        font-size: 20pt;
    }

    .selector-buttons, .selector-panel, #menu {
        display: none !important;
    }

    /*body {*/
    /*    height: auto !important;*/
    /*}*/

}