@page canvass {
    /*margin-top: 50px;*/
    /*margin-bottom: 0px;*/
    margin-left: 20px;
    margin-right: 20px;
    header: mainheader;
    footer: mainfooter;
}
@page specification {
    sheet-size: 216mm 330mm;
    size: portrait;
    header: specsheader;
    footer: specsfooter;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 60px;
}
div#rfq {
    page: canvass;
}
div#specs {
    page: specification;
}
.header {
    font-family: Calibri, sans-serif;
}
.rfq-title {
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 24px;
    /*margin-top: -20px;*/
    letter-spacing: 15px;
    /*border: thick solid #0000FF;*/
    padding-left: 75px;
}
.barcode {
    padding: 1.5mm;
    margin: 0;
    position: absolute;
    /*vertical-align: top;*/
    color: #000044;
}
.barcodecell {
    text-align: left;
    position: absolute;
    /*vertical-align: middle;*/
}
.barcode-container {
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
}
td {
    padding: 2px 0 2px 0;
    word-wrap: break-word;
}
td.header_details {
    padding: 5px 2px 5px 2px !important;
    word-wrap: break-word;
}
tr td.no-bottom-border {
    border-bottom: none
}
tr td.no-top-border {
    border-top: none;
}
td.row-details {
    padding: 9px 9px 9px 9px !important;
    /*margin: 5px 5px 5px 5px !important; ;*/
}
td.items-details {
    padding: 2px 2px 2px 2px !important;
    font-size: 11px;
}
.vertical_text {
    writing-mode:tb-rl;
    /*transform: rotate(180deg);*/
    white-space:nowrap;
    word-wrap: break-word;
    /*!*writing-mode: vertical-rl;*!*/
    /*!*text-orientation: mixed;*!*/
    /*writing-mode: vertical-rl;*/
    /*-webkit-writing-mode: vertical-rl;*/
    /*-ms-writing-mode: vertical-rl;*/
    color: #ff0000;
}
td.row-footer {
    padding: 0;
    word-wrap: break-word;
    font-size: 14px;
}
table {
    border-collapse: collapse;
}

table, th, td .ssss{
    border: 1px solid white;
}
body {
    font-family: Tahoma;
    font-size: 13px;
    color: black;
}
.header-title {
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.header-sub {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px !important;
}

.text-title-container {
    display: inline-block;
    /*background-color: green;*/
    width: 250px;
    margin-top: -8px;
}
.title-container{
    /*background-color: red;*/
    width: 40%;
    text-align: center;
    margin: 40px 38% 0 auto;
}
.vsu-logo {
    width: 80px;
    display: inline-block;
    position: absolute;
    background-color: #0b7ec4;
}
.header-container {
    padding: 0 0 30px;
}
* {
    box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.col_specs {
    float: left;
    width: 60%;
    padding: 10px;
    /*height: 280px;  Should be removed. Only for demonstration */
}
.col_image {
    float: left;
    width: 29.1%;
    padding-left: 25px;
    /*height: 280px;  Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}