body {
   background-color:    rgb(119, 119, 119);
   margin:              0px 0px 0px 0px;
   font-family:         Arial,sans-serif;
   line-height:         1.2;
   font-size:           13px;
   min-width:           780px;
}

img {
   border:              0px;
   margin-top:          8px;
}

a {
   text-decoration:     none;
}

h3 {
   font-size:           150%;
   margin-top:          1em;
}

h4 {
   font-size:           120%;
   margin-top:          0.8em;
}

input[type="text"][disabled="disabled"]
{
   background-color:    white;
}

/* --- Top pane ---------------------------------- */

div.fixed {
   position:            fixed;
   top:                 4px;
   width:               100%;
}

#header {
   background-color:    white;
   padding:             0px 12px 4px 12px;
   height:              62px;
   font-weight:         bold;
   overflow:            hidden;
   border-width:        0 0 1px 0;
   border-color:        black;
   border-style:        solid;
}

#logo {
   float:               left;
   width:               140px;
}

#headerline1 {
   height:              18px;
   padding-top:         12px;
   margin-left:         140px;
}

#headerline2 {
   margin-left:         140px;
   background-color:    black;
   color:               rgb(255, 102, 0);
   padding-top:         5px;
   height:              19px;
   overflow:            hidden;
   min-width:           480px;
}

a.homelink {
   /*background-color:    rgb(255, 102, 0);*/
   color:               white;
   padding:             5px 32px 4px 24px;
   margin:              0;
}

a.homelink:hover {
   background-color:    black;
}

#topmenu-separator {
   background-color:    white;
   padding:             5px 0px 4px 0px;
   margin-right:        12px;
}

a.topmenu {
   background-color:    black;
   color:               white;
   padding:             5px 6px 4px 6px;
   font-size:           13px;
}

a.topmenu:hover {
   background-color:    rgb(255, 102, 0);
}

#bgline {
   background-color:    rgb(119, 119, 119);
   height:              12px;
/*   opacity:             0.5; */
}


/* --- Bottom pane; container -------------------- */

#container {
   background-color:    rgb(255, 255, 255);
   padding-top:          68px;
   margin-top:          68px;
/*   margin:              18px 24px 24px 24px;
   box-shadow:          0px 11px 5px rgb(0, 0, 0);
   border:              1px solid rgb(119, 119, 119); */
   padding:             0px 0px 0px 0px;
   min-height:          640px;
   overflow:            auto;
}

#contentpane {
   margin:              0px 224px 0 12px;
   min-height:          480px;
}

#footer {
   height:              24px;
}

div.menuimage {
   float:               left;
}

ul.mainmenu {
   margin-left:         480px;
   padding-top:         80px;
   font-size:           110%;
   list-style:          none;
}

ul.mainmenu a {
   color:               black;
}

ul.mainmenu a:hover {
   color:               rgb(255, 102, 0);
}


/* --- sitemap ----------------------------------- */

div.sitemap {
   display:             inline-block;
   zoom:                1;
   vertical-align:      top;
   width:               20em;
   padding-top:          2em;
   padding-bottom:       2em;
}

.sitemap span {
   font-weight:         bold;
}

.sitemap ul {
   list-style:          none;
   padding-left:        4px;
   margin-top:          4px;
}

.sitemap li:before {
   content:             "»";
   color:               rgb(255, 102, 0);
   flex:                0 0 auto;
   line-height:         1;
}

.sitemap li {
   display:             flex;
   align-items:         center;
   gap:                 6px;
   margin:              1px 0;
   white-space:         nowrap;
   overflow:            hidden;
}

.sitemap a, .sitemap a:visited {
   display:             block;
   flex:                1 1 auto;
   min-width:           0;
   padding:             1px 0;
   color:               black;
   white-space:         nowrap;
   overflow:            hidden;
   text-overflow:       ellipsis;
}

.sitemap a:hover {
   color:               #FF6600;
}


/* --- Flash ------------------------------------- */

div.flash-info {
   border:              2px solid #00C000;
   background-color:    #E0F0E0;
   display:             inline-block;
   padding:             4px 24px 4px 0;
   margin:              3px 3px 3px 3px;
   border-radius:       6px;
   -moz-border-radius:  6px;
   -webkit-border-radius: 6px;
}

div.flash-warn, div.flash-warning {
   border:              2px solid rgb(255, 102, 0);
   background-color:    #FFEBDE;
   display:             inline-block;
   padding:             4px 24px 4px 0;
   margin:              3px 3px 3px 3px;
   border-radius:       6px;
   -moz-border-radius:  6px;
   -webkit-border-radius: 6px;
}

div.flash-error {
   border:              2px solid #C00000;
   background-color:    #F0E0E0;
   display:             inline-block;
   padding:             4px 24px 4px 0;
   margin:              3px 3px 3px 3px;
   border-radius:       6px;
   -moz-border-radius:  6px;
   -webkit-border-radius: 6px;
}

div.flash-info a, div.flash-warn  a, div.flash-error a{
   color:               black;
   text-decoration:      underline;
}

/* --- Context menu ------------------------------ */

div.menu {
   float:               right;
   width:               180px;
   background-color:    #ffffff;
   border:              1px solid #d8d8d8;
   border-radius:       3px;
   overflow:            hidden;
   margin:              14px 12px 20px 28px;
}

div.menu ul {
   list-style:          none;
   margin:              0;
   padding:             8px 10px 10px 10px;
   background-color:    #ffffff;
}

div.menu h1,
div.menu h2,
div.menu h3,
div.menu h4 {
   margin:              0;
   padding:             9px 12px;
   line-height:         1.2;
   background-color:    #d7d7db;
   font-size:           14px;
   font-weight:         600;
}

div.menu li {
   margin:              0;
   padding:             2px 0;
   display:             flex;
   align-items:         flex-start;
   gap:                 6px;
}

