@CHARSET "ISO-8859-1";

/* For image drawing/alignment on button dynamically */
.button-img-span {
	float: left;
	margin-top: -3px;
	margin-left: -4px;
	padding: 0px 2px 0px 0px
}

.storage-image-class div img {
	width: 34px;
	height: 34px;
}

.storage-image-class {
	border-collapse: collapse;
	border: 1px solid #ddd;
}

.storage-image-class td {
	border: 1px solid white;
}

a.Hyperlink_Content:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.External_Id_Link:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.External_Id_Link:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.External_Id_Link:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.StoragePath_Content:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.StoragePath_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.StoragePath_Content:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.ManualSubjectID_Content:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.ManualSubjectID_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.ManualSubjectID_Content:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.ManualStorageID_Content:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.ManualStorageID_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.ManualStorageID_Content:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.ManualStudyID_Content:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.ManualStudyID_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.ManualStudyID_Content:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.CoC_Content:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.CoC_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.CoC_Content:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_URL:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_URL:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_URL:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.ItemsInMoveToCartViewLink:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.ItemsInMoveToCartViewLink:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.ItemsInMoveToCartViewLink:VISITED {
	color: #0000FF;
	text-decoration: none;
}

.disable-view-color {
	color: black;
	background-color: #f3f3f3 !important;
}

a.approve-tasks-class:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.approve-tasks-class:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.approve-tasks-class:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.reject-tasks-class:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.reject-tasks-class:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.reject-tasks-class:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_For_Associated_Sample_To_Study:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_For_Associated_Sample_To_Study:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_For_Associated_Sample_To_Study:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_For_Associated_Sample_To_Package:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_For_Associated_Sample_To_Package:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_For_Associated_Sample_To_Package:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_For_Associated_Sample_To_Inventory:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_For_Associated_Sample_To_Inventory:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_For_Associated_Sample_To_Inventory:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.view-imported-file-log:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.view-imported-file-log:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.view-imported-file-log:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_For_Associated_Subject_To_Study:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_For_Associated_Subject_To_Study:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_For_Associated_Subject_To_Study:VISITED {
	color: #0000FF;
	text-decoration: none;
}

.blue-font {
	color: #0000FF;
}

a.storage-container-id-link:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.storage-container-id-link:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.storage-container-id-link:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.storage-container-manual-id-link:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.storage-container-manual-id-link:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.storage-container-manual-id-link:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.storage-container-custodian-id-link:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.storage-container-custodian-id-link:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.storage-container-custodian-id-link:VISITED {
	color: #0000FF;
	text-decoration: none;
}

#footer-links A:LINK {
	color: grey;
	text-decoration: none;
}

#footer a {
	color: gray;
}

#footer-links A:HOVER {
	color: #0683FF;
	text-decoration: underline;
}

a.PartOfPackage {
	text-decoration: none;
	cursor: default;
}

/* Custom Tool Tip For Storage Tree START*/
a.tooltip-storage {
	outline: none;
}

a.tooltip-storage strong {
	line-height: 30px;
}

a.tooltip-storage:hover {
	text-decoration: none;
}

a.tooltip-storage span {
	z-index: 10;
	display: none;
	padding: 14px 20px;
	margin-top: -30px;
	margin-left: 28px;
	line-height: 16px;
}

a.tooltip-storage:hover span {
	display: inline;
	position: absolute;
	color: #111;
	border: 1px solid #DCA;
	background: #fffAF0;
}

a.tooltip-storage span {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 5px 5px 8px #CCC;
	-webkit-box-shadow: 5px 5px 8px #CCC;
	box-shadow: 5px 5px 8px #CCC;
}
/* Custom Tool Tip For Storage Tree END*/

/* Custom Tool Tip For Barcode START*/
a.tooltip-barcode {
	outline: none;
}

a.tooltip-barcode strong {
	line-height: 30px;
}

a.tooltip-barcode:hover {
	text-decoration: none;
}

a.tooltip-barcode span {
	z-index: 10;
	display: none;
	padding: 14px 20px;
	line-height: 16px;
}

a.tooltip-barcode:hover span {
	display: inline;
	position: absolute;
	color: #111;
	border: 1px solid #DCA;
	background: #fffAF0;
}

