/* Graphic Style For Biomire - IsoData - Avoriaz - 5 March 2021 */

/* BioMire Colors
#2A2A35 #707078 #5191ED #FFB061 #3FC2BC #FF877A #5177ed #7faef2 #42b4c9 #8dbb97 #ccb578

Nomad Colors
#EB5E7A #E8307D #CC2E80 #B02E85 #912E87 */

/* Geometria Font - Pinqkerton */
@font-face {
	font-family: 'Geometria'; 
    src: url('/static/font/Geometria.eot');
	src: local('Geometria'),
		url('/static/font/Geometria.eot?#iefix') format('embedded-opentype'),
		url('/static/font/Geometria.woff') format('woff'),
		url('/static/font/Geometria.ttf') format('truetype');
	font-weight: normal; 
    font-style: normal;
}
@font-face {font-family: 'Geometria';src: url('/static/font/Geometria-Italic.eot');src: local('Geometria Italic'), local('Geometria-Italic'),url('/static/font/Geometria-Italic.eot?#iefix') format('embedded-opentype'),url('/static/font/Geometria-Italic.woff') format('woff'),url('/static/font/Geometria-Italic.ttf') format('truetype');	font-weight: normal;font-style: italic;}
@font-face {font-family: 'Geometria';src: url('/static/font/Geometria-Bold.eot');src: local('Geometria Bold'), local('Geometria-Bold'),url('/static/font/Geometria-Bold.eot?#iefix') format('embedded-opentype'),url('/static/font/Geometria-Bold.woff') format('woff'),url('/static/font/Geometria-Bold.ttf') format('truetype');	font-weight: bold;	font-style: normal;}
@font-face {font-family: 'Geometria';src: url('/static/font/Geometria-BoldItalic.eot');src: local('Geometria BoldItalic'), local('Geometria-BoldItalic'),url('/static/font/Geometria-BoldItalic.eot?#iefix') format('embedded-opentype'),url('/static/font/Geometria-BoldItalic.woff') format('woff'), url('/static/font/Geometria-BoldItalic.ttf') format('truetype');	font-weight: bold;font-style: italic;}
/* RobotoSlab Font - Pinqkerton */
@font-face {font-family: 'RobotoSlab';src: url('/static/font/RobotoSlab.eot');src: local('RobotoSlab'),url('/static/font/RobotoSlab.eot?#iefix') format('embedded-opentype'),url('/static/font/RobotoSlab.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'RobotoSlab';src: url('/static/font/RobotoSlab-Bold.eot');src: local('RobotoSlab Bold'), local('RobotoSlab-Bold'),url('/static/font/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),url('/static/font/RobotoSlab-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;}
/* Gotham Font - nomad */
@font-face {font-family: 'Gotham';src: url('/static/font/GothamMedium.eot');src: local('Gotham'),url('/static/font/GothamMedium.eot?#iefix') format('embedded-opentype'),url('/static/font/gothammedium-webfont.woff2') format('woff2'),url('/static/font/gothammedium-webfont.woff') format('woff'),url('/static/font/Gotham.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Gotham';src: url('/static/font/GothamMediumItalic.eot');src: local('Gotham Italic'), local('Gotham-Italic'),url('/static/font/GothamMediumItalic.eot?#iefix') format('embedded-opentype'),url('/static/font/gothammediumitalic-webfont.woff2') format('woff2'),url('/static/font/gothammediumitalic-webfont.woff') format('woff'),url('/static/font/Gotham-Italic.ttf') format('truetype');font-weight: normal;font-style: italic;}
@font-face {font-family: 'Gotham';src: url('/static/font/GothamBold.eot');src: local('Gotham Bold'), local('Gotham-Bold'),url('/static/font/GothamBold.eot?#iefix') format('embedded-opentype'),url('/static/font/gothambold-webfont.woff2') format('woff2'),url('/static/font/gothambold-webfont.woff') format('woff'),url('/static/font/Gotham-Bold.ttf') format('truetype');font-weight: bold;font-style: normal;}
@font-face {font-family: 'Gotham';src: url('/static/font/GothamBoldItalic.eot');src: local('Gotham BoldItalic'), local('Gotham-BoldItalic'),url('/static/font/GothamBoldItalic.eot?#iefix') format('embedded-opentype'),url('/static/font/gothambolditalic-webfont.woff2') format('woff2'),url('/static/font/gothambolditalic-webfont.woff') format('woff'),url('/static/font/Gotham-BoldItalic.ttf') format('truetype');font-weight: bold;font-style: italic;}

body, footer {font-family: "RobotoSlab","Verdana";color:#2A2A35}
header{font-family: "Gotham","Verdana"}

h1, h2, h3 {font-family: "Geometria","Verdana";}  
h4, h5, h6 {font-family: "Gotham","Verdana";} 

/* NAVIGATOR SELECTION COLOR OVERRIDE */
::-moz-selection {color: #2A2A35;background: #FFB061;} /* Code for Firefox */
::selection {color: #2A2A35;background: #FFB061;}

/* o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o */
/* TEST REPORT LAYOUT */
/* #main-report {  } */
#tableBox { position:absolute; left: 0px;padding-left:5px; padding-right:5px; width:300px; max-width:300px; z-index:4; background-color: #f0f0f0; display: inline-block; }

#reportname {font-size:1.7rem;text-transform: capitalize;font-family: geometria,verdana;font-weight:700;}
#left-content{width:200px; min-height:100px;margin:2px;margin-top:1rem; border:1px solid;border-radius:6px}
#pic-tracking img{width:90px;height:135px;border:1px solid;border-radius:5px;cursor: pointer;margin-right:5px;}
#pic-tracking div{margin-top:5px;}
#pic-tracking-area h6{display:block;height:2rem;}

#pic-sample-area img{height:180px;width:136px; border:1px solid; border-radius:5px; margin: 3px;cursor: pointer;}

#tableExtend { display:block; z-index:5; background-color:#ffffff; border: 1px solid #cccccc; padding-left:6px; padding-top:4px; border-radius:14px; width:28px; height:28px;}
#tableExtend:hover {background-color: #fbb034; color: #ffffff; }

#report-test { position: relative; min-height:900px; width:1200px;}

#coloniecount { display:inline-block; border:1px solid #dddddd; border-radius:4px; width:100px; text-align: center; font-size: 1.2rem; text-transform: capitalize; }

/* TEST TABLE AREA */
#testTableArea {z-index: 3;}

/*  */
#testTableArea input[type="text"]{border:0;background:transparent}
#testTableArea label {cursor: pointer;}
#testTableArea input[type="checkbox"] {position: absolute;left: -9999px;}/* Trick with checkbox */
#testTableArea input:checked ~ #testTable{height:35rem; margin:  15px auto 0 auto;padding:15px}
/* TEST TABLE */
#testTable{margin: 0 auto 0 auto;padding:0; width:97%; overflow-y:auto;height:0px; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out;background-color: #fff;}
#testTable table{width:97%}
#testTable tbody{height: auto;}
/* #table-area thead {width: 90%;width:-webkit-calc(100% - 16px);width: -moz-calc(100% - 16px);width:calc(100% - 16px)} */
#testTable tbody tr{cursor:pointer}
#testTable tbody tr:nth-child(even) { background-color: #f3f3f4; }
#testTable tbody tr:hover { background-color: #ffe3c7!important; }
/* Column size */
/* #testTable th {padding: 0.7rem 1.5rem 0.7rem 0.5rem;word-wrap: break-word}
/* #testTable td {padding: 0.2rem 0.3rem 0.1rem 0.3rem} */ 

/* TEST REPORT AREA */
#testReportArea{position:relative; left:300px;margin-top:0; display:inline-block; padding-bottom:50px;}
#testReportArea input, #testReportArea select {border-color:#d9d9db;}
#bigsampleimg{height:180px;width:136px; border:1px solid; border-radius:5px; margin: 3px;}

#references label{width:16rem}
#count label{width:10rem}

#mapid {z-index: 2;
		display:block;position:sticky;float:right;overflow: hidden;right: 0px;height: 180px; width:200px;border:1px solid;border-radius:5px;margin:3px;margin-left:3px;margin-bottom:3px}
/* #mapid:hover{height: 600px;width: 400px;margin-left:-197px;margin-bottom:-417px} */

#imagelarge{z-index:100;position:relative;top:0px;left:0px;border:1px solid; cursor: crosshair;}
#imagesrc{width:180px; height:240px; border-radius:5px; margin: 3px; border:2px solid #cccccc; cursor: pointer;}
.imagecircle{position:fixed;  z-index:950; background-color: #FFB061;}
.tracking-selected{border:3px!important;border-color:#FFB061;}


/* COLONY SELECTION */
#imageborder{display:none; position:absolute; top: 40px; left: 50%; width:770px; height:972px; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); z-index:100;}
#newcolony{display:none; position:fixed; z-index:110; border:1px dotted #ccc;}



/* o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o */
/* TREND REPORT LAYOUT */
#tests-select, #filters{width:350px;height:800px;overflow: hidden; margin:2px; border:1px solid;border-radius:6px;text-align: left;overflow-y:auto}
#testList{overflow-y: scroll;height:780px;}
/*  */
#tests-select input[type="text"]{border:0;background:transparent}
#tests-select label{width:310px;padding: 1px 10px;border: 1px solid none;border-radius: 4px;transition: background-color .2s, box-shadow .2s;cursor: pointer}
#tests-select input[type="checkbox"]{position: absolute;left: -9999px}/* Trick with checkbox */
#tests-select input:checked + label {color:#FFF;background-color:#3FC2BC;}
#tests-select label:hover {box-shadow: 0 0 20px rgba(0, 0, 0, .6)}

#alert_slider, #action_slider{margin:10px;cursor: pointer;display:none}

#alert_level_custom:focus ~ div#alert_slider{display:block;}
#action_level_custom:focus ~ div#action_slider{display:block}
#alert_slider:focus, #action_slider:focus{display:block}

/* TREND REPORT AREA */
#trendReportArea input, #trendReportArea select {border-color:#d9d9db;}
#trend_references label{width:12rem}
#analysis {margin-left:1rem;}
#analysis label{width:12rem}

/* o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o */
/* MICRO-ORGANISMS LAYOUT */
/* MICROBES TABLE AREA */
#microOrganismTableArea {border-bottom-color:#7faef2 ;border-top-color:#7faef2 ;margin:3px}
#microOrganismTableArea:hover {background-color: #fff;border-width:4px; border-color:#5191ED; margin:0px}
/*  */
#microOrganismTableArea input[type="text"]{border:0;background:transparent}
#microOrganismTableArea label {cursor: pointer;}
#microOrganismTableArea input[type="checkbox"] {position: absolute;left: -9999px;}/* Trick with checkbox */
#microOrganismTableArea input:checked ~ #microbeTable{height:25rem; margin:  15px auto 0 auto;padding:15px}
/* MICROBES TABLE */
#microbeTable2{margin: 0 auto 0 auto;padding:0; width:80%; overflow-y:auto;height:0px; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out;background-color: #fff;}
#microbeTable2 table{width:97%}
#microbeTable2 tbody{height: auto;}

#microbeTable tbody tr:nth-child(even) { background-color: #f3f3f4; }
#microbeTable tbody tr:hover { background-color: #7faef2!important; }

#microOrganismReportArea input[type="text"]{border:0;background:transparent}

/* o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o */
/* MAPPING LAYOUT */
#plantmapping aside {width:200px;border: 1px solid #ddd;}
#canvas-app{width:1200px;height:750px;border: 1px solid #ddd;}



/* o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o */
/* SETTINGS LAYOUT */
#settings{flex: 1 90%; display: flex; flex-flow: row wrap;justify-content: space-between;align-items:center;}
#settings div{flex:1 0 30%;margin:10px;height:6rem;border-radius:8px;text-align: center;padding:auto;}
#settings div:nth-child(1){background-color:#5191ED;}
#settings div:nth-child(2){background-color:#912E87;}
#settings div:nth-child(3){background-color:#FFB061;}
#settings div:nth-child(4){background-color:#FF877A;}
#settings div:nth-child(5){background-color:#E8307D;}
#settings div:nth-child(6){background-color:#3FC2BC;}

.settingsTable{margin: 0 auto 0 auto;padding:0; overflow-y:auto;height:0px; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; transition: all .15s ease-out;background-color: #fff;}
.settingsTable table{ width:97% }
.settingsTable tbody{height: auto;}
.settingsTable tbody tr{cursor:pointer}
.settingsTable tbody tr:nth-child(even) { background-color: #f3f3f4; }
.settingsTable tbody tr:hover { background-color: #ffe3e0!important; }

/* ADRESSES */

/* o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o */
/* ICONS */
.i_account::before{/* content:url(//static/images/SVG_icons/i_account.svg);display: inline-block;height:20px;position:relative;left:-2rem;top:2rem; */color:#fff;
    background-image: url(//static/images/SVG_icons/i_account.svg);background-size: 1.5rem 1.5rem;
    display: inline-block;
    width: 1.5rem; 
    height: 1.5rem;
    content:"";}



/* o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o */
/* NAVIGATION */

.navigation {margin: 0 auto 0;color: #fff;/* background-image: linear-gradient(150deg, #FFB061 0%, #3FC2BC 50%, #5191ED 100%); */}
.navigation > .top-nav-label {flex: 0 0 auto;}
.top-div-label {display: block; }
.main-navigation {display: none;flex: 1 0 100%;}
.main-navigation ul {list-style-type: none;margin: 0;padding: 0;text-align: left;}
.main-navigation .menu {position: relative;border: 0.0625rem solid #5191ED;width: 100%;}
.main-navigation .menu::before {border-bottom: 0.5625rem solid #5191ED;border-left: 0.5625rem solid transparent;border-right: 0.5625rem solid transparent;border-top: 0 solid #5191ED;content: "";right: 0.625rem;position: absolute;top: -0.5625rem;}
.main-navigation .menu::after {border-color: #5191ED transparent;border-style: solid;border-width: 0 0.5rem 0.5rem;content: "";right: 0.6875rem;position: absolute;top: -0.4375rem;}
.main-navigation .menu .menu-item { background: #2A2A35; position: relative; }
.menu-version { background-color:#2A2A35; font-style: italic; }
.menu-version p { text-align:center; color: #FFF;background: transparent; display: block;padding: 0; padding-top:4px; padding-bottom:4px;}
.main-navigation .menu .menu-item a {color: #FFF;background: transparent; display: block;padding: 0.809rem 1.618rem;text-decoration: none;}
.main-navigation .menu .menu-item a:hover,
.main-navigation .menu .menu-item a:focus {background: #1450aa;color: #FFF;text-decoration:none;}
.main-navigation .menu .menu-item a:active {background: #0b3d86;color: #FFF;}
.menu .menu-item-has-children,
.sub-menu .menu-item-has-children {position: relative;}
.main-navigation .menu .menu-item-has-children a {padding: 0.809rem 3.4375rem 0.809rem 1.618rem;color: #fff;}

/* Hide/Show Main Menu if checkbox unchecked/checked */
.navigation > [type="checkbox"]:checked ~ .main-navigation {display: block; }
.navigation > [type="checkbox"]:checked ~ .top-nav-label {margin-left:150px; }

/* Hide/Show Sub-Menu if checkbox unchecked/checked */
.main-navigation [type="checkbox"]:checked ~ ul {display: block; }

/* Toggle buttons */
.top-nav-label { cursor: pointer;display: block;font-size: 0;margin: 0;overflow: hidden;padding: 0;}
.top-nav-label .open-close-menu {display: block;position: absolute;z-index: 99999; }
.top-nav-label .open-close-menu::before,
.top-nav-label .open-close-menu::after {border-radius: 0.1875rem;content: "";display: block;position: absolute; }

/* Hamburger button */
.navigation > .top-nav-label {position: relative;right: 0;top: 0;height: 2.5rem;width: 2.5rem;border-radius: 0.1875rem;}
.navigation > .top-nav-label .open-close-menu {background: #5191ED;border-radius: 0.1875rem;height: 0.25rem;left: 0.1875rem;right: 0.1875rem;top: 1.125rem;transition: 0.25s ease-in-out 0s;}
.navigation > .top-nav-label .open-close-menu::before,
.navigation > .top-nav-label .open-close-menu::after {background-color: #5191ED;height: 0.25rem;left: 0;transition-duration: 0.3s, 0.3s;width: 100%;}
.navigation > .top-nav-label .open-close-menu::before {top: -0.6875rem;transform-origin: top;}
.navigation > .top-nav-label .open-close-menu::after {bottom: -0.6875rem;transform-origin: bottom; }

/* Hamburger animation */
.navigation > [type="checkbox"]:checked ~ .top-nav-label .open-close-menu {background: none;transition-delay: 0s, 0.3s;}
.navigation> [type="checkbox"]:checked~ .top-nav-label.open-close-menu::before,
.navigation> [type="checkbox"]:checked~ .top-nav-label.open-close-menu::after {left: 0.125rem;transition-delay: 0s, 0.3s;}
.navigation> [type="checkbox"]:checked~ .top-nav-label.open-close-menu::before {top: 0;transform: rotate(45deg);}
.navigation> [type="checkbox"]:checked~ .top-nav-label.open-close-menu::after {bottom: 0;transform: rotate(-45deg);}

/* Hamburger button hover/focus/active */
.navigation > .top-nav-label:hover,.navigation > input[type="checkbox"]:focus ~ .top-nav-label,.navigation > input[type="checkbox"]:hover ~ .top-nav-label {background: #5191ED;}
.navigation > .top-nav-label:hover .open-close-menu,.navigation > .top-nav-label:hover .open-close-menu::after,
.navigation > .top-nav-label:hover .open-close-menu::before,.navigation > input[type="checkbox"]:focus ~ .top-nav-label .open-close-menu,
.navigation> input[type="checkbox"]:focus~ .top-nav-label.open-close-menu::before,.navigation> input[type="checkbox"]:focus~ .top-nav-label.open-close-menu::after,
.navigation > input[type="checkbox"]:hover ~ .top-nav-label .open-close-menu,.navigation> input[type="checkbox"]:hover~ .top-nav-label.open-close-menu::before,
.navigation> input[type="checkbox"]:hover~ .top-nav-label.open-close-menu::after {background: #efefef;}
.navigation> input[type="checkbox"]:checked~ .top-nav-label:hover.open-close-menu,.navigation> input[type="checkbox"]:checked:focus~ .top-nav-label.open-close-menu,
.navigation> input[type="checkbox"]:checked:hover~ .top-nav-label.open-close-menu {background: none;}

/* Plus/Minus button */
.main-navigation .menu-item-has-children > .top-nav-label {position: absolute;right: 0.0625rem;top: 0.0625rem;height: 3.3125rem;width: 3.3125rem;}
.main-navigation .menu-item-has-children > .top-nav-label .open-close-menu {height: 100%;width: 100%;}
.main-navigation.menu-item-has-children> .top-nav-label.open-close-menu::after,
.main-navigation.menu-item-has-children> .top-nav-label.open-close-menu::before {background: #5191ED;transition: transform 0.25s ease-out;}
.main-navigation.menu-item-has-children> .top-nav-label.open-close-menu::before {height: 50%;left: calc(50% - 0.1875rem / 2);top: 25%;width: 0.1875rem;}
.main-navigation.menu-item-has-children> .top-nav-label.open-close-menu::after {height: 0.1875rem;left: 25%;top: calc(50% - 0.1875rem / 2);width: 50%;}
.main-navigation .menu-item-has-children a:hover ~ .top-nav-label,.main-navigation .menu-item-has-children a:focus ~ .top-nav-label,
.main-navigation .menu-item-has-children a:active ~ .top-nav-label,
.main-navigation .menu-item-has-children:focus-within a ~ .top-nav-label {background: #efefef;}

/* Plus/Minus button animation */
.main-navigation[type="checkbox"]:checked~ .top-nav-label.open-close-menu::before {transform: rotate(90deg);}
.main-navigation[type="checkbox"]:checked~ .top-nav-label.open-close-menu::after {transform: rotate(180deg);}

/* Plus/Minus button hover/focus/active */
.main-navigation .menu-item-has-children > .top-nav-label:hover {background: #5191ED;}
.main-navigation.menu-item-has-childreninput[type="checkbox"]:focus~ .top-nav-label {background: #5191ED;}
.main-navigation.menu-item-has-children> .top-nav-label:hover.open-close-menu::after,.main-navigation.menu-item-has-children> .top-nav-label:hover.open-close-menu::before,
.main-navigation.menu-item-has-childreninput[type="checkbox"]:focus~ .top-nav-label.open-close-menu::before,
.main-navigation.menu-item-has-childreninput[type="checkbox"]:focus~ .top-nav-label.open-close-menu::after {background: #5191ED;}

/* Hide and place checkbox over the toggle buttons */
.navigation input[type="checkbox"] {cursor: pointer;display: block;opacity: 0;position: absolute;z-index: 2;}
.navigation > input[type="checkbox"] {right: 0.5rem;top: 2.75rem;}
.navigation .menu-item-has-children input[type="checkbox"] {right: 1rem;top: 1rem;}

/* Display the right label if checkbox checked */
.navigation input[type="checkbox"] + .top-nav-label .close-menu,.navigation input[type="checkbox"]:checked + .top-nav-label .open-menu {display: none;}
.navigation input[type="checkbox"]:checked + .top-nav-label .close-menu,.navigation input[type="checkbox"] + .top-nav-label .open-menu {display: block;}

.main-navigation  { display: none; }
.sub-menu  { display: block; }
.sub-item { background: #65656e!important; }
.sub-item a { margin-left: 15px; }


/* Side menu #left_menu */
/* ul{border-radius: 5px} */
/* li{border-radius: 3px} */
.sub-menu {border-radius: 4px; }

/* o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o */
/* BioMire Colors
#2A2A35 #707078 #a4a4aa #5191ED #FFB061 #3FC2BC #FF877A #5177ed #4c9fe0 #adcbf7 #42b4c9 #8CDBD7 #329c97 #ccb578 #ffe3c7
   Nomad Colors
#EB5E7A #E8307D #CC2E80 #B02E85 #912E87 */

/* Colors !important to override previous applied style */
.bg_white,.hover_bg_white:HOVER{color:#000!important;background-color:#fff!important}
.bg_black,.hover_bg_black:HOVER{color:#fff!important;background-color:#000!important}
.bg_grey,.hover_bg_grey:HOVER{color:#000!important;background-color:#707078!important}
.bg_lgrey,.hover_bg_lgrey:HOVER{color:#000!important;background-color:#a4a4aa!important}
.bg_dgrey,.hover_bg_dgrey:HOVER{color:#fff!important;background-color:#2A2A35!important}
.txt_white,.hover_txt_white:HOVER{color:#fff!important}
.txt_black,.hover_txt_black:HOVER{color:#000!important}
.txt_grey,.hover_txt_grey:HOVER{color:#707078!important}
.txt_lgrey,.hover_txt_lgrey:HOVER{color:#a4a4aa!important}
.txt_dgrey,.hover_txt_dgrey:HOVER{color:#2A2A35!important}
.border_white,.hover_border_white:HOVER{border-color:#ffffff!important}
.border_black,.hover_border_black:HOVER{border-color:#000!important}
.border_grey,.hover_border_grey:HOVER{border-color:#707078!important}
.border_lgrey,.hover_border_lgrey:HOVER{border-color:#a4a4aa!important}
.border_dgrey,.hover_border_dgrey:HOVER{border-color:#2A2A35!important}
/* Alert and Emphaseis */
.bg_red,.hover_bg_red:HOVER{color:#FFF!important;background-color:#F82030!important}
.bg_purple,.hover_bg_purple:HOVER{color:#FFF!important;background-color:#912E87!important}
.txt_red,.hover_txt_red:HOVER{color:#F82030!important}
.txt_purple,.hover_txt_purple:HOVER{color:#912E87!important}
.border_red,.hover_border_red:HOVER{border-color:#F82030!important}
.border_purple,.hover_border_purple:HOVER{border-color:#912E87!important}
/* Biomire Primary Colors */
.bg_blue, .hover_bg_blue:HOVER{color:#FFF!important;background-color:#5191ED!important}
.bg_green, .hover_bg_green:HOVER{color:#FFF!important;background-color:#3FC2BC!important}
.bg_orange, .hover_bg_orange:HOVER{color:#FFF!important;background-color:#FFB061!important}
.bg_peach, .hover_bg_peach:HOVER{color:#FFF!important;background-color:#FF877A!important}
.txt_blue, .hover_txt_blue:HOVER{color:#5191ED!important}
.txt_green, .hover_txt_green:HOVER{color:#3FC2BC!important}
.txt_orange, .hover_txt_orange:HOVER{color:#FFB061!important}
.txt_peach, .hover_txt_peach:HOVER{color:#FF877A!important}
.border_blue, .hover_border_blue:HOVER{border-color:#5191ED!important}
.border_green, .hover_border_green:HOVER{border-color:#3FC2BC!important}
.border_orange, .hover_border_orange:HOVER{border-color:#FFB061!important}
.border_peach, .hover_border_peach:HOVER{border-color:#FF877A!important}


/* Biomire light Colors */
.bg_lblue, .hover_bg_lblue:HOVER{color:#666!important;background-color:#4c9fe0!important}
.bg_lgreen, .hover_bg_lgreen:HOVER{color:#666!important;background-color:#8CDBD7!important}
.bg_lorange, .hover_bg_lorange:HOVER{color:#666!important;background-color:#ffe3c7!important}
.txt_lblue, .hover_txt_lblue:HOVER{color:#4c9fe0!important}
.txt_lgreen, .hover_txt_lgreen:HOVER{color:#8CDBD7!important}
.txt_lcgg_d, .hover_txt_lorange:HOVER{color:#ffe3c7!important}
.border_lblue, .hover_border_lblue:HOVER{border-color:#4c9fe0!important}
.border_lgreen, .hover_border_lgreen:HOVER{border-color:#8CDBD7!important}
.border_lorange, .hover_border_lorange:HOVER{border-color:#ffe3c7!important}
.border_lpeach, .hover_border_lpeach:HOVER{border-color:#FFc7bA!important}
.border_lpurple, .hover_border_lpurple:HOVER{border-color:#c15Eb7!important}

/* Biomire dark Colors */
.bg_dblue, .hover_bg_dblue:HOVER{color:#FFF!important;background-color:#5177ed!important}
.bg_dgreen, .hover_bg_dgreen:HOVER{color:#FFF!important;background-color:#329c97!important}
.bg_dorange, .hover_bg_dorange:HOVER{color:#FFF!important;background-color:#fa7d00!important}
.txt_dblue, .hover_txt_dblue:HOVER{color:#5177ed!important}
.txt_dgreen, .hover_txt_dgreen:HOVER{color:#329c97!important}
.txt_dorange, .hover_txt_dorange:HOVER{color:#fa7d00!important}
.border_dblue, .hover_border_dblue:HOVER{border-color:#5177ed!important}
.border_dgreen, .hover_border_dgreen:HOVER{border-color:#329c97!important}
.border_dorange, .hover_border_dorange:HOVER{border-color:#fa7d00!important}


@media only screen and (min-width: 37.5em)  and (any-pointer: coarse) {
	/* Smaller than 1024px */
/* body {background-color:#ff00ff; } */
}


@media only screen and (max-width: 1225px) {
	/* Larger than 1600px */
/* body {background-color:#0000ff; } */
    .site {max-width: 80rem;}
    .site-title {font-size: 2rem;}
    .main-navigation .sub-menu ul {left: 100%;top: 0;max-width: 100%;}
    .main-navigation .sub-menu .menu-item-has-children > a::after {content: "\25BA";}
	#report-test { max-width:990px; }
}


@media only screen and (min-width: 1050px) {
	/* Standard screen */
/* body {background-color:#ff0000; } */
    .navigation input[type="checkbox"],.navigation .top-nav-label {display: none;}
    .main-navigation {display: block;flex: 1 0 100%;max-width: 100%;}
    .main-navigation .menu {border: none;display: flex;justify-content: flex-end;}
    .main-navigation .menu::before,.main-navigation .menu::after {display: none;}
    .main-navigation .menu > .menu-item {margin-left: 0.3125rem;}
    .main-navigation .menu .menu-item a {background:transparent;border: none;padding: 0.4045rem 0.809rem;border-radius:4px;}
    .main-navigation .sub-menu .menu-item a {background-color: rgba(112, 112, 120, 0.85);border: none;padding: 0.4045rem 0.809rem;text-align:center;}
    .main-navigation .menu .menu-item a:hover {background: #5191ED;color: #fff;}
    .main-navigation .menu .menu-item a:active {color: #0b3d86;text-decoration: none;}
    .main-navigation .menu-item-has-children > .top-nav-label {position: absolute;right: 0;top: 0;height: 2.5625rem;width: 2.5625rem;}
    .main-navigation .menu-item-has-children a:hover ~ .top-nav-label,.main-navigation .menu-item-has-children a:focus ~ .top-nav-label,.main-navigation .menu-item-has-children a:active ~ .top-nav-label,.main-navigation .menu-item-has-children:focus-within a ~ .top-nav-label {background: #fff;}
    .main-navigation .menu .menu-item-has-children a {padding: 0.4045rem 0.809rem;}
    .main-navigation .menu .menu-item-has-children > a::after {display: inline-block;content: "\25BC";margin-left: 0.4045rem;text-decoration: none;position: relative;}
    /* Show submenu on hover/focus */
    .main-navigation .menu-item-has-children > a:hover ~ ul,.main-navigation .menu-item-has-children:hover > a ~ ul,.main-navigation .menu-item-has-children > a ~ ul:hover,.main-navigation .menu-item-has-children > a:focus ~ ul {display: block;z-index: 999;pointer-events: auto;}
    /* Same rules - Focus-within not supported by Edge/IE. Unsupported selectors cause the entire block to be ignored, so we must repeat all styles separately. */
    .main-navigation .menu-item-has-children:focus-within > a ~ ul {display: block;z-index: 999;}
    .main-navigation .sub-menu {min-width: 100%;position: absolute;border: 0.0625rem solid #dcdcdc;}
    .main-navigation .sub-menu::before {border-bottom: 0.5625rem solid #dcdcdc;border-left: 0.5625rem solid transparent;border-right: 0.5625rem solid transparent;border-top: 0 solid #dcdcdc;content: "";left: 30%;position: absolute;top: -0.5625rem;}
    .main-navigation .sub-menu::after {border-color: #fff transparent;border-style: solid;border-width: 0 0.5rem 0.5rem;content: "";left: calc(30% + 0.0625rem);position: absolute;top: -0.4375rem;}
    .main-navigation .sub-menu .sub-menu::before,.main-navigation .sub-menu .sub-menu::after {display: none;}
    .main-navigation .sub-menu .menu-item-has-children > a::after {content: "\25C4";vertical-align: top;}
    .main-navigation .sub-menu ul {left: -100%;top: 0;max-width: 100%;}
	.main-navigation .menu .menu-item { min-width: 10em; }
	.sub-menu  { display: none; }
	.sub-item a { margin-left: 0px; }
}

@media only screen and (max-width: 1000px) {
	#report-test { max-width:890px; }
}
@media only screen and (max-width: 800px) {
	#report-test { height:inherit; width:inherit; }
    #tableBox { position:relative; }
    #testReportArea { position:relative; left:inherit; }
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 400px) {
}

@media only screen and (max-width: 800px) {
	/* Standard screen */
/* body {background-color:#ffff00; } */
}

@media only screen and (-webkit-min-device-pixel-ratio: 3)  {

}

@media only screen and (min-width: 64em) and (any-pointer: coarse) {
/* body {background-color:#00ff00; } */
    .main-navigation .menu .menu-item-has-children a {padding-right: 3rem;}
    .navigation .menu-item-has-children .top-nav-label {display: block;}
    .navigation .menu-item-has-children input[type="checkbox"] {display: block;right: 0.625rem;top: 0.625rem;}
    .main-navigation .menu-item-has-children > a:focus ~ ul, .main-navigation   .menu-item-has-children   > input[type="checkbox"]:not(:checked):focus ~ ul {display: none;}
    .main-navigation .menu .menu-item-has-children > a::after,  .main-navigation .sub-menu .menu-item-has-children > a::after {display: none;}
}

@media print {

	#title { display: none; }
	#pic-sample-area { display:none; }
    #display_pdf { display: none; }
    #approved_report_action { display: none; }
	#pic-tracking-area { display: none; width: 0px; }
	#tableBox { display: none; width:0px; }
	#testReportArea { padding:0px; left: inherit; position: relative; }
	#report-test { max-width:190mm; }
	#references label { width:40mm;  }
	#mapid { max-width: 40mm;}


	/*.border_lorange { border-color:#000000!important; }
	.border_orange { border-color:#000000!important; }*/
}
/*
	#tableBox { display: none; width:0px; }
    #title { display: none; }
    #pic-tracking-area { display: none; height: 0px; }
    #pic-sample-area { display: none; }
    #tableBox { display: none; width:0px; }
    #testTable { display: none; }
	#testReportArea {  left: 0px; }
}
*/