div.menu ul li:not(.separator):before {
   content:             "»";
   display:             inline-block;
   flex:                0 0 auto;
   line-height:         1;
   margin-top:          4px;
   color:               rgb(255, 102, 0);
}

div.menu a, div.menu a:visited {
   text-decoration:     none;
   color:               black;
   padding:             3px 0;
   display:             block;
   width:               auto;
   flex:                1 1 auto;
   line-height:         1.25;
}

div.menu button {
   text-decoration:     none;
   color:               black;
   padding:             3px 0;
   display:             block;
   width:               100%;
   margin-left:         0;
   text-align:          left;
   line-height:         1.25;
}

div.menu a:hover {
   color:               rgb(255, 102, 0);
}

div.menu.tagPageMenu {
   background-color:    transparent;
   border:              0;
   border-radius:       0;
   overflow:            visible;
   margin:              0 12px 24px 28px;
}

div.menu.tagPageMenu .menuCustom {
   background-color:    #ffffff;
   border:              1px solid #d8d8d8;
   border-radius:       3px;
   overflow:            hidden;
   margin-bottom:       12px;
}

div.menu.tagPageMenu .menuCustom:last-child {
   margin-bottom:       20px;
}

div.menu.tagPageMenu .menuCustom > h4 {
   margin:              0;
   padding:             9px 12px;
   line-height:         1.2;
   background-color:    #d7d7db;
}

div.menu.tagPageMenu .menuCustom > ul.menu {
   margin:              0;
   padding:             8px 10px 10px 10px;
   background-color:    #ffffff;
}


/* --- Grid -------------------------------------- */

div.grid {
   font-size:           13px;
   margin-bottom:       40px;
   clear:               both;
}

/* Let the filter form grow with the table when dynamic columns exceed viewport width. */
div.grid > form {
   width:               fit-content;
   min-width:           100%;
}

div.grid table {
   border:              1px solid black;
   margin-top:          6px;
   width:               100%;
}

div.grid th {
   font-weight:         bold;
   color:               white;
   background-color:    #FF6600;
   padding:4px;
}

div.grid tr.even th  {
   text-align:          left;
   background-color:    #FFEBDE;
}

div.grid th a {
   text-decoration:     none;
   color:               white;
}

div.grid tr.odd {
   background-color:    #F8F8F8;
}

div.grid tr.even {
   background-color:    #FFEBDE;
}

div.grid tr.highlight {
   background-color:    black;
   color:               #FFEBDE;
}

/*
div table {
   border-collapse: collapse;
}
*/
div.grid tr:hover, .grid .black a:hover {
   background-color:    #777777; /*e4cfc2*/
   color:               white !important;
}

td.grid-select {
   white-space:         nowrap;
   width:               1px;
   padding-right:       8px;
}

td.grid-buttons {
   width:               1px;
}

/*td.grid-buttons {*/
/*   white-space:         nowrap;*/
/*}*/

/*td.grid-buttons img {*/
/*   margin:              0px 3px 0px 3px;*/
/*}*/

td.grid-buttons {
   white-space:         nowrap;
}

td.grid-buttons i {
   margin:              0px 3px 0px 3px;
   font-size:16px;
}

td.grid-buttons img,
td.grid-buttons i {
   vertical-align:      middle;
}

td.grid-buttons {
   line-height:         16px;
}

td.grid-buttons a {
   display:             inline-block;
   height:              16px;
   line-height:         16px;
   padding:             0;
}

td.grid-buttons a.grid-button-placeholder {
   visibility:          hidden;
   pointer-events:      none;
}

td.grid-buttons span.grid-button-placeholder {
   display:             inline-block;
   width:               16px;
   height:              16px;
   margin:              0px 3px 0px 3px;
   visibility:          hidden;
}

td.grid-buttons img {
   display:             inline-block;
   height:              16px;
}

td.grid-buttons i {
   display:             inline-block;
   height:              16px;
   line-height:         16px;
}

.specification-button-gray {
   background:          #e0e0e0;
   border:              1px solid #bcbcbc;
   color:               #222222;
   padding:             4px 10px;
}

.specification-button-gray:hover {
   background:          #d4d4d4;
}

.specification-upload-tab {
   margin-top:          8px;
}

.specification-card {
   border:              1px solid #d8d8d8;
   background:          #ffffff;
   border-radius:       3px;
   padding:             14px 14px 12px 14px;
   margin-bottom:       14px;
}

.specification-card-upload {
   background:          #f2f2f3;
}

.specification-card h4 {
   margin-top:          0;
   margin-bottom:       10px;
}

.specification-input-textarea {
   width:               100%;
   max-width:           100%;
   border:              1px solid #c9c9c9;
   border-radius:       3px;
   background:          #ffffff;
   box-sizing:          border-box;
   padding:             10px;
}

.specification-save-row {
   margin-top:          10px;
}

.specification-upload-help {
   margin:              0 0 10px 0;
}

.specification-card-upload input[type="file"] {
   position:            absolute;
   left:                -9999px;
}

.specification-upload-picker {
   display:             inline-flex;
   align-items:         center;
   gap:                 10px;
}

.specification-upload-trigger {
   cursor:              pointer;
   margin:              0;
}

.specification-upload-file-name {
   display:             inline-block;
   min-width:           170px;
   background:          #ffffff;
   border:              1px solid #d0d0d0;
   border-radius:       3px;
   padding:             5px 8px;
   line-height:         18px;
}

.specification-attachments-grid {
   border:              0 !important;
}

.specification-attachments-grid th {
   background:          #ebebed;
   padding:             10px 12px;
}

.specification-attachments-grid td {
   padding:             12px;
}

.specification-attachments-grid td.grid-buttons a,
.specification-attachments-grid .jsSpecificationAttachmentPreview {
   color:               #000000;
}