a.tooltip-barcode span {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 5px 5px 8px #CCC;
	-webkit-box-shadow: 5px 5px 8px #CCC;
	box-shadow: 5px 5px 8px #CCC;
}

a.change-photo-hyperlink-class:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.change-photo-hyperlink-class:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.change-photo-hyperlink-class:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.remove-photo-hyperlink-class:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.remove-photo-hyperlink-class:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.remove-photo-hyperlink-class:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.request-sample-to-attachment-link-class {
	color: red;
	text-decoration: none;
	cursor: pointer;
}

a.request-sample-to-attachment-link-class:LINK {
	color: red;
	text-decoration: none;
	cursor: pointer;
}

a.request-sample-to-attachment-link-class:HOVER {
	color: red;
	text-decoration: underline;
	cursor: pointer;
}

a.request-sample-to-attachment-link-class:VISITED {
	color: red;
	text-decoration: none;
	cursor: pointer;
}

a.request-sample-done-attachment-link-class {
	color: #49BC0F;
	text-decoration: none;
	cursor: pointer;
}

a.request-sample-done-attachment-link-class:LINK {
	color: #49BC0F;
	text-decoration: none;
	cursor: pointer;
}

a.request-sample-done-attachment-link-class:HOVER {
	color: #49BC0F;
	text-decoration: underline;
	cursor: pointer;
}

a.request-sample-done-attachment-link-class:VISITED {
	color: #49BC0F;
	text-decoration: none;
	cursor: pointer;
}

a.user-to-cv-attachment-link-class {
	color: red;
	text-decoration: none;
	cursor: pointer;
}

a.user-to-cv-attachment-link-class:LINK {
	color: red;
	text-decoration: none;
	cursor: pointer;
}

a.user-to-cv-attachment-link-class:HOVER {
	color: red;
	text-decoration: underline;
	cursor: pointer;
}

a.user-to-cv-attachment-link-class:VISITED {
	color: red;
	text-decoration: none;
	cursor: pointer;
}

a.user-done-cv-attachment-link-class {
	color: #49BC0F;
	text-decoration: none;
	cursor: pointer;
}

a.user-done-cv-attachment-link-class:LINK {
	color: #49BC0F;
	text-decoration: none;
	cursor: pointer;
}

a.user-done-cv-attachment-link-class:HOVER {
	color: #49BC0F;
	text-decoration: underline;
	cursor: pointer;
}

a.user-done-cv-attachment-link-class:VISITED {
	color: #49BC0F;
	text-decoration: none;
	cursor: pointer;
}

a.show-hide-associated-samples:LINK {
	color: #026890;
	text-decoration: none;
}

a.show-hide-associated-samples:HOVER {
	color: #026890;
	text-decoration: none;
	border-bottom: 2px solid #026890;
}

a.show-hide-associated-samples:VISITED {
	color: #026890;
	text-decoration: none;
}

a.show-hide-composite-search-criteria:LINK {
	color: #026890;
	text-decoration: none;
}

a.show-hide-composite-search-criteria:HOVER {
	color: #026890;
	text-decoration: none;
	border-bottom: 2px solid #026890;
}

a.show-hide-composite-search-criteria:VISITED {
	color: #026890;
	text-decoration: none;
}

a.Requested_Content:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Requested_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Requested_Content:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Analytes_Details:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Analytes_Details:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Analytes_Details:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Client_Invoice_Details:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Client_Invoice_Details:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Client_Invoice_Details:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Request_Invoice_Details:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Request_Invoice_Details:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Request_Invoice_Details:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Request_Reports_Details:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Request_Reports_Details:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Request_Reports_Details:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Client_Reports_Details:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Client_Reports_Details:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Client_Reports_Details:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Sample_Reports_Details:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Sample_Reports_Details:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Sample_Reports_Details:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Subject_Reports_Details:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Subject_Reports_Details:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Subject_Reports_Details:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.TraceLog_Content:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.TraceLog_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.TraceLog_Content:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.EquipmentHistoryClass:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.EquipmentHistoryClass:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.EquipmentHistoryClass:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Genealogy_Content:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Genealogy_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Genealogy_Content:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Associated_Documents:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Associated_Documents:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Associated_Documents:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Review_Log:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Review_Log:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Review_Log:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Aliquots_Derivatives_Content:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Aliquots_Derivatives_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Aliquots_Derivatives_Content:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Parent_ID_Details:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Parent_ID_Details:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Parent_ID_Details:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Test_Sample_Runs:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Test_Sample_Runs:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Test_Sample_Runs:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Test_Chronology_Content:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Test_Chronology_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Test_Chronology_Content:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Check_In_Out_Content:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Check_In_Out_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Check_In_Out_Content:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

