.dbg {
    position: absolute;
    background: white;
    z-index: 1;
    border: 2px dotted red;
}

@media screen {
    .printonly {
        display: none !important;
    }
}

.main {
    margin: 15px auto;
    padding: 0 15px;
    /*width: 262mm;*/ /* A4 + 25%  */
    width: 21cm;
    box-sizing: border-box;
}

body.PQ .main {
    margin: 0 auto;
    width: 23cm;
}

.rtl {
    direction: rtl;
}
.ltr {
    direction: ltr;
}

.first-letter-uppercase:first-letter {
    text-transform: uppercase;
}

.main.digital_signTrue, .main[data-order_type="Bioburden"], .main[data-order_type="Bacteria_Fungi"], .main[data-order_type="Mycoplasma"] {
    width: 896px;
    min-height: 870px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	width: 20.8cm; /*21cm*/
}

.keep-together {
    page-break-inside: avoid;
}

.break-before {
    page-break-before: always;
}

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

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

.print-footer {

}

.fline {
    position: absolute;
    border-top: 1px solid red;
    width: 100%;
    height: 0;
}

.print-header {
    padding: 15px 0 0;
}

.print-footer {
    padding: 15px 0;
}

.zviipTrue___ .print-footer {
    border-bottom: 1px solid blue;
}

.zviipTrue___ .print-header {
    border-top: 1px solid green;
}

.print_iframe {
    background-color: white;
    position: fixed;
    top: -10px;
}

.print_iframe.debugging {
    top: 10px;
    width: 1000px !important;
    height: 1000px !important;
}

@media print {

  body {
    /*width: 262mm;*/ /* A4 + 25%  */
    /*height: 371mm;*/ /* A4 + 25%  */
    zoom: 1; /* 0.8 and then zoom out */
    color: inherit !important;
  }

    @page {
        size: A4/*auto*/;
        orphans:4;
        widows:2;
    }

    .main {
        margin: 0;
    }

    .noprint {
        display: none !important;
    }
    * {
        -webkit-print-color-adjust: exact;
        -webkit-transition: none !important;
        transition: none !important;
    }

    thead { 
        display: table-row-group; /*Workaround chrome thead repeating problem in print*/
    }

    body {
        color: inherit !important;
    }
}

.hidden, .hide, .hide_tmp {
    display: none;
}