.specification-attachments-grid .jsSpecificationAttachmentPreview {
   margin-left:         6px;
}

.specification-pdf-thumb-wrap {
   width:               120px;
   height:              120px;
   overflow:            hidden;
}

.specification-pdf-thumb {
   display:             block;
   border:              0;
}

.specification-swal-media {
   max-width:           100%;
   height:              auto;
}

.specification-swal-pdf-wrap {
   width:               100%;
   height:              72vh;
   overflow:            hidden;
}

.specification-swal-pdf {
   width:               100%;
   height:              100%;
   display:             block;
   border:              0;
}

.swal2-html-container.specification-preview-swal-html {
   overflow:            hidden !important;
   max-height:          none !important;
   padding:             0 !important;
}

.grid-help-text {
   margin:              6px 0 10px 0;
}

.help-callout {
  margin:              6px 0 14px 0;
  padding:             10px 12px;
  border:              1px solid #666666;
  border-radius:       3px;
  background-color:    #F8F8F8;
  color:               #000000;
  display:             flex;
  align-items:         flex-start;
  gap:                 10px;
}

.help-callout__icon {
  color:               #FF6600;
  font-size:           22px;
  line-height:         1;
  flex:                0 0 auto;
}

.help-callout__text {
  display:             block;
  font-size:           13px;
  line-height:         1.3;
}

.help-callout__text p {
  margin:              0;
}

.legend-box {
  margin:              0 0 20px 0;
  border:              1px solid #C0C0C0;
  border-radius:       3px;
  background-color:    #F8F8F8;
  overflow:            hidden;
  max-width:           760px;
}

.legend-box__title {
  font-size:           14px;
  line-height:         1.2;
  font-weight:         700;
  color:               #FFFFFF;
  padding:             3px 10px;
  border-bottom:       1px solid #C0C0C0;
  background-color:    #FF6600;
}

.legend-box__body {
  padding:             10px 12px;
  color:               #000000;
}

.legend-box__columns {
  display:             flex;
  gap:                 0;
}

.legend-box__columns--one {
  display:             block;
}

.legend-box__group {
  margin:              0;
  width:               100%;
}

.legend-box__columns--two .legend-box__group {
  width:               50%;
}

.legend-box__columns--two .legend-box__group + .legend-box__group {
  border-left:         1px solid #DCDCDC;
  padding-left:        14px;
  margin-left:         14px;
}

.legend-box__columns--one .legend-box__group + .legend-box__group {
  margin-top:          8px;
}

.legend-box__group-title {
  margin:              0 0 6px 0;
  padding-bottom:      5px;
  border-bottom:       1px solid #E1E1E1;
  font-size:           16px;
  font-weight:         700;
  color:               #000000;
}

.legend-box__list {
  margin:              0;
  padding:             0;
  list-style:          none;
}

.legend-box__list li {
  margin:              0 0 6px 0;
  display:             flex;
  align-items:         center;
  gap:                 10px;
  font-size:           13px;
  line-height:         1.2;
}

.legend-box__tag {
  display:             inline-flex;
  align-items:         center;
  gap:                 5px;
  min-width:           78px;
  justify-content:     flex-start;
  font-weight:         700;
  border:              1px solid #B8B8B8;
  border-radius:       4px;
  background-color:    #E6E6E6;
  padding:             2px 9px;
}

.legend-box__tag--plain {
  min-width:           0;
  border:              0;
  border-radius:       0;
  background-color:    transparent;
  padding:             0;
}

.legend-box__text {
  display:             inline-block;
}

.legend-box__note {
  margin:              8px 0 0 0;
  padding-top:         9px;
  border-top:          1px solid #DCDCDC;
  font-size:           13px;
  line-height:         1.25;
}

@media (max-width: 860px) {
  .legend-box {
    max-width:         100%;
  }

  .legend-box__title {
    font-size:         15px;
    padding:           6px 8px;
  }

  .legend-box__body {
    padding:           8px;
  }

  .legend-box__columns {
    display:           block;
  }

  .legend-box__group {
    width:             100%;
  }

  .legend-box__columns--two .legend-box__group + .legend-box__group {
    border-left:       0;
    padding-left:      0;
    margin-left:       0;
    margin-top:        8px;
  }

  .legend-box__group-title {
    font-size:         14px;
  }

  .legend-box__list li {
    gap:               8px;
  }

  .legend-box__tag {
    min-width:         72px;
  }

  .help-callout {
    padding:           8px 10px;
    gap:               8px;
  }

  .help-callout__icon {
    font-size:         19px;
  }
}

#shared-tests-grid .shared-action-form {
  display:             inline-flex;
  margin:              0 6px 0 0;
}

#shared-tests-grid .shared-action-button {
   display:             inline-flex;
   align-items:         center;
   gap:                 4px;
   white-space:         nowrap;
}

div.grid-summary {
   margin:              10px 0 6px 2px;
   padding-bottom:      4px;
   color:               black;
   float:               left;
}

div.grid-pager {
   text-align:          right;
   clear:               both;
}

div.grid-pager ul {
   list-style:          none;
   margin:              10px 0 0 0;
   padding:             0;
}

div.grid-pager li {
   display:             inline;
   margin:              0 3px 0 3px;
}

div.grid-pager a {
   text-decoration:     none;
   color:               black;
   border:              1px solid #A0A0A0;
   padding:             1px 6px 1px 6px;
   font-size:           85%;
}

div.grid-pager a.selected {
   color:               #FFFFFF;
   background-color:    #FF6600;
}

td.range {
   width:               24px;
   color:               red;
   font-weight:         bold;
   text-align:          center;
}

.iconView {
   background-image:    url('/img/grid/view.png');
   width:               16px;
   height:              16px;
   background-repeat:   no-repeat;
}

/* --- forms & controls -------------------------- */

form table {
   border:              1px solid #C0C0C0;
   margin-top:          6px;
}