.show-hide-barcode {
	cursor: pointer;
}

#checkbox-invisible {
	display: none;
	/*opacity: 0.0; position: absolute; left: -50px    Alternative Option.....*/
}

.sub-section-class {
	color: blue;
	font-size: 12px;
}


img.formated-combo-option-class {
	height: 40px;
	width: 50px;
	vertical-align: middle;
	margin-right: 3%;
}

.toolbar-items-div {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    padding: 3px;
    border-radius: 4px;
    cursor: pointer;
    background: transparent;
}

.toolbar-items-div:hover {
    background: #e2e8f0;
}

.toolbar-items-div:active {
    background: #cbd5e1;
}

.toolbar-items-div-disable {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    padding: 3px;
    margin: 0 1px;
    border-radius: 4px;
    background: transparent;
    cursor: not-allowed;
    opacity: 0.3;
    filter: grayscale(100%);
    pointer-events: none;
}
.sort-button-items-div {
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.sort-button-items-div:hover {
	width: 14px;
	height: 14px;
	border: solid 2px #FF944D;
}

fieldset {
	display: block;
	padding-left: 4px;
	padding-right: 4px;
	margin: 2px;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px rgba(113, 110, 110, 0.3);
	margin-bottom: 5px;
}

legend.highlight-fieldset-title {
	background: #d0e4f6;
	border: 1px solid #cbc4c4;
	padding: 0.2em 0.5em;
	font-size: 12px;
	font-weight: 600;
}

strong {
	font-weight: 600;
}

b {
	font-weight: 650;
}

a.tooltip-task-alert {
	outline: none;
	padding-bottom: 10px;
}

a.tooltip-task-alert strong {
	line-height: 30px;
}

a.tooltip-task-alert:hover {
	text-decoration: none;
}

a.tooltip-task-alert span {
	z-index: 10;
	display: none;
	padding: 12px 25px;
	margin-top: 32px;
	margin-left: -88px;
	line-height: 19px;
}

a.tooltip-task-alert:hover span {
	display: inline;
	position: absolute;
	color: black;
	border: 1px solid #ddd;
	background: #ffffff;
	font-weight: 500;
	font-size: 12px;
	box-shadow: 1px 2px 10px #999;
}

a.tooltip-task-alert span:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: white;
	top: -7px;
	left: calc(50% - 4px);
	transform: rotate(45deg);
	border-left: 1px solid black;
	border-top: 1px solid black;
}

