/* ------------------------------------------------- 
   Settings for AUTHENTICATION MODULE LIS V1 */

/* CSS settings for APauthentication */

.leftLogoWrapper {
	width: 500px;
	background-color: #03b8c3;
}

.leftLogoWrapper > div:first-child {
	margin-top: 50px;
	margin-left: 50px;
}

.leftLogoWrapper > div:first-child > div:nth-child(2) > div.labelElement {
	color: white;
	font-size: 32px;
}

.leftLogoWrapper > div:nth-child(2) {
	margin-top: 80px;
	margin-left: 50px;
}

.leftLogoWrapper > div:nth-child(2) > div:first-child > div.labelElement {
	color: white;
	font-size: 32px;
}

.leftLogoWrapper > div:nth-child(2) > div:nth-child(2) > div.labelElement {
	color: white;
	font-size: 16px;
}

.leftLogoWrapper > div:nth-child(3) {
	margin-top: 40px;
	margin-left: 50px;
}

.leftLogoWrapper > div:nth-child(3) > .labelAndTextInline > div.labelElement {
	color: white;
	font-size: 16px;
}

.leftLogoWrapper > div:nth-child(3) > div:nth-child(2) {
	margin-top: 10px;
	width: 300px;
}

.leftLogoWrapper > div:nth-child(3) > div:nth-child(2) > .labelAndTextInline > .buttonSave {
	border: solid 1px white;
}

.loginWrapper {
	width: 600px;
	margin-left: auto;
    margin-right: auto;
}

.recoveryMessageAndLinkWrapper > div:first-child > div.infoElement {
	display: none;
}