.specification-attachments-grid table,
.specification-attachments-grid form table {
   border:              1px solid #C0C0C0 !important;
   margin-top:          0 !important;
}

form tr.odd {
   background-color:    #FFEBDE;
}

form tr.even {
   background-color:    #F8F8F8;
}

td.buttonrow {
   padding:             0.5em;
   text-align:          center;
}

ul.optgroup {
   list-style:       none;
   margin:           0;
   padding:          0;
}

ul.optgroup li {
   display:          inline;
   margin-left:      0.5em;
   margin-right:     0.5em;
}

textarea {
   font-family:      inherit;
   font-size:        inherit;
}


/* --- Detail views ------------------------------ */

table.form-detail {
   border:              1px solid #C0C0C0;
   margin-top:          6px;
   min-width:           480px;
}

table.form-detail tr.odd, table.form-edit tr.odd {
   background-color:    #F8F8F8;
}

table.form-detail tr.even, table.form-edit tr.even {
   background-color:    #FFEBDE;
}

span.value {
   margin-right:        3em;
   font-weight:         bold;
}

table.form-detail td, table.form-edit td {
   padding:             2px 4px 2px 4px;
}

table.form-detail td:nth-child(1) {
   padding-left:     6px;
}


/* --- Tab control ------------------------------- */

div.tabheader {
   border-bottom:       1px solid black;
   margin-bottom:       2em;
}

div.tabheader ul {
   margin:              0;
   padding:             2em 0 2px 0;
   list-style:          none;
}

div.tabheader li {
   margin:              0 1px 0 0;
   padding:             3px 0 2px 12px;
   display:             inline;
}

div.tabheader li a {
   padding:             3px 14px 2px 0;
}

li.tab-inactive {
   background-image:    url('/img/tab/left.png');
   background-repeat:   no-repeat;
}

li.tab-active {
   background-image:    url('/img/tab/left-active.png');
   background-repeat:   no-repeat;
}

li.tab-inactive a {
   background-image:    url('/img/tab/right.png');
   background-repeat:   no-repeat;
   background-position: right top;
}

li.tab-active  a {
   font-weight:         bold;
   background-image:    url('/img/tab/right-active.png');
   background-repeat:   no-repeat;
   background-position: right top;
}

div.tabheader a, div.tabheader a:visited {
   text-decoration:     none;
   color:               black;
}

#search-grid {
   white-space:         nowrap;
}

#homogenousMessage {
   font-weight:         bold;
   color:               red;
}

button.link {
   text-align:          left;
   background:          none!important;
   border:              none;
   padding-left:        -3px;
   font:                inherit;
   cursor:              pointer;
}

.black, .black a{
   color:black;
}


.noSampleDate {
   color: red;
}

.notInRange {
   color:red;min-width:1em;float:left;font-size: 130%;
}

.symbolsTable td{
   width:120px;
   white-space: nowrap;
}

.numberOfTanksMissing{
   color: orange;
}

.box1{
   border:1px solid black;
   padding:5px;
}

#password_strength_panel{
   background: #FFEBDE;
   margin: 50px auto;
   text-align: center;
}

#pass_meter{
   background: #FFEBDE;
   color: black;
   height: 20px;
   margin: 10px 0;
   padding: 10px;
   text-align:center;
   font-weight:bold;
}

.error{
   color:red;
}

.table{display:table;xxborder:1px solid black;}
.tableRow{display:table-row; xxborder:1px solid green}
.tableCell{display:table-cell; xxborder:1px solid red}

.invoiceHeader{
   width:100%;
   font-weight:bold;
   font-size:16px
}
.invoiceHeader .contentCell{padding-right:10px;}
.invoiceHeader .contentCell:first-child {
   width:120px;
}
.invoiceHeaderBottom{caption-side:bottom;display: table-caption;}

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

.tableBorderCollapse {
   border-collapse: collapse;
}

.tableBorderCollapse table, .tableBorderCollapse th, .tableBorderCollapse td {
   border: 1px solid black
}

#form\.additional_pricelist_id, #form\.pricelist_id, #form\.test_id{width:600px;}
#form\.client_reference{width:300px;}

/* select2 jquery plugin*/
/* Give select2 input fields same color as normal selects  */
.select2-container--default .select2-selection--single .select2-selection__rendered{
   color:black;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
   border-color: black transparent transparent transparent;
}

/* Give select2 input fields same height as normal selects */
.select2-selection__rendered {
   line-height: 22px !important;
}
.select2-container .select2-selection--single {
   height: 21px !important;
}
.select2-selection__arrow {
   height: 22px !important;
}
/* Give all input fields ame padding as select2*/
input, textarea{padding-left:6px;}
/* Remove rounded corners of select2 */
[class^='select2'] {
   border-radius: 0px !important;
}
/* Reduce vertical space between options*/
.select2-results__option {
   padding: 0px;
   padding-left: 5px;
}

/* Without line below, dialogs would appear shortly, and then disapear when page loads */
.dialog { display: none; }

.vesselInputCont{display:none;}

.exIntoCont ul {display:inline;}

.menuCustom{
   background:#D0D0D0;
}
.menuCustom div{
   font-weight:bold;
   padding-left:5px;
   padding-top:5px;
}

.menuCustom ul{
   margin-top:0px;
}

@supports not (-ms-high-contrast: none) {
   /* Non-IE styles here */
   .logout{
       float:right;
      display:inline-block!important;

    }
}


@media print {
   /* Do not print anything with class noPrint*/
   .noPrint {
      display: none;
   }
}