a.tooltip-task-alert span {
	height: 50px;
	width: 100px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

a.tooltip-task-alert img, .task-alert img {
	vertical-align: center;
	padding-right: 1px;
	padding-bottom: 0px;
	height: 18px;
	width: 18px;
}

a.tooltip-task-alert .expiry-label, .task-alert .expiry-label {
	color: red;
	cursor: pointer;
}

td.cell-tooltip {
	outline: none;
}

td.cell-tooltip strong {
	line-height: 30px;
}

td.cell-tooltip:hover {
	text-decoration: none;
}

td.cell-tooltip span {
	z-index: 20;
	display: none;
	padding: 14px 20px;
	margin-top: -30px;
	margin-left: 28px;
	line-height: 16px;
}

td.cell-tooltip span {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 5px 5px 8px #CCC;
	-webkit-box-shadow: 5px 5px 8px #CCC;
	box-shadow: 5px 5px 8px #CCC;
}

a.tooltip-print-label {
	outline: none;
	text-decoration: none;
}

a.tooltip-print-label strong {
	line-height: 30px;
}

a.tooltip-print-label:hover {
	text-decoration: none;
}

a.tooltip-print-label span {
	z-index: 10;
	display: none;
	padding: 10px 10px;
	margin-top: 25px;
	margin-left: -138px;
	line-height: 15px;
}

a.tooltip-print-label:hover span {
	display: inline;
	position: absolute;
	color: #111;
	border: 1px solid #DCA;
	background: #fffAF0;
}

a.tooltip-print-label span {
	-moz-border-radius: 1px;
	border-radius: 1px;
}

a.tooltip-test-report-release {
	outline: none;
	text-decoration: none;
}

a.tooltip-test-report-release strong {
	line-height: 30px;
}

a.tooltip-test-report-release:hover {
	text-decoration: none;
}

a.tooltip-test-report-release span {
	z-index: 10;
	display: none;
	padding: 10px 10px;
	margin-top: 25px;
	margin-left: -138px;
	line-height: 15px;
}

a.tooltip-test-report-release:hover span {
	display: inline;
	position: absolute;
	color: #2815d1;
	border: 1px solid #DCA;
	background: #fffAF0;
	height: auto;
	min-height: 30px;
	width: 350px
}

a.tooltip-test-report-release span {
	-moz-border-radius: 1px;
	border-radius: 1px;
}

a.tooltip-driv-depet-category {
	outline: none;
	text-decoration: none;
}

a.tooltip-driv-depet-category strong {
	line-height: 30px;
}

a.tooltip-driv-depet-category:hover {
	text-decoration: none;
	/* 	text-decoration: underline; */
}

a.tooltip-driv-depet-category span {
	z-index: 10;
	display: none;
	padding: 14px 20px;
	margin-top: -25px;
	margin-left: 10px;
	line-height: 16px;
}

a.tooltip-driv-depet-category:hover span {
	width: 350px;
	height: auto;
	min-height: 100px;
	display: inline;
	position: absolute;
	color: #111;
	border: 1px solid #DCA;
	background: #fffAF0;
}

a.tooltip-driv-depet-category span {
	-moz-border-radius: 1px;
	border-radius: 1px;
}



/* --- 1. The Container --- */
.switch {
  position: relative;
  display: flex;
  align-items: center;
  height: 32px; 
  width: 340px; /* Widened to comfortably fit 3 options */
  margin: 10px auto;
  padding: 4px;
  background: #f1f5f9; 
  border-radius: 99px; 
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

/* --- 2. Forcefully Hide the Radio Buttons --- */
.switch input[type="radio"].switch-input {
  display: none !important;
  opacity: 0 !important;
  position: absolute !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --- 3. Style the Visible Labels --- */
.switch-label {
  position: relative;
  z-index: 2; 
  flex: 1; /* Automatically takes up 33.3% of the space */
  float: none !important; 
  width: auto !important; 
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 24px; 
  font-size: 13px; 
  font-weight: 500;
  color: #64748b; 
  cursor: pointer;
  text-shadow: none !important; 
  transition: color 0.3s ease;
}

/* Override the hardcoded HTML <font> tag */
.switch-label font {
  color: inherit !important; 
}

/* Active text color when the radio button is checked */
.switch-input:checked + .switch-label {
  color: #0f172a; 
  font-weight: 600;
  text-shadow: none !important;
}

/* --- 4. The Visual Sliding Background --- */
.switch-selection {
  position: absolute;
  z-index: 1;
  top: 4px;
  bottom: 4px;
  left: 4px;
  display: block;
  width: calc((100% - 8px) / 3); /* Now divides perfectly into 3 parts */
  height: auto;
  background: #ffffff; 
  border-radius: 99px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); 
  background-image: none !important; 
  transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
}

/* --- 5. Slider Movement Logic for 3 Options --- */

/* 1st Option (Tree View) */
.switch-input:nth-of-type(1):checked ~ .switch-selection {
  transform: translateX(0);
}

/* 2nd Option (Table View) */
.switch-input:nth-of-type(2):checked ~ .switch-selection {
  transform: translateX(100%);
}

/* 3rd Option (Quick View) */
.switch-input:nth-of-type(3):checked ~ .switch-selection {
  transform: translateX(200%);
}

td.attribute-name-wrap {
	white-space: pre-wrap;
	word-wrap: break-word;
	display: inline-block;
	font-weight: 600;
}

a.renew-subscription-user-menu-hyperlink {
	font-weight: normal;
	color: white;
	text-decoration: none;
}

a.renew-subscription-user-menu-hyperlink:hover {
	font-weight: normal;
	color: white;
	cursor: pointer;
	text-decoration: none;
}

a.user-menu-hyperlink {
	font-weight: normal;
	color: white;
	text-decoration: none;
}

a.user-menu-hyperlink:hover {
	font-weight: normal;
	color: white;
	cursor: pointer;
	text-decoration: none;
}

a.show-selected-user-profile {
	font-weight: normal;
	color: white;
	text-decoration: none;
}

a.show-selected-user-profile:hover {
	text-shadow: 0 0 .75px;
	color: #ffa500;
}

.status-icons {
	height: 19px;
	width: 26px;
	cursor: pointer;
	padding-left: 8px;
	padding-right: 8px;
}

a.renew-subscription-login-expired-hyperlink {
	color: blue;
	text-decoration: none;
}

a.renew-subscription-login-expired-hyperlink:hover {
	color: #ffa500;
	cursor: pointer;
}

a.renew-subscription-login-expired-hyperlink:FOCUS {
	outline-width: 0px;
}

/* For UI consistency.*/
input[type="checkbox"] {
	vertical-align: middle;
}

input[type="radio"] {
	vertical-align: text-top;
}

input[type="text"] {
	width: 153px;
}

input[readonly] {
	border-color: darkgrey;
	border-style: solid;
	border-width: 1px;
	background-color: #f3f3f3;
	color: #6d6d6d;
}

button[disabled="disabled"] {
	pointer-events: none;
	opacity: .35;
}

select {
	height: 1.70em;
	width: 157px;
}

input.numeric-text-field-for-3-char {
	width: 30px;
}

/** Browser specific CSS exclusively for Chrome and Safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	input[type="text"], input[type="password"] {
		height: 1.3em;
	}
	img[data-img-type="search"] {
		height: 1.3em;
	}
}

.dataTables_wrapper select {
	width: auto;
}

.img-hover-effect {
    border-radius: 6px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.img-hover-effect:hover {
    box-shadow: 0 0 0 2px #3B82F6, 0 4px 12px rgba(59, 130, 246, 0.15);
    transform: translateY(-2px);
}
.hyperlink-content-file-format-1, .hyperlink-content-file-format-2,
	.hyperlink-content-file-format-3, .hyperlink-content-file-format-4,
	.hyperlink-content-analyte-file-format-1 {
	text-decoration: underline;
	display: inline;
}

.file-format-image-content {
	position: absolute;
	z-index: 500000;
	display: block;
}

a.ManualSampleID_Content:LINK {
	color: #0000ff;
	text-decoration: none;
}

a.ManualSampleID_Content:HOVER {
	color: #0000ff;
	text-decoration: underline;
}

a.ManualSampleID_Content:VISITED {
	color: #0000ff;
	text-decoration: none;
}

.confident-cannabis-button-div {
	height: 30px;
	width: 160px;
	cursor: pointer;
}

.confident-cannabis-button-div:hover {
	height: 30px;
	width: 160px;
	border: solid 2px #FF944D;
	cursor: pointer;
	margin: -2px;
}

a.Hyperlink_Class_Instrument_To_Component:LINK {
	color: #0000ff;
	text-decoration: none;
}

a.Hyperlink_Class_Instrument_To_Component:HOVER {
	color: #0000ff;
	text-decoration: underline;
}

a.Hyperlink_Class_Instrument_To_Component:VISITED {
	color: #0000ff;
	text-decoration: none;
}

a.Hyperlink_Class_Test_To_Instrument:LINK {
	color: #0000ff;
	text-decoration: none;
}

a.Hyperlink_Class_Test_To_Instrument:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Class_Test_To_Instrument:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_Inventories_To_Kits:LINK, a.Hyperlink_Content_Inventories_To_Samples:LINK
	{
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_Inventories_To_Kits:HOVER, a.Hyperlink_Content_Inventories_To_Samples:HOVER
	{
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Inventories_To_Kits:VISITED, a.Hyperlink_Content_Inventories_To_Samples:VISITED
	{
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_Kits_To_Package:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_Kits_To_Package:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Kits_To_Package:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_Samples_To_Kits:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Content_Samples_To_Kits:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Samples_To_Kits:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.ManualKitsID_Content:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.ManualKitsID_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.ManualKitsID_Content:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.ManualInventoryID_Content:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.ManualInventoryID_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.ManualInventoryID_Content:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.ManualIncomingPackageID_Content:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.ManualIncomingPackageID_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.ManualIncomingPackageID_Content:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.ManualOutgoingPackageID_Content:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.ManualOutgoingPackageID_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.ManualOutgoingPackageID_Content:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.hyperlink-content-kits-to-test:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.hyperlink-content-kits-to-test:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.hyperlink-content-kits-to-test:VISITED {
	color: #0000FF;
	text-decoration: none;
}
/* CSS for fix the scrollbar problem in import sample dialog. */
#imported-samples-table {
	width: 99% !important;
}

#inventory-temp-table {
	width: 99% !important;
}