.recoveryMessageAndLinkWrapper > div:nth-child(2) > div.labelElement {
	text-decoration: underline;
	border: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.loginButtonWrapper {
	margin-top: 50px;
	width: 300px;
	margin-top: 50px;
	margin-left: auto;
    margin-right: auto;
}

.securityCodeWrapper {
	width: 600px;
	margin-left: auto;
    margin-right: auto;
	align-items: center;
}

/* ------------------------------------------------- 
   Settings for MAIN PAGE MODULE LIS V1 */

/* CSS settings for APmainPage */

.linkImageWrapper {
	margin-top: 135px;
}

.selectSubsequentCasesAndModulesWrapper {
	margin-top: 114px;
}

/* Frequently used CSS settings */

.styleBackgroundWhite {
	background-color: #ffffff;
}

.styleBackgroundGrey {
	background-color: #e6e6e6;
}

.styleTextBlueBold {
	color: #03B8C3;
    font-weight: bold;
}

.styleTextBlackBold {
	color: black;
    font-weight: bold;
}

.styleOutlineGrey {
	/* outline: 10px solid #bfbfbf; grey contour */
	box-shadow: 0 0 10px 10px #a0a0a0; /* grey box shadow */
}

.stylePaddingTop {
	padding-top: 0px;
}

.styleScrollbar {
	scrollbar-color: #03b8c3 white;
}


/* ------------------------------------------------- 
   Settings for ACCESSIONING MODULE LIS V2 */

/* CSS settings for common Main Menu */

.mainMenuBox {
	border-bottom: 1px solid #03b8c3;
}

.burgerMenuPicture {
  	position: absolute;
  	width: auto;
  	max-height: 24px;
  	top: 20%;
}

.LISLogoWrapper {
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.LISLogoPicture {
	width: auto;
	max-height: 21px;
}

.amLogoPicture {
	width: auto;
	max-height: 13px;
}

.tenantPicture {
	width: auto;
	height: 30px;
	align-self: center;
	font-size: 24px;
	color: #03b8c3;
	margin-right: 10px;
  }

.accountPicture {
	position: absolute;
  	width: auto;
	max-height: 35px;
	top: 10%;
	margin-left: 2px;
}

/* CSS settings for common Menu Action Modal */



/* CSS settings for common Change Language Modal */



/* CSS settings for common Case Search Tab */

.caseSearchWrapper > div > div {
	align-self: center;
}

.allCheckboxWrapperAccessioning > .labelAndTextInline {
	align-items: center;
}

.allCheckboxWrapperMacro > .labelAndTextInline {
	align-items: center;
}

/* CSS settings for common Case Search FA */



/* This is styling for the search cases report table */

.RTsearchCaseHeaderElementClass {
	border: solid 1px #03b8c3;
	border-radius: 5px;
	color: white;
	background-color: #03b8c3;
	display: flex;
	justify-content: left;
	height: 32px;
}

.RTqbeElementClass {
	border: solid 1px #03b8c3;
	border-radius: 5px;
	background-color: white;
	color: black;
	text-align: left;
}

.RTcontentElementClass {
	border: solid 1px #03b8c3;
	border-radius: 5px;
	background-color: white;
	color: black;
	display: flex;
	justify-content: left;
}

.RTheaderClass {
	background-color: #e6e6e6;
	height: 49px;
	padding-top: 11px;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-left: 4px;
}

.RTqbeRowClass {
	background-color: #e6e6e6;
	height: 49px;
	padding-top: 1px;
	padding-bottom: 6px;
	padding-right: 6px;
	padding-left: 4px;
}

.RTContentBoxClass {
	padding-right: 0px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.RTContentRowClass {
	height: 44px;
	align-items: center;
}

.RTColumnElementClass {
	margin-right: 4px !important;
	margin-left: 4px !important;
}

.selectedRowClass {
	background-color: white;
}

.selectedRowClass > div {
	background-color: lightgrey;
}

/* CSS settings for Patient and case form Accessioning */

.patientWrapper {
	width: 100%;
	height: 100%;
	background-color: #e6e6e6;
}

.patientDataWrapper1 {
	align-items: center;
}

.patientDataWrapper2 {
	align-items: center;
}

.patientCaseWrapper > div > div {
	align-self: center;
}

/* CSS settings for Sample List FA Accessioning */

.samplesListWrapper > div:first-child {
	align-items: center;
}

.samplesListWrapper > div:nth-child(2) {
	align-items: center;
}

/* CSS settings for Add Submitter modal */

.addSubmitterModal {
	width: 657px;
	height: auto;
	margin: auto;
}

.addSubmitterModal > div:nth-child(1) > div.labelElement {
	color: #03B8C3;
    font-weight: bold;
}

.addSubmitterModal > div:nth-child(2), .addSubmitterModal > div:nth-child(6) {
	background-color: #e6e6e6;
	padding-left: 7px;
}

.addSubmitterModal > div:nth-child(1), .addSubmitterModal > div:nth-child(3), 
.addSubmitterModal > div:nth-child(4), .addSubmitterModal > div:nth-child(5), 
.addSubmitterModal > div:nth-child(7), .addSubmitterModal > div:nth-child(8), 
.addSubmitterModal > div:nth-child(9), .addSubmitterModal > div:nth-child(10) {
	align-items: center;
}

/* CSS settings for Patient Choose modal */

.patientChooseModal {
	width: 750px;
	height: 445px;
	margin: auto;
}

.patientChooseModal > div:nth-child(1) > div.labelElement {
	color: #03B8C3;
    font-weight: bold;
}

.patientChooseModal > div:nth-child(2) {
	background-color: #e6e6e6;
	padding-left: 7px;
}

.patientChooseModal > div {
	align-items: center;
}


/* CSS settings for Patient Selection List FA */



/* ------------------------------------------------- 
   Settings for MACROSCOPY MODULE LIS V2 */

/* CSS settings for Patient and case form Macroscopy */



/* CSS settings for Sample List FA Macroscopy */



/* CSS settings for Case Orientation form Macroscopy */

.caseOrientationFormWrapper > div:first-child > div {
	align-items: center;
}

.sampleSelectWrapper {
	width: 100%;
	height: calc(100% - 23px);
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.sampleDataAndBlockEntryFormWrapper {
	width: 100%;
	height: calc(100% - 23px);
	margin-top: 13px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.sampleDataAndBlockEntryFormWrapper > div:first-child {
	border-radius: 5px 5px 0px 0px;
}

.sampleDataAndBlockEntryFormWrapper > div:first-child > div {
	align-self: center;
}


.specimenIDAndLabelWrapper > div:nth-child(2).inputElement {
	border: 0px;
	background-color: #e6e6e6;
}

.specimenIDAndLabelWrapper > div:nth-child(2) > div:first-child {
	align-items: center;
	justify-content: center;
}

/* CSS settings for Block data and entry form FA */

.blockDataAndEntryFormWrapper > div:first-child {
	margin-top: 10px;
}

/*  Only for v2.0.1 + v2.1.0 + v2.2.0 
.blockDataAndEntryFormWrapper > div:first-child > div:nth-child(2) {
	margin-left: 24px;
}
*/

.blockDataAndEntryFormWrapper > div:first-child > div {
	align-self: center;
}

.blockEntryFormLeftWrapper1 {
	align-items: center;
}

.blockEntryFormLeftWrapper2 {
	align-items: center;
}

/* Only for v2.0.1 + v2.1.0 + v2.2.0 
.blockEntryFormLeftWrapper2 > div:nth-child(2) {
	padding-left: 13px;
	align-items: center;
}
*/

.blockEntryFormLeftWrapper3 {
	align-items: center;
}

/* Only for v2.0.1 + v2.1.0 + v2.2.0 
.blockEntryFormRightWrapper > div:first-child {
	width: 160px;
	align-self: flex-end;
}
*/

/* ---------------------------------------------------------------------------------------------- */
/*               Row selected class             */

.RTselectedRowClass > div.reportTableField {
	background-color: #cccccc;
}

/* ------------------------------------------------- 
   Settings for PROCESSING MODULE LIS V2 */

   /* CSS settings for Processing options modal */

.processingOptionsModal {
	width: auto;
	height: auto;
	max-height: calc(100vh - 40px);
	margin: auto;
}

.processingOptionsModal > div:first-child {
	margin-top: 10px;
}

.processingOptionsModal > div:first-child > div:first-child > .labelAndTextInline {
	background-color: #e6e6e6;
	margin: 0px 5px 0px 5px;
	padding-left: 7px;
	align-items: center;
}

.processingOptionsModal > div:first-child > div:first-child > .labelAndTextInline > .inputElement {
	width: 110px;
}

.processingOptionsModal > div:first-child > div:nth-child(2) > .labelAndTextInline {
	background-color: #e6e6e6;
	margin: 0px 5px 0px 5px;
	padding-left: 7px;
	align-items: center;
}

.processingOptionsModal > div:first-child > div:nth-child(2) > .labelAndTextInline > .inputElement {
	width: 130px;
}

.processingOptionsModal > div:first-child > div:nth-last-child(2) > div:nth-child(8) > .labelAndTextInline {
	margin-left: 13px;
}

.processingOptionsModal > div:nth-child(2) {
	align-items: center;
}

/* CSS settings for Slide data and entry form FA */

.slideDataAndButtonsAndEntryFormWrapper > div:first-child {
	margin-top: 10px;
}

.slideDataAndButtonsAndEntryFormWrapper > div:first-child > div {
	align-self: center;
}

/* CSS settings for Slide ID modal */

.slideDataWrapper > div:first-child {
	width: 320px;
	min-height: 52px;
}

/*
.slideDataWrapper > div:first-child > .formsArrayWrapper > .cellWrapper {
	height: 100% !important;
}
*/

.slideDataWrapper > div:first-child > .formsArrayWrapper > .cellWrapper > .slideIDWrapper {
	height: 100%;
}

.slideIDWrapper > .labelAndTextInline {
	padding-left: 7px;
	margin-right: 5px;
	margin-left: 5px;
	align-items: center;
	background-color: #e6e6e6;
	width: 304px;
}

.slideIDWrapper > .labelAndTextInline > .inputElement {
	width: 160px;
	background-color: white;
}

/* CSS settings for Slide modal */

.slideWrapper > .labelAndTextInline {
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 7px;
	background-color: #e6e6e6;
	align-items: center;
}

.slideWrapper > .labelAndTextInline > .infoElement {
	width: 160px;
	background-color: white;
}

/* ------------------------------------------------- 
   Settings for DIAGNOSIS MODULE LIS V2 */

   /* CSS settings for Diagnosis exams form */

.caseExamsFormWrapper > div:first-child {
	align-items: center;
}

.caseExamsListWrapper {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-bottom: 13px;
}

.caseExamsListWrapper > div:nth-child(2) {
	margin-left: 5px;
    margin-right: 5px;
	padding-left: 3px;
	align-items: center;
}

.caseExamsListWrapper > div:nth-child(2) > .labelAndTextInline > .inputElement {
	width: 155px;
	margin-right: 25px;
}

.caseExamsListWrapper > div:nth-child(3) {
	padding-bottom: 13px;
}

.caseExamsListWrapper > div:nth-child(3) > div:first-child > .labelAndTextInline > div.labelElement {
	padding-left: 7px;
}

.caseExamsListWrapper > div:nth-child(3) > div:nth-child(2) > div:nth-child(2) > div:first-child {
	padding-left: 35px;
}

.caseExamsListWrapper > div:nth-child(3) > div:nth-child(2) > div:nth-child(3) {
	padding-left: 69px;
}

.caseExamsListWrapper > div:nth-child(4) {
	padding-bottom: 13px;
}

.caseExamsListWrapper > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) {
	padding-left: 35px;
}

.caseExamsListWrapper > div:nth-child(4) > div:nth-child(2) > div:nth-child(3) {
	padding-left: 35px;
}

.caseExamsListWrapper > div:nth-child(4) > div:first-child > .labelAndTextInline > div.labelElement {
	padding-left: 7px;
	color: black; /* Added black font */
    font-weight: bold; /* Added bold font */
}

.caseExamsListWrapper > div:nth-child(5) {
	padding-bottom: 13px;
}

.caseExamsListWrapper > div:nth-child(5) > div:first-child > .labelAndTextInline > div.labelElement {
	padding-left: 7px; /* Moved title to the right */
	color: black; /* Added black font */
    font-weight: bold; /* Added bold font */
}

.caseExamsListWrapper > div:nth-child(5) > div:nth-child(2) > div:nth-child(2) {
	padding-left: 35px;
}

.caseExamsListWrapper > div:nth-child(6) {
	padding-bottom: 13px;
}

.caseExamsListWrapper > div:nth-child(6) > div:first-child > .labelAndTextInline > div.labelElement {
	padding-left: 7px; /* Moved title to the right */
	color: black; /* Added black font */
    font-weight: bold; /* Added bold font */
}

.caseExamsListWrapper > div:nth-child(6) > div:nth-child(2) > div:nth-child(2) {
	padding-left: 35px;
	color: black; /* Added black bold font */
    font-weight: bold;
}

.caseExamsListWrapper > div:nth-child(6) > div:nth-child(2) > div:nth-child(3) {
	padding-left: 35px;
}

.caseExamsListWrapper > div:nth-child(6) > div:nth-child(2) > div:nth-child(3) > div:nth-child(3) {
	padding-left: 25px; /* AGC options moved to the right */
}

.caseExamsListWrapper > div:nth-child(6) > div:nth-child(2) > div:nth-child(3) > div:nth-child(6) {
	padding-left: 25px; /* AGC in favor options moved to the right */
}

.caseExamsListWrapper > div:nth-child(6) > div:nth-child(2) > div:nth-child(3) > div:nth-child(9) {
	padding-left: 25px; /* Adenocarcinoma options moved to the right */
}

.caseExamsListWrapper > div:nth-child(7) {
	padding-bottom: 40px;
}

.caseExamsListWrapper > div:nth-child(7) > .labelAndTextInline > div.labelElement {
	padding-left: 7px; /* Moved title to the right */
	color: black; /* Added black font */
    font-weight: bold; /* Added bold font */
}

.caseExamsListWrapper > div:nth-child(8) > div:first-child > .labelAndTextInline > div.labelElement {
	padding-left: 7px; /* Moved title to the right */
	color: black; /* Added black font */
    font-weight: bold; /* Added bold font */
}

.caseExamsListWrapper > div:nth-child(8) > div:nth-child(2) > div:nth-child(2) {
	padding-left: 35px;
}

.caseExamsListWrapper > div:nth-child(8) > div:nth-child(2) > div:nth-child(3) {
	padding-left: 35px;
}

.highlightSpecimen {
	border: 1px solid #03b8c3;
	border-color: #03B8C3 !important;
	background-color: #03B8C3;
	color: white !important;
	border-radius: 5px;
}

.highlightSpecimen div {
	border-color: #03B8C3 !important;
	color: white !important;
}

.highTextarea textarea {
	min-height: 4.5em;
}

.statusCell {
	background-color: #dfdfdf;
	border: none !important;
	text-align: center;
	width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: nowrap;
}

.viewCasesIdFields {
	width: 280px;
}

.viewCasesIdBlockFields {
	width: 240px;
}

.viewCasesIdSlideFields {
	width: 200px;
}

.caseDiagnosis {
	width: calc(100% - 5px);
	height: calc(100% - 13px) !important;
	background-color: #efefef;
	border: 1px solid #03B8C3;
	border-radius: 5px;
	margin-top: 5px;
	padding: 2px;
	overflow: auto;
}

.reserveStored {
	background-color: #7f7fff;
}

.reserveAvailable {
	background-color: lightgreen;
}

.noReserve {
	background-color: #ff7f7f;
}

.currentActivityTag {
	background-color: #ffcc99 !important;
}

.moduleFAElement {
	width: 100%;
}

.moduleFAButton {
	width: 100%;
	background-color: #03B8C3;
	color: white;
	text-align: center;
}

.moduleFAButton:hover {
	cursor: pointer;
}

.top-right {
    position: absolute;
    top: 140px;
    right: 65px;
    font-weight: bold;
    animation: color-change 1s infinite;
}

@keyframes color-change {
    0% { color: red; }
    50% { color: blue; }
    100% { color: red; }
  }

.noTextFormatting {
	width: 100%;
	font-size: 17px;
	border: none;
	padding-top: 0px;
}

.noTAFormatting {
	width: 100%;
	font-size: 17px;
	border: none;
	padding-top: 0px;	
}

.noROFormatting {
	padding-top: 0px;
	color: #666666;
}

.specWrapperMargins {
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.macroDescriptionWrapperFA > div.labelAndTextInline > div.labelElement {
	margin: 0px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 1px;
	height: auto;
	color: #666666;

}