form {
    display: inline;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.send_email_btn {
    margin-top: 15px;
}

td, input[type="text"] {
    color: black;
}

input[type="text"], input[type="password"] {
    background-color: White;
    width: 142px;
    outline:0 none;
}
input[type="text"], .text, .d13 table input[type="text"].text {
    border-color: #222222;
    border-style: solid;
    border-width: 0 0 1px;
}
.d13 table input[type="text"].not_valid {
    border-width: 0 0 1px;
}
.edit_False input[type="text"] {
    border-width: 0 !important;
}
@media print {
    input[type="text"] {
        border-width: 0;
    }
}

input[type="radio"] {
    width:15px;
    height:15px;
    cursor:pointer;
}
    input[type="radio"].balanced {
        position: relative;
        top: 2px;
        margin-right: 0;
    }
input[type="button"], input[type="submit"] {
    border:1px solid #666;
    background-color:#eee;
    cursor:pointer;
}

progress {
    margin: 10px 0 0 0;
    width: 186px;
}
.pointer, .pointer input {
    cursor: pointer;
}
.nowrap {
    white-space: nowrap !important;
}
.relative {
    position: relative !important;
}
.break-word {
    word-break: break-all;
}
tr.selected, tr.selected input[type="text"], tr.selected select {
    background: #66bcdb;
}

.fr {
    float: right;
}
.fl {
    float: left;
}
td {
    padding: 5px 10px;
}
.main h1, .main h2, .under {
    text-decoration: underline;
}
.main h1 {
    margin: 5px 0;
    font-size: 23px;
}
.main h2 {
    margin: 5px 0;
    font-size: 19px;
}
.main h3, .main h4 {
    margin: 10px 0;
    font-size: 17px;
}
body.PQ .main h4 {
    font-size: 15px;
    margin: 15px 0 10px;
}
.main ul {
    list-style: disc outside none;
    margin: 10px 0;
    padding: 0 14px;
}

body.PQ .main ul {
    padding: 0 25px;
}

.i {
    font-style: italic;
}
.sm {
    font-size: 11px;
}

.vtop {
    vertical-align: top;
}

.cer_text {
    position: absolute;
    right: 0;
    top: 111px;
}

.main.digital_signTrue .cer_text {
    right: 15px;
    top: 127px;
}

.ttl_edit {
    font: 12px arial;
    margin-top: 4px;
    line-height: 14px;
}

.auto_width {
    width: auto !important;
}

.smw {
    width: 40px !important;
}
.mw {
    width: 70px !important;
}
.xsmw {
    width: 16px !important;
}

.center td {
    text-align: center;
}
td.center {
    text-align: center !important;
}
td.right {
    text-align: right !important;
}
tr.left {
    float: none;
}
.left td {
    text-align:left;
    float: none;
}

td.left {
    text-align: left !important;
}

.dir_align {
    text-align: left !important;
}

.rtl .dir_align {
    text-align: right !important;
}

.fixed_list {
    background-color: white;
    box-shadow: 0 0 5px black;
    box-sizing: border-box;
    display: none;
    font: 14px/22px arial;
    height: 96%;
    left: 50px;
    overflow-y: auto;
    padding: 10px 20px;
    position: fixed;
    top: 2%;
    width: 360px;
    white-space: nowrap;
}

@media screen and (min-width: 1660px) {
    .fixed_list {
        display: block;
    }
}

.not_valid, select.not_valid + .Zebra_TransForm_Select, input.not_valid + .Zebra_TransForm_Radio {
    outline: 0 none;
    border-color: #ff0000 !important;
}

.LoginTextBox.not_valid {
    border: 1px solid #ff0000 !important;
}

[contenteditable].not_valid {
    border: 1px solid;
}

body {
    margin:0;
    font: 14px/18px arial;
}

body.PQ {
    background-color: #fafbec/*#fcfdf3 #f0f2f3*/;
    padding: 15px 0;
    font: 13px/15px arial;
}

.bigger_txt {
    font: 16px arial;
}
.normal {font-weight:normal;}
.b {font-weight:bold !important;}
.red {color:Red;background-color: transparent;}
.clear {clear:both;}
.ml30 {margin-left: 30px;}
.ml15 {margin-left: 15px;}
.ml8 {margin-left: 8px;}
.mr30 {margin-right: 30px;}
.mr10 {margin-right: 10px;}
.mr1 {margin-right: 1px;}
.mr5 {margin-right: 5px;}
.mb16 {margin-bottom: 16px !important;}
.mb5 {margin-bottom: 5px;}
.mb3 {margin-bottom: 3px;}
.mt10 {margin-top: 10px;}
.mt7 {margin-top: 7px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mlr {
    margin: 0 2px;
}

.testing {
    position: absolute;
    left: -2000px;
}
.header {
    height: 70px;
    position: relative;
    margin: 15px 0 0;
}

body.PQ .header {
    margin: 0;
}

.header img {
    position: absolute;
}

.d {margin: 15px 0 0;}
    .d0 {
        text-align:center;
        margin-top: 10px; /*15px*/
    }
    .d00 {
        text-align:center;
        margin: 15px 0 10px;
    }
    .d1 {
        line-height: 25px;
        margin-top: 40px;
    }
    .rtl .header + .d1 {
        margin-top: 80px;
    }
    .d2 {
        margin-top: 10px;
    }
    .d3 {
        line-height: 30px;
    }
    .d4 {
        line-height: 20px;
    }
    .d44 {
        line-height: 30px;
    }
    .d5 {
    }
    .d6 {
    }
    .d6 table {
        width: 100%;
    }
    .d60 {font-size: 15px;font-style: italic;}
    .d61, .d62 {padding: 35px 10px;}
    .d7 {line-height: 25px;margin-top: 70px;}
    .d8 {margin-bottom: 28px;}
        .d81 {
            padding-left: 52px;
            width: 255px;
        }
            .d81 input[type="text"] {width: 90px;}
        .d815 {
            border-color: #222222;
            border-style: solid;
            border-width: 1px 1px 1px 0;
            width: 15px;
        }
        .d82 {padding: 0;}
        .d82 tr > td {padding:1px 10px;}
        .d82 tr > td:first-child {font-style:italic;width: 192px;}
        .d82 tr > td input[type="text"] {display:none;width: 300px;}

    .d9 {}
    .d10 {}
        .d100 {
            float: left;
            margin-right: 24px;
        }
        .d101 {
            float: left;
            margin-right: 47px;
        }
        .d102 {float:left;}
    .d11 {}
    .d12, .d13 {line-height: 29px;}
        .d13 h3 {margin: 7px 0;}
        .d13 table {width:100%;line-height:20px;}
        .d13 td:first-child {height: 22px;}
        .d13 tr:first-child > td:first-child {height: 32px;}
        .d13 table input[type="text"] {width: 100%;border-width:0;text-align:center;}
        td.spaced {
            height: 24px;
        }
 
    [contenteditable] {
        min-height: 20px;
        min-width: 50px;
    }

    .prototype_html {
        display: none !important;
    }

    .delete_row_container {
        position: relative;
        height: 0;
    }
    .delete_row {
        color: red;
        left: -116px;
        position: absolute;
        top: 0;
    }
    .edit_False .delete_row_container {
        display: none !important;
    }

    .add_row {
        margin: 10px 0 0 1px;
    }



    .d14 {
        font: 16px/27px arial;
    }
    .d19 {
        font: bold 15px/21px arial;
    }
    .d20 {
        margin: 10px 0;
    }
    .d200, .d201 {
        margin: 15px 0 0;
    }
    .d20 h4, .d201 h4 {
        font: bold 14px arial;
    }
    .d21 {
        margin: 10px 0 30px;
    }

    .d15 { 
        margin: 18px/*50px*/ 0 0;
    }
        .d15 textarea {
            border: 1px solid #222222;
            height: 135px;
            padding: 5px;
            resize: none;
            width: 80%;
        }



    .d16 { 
        font: 15px/21px arial; 
    }
    .d17 { margin-top: 18px/*60px*/; line-height: 12px;}
    .digital_sign.footer .d17 { margin: 18px 0;}
        .d17 b {
            font-size:16px;
        }

    .d18 {}
.d22 {
    font-size: 15px;
    margin-top: 18px;
}

.d23 td {
    height: 28px;
}

.d99 {
    font: 15px/23px arial;
}

table.border, table.border td {
    border-color: #222222;
    border-style: solid;
}
table.border {
    border-width: 1px 0 0 1px;
}
/*
table.border thead td {
    white-space: nowrap;
}
*/
table.border.wrap-tbl thead td {
    white-space: normal;
}
table.border td, table.border tr td.b1 {
    border-width: 0 1px 1px 0;
}
table.border.w3 {
    border-width: 3px 2px 2px 3px;
}
table.border td.r2, table.border tr.r2 td {border-right-width: 2px;}
table.border td.r3, table.border tr.r3 td {border-right-width: 3px;}
table.border td.b2, table.border tr.b2 td {border-bottom-width: 2px;}
table.border td.b3, table.border tr.b3 td {border-bottom-width: 3px;}
table.border td.t2, table.border tr.t2 td {border-top-width: 2px;}
table.border td.t1, table.border tr.t1 td {border-top-width: 1px;}
table.border tr td.b1 {border-bottom-width: 1px;}
table.border tr td.l3 {border-left-width: 3px;}

table.border.b0, table.border tr.b0 td, table.border tr td.b0 {
    border-bottom-width: 0;
}
table.border.l0 {
    border-left-width: 0;
}

table.negative_control td {width: 50%; padding: 0; font-weight: bold;}
table.negative_control td input[type="checkbox"] {position:relative;top:2px;}

input[name="Sample"] {width:532px;}
input[name="BatchNo"] {width:145px;}
input[name="IntermediateResults_Date"] {width:auto;}
input[name="IntermediateResults_Time"] {width:auto;}
input[name="FinalResults_Date"] {width:auto;}
input[name="FinalResults_Time"] {width:auto;}

input[name="IntermediateResults2_Technician"] {
    margin-right: 35px;
    width: 250px;
}
input[name="IntermediateResults2_ReviewedBy"] {
    margin-right: 64px;
    width: 160px;
}

input[name="Technician"], input.performed_by {
    margin-right: 44px;
    width: 374px;
}
.rtl input[name="Technician"], .rtl input.performed_by {
    margin-left: 44px;
    margin-right: 0;
}
input[name="LabAnalyst_Date"], input[name="Technician_Date"], input[name="ApprovedBy_Date"], input[name="ReviewedBy_Date"], input.performed_by_date {
    width:140px;
}
input.performed_by.sh, input[name="ApprovedBy"] {
    margin-right: 44px;
}
.rtl input.performed_by.sh, .rtl input[name="ApprovedBy"] {
    margin-left: 44px;
    margin-right: 0;
}
[data-order_type="Incubation"] input[name="ApprovedBy"] {
    width: 361px;
}

input[name="Technician"].sh {
    width: 380px;
}


input.performed_by[name="PerformedBy2"] {
    margin-left: 112px;
}

.rtl input.performed_by[name="PerformedBy2"] {
    margin-right: 112px;
    margin-left: 44px;
}

input[name="ReviewedBy"] {
    margin-right: 42px;
    width: 368px;
}
 
input.performed_by.sh, input[name="ApprovedBy"] {
    width: 360px;
}

.footer {margin: 15px 0 0;}
.footer p {margin: 0 0 4px; font: 11px/14px arial;}

.digital_sign.footer p {margin: 5px 0 4px;}

.footer h4, .inline {
    display: inline-block;
}

.pdf_view_True .footer h4 {
    margin: 0;
}

@media print {
    .footer h4 {
        margin: 0;
    }
}

.big-blue-btn {
    background-color: #66bcdb !important;
    border: 0 none !important;
    box-shadow: 2px 2px 4px #555;
    color: white;
    cursor: pointer;
    display: inline-block;
    font: 15px arial;
    border-radius: 5px;
    padding: 3px 6px;
    text-decoration: none;
}
.rtl .big-blue-btn {
    box-shadow: -2px 2px 4px #555;
}
.big-blue-btn.hide_tmp {
    display: none;   
}
.big-blue-btn.red {
    background-color: #db0632 !important;
}

.preloader {
    position: absolute;
}

.ul-decor {text-decoration: underline;}

.d13 table input[type="text"].ul-decor {border-bottom: 1px solid #000;text-decoration: none;}
div[contenteditable="true"].ul-decor {border-bottom: 1px solid #000;text-decoration: none;}

td.no-pad {padding: 0;}

.d13 table input[type="text"].inc_cat_number {width:48px; text-align: left;}

label.fixed_length_label {
    width: 70px;
    display: inline-block;
}

.inc_temp, .inc_temp * {
    font-size: 12px;
}
.inc_date_wrap {
    white-space: nowrap;
}

.d13 table input[type="text"].inc_date {
    width: 60px;
    font-size: 12px;
}
.d13 table input[type="text"].dw_date {
    width: 98px;
}
.d13 table input[type="text"].inc_nu, .d13 table input[type="text"].cfu {width:36px;}
.d13 table input[type="text"].cfu.s {width:25px;}

span.cfu {
    display: inline-block;
    border-bottom: 1px solid;
    min-width: 36px;
}

.sig_fixedLabel, .fixedLabel108 {display:inline-block; width:114px;}
.sig_fixedLabel.sec { width:202px; }
.like_radio input[type="checkbox"]{ position: relative; top: 2px; }
input[name="Technician1"].performed_by, input[name="Technician2"].performed_by, input[name="Technician3"].performed_by,
input[name="ApprovedBy1"], input[name="ApprovedBy2"], input[name="ApprovedBy3"]
{margin-right: 44px; width: 385px;}

td.less-span-cell {padding: 5px 4px;}

.tinted-mask {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    background: url('/common/images/1x1_64ptr.png') repeat 0 0 transparent;
}
.popup-container {
    background-color: #eee;
    width: 600px;
    margin: 320px auto 0;
    padding: 14px;
    border-radius: 14px;
}
.popup-container, .popup-container * {
    font-size: 14px;
    font-family: arial;
}
a.close:before, a.close:after {
    display: table;
    content: '';
}
a.close:after {
    clear: both;
}
a.close {
    display: block;
    width: 17px;
    height: 17px;
    background: url(/common/images/closePop.png) no-repeat 0 0 transparent;
    float: right;
}
.popup-content {
    padding: 18px;
    line-height: 20px;
}

.visibleCell {
    border: 1px solid #222222;
    padding: 0px 4px;
}
.commonCell {
    width: 94px;
    padding: 3px;
}
.no-decor, a.no-decor {text-decoration: none;color:inherit;}
.inline-text {width: 74px;}
.long-bold-label { font-weight: bold; display:inline-block;width: 316px; }
.bact { display:inline-block; width: 165px; }
.lbl_shrt { display:inline-block; width: 75px; }
.lbl_mid { display:inline-block; width: 130px; }
.lbl_lng { display:inline-block; width: 170px; }

.no-left-pad {padding-left: 0;}
.no-right-pad {padding-right: 0;}

.select {
    border: 1px solid #ccc;
    border-radius: 0;
}
.datepicker.date-short {
    width: 92px;
    min-width: 66px;
}

.datepicker {
    direction: ltr !important;
}

.td-mcol-btn {
    position: relative;
}

.mcol-btn {
    position: absolute;
    z-index: 1;
    bottom: -12px;
    right: -12px;
}

.inc_temp_inner {
    line-height: 14px;
    padding: 3px 0;
}

.manager_confirm input[type="text"] {
    border-width: 0;
}

.manager_confirm .formItems {
	font: bold 14px arial;
}

.manager_confirm .LoginTextBox {
	text-decoration: none;
    height: 19px;
    width: 202px;
    border: none;
    border-radius: 4px;
    padding: 2px 8px;
}

.manager_confirm .msg {
    position: absolute;
    margin: 5px 0px 0 2px;
    font-size: 13px;
}

.manager_confirm .renew_password .msg {
    width: 416px;
    text-align: center;
}

.links_select .btn {
    background-color: #e0e0e0;
    padding: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 17px;
    border-radius: 3px;
    width: 16px;
    display: inline-block;
}
.links_select .btn.selected {
    background-color: #66bcdb;
    color: white;
}
.links_select .btn.selected, .links_select .btn:hover {
    box-shadow: 0 0 2px grey;
}

.sample-check-list tbody td {
    padding: 5px 10px 10px;
}

.lab_check {
    border-bottom: 2px dashed black;
    margin: 0 0 10px;
    background-color: white;
}

.lab_check .comments {
    margin: 5px 0 13px;
}

.lab_check .comments textarea {
    width: 366px;
    height: 85px;
}

.lab_check .signatures {
    margin: 15px 0 20px;
}

.PQRightHeader {
    float: right;
    width: 210px;
    direction: rtl;
    text-align: right;
}

.PQRightHeader .ttl {
    font: bold 16px arial;
    margin: 5px 0 2px;
    display: inline-block;
}

.PQLeftHeader {
    float: left;
    text-align: left;
    direction: ltr;
}

.header .PQLeftHeader img {
    position: static;
}

.body {
    background-color: #fdf4dd /* #fdf5e0 #fbf0d5 #98d7f5*/;
    padding: 10px;
    border: 1px solid #98d7f5;
    border-radius: 5px;
}

.PQtxt {
    font: 12px/18px arial;
}

.PQtxt a {
    color: black;
    text-decoration: none;
}

.PQ .Remarks {
    margin: 20px 0 0;
}

.centered_inlined_txt {
    margin: 0px auto -18px;
    display: table;
}

.maldi-log-btn {
    position: absolute;
    z-index: 1;
    left: -10px;
    bottom: 15%;
}

.history {
    background-color: #f2f2f2;
}

.history td {
    border-color: #c1b6b6 !important;
}

table.border tr:has(+ tr.history:not(.hidden)) td {
    border-bottom-color: #c1b6b6 !important;
}

.history:has(+ tr:not(.history)) td {
    border-bottom-color: #222222 !important;
}

.history :is(td, a, b) {
    font-size: 12px;
    line-height: 16px;
    color: #5d5d5d;
}

.progress, .progress a {
    cursor: progress !important;
}

select:disabled + .tokenize > .tokens-container > .token {
    padding-right: 5px;
}