/* CSS for disable text selection at application UI.*/
.no-text-selection {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Chrome/Safari/Opera */
	-khtml-user-select: none; /* Konqueror */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently not supported by any browser */
}

.sticky-attachment-btn {
	position: sticky;
	position: -webkit-sticky; /* Safari */
	bottom: -7px;
	background-color: #ffffff00;
	z-index: 50;
}

a.tooltip-user-category {
	outline: none;
	text-decoration: none;
}

a.tooltip-user-category strong {
	line-height: 30px;
}

a.tooltip-user-category:hover {
	text-decoration: none;
}

a.tooltip-user-category span {
	z-index: 10;
	display: none;
	padding: 14px 20px;
	margin-top: 25px;
	margin-left: -220px;
	line-height: 16px;
}

a.tooltip-user-category:hover span {
	width: 180px;
	height: 10px;
	display: inline;
	position: absolute;
	color: #111;
	border: 1px solid #DCA;
	background: #fffAF0;
}

a.tooltip-user-category span {
	-moz-border-radius: 1px;
	border-radius: 1px;
}

.notification-table-img-class {
	height: 32px;
	width: 32px;
}

.email-notification-page-container input {
	vertical-align: middle;
}

table.no-border-class td {
	border: 0px solid black;
}

.email-notification-page-container {
	height: calc(100vh - 139px);
	overflow: auto;
}