@media print {
   body.print-theoretical-blend > *:not(#jsTheoreticalBlendPrintHost) {
      display: none !important;
   }

   body.print-theoretical-blend #jsTheoreticalBlendPrintHost {
      display: block !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
   }

   body.print-theoretical-blend #jsTheoreticalBlendPrintHost #jsTheoreticalBlendOverview,
   body.print-theoretical-blend #jsTheoreticalBlendPrintHost #jsTheoreticalBlendCalculations {
      display: block !important;
      width: 100% !important;
      margin: 0 0 12px 0 !important;
      overflow: visible !important;
   }

   body.print-theoretical-blend #jsTheoreticalBlendPrintHost,
   body.print-theoretical-blend #jsTheoreticalBlendPrintHost * {
      -webkit-print-color-adjust: exact !important;
      print-color-adjust: exact !important;
   }

   body.print-theoretical-blend #jsTheoreticalBlendPrintHost .rotated-blend-container {
      page-break-before: auto !important;
      break-before: auto !important;
   }

   body.print-theoretical-blend #jsTheoreticalBlendPrintHost table {
      page-break-inside: auto;
      break-inside: auto;
   }

   body.print-theoretical-blend #jsTheoreticalBlendPrintHost tr,
   body.print-theoretical-blend #jsTheoreticalBlendPrintHost th,
   body.print-theoretical-blend #jsTheoreticalBlendPrintHost td {
      page-break-inside: avoid;
      break-inside: avoid-page;
   }

   body.print-theoretical-blend #jsTheoreticalBlendPrintHost #rotatedBlendTable tbody td:nth-child(even) {
      background-color: #F8F8F8 !important;
   }

   body.print-theoretical-blend #jsTheoreticalBlendPrintHost #rotatedBlendTable tbody td:nth-child(odd) {
      background-color: #FFEBDE !important;
   }

   body.print-theoretical-blend #jsTheoreticalBlendPrintHost #rotatedBlendTable thead th {
      background-color: #FF6600 !important;
      color: #ffffff !important;
   }

   body.print-theoretical-blend #jsTheoreticalBlendPrintHost #rotatedBlendTable thead th.header-white {
      background-color: #FF6600 !important;
      color: #ffffff !important;
   }

   body.print-theoretical-blend #jsTheoreticalBlendPrintHost .analyst-info-container,
   body.print-theoretical-blend #jsTheoreticalBlendPrintHost .analyst-info,
   body.print-theoretical-blend #jsTheoreticalBlendPrintHost .jsToggleAnalystInfo,
   body.print-theoretical-blend #jsTheoreticalBlendPrintHost .jsDoPost,
   body.print-theoretical-blend #jsTheoreticalBlendPrintHost .fa-edit,
   body.print-theoretical-blend #jsTheoreticalBlendPrintHost .fa-times {
      display: none !important;
   }
}
.icon{width:16px;height:16px;}
.iconSmall{width:7px;height:7px;color:grey;}
.iconMedium{width:10px;height:10px;margin-top:0px;}
.cccciconDef{font-size:20px;padding-left:3px;padding-right:3px;}

.testInvoiceTable .pp{width:15px;}

/* Begin Sweetalert */
.swal2-styled.swal2-confirm {
   border-radius: 0px!important;
   background: initial;
   background-color: #efefef!important;
   color: black!important;
   font-size: 1em;
   border: 1px solid black!important;
}
.swal2-popup .swal2-styled:focus {
   box-shadow: none !important;
}

/* SweetAlert close button: remove default ring, keep keyboard-visible focus */
.swal2-popup .swal2-close:focus {
   outline: none !important;
   box-shadow: none !important;
}

.swal2-popup .swal2-close:focus-visible {
   outline: 2px solid #FF6600 !important;
   outline-offset: 2px;
   box-shadow: none !important;
   border-radius: 2px;
}
/* End Sweetalert */

.colorWarning{
   color:orange;
}



.tagFormInputWidth{width:258px!important;}
.tagFormSelectWidth{width:270px!important;}
.tagFormInputWidthSmall{width:88px!important;}
.tagFormInputSelectSmall{width:100px!important;}
.tagFormInputWidthBig{width:522px;}
.tagFormSpinnerWidth{width:240px!important;}

.inputWidthBig{width:522px!important;}
.selectWidthBig{width:534px!important;}

.cursorHelp{cursor:help;}
.cursorMove{cursor:move;}
.cursorPointer{cursor:pointer;}
.textAlignRight{text-align: right;}
.displayNone{display: none;}
.displayInlineBlock{display:inline-block;}
.floatLeft{float:left!important;}
.floatRight{float:right;}
.textAlignCenter{text-align: center;}
#manualSubjectCheckbox{float:right;}
#manualSubjectCheckbox input{margin-left:20px;}
.buttonCont{padding: 0.5em;text-align:center;}
.tagPageMenu{background:white;margin-top:30px;right:0px;position:absolute;}
.multiCustomerContTagpage{margin:6px;margin-bottom:10px!important;}
.multiCustomerContTagpage table{border-color:#C0C0C0;}
.bgBlack{background:black!important;}
.bgWhite{background:white!important;}
.bgDarkGrey{background:#777777!important;}
.bgOrange{background:#FF6600!important;}
.tagCustomerTab{padding-left:10px;padding-right:10px;}

.colorBlack{color:black!important;}
.colorGrey{color:grey;}
.colorRed{color:red!important;}
.colorGreen{color:green!important;}
.colorWhite{color:white!important;}


.checkbox{width:14px;}
.xxxxxxxtagIconsCont{width:54px;}
.xxxxxxxxiconsCont{width:54px;}
.xxxxxxxxxiconsCont i{font-size:18px;padding-left:3px;padding-right:3px;}
.densityTypeCont{min-width:60px;}
.displayNone{display:none;}
#placeImg img{
   max-width:400px;
}
#placeImg{
   float:left!important;
   max-width:400px;
}
.paddingTop0px{padding-top:0px!important;}
.redBold{font-weight:bold;color:red;}
.whiteSpaceNowrap{white-space:nowrap;}
.width90Procent{width: 90%;}
.deleteCheckboxCont{width:14px;}
.ratesExplanationGrid{padding-left:5px;margin-right:5px;}
.paddingLeft0px{padding-left:0px}
.fontWeightBold{font-weight:bold;}
.fontWeightNormal{font-weight:normal!important;}
.fontSize10px{font-size:10px;}
.fontSize12px{font-size:12px;}
.fontSize14px{font-size:14px }
.fontSize16px{font-size:16px;}
.fontSize18px{font-size:18px;}
.fontSize20px{font-size:20px;}
.overflowHidden{overflow:hidden}
.displayTable-row-group{display: table-row-group;}
.width50Procent{width:50%;}
.width100Procent{width:100%;}

.labForm{padding-bottom:30px;}

/* Specification links styling - Grid layout */
.specifications-container {
    margin: 0px 0;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #F8F8F8;
}

.specifications-container h4 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #333;
    font-size: 16px;
}