#digital-sign-pref-settings-form {
	height: calc(100vh - 155px);
	overflow: auto;
}

#mark-staff-competent-tbl select {
	width: 157px;
}

.assign-strg-tab-container {
	display: flex;
	height: 100%;
	width: 100%;
}

.assign-tab-div-1 {
	display: inline;
	width: 45%;
}

.assign-tab-div-3 {
	display: inline;
	width: 54%;
	height: 100%;
	overflow: auto;
}

.strg-forward-btn {
	border-left: 1px solid #ddd;
}

.strg-forward-btn span {
	display: inline-block;
	border: 7px solid transparent;
	border-right: 0px solid transparent;
	border-left: 7px solid #c4c4c4;
	position: relative;
	top: 50%;
}

a.hyperlink-content-workflow-template:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.hyperlink-content-workflow-template:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.hyperlink-content-workflow-template:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.hyperlink-associated-sample-types:LINK {
	color: #0000FF;
	text-decoration: underline;
	cursor: pointer;
}

a.hyperlink-associated-sample-types:HOVER {
	color: #0000FF;
	text-decoration: underline;
	cursor: pointer;
}

a.hyperlink-associated-sample-types:VISITED {
	color: #0000FF;
	text-decoration: underline;
	cursor: pointer;
}

a.jasper-report-template-pdf-preview:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.jasper-report-template-pdf-preview:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.jasper-report-template-pdf-preview:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Test_Reports_Details:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Test_Reports_Details:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Test_Reports_Details:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

.view-report-action-tbl td {
	white-space: nowrap;
}

#test-analyte-tbl-div {
	height: 200px;
	max-height: 200px;
	width: 990px;
	max-width: 990px;
}

#test-analyte-config-tbl-div {
	width: 100%;
	max-width: 1205px;
	min-width: 1000px;
	margin: 0 auto;
}

#set-analyte-flag-form tr>td:nth-child(4), #set-analyte-flag-form tr>td:nth-child(3)
	{
	white-space: nowrap;
	min-width: 120px;
}

#display-analyte-list-table tbody>tr>td:nth-child(4) {
	text-align: center;
}

#all-child-aliquots-table tbody>tr>td {
	text-align: center;
}

#coc-view-table tbody>tr>td {
	text-align: center;
}

#trace-log-view-table tbody>tr>td {
	text-align: center;
}

#show-hide-subtype-data-table tbody>tr>:nth-child(3) {
	text-align: center;
}

a.hyperlink-attachment-attr:LINK {
	color: #0000FF;
	text-decoration: underline;
	vertical-align: super;
}

a.hyperlink-attachment-attr:HOVER {
	color: #0000FF;
	text-decoration: underline;
	vertical-align: super;
}

a.hyperlink-attachment-attr:VISITED {
	color: #0000FF;
	text-decoration: underline;
	vertical-align: super;
}

a.ManualClientID_Content:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.ManualClientID_Content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.ManualClientID_Content:VISITED {
	color: #0000FF;
	text-decoration: none;
}

a.tooltip-associate-samples {
	outline: none;
	text-decoration: none;
}

a.tooltip-associate-samples strong {
	line-height: 30px;
}

a.tooltip-associate-samples:hover {
	text-decoration: none;
	/* 	text-decoration: underline; */
}

a.tooltip-associate-samples span {
	z-index: 50;
	display: none;
	padding: 14px 20px;
	margin-top: -5px;
	margin-left: 28px;
	line-height: 16px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}

a.tooltip-associate-samples:hover span {
	width: 240px;
	height: auto;
	min-height: 40px;
	display: inline;
	position: absolute;
	color: #111;
	border: 1px solid #DCA;
	background: #fffAF0;
	margin-left: -255px !important;
	margin-top: 16px !important;
}