/* Grid layout for specification links */
.specification-links-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Creates 4 equal columns */
    grid-gap: 10px;
    margin: 0;
    padding: 0;
}

/* For smaller screens, reduce the number of columns */
@media (max-width: 1200px) {
    .specification-links-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .specification-links-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .specification-links-grid {
        grid-template-columns: 1fr;
    }
}

.spec-link-item {
    padding: 3px 0;
}

.spec-link-item a {
    text-decoration: none;
    color: #0066cc;
}

.spec-link-item a:hover {
    text-decoration: underline;
    color: #004080;
}

/* Dark mode compatibility */
/*body.dark-mode .specifications-container {
    background-color: #333;
    border-color: #555;
}

body.dark-mode .specifications-container h4 {
    color: #eee;
}

body.dark-mode .spec-link-item a {
    color: #4d94ff;
}

body.dark-mode .spec-link-item a:hover {
    color: #80b3ff;
}*/

/* --- Tag types */
.tagTypes {
   /*bottom: 12px;*/
   /*right: 12px;*/
   display: flex;
   /*align-items: center;*/
   /*gap: 20px;*/
   flex-wrap:wrap;
}

.tagTypes > .tagType {
   border-radius: 5px;
   border: 1px solid lightGrey;
   padding:20px;
   margin-right:20px;
   margin-bottom:20px;
}

.tagTypes > .tagType > .name{
   font-weight:bold;
}
.ethanolRender{
   padding-bottom:10px;
}

.tankContainer{
   display:none;
}

/* Give Add test button, test - and numbew of test select the same height*/
.addTestHeight select, .addTestHeight button, .addTestHeight .select2-selection__rendered, .addTestHeight .select2-container .select2-selection--single, .addTestHeight .select2-selection__arrow {
   height:22px!important;
   margin-bottom:2px!important;
}

/* End tag types */

.finalReportButtons{
   float:right;
   padding-top:10px;
   padding-bottom:10px;
}
.hoverIcon{
   color:black;
}
.hoverIcon:hover{
   color:#FF6600;
}

.backgroundEven {
   background-color: #F8F8F8;
}

.backgroundOdd {
   background-color:#FFEBDE;
}

/* For accordion, used for FAQ */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
   border: 1px solid #FF6600;
   background:#FF6600;
}

.accordionButttons{
    float:right;
    padding-left:5px;
    padding-right:5px;
}

#accordion .ui-accordion-content a {
   text-decoration: underline;
}

#accordion .ui-accordion-content a:hover {
   color: #FF6600;
}


/* Styles links where the default link styling does not work, like in tooltip */
.colorlink a{
   color: #0000EE;
}

/* styles the unvisited link */
.colorlink a:visited {
   color: purple;
}

/* styles the link on being hovered */
.colorlink a:hover {
   /*text-decoration:underline;*/
}

/* styles the link while clicked */
.colorlink a:active {
   color: red;
}

#compoTableCont tr:not(.noSortable) {
   cursor: move;
}

.grid a {
   color: black;
}

/* You can highlight a table row by clicking on it.*/
.grid .markRow tr.selectedRow {
   background-color: #777777 !important;
   color: white!important;
}
.grid .markRow tr.selectedRow a:link, .grid .markRow tr.selectedRow a:visited{
   color: white!important;
}

/* Shared test target dropdown in single/composite test grids */
.share-targets-details {
   position: relative;
   display: inline-block;
}

.share-targets-summary {
   white-space: nowrap;
}

/* Shared matrix bulk share controls on test single/composite lists */
.js-share-col-header {
   white-space: nowrap;
}

.share-matrix-header-label {
   margin-right: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex: 1 1 auto;
   min-width: 0;
}

.share-matrix-header-text {
   white-space: nowrap;
}

.share-matrix-sort-arrow {
   min-width: 14px;
   text-align: right;
}

/* Keep share sort links clickable/visible even when generic grid styles hide header links. */
.js-share-col-header .share-matrix-header-label {
   visibility: visible !important;
   pointer-events: auto !important;
   color: #ffffff !important;
}

.share-header-controls {
   display: flex;
   align-items: center;
    justify-content: space-between;
   gap: 8px;
   width: 100%;
}

.share-header-help-row {
   display: flex;
   justify-content: center;
   margin-top: 4px;
}

.share-header-help {
   color: #ffffff;
   cursor: help;
   line-height: 1;
   display: inline-flex;
   align-items: center;
}

.share-header-help i {
   font-size: 13px;
}

/* Right-align the share save button above the pager. */
.share-matrix-bulk-form {
   margin: 8px 0 4px 0;
   text-align: right;
}

/* Keep the Copied from settings icon compact and aligned with the department label. */
.copied-from-cell {
   display: inline-flex;
   align-items: center;
   white-space: nowrap;
}

.copied-from-settings-link {
   display: inline-block;
   margin-left: 6px;
   line-height: 1;
   vertical-align: middle;
}