a.Hyperlink_Custodian_Name:LINK, a.Hyperlink_Reviewer_Name:LINK, a.Hyperlink_Recipient_Name:LINK,
	a.Hyperlink_Sender_Name:LINK, a.Hyperlink_Maintenance_By_Name:LINK, a.Hyperlink_Calibration_By_Name:LINK
	{
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Custodian_Name:HOVER, a.Hyperlink_Reviewer_Name:HOVER, a.Hyperlink_Recipient_Name:HOVER,
	a.Hyperlink_Sender_Name:HOVER, a.Hyperlink_Maintenance_By_Name:HOVER, a.Hyperlink_Calibration_By_Name:HOVER
	{
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Custodian_Name:VISITED, a.Hyperlink_Reviewer_Name:VISITED, a.Hyperlink_Recipient_Name:VISITED,
	a.Hyperlink_Sender_Name:VISITED, a.Hyperlink_Maintenance_By_Name:VISITED,
	a.Hyperlink_Calibration_By_Name:VISITED {
	color: #0000FF;
	text-decoration: none;
}

#portal-registration-attribute-list-table tbody>tr>td:nth-child(1),
	#portal-registration-attribute-list-table tbody>tr>td:nth-child(3) {
	text-align: center;
}

.hand-cursor-on-hover-class:HOVER {
	cursor: pointer;
}

a.tooltip-sample-purchase-request-without-catalog {
	outline: none;
	text-decoration: none;
}

a.tooltip-sample-purchase-request-without-catalog strong {
	line-height: 30px;
}

a.tooltip-sample-purchase-request-without-catalog:hover {
	text-decoration: none;
}

a.tooltip-sample-purchase-request-without-catalog span {
	z-index: 50;
	display: none;
	padding: 14px 20px;
	margin-top: -5px;
	margin-left: 28px;
	line-height: 16px;
}

a.tooltip-sample-purchase-request-without-catalog:hover span {
	width: 450px;
	height: auto;
	min-height: 20px;
	display: inline;
	position: absolute;
	color: #111;
	border: 1px solid #DCA;
	background: #fffAF0;
	margin-left: -355px !important;
	margin-top: 16px !important;
}

a.tooltip-sample-purchase-request-without-catalog span {
	-moz-border-radius: 1px;
	border-radius: 1px;
}

a.batch-id-content:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.batch-id-content:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.batch-id-content:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_For_Associated_Kits_To_Subject:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_For_Associated_Kits_To_Subject:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_For_Associated_Kits_To_Subject:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.tooltip-associate-predefined-template-to-user {
	outline: none;
	text-decoration: none;
}

a.tooltip-associate-predefined-template-to-user:hover {
	text-decoration: none;
}

a.tooltip-associate-predefined-template-to-user span {
	z-index: 500000;
	display: none;
	padding: 14px 20px;
	line-height: 16px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	text-align: left;
}

a.tooltip-associate-predefined-template-to-user:hover span {
	width: 250px;
	height: auto;
	min-height: 40px;
	display: inline;
	position: absolute;
	color: #111;
	border: 1px solid #DCA;
	background: #fffAF0;
	margin-top: -50px;
	left: 60%;
	transform: translateX(-50%);
}

a.Hyperlink_Trend_Analysis_Report_Details:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Trend_Analysis_Report_Details:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Trend_Analysis_Report_Details:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Associated_Capa:LINK {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Associated_Capa:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Content_Associated_Capa:VISITED {
	color: #0000FF;
	text-decoration: underline;
}

a.capa-date-info {
	outline: none;
	text-decoration: none;
	position: relative;
}

a.capa-date-info strong {
	line-height: 30px;
}

a.capa-date-info:hover {
	text-decoration: none;
}

a.capa-date-info span {
	z-index: 1000;
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-80%);
	padding: 10px 14px;
	margin-top: 8px;
	line-height: 1.4;
	white-space: pre-wrap;
	max-width: 300px;
	width: max-content;
	min-width: 120px;
	color: #111;
	border: 1px solid #DCA;
	background: #fffaf0;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

a.capa-date-info:hover span {
	display: block;
}

a.Hyperlink_Class_Capa_User:LINK {
	color: #0000FF;
	text-decoration: none;
}

a.Hyperlink_Class_Capa_User:HOVER {
	color: #0000FF;
	text-decoration: underline;
}

a.Hyperlink_Class_Capa_User:VISITED {
	color: #0000FF;
	text-decoration: none;
}

.export-report-icons {
	height: 20px;
	width: 26px;
	cursor: pointer;
	padding-left: 8px;
	padding-right: 8px;
}

.export-report-icons {
	height: 22px;
	width: 18px;
	cursor: pointer;
	padding-left: 8px;
	padding-right: 8px;
}

.export-report-icons:hover {
	transform: scale(1.2);
	transition: all 0.3s ease-in-out;
}

.sample-testing-status-icon {
	height: 20px;
	width: 20px;
	cursor: pointer;
}

.under-testing-status-icon:hover {
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
}

a.report-option-info {
	outline: none;
	text-decoration: none;
	position: relative;
    display: inline-block;
}

a.report-option-info strong {
	line-height: 30px;
}

a.report-option-info:hover {
	text-decoration: none;
}

a.report-option-info span {
	z-index: 50;
	display: none;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-80%);
	padding: 7px 7px;
	margin-top: 3px;
	line-height: 1.4;
	white-space: pre-wrap;
	max-width: 350px;
	width: max-content;
	min-width: 120px;
	color: #111;
	border: 1px solid #DCA;
	background: #fffaf0;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

a.report-option-info:hover span {
	display: block;
}

.email-image-content {
	position: fixed;
	z-index: 9999;
	pointer-events: none;
	max-width: 520px;
	max-height: 420px;
}

.email-image-content img {
	width: 100%;
	height: auto;
	border-radius: 6px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
	background: #fff;
}

.hyperlink-content-simple-template,
	.hyperlink-content-beautified-template {
	text-decoration: underline;
	color: #0000FF;
	display: inline;
	cursor: pointer;
}