/* Keep column header text vertically top-aligned in NF grids. */
.grid thead th {
   vertical-align: top;
}

/* Rotated blend table base styles (moved from template) */
@media print { 
  .rotated-blend-container { page-break-before: always; }
}
.manual-override { color: red; }
.manual-override-overwrite { color: #1e40af; }
.rotated-blend th, .rotated-blend td { padding: 4px 6px; vertical-align: top; }
.rotated-blend thead th { background: #f0f0f0; }
.rotated-blend thead th.header-white { background: #ffffff !important; }
/* Prevent grid hover from affecting rotated table rows */
.grid .rotated-blend tr:hover { background: inherit !important; color: inherit !important; }
/* Hover states within rotated table */
#rotatedBlendTable tbody tr:hover > td,
#rotatedBlendTable tbody tr:hover > th { background: #777777 !important; color: #ffffff !important; }
#rotatedBlendTable tbody td:hover,
#rotatedBlendTable tbody th:hover { background: #777777 !important; color: #ffffff !important; }

/* Rotated blend table column striping */
#rotatedBlendTable tbody td:nth-child(even) { background-color: #F8F8F8; }
#rotatedBlendTable tbody td:nth-child(odd)  { background-color: #FFEBDE; }

/* Rotated blend table utilities (moved from template) */
.rotated-legend { font-size: 12px; color: red; margin: 6px 0 12px; }
.mt-8 { margin-top: 8px; }

.previous-blend-value {
   color: #9aa0a6;
   font-style: italic;
}

.previous-tag-header-cell {
   min-width: 150px;
}

.previous-tag-form {
   display: flex;
   flex-direction: column;
   gap: 4px;
   align-items: center;
}

.previous-tag-input-row {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
}

.previous-tag-label {
   font-size: 11px;
   font-weight: 600;
}

.previous-tag-input {
   width: 100%;
   max-width: 130px;
   padding: 2px 4px;
   text-align: center;
}

.previous-tag-reload {
   border: 0;
   background: transparent;
   color: #ffffff;
   cursor: pointer;
   padding: 2px;
}

.previous-tag-reload:hover,
.previous-tag-reload:focus {
   color: #ffebde;
}

.previous-tag-hint {
   font-size: 11px;
   font-weight: normal;
}

.previous-tag-message {
   color: #ffd3d3;
   font-size: 11px;
   line-height: 1.2;
}

.previous-tag-loading {
   opacity: 0.7;
   pointer-events: none;
}

.theoreticalBlendHeaderRow {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 12px;
}

.theoreticalBlendHeaderRow h4 {
   margin: 0;
}

.theoreticalBlendHeaderRow .noPrint {
   margin-left: auto;
   display: flex;
   align-items: center;
}

.theoreticalBlendHeaderRow #jsPrintTheoreticalBlend {
   margin: 0;
}
/* Specification review block */
.spec-review-layout {
   width: 99%;
   /*border-collapse: collapse;*/
   /*table-layout: fixed;*/
}

/*.spec-review-layout td {*/
/*   vertical-align: top;*/
/*}*/

/*.spec-review-main {*/
/*   width: 68%;*/
/*   padding-right: 24px;*/
/*}*/

/*.spec-review-side {*/
/*   width: 32%;*/
/*   text-align: left;*/
/*   padding-left: 12px;*/
/*}*/

/*.spec-review-status {*/
/*   margin: 0 0 15px 0;*/
/*   padding: 10px;*/
/*}*/

/*.spec-review-title {*/
/*   margin-top: 0;*/
/*}*/

/*.spec-review-form,*/
/*.spec-review-message,*/
/*.spec-review-section {*/
/*   margin-bottom: 8px;*/
/*}!* Specification review block *!*/
.spec-review-layout {
   border-collapse: collapse;
}

.spec-review-layout td {
   vertical-align: top;
}

/*.spec-review-main {*/
/*   width: 68%;*/
/*   padding-right: 24px;*/
/*}*/

.spec-review-side{
   xxxxwidth: 32%;
   xxxtext-align: right;
   padding-left: 22px;
   vertical-align: top;
}

.spec-review-side .reviewFirtRow,
.spec-review-side .reviewSecondRow {
   border: 1px solid #C0C0C0;
   border-radius: 6px;
   background-color: #FFFFFF;
   padding: 10px;
   margin-bottom: 10px;
}

.spec-review-topline {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 10px;
   margin-bottom: 4px;
}

.spec-review-topline .spec-review-status {
   margin: 0;
   padding: 2px 4px;
   white-space: nowrap;
}

.spec-review-side .reviewFirtRow .spec-review-check-buttons {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 10px;
   margin-bottom: 8px;
}

.spec-review-side .reviewFirtRow .spec-review-choice-hint {
   margin: 0 0 6px;
   font-size: 12px;
   color: #333;
}

.spec-review-side .reviewFirtRow .spec-review-check-buttons button {
   flex: 1 1 0;
   white-space: nowrap;
}

.spec-review-side .reviewFirtRow .spec-review-form {
   margin: 0 0 10px;
}

.spec-review-side .reviewFirtRow .spec-review-form:last-child {
   margin-bottom: 0;
}

.spec-review-side .reviewFirtRow .spec-review-note {
   margin-top: 10px;
   width: 100%;
}

.spec-review-side .reviewFirtRow .spec-review-note textarea {
   width: 100%;
   box-sizing: border-box;
}

.spec-review-side .reviewFirtRow .spec-review-note .spec-review-note-actions {
   margin-top: 6px;
   text-align: right;
}

.spec-review-side .reviewFirtRow .spec-review-check-buttons .review-btn-ok i,
.spec-review-side .reviewFirtRow .spec-review-check-buttons .review-btn-error i {
   margin-right: 4px;
}

.spec-review-side .reviewFirtRow .spec-review-check-buttons .review-btn-ok {
   color: #1b5e20;
}

.spec-review-side .reviewFirtRow .spec-review-check-buttons .review-btn-error {
   color: #b71c1c;
}

.spec-review-side .reviewFirtRow .spec-review-check-buttons button:disabled,
.spec-review-side .reviewFirtRow .spec-review-note .spec-review-note-actions button:disabled {
   background-color: #ececec;
   border-color: #bdbdbd;
   color: #7a7a7a;
   opacity: 1;
   cursor: not-allowed;
   box-shadow: none;
}

.spec-review-check-status {
   display: inline-block;
   margin-left: 6px;
   padding: 1px 6px;
   border-radius: 3px;
   font-size: 11px;
   line-height: 1.3;
}

.spec-review-check-status.notice {
   background-color: #e6f4ea;
   color: #1b5e20;
}

.spec-review-check-status.error {
   background-color: #fdecea;
   color: #b71c1c;
}

.spec-review-history-scroll {
   max-height: 170px;
   overflow-y: auto;
   padding-right: 4px;
}

.spec-review-checks-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   margin-bottom: 6px;
}

.spec-review-hidden {
   display: none;
}

.spec-review-check-list {
   margin: 0 0 10px;
   padding: 8px 12px 8px 24px;
   background: #f2f2f2;
   border: 1px solid #dfdfdf;
   border-radius: 4px;
}

.spec-review-check-list li {
   margin-bottom: 4px;
}

.spec-review-check-list li:last-child {
   margin-bottom: 0;
}

.spec-review-assignment-history-title {
   margin-top: 14px;
}

.spec-review-old-checks-toggle {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 0;
   margin: 2px 0 8px;
   background: none;
   border: 0;
   color: #000000;
   font-weight: bold;
   text-decoration: none;
   cursor: pointer;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
}

.spec-review-old-checks-toggle:hover,
.spec-review-old-checks-toggle:focus {
   text-decoration: none;
   color: #000000;
}

.spec-review-old-checks-icon {
   font-size: 13px;
}

.spec-review-old-checks-title-row {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 8px;
}

.spec-review-assign-title-row {
   display: flex;
   align-items: center;
   gap: 6px;
   margin-bottom: 6px;
}

.spec-review-info-tooltip {
   color: #4f4f4f;
   cursor: help;
}

.spec-review-info-icon-square {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 12px;
   height: 12px;
   border: 1px solid currentColor;
   border-radius: 0;
   font-size: 8px;
   line-height: 1;
}

.spec-review-status .spec-review-info-tooltip {
   margin-left: 4px;
}

.spec-review-side .reviewFirtRow .spec-review-assign-inline {
   display: flex;
   align-items: center;
   gap: 8px;
}

.spec-review-side .reviewFirtRow .spec-review-assign-inline .select2-container {
   flex: 1 1 auto;
   min-width: 0;
}

.spec-review-side .reviewFirtRow .spec-review-assign-inline .select2-container .select2-selection--single,
.spec-review-side .reviewFirtRow .spec-review-assign-inline .select2-container .select2-selection__arrow,
.spec-review-side .reviewFirtRow .spec-review-assign-inline .select2-container .select2-selection__rendered {
   height: 30px;
   line-height: 30px;
}

.spec-review-side .reviewFirtRow .spec-review-assign-inline input[type="submit"] {
   margin-left: auto;
}

.spec-review-side .reviewFirtRow .spec-review-assign-inline .tooltip {
   display: inline-flex;
   align-items: center;
}

.xxxspec-review-side div{
   margin-left: auto;
}

/*.spec-review-status {*/
/*   margin: 0 0 15px 0;*/
/*   padding: 10px;*/
/*}*/

/*.spec-review-title {*/
/*   margin-top: 0;*/
/*}*/

/*.spec-review-form,*/
/*.spec-review-message,*/
/*.spec-review-section {*/
/*   margin-bottom: 8px;*/
/*}*/

.spec-review-assign-inline {
   display: inline-flex;
   align-items: center;
   gap: 8px;
}

.spec-review-check-actions {
   display: inline-flex;
   align-items: flex-end;
   gap: 8px;
}

.spec-review-check-actions .spec-review-form {
   margin: 0;
}

.spec-review-advanced-note {
   margin-top: 8px;
   color: #666;
   font-size: 11px;
}

.spec-review-advanced-form {
   margin-top: 4px;
}

.spec-review-advanced-form input[type="submit"] {
   font-size: 11px;
   padding: 3px 6px;
}

/* Handy flex box classes, for example to align 2 divs next to each other */
.flexRow {
   display: flex;
   gap: 16px; /* ruimte ertussen */
}

.flexBox {
   xxxborder: 1px solid #ccc;
   padding: 10px;
}

/* Keep jquery-toast loader visible as top progress indicator (docs-like behavior). */
.jq-toast-wrap .jq-toast-single {
   position: relative;
   overflow: hidden;
}

.jq-toast-wrap .jq-toast-loader {
   top: 0;
   left: 0;
   height: 4px;
   border-radius: 0;
   z-index: 2;
}

/* Blend notes styling */
.blend-note-input {
   width: 130px;
   max-width: 130px;
   padding: 2px 4px;
   font-size: 12px;
   border: 1px solid #ccc;
}

/* Keep Note column just wide enough for note inputs */
#rotatedBlendTable thead th:nth-child(3),
#rotatedBlendTable tbody td:nth-child(3) {
   width: 144px;
   min-width: 144px;
   max-width: 144px;
   box-sizing: border-box;
   padding-left: 6px;
   padding-right: 6px;
}

#rotatedBlendTable tbody td:nth-child(3) .blend-note-input {
   width: 100%;
   max-width: 100%;
   box-sizing: border-box;
}

.blend-note-calc-icon {
   color: #666;
   margin-left: 2px;
}

.blend-note-calc-icon:hover {
   color: #FF6600;
}