/* Global */
*{
	font-family:Arial, Helvetica, sans-serif !important;
}
/* width */
::-webkit-scrollbar {
	width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #4bb9ff;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #16a2fb;
}

.SubmitBtn{
	border: none;
	outline: none;
	padding: 10px;
	width: 100px;
	font-weight: bold;
	background-color: #2ECC71;
	cursor: pointer;
	color: white;
	font-size: 16px;
	border-radius: 5px 8px 5px 8px;
	transition: 0.3s;
}
.PrimaryBtnDesign{
	background-color: #0891EB;
	color: white;
	padding: 10px 20px 10px 20px;
	border-radius: 5px 8px 5px 8px;
	font-size: 12px;
	cursor: pointer;
}
.PrimaryBtnDesign:hover{
	transition: 0.3s;
	text-decoration: none;
	background-color: #067ac7;
}
.SubmitBtn:hover{
	background-color: #28b966;
}
.closAlinkDesign{
	color: red;
	font-size: 12px;
	cursor: pointer;
}
.closAlinkDesign:hover{
	transition: 0.3s;
	text-decoration: none;
	color: #ff6262;
}
.PrimaryAlinkDesign{
	color: #161dff;
	font-size: 12px;
	cursor: pointer;
}
.PrimaryAlinkDesign:hover{
	transition: 0.3s;
	text-decoration: none;
	color: #8184ff;
}
.PrimaryRemoveAlinkDesign{
	color: #ff2929;
	font-size: 12px;
	cursor: pointer;
}
.PrimaryRemoveAlinkDesign:hover{
	transition: 0.3s;
	text-decoration: none;
	color: #ad1c1c;
}
.ErrorMsg{
	color: #E74C3C;
	font-size: 14px;
}
.NormalLabel{
	font-size: 18px;
	color: #545454;
}
/* Global */

/* Medtech layout */
.NavBarContainer{
	background-color: none;
	box-shadow: 0px 0px 10px #C0E4FC;
	padding: 10px 30px 25px 30px;
	height: 55px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.NavBarContainer .logo{
	padding: 0px 0px 0px 10px;
	display: inline-block;
	vertical-align: top;
	width: 10%;
}
.NavBarContainer .logo #DashboardLabel{
	display: flex;
	justify-content: center;
	align-items: center;
}
.NavBarContainer .logo #DashboardLabel img{
	height:62px;
	width:62px;
}
.NavBarContainer .logo #DashboardLabel h2{
	font-size:22px;
}
.NavBarContainer .hyper{
	display: inline-block;
	width: 80%;
	padding-top: 12px;
	float: right;
}
.NavBarContainer .hyper a{
	float: right;
	background-color: #0891EB;
	color: white;
	font-size: 12px;
	margin-right: 5px;
	border-radius: 3px;
	height: 18px;
	padding: 8px 20px 10px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px 8px 5px 8px;
}
.NavBarContainer .hyper a:hover{
	transition: 0.3s;
	text-decoration: none;
	background-color: #067ac7;
}
.NavBarContainer .hyper img{
	vertical-align:top;
	height:42px;
	width:42px;
}
.TheHeaderTable{
	width: 100%;
	border-collapse: collapse;
}
.TheHeaderTable .ContainerLogo{
	width: 570px !important;
	padding-left: 60px !important;
}
.TheHeaderTable td{
	padding: 5px 0px 20px 0px;
	font-size: 12px;
}
.TheHeaderTable td select{
	padding: 5px;
	border: #9BD2F6 1px solid;
	border-radius: 3px;
	cursor: pointer;
}
.TheHeaderTable td select:hover{
	transition: 0.3s;
	box-shadow: 0px 0px 10px #9BD2F6;
}
.TheHeaderTable a{
	color: black;
	font-weight: bold;
	text-decoration: none;
}
.TheHeaderTable a:hover{
	color: #A460ED;
}
.TheHeaderTable .highlight{
	color: #A460ED;
}
/* Medtech layout */

.LoginPageContainer{
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.LoginFormContainer{
	height: 700px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.LoginFormContainer .LoginForm{
	height: 650px;
	width: 620px;
	box-shadow: 0px 0px 10px #C0E4FC;
	padding: 50px 20px 20px 20px;
	border-radius: 10px 50px 10px 50px;
}
.LoginFormContainer .LoginForm .LoginLogo{
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.LoginFormContainer .LoginForm .LoginContent{
	padding: 25px 0px 50px 0px;
	width: 100%;
}
.LoginFormContainer .LoginForm .LoginContent .LoginFormLabel{
	color: #af54d6;
	font-size: 24px;
}
.LoginFormContainer .LoginForm .LoginContent .LoginFormInputs table{
	border-collapse: collapse;
	width: 600px;
}
.LoginFormContainer .LoginForm .LoginContent .LoginFormInputs table td{
	padding: 10px;
}
.LoginFormContainer .LoginForm .LoginContent .LoginFormInputs table input{
	border: none;
	outline: none;
	width: 60%;
	font-size: 16px;
	padding: 10px 0px 10px 25px;
	color: #545454;
	border-radius: 5px 8px 5px 8px;
	border: #9BD2F6 1px solid;
}
.FooterContainer{
	display: flex;
	justify-content: center;
	align-items: center;
}
.FooterContainer table{
	width: 100%;
	border-collapse: collapse;
}
.FooterContainer table td{
	text-align: center;
	padding: 0px !important;
}
.FooterContainer table hr{
	border: 1px solid #DFFEEC;
}
.FooterContainer table .FooterCompanyName{
	font-size: 12px;
	color: #0891EB;
}
.FooterContainer table .FooterAppLabel{
	font-size: 16px;
	color: #2ECC71;
}
.FooterContainer table .FooterSecondaryAppLabel{
	font-size: 12px;
	color: #2ECC71;
}
.FooterContainer table .FooterNormalLabel{
	font-size: 12px;
	color: #9f9f9f;
}
.EditPatientInfoContainer{
	padding: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.EditPatientInfoContainer table{
	width: 70%;
}
.EditPatientInfoContainer table td{
	padding: 5px;
	vertical-align: middle;
	/* border:1px solid black; */
}
.EditPatientInfoContainer table td:nth-child(1){
	font-size: 14px;
}
.EditPatientInfoContainer table td input[type=text]{
	padding: 5px;
  border: 1px solid #9BD2F6;
  border-radius: 3px;
	width: 60%;
}
.EditPatientInfoContainer table td select{
	padding: 5px;
  border: 1px solid #9BD2F6;
  border-radius: 3px;
	width: 20%;
}
.EditPatientInfoContainer table td textarea{
	padding: 5px;
  border: 1px solid #9BD2F6;
  border-radius: 3px;
	width: 60%;
}
.PatientVerifierCont{
	padding: 20px;
	width: 97%;
	height: 350px;
	box-shadow: 0px 0px 10px #C0E4FC;
}
.specimen-card-specimen-label{
	padding: 7px 10px 7px 10px;
	background-color: #1bd569;
	border-radius: 5px 8px 5px 8px;
	/* display: flex;
	justify-content: center;
	align-items: center; */
	font-size: 12px !important;
	color: white;
	outline: none;
	border: none;
	cursor: pointer;
	/* width: 250px */
}
.specimen-card-label-proc{
	padding: 7px 10px 7px 10px;
	background-color: #dcdcdc;;
	border-radius: 5px 8px 5px 8px;
	/* display: flex;
	justify-content: center;
	align-items: center; */
	font-size: 12px !important;
	color: black;
	outline: none;
	border: none;
	cursor: pointer;
	/* width: 250px */
}
.specimen-card-label-proc:hover{
	transition: 0.3s;
	background-color: #d0d0d0;
}
.specimen-card-specimen-label{
	padding: 7px 10px 7px 10px;
	background-color: #1bd569;
	border-radius: 5px 8px 5px 8px;
	/* display: flex;
	justify-content: center;
	align-items: center; */
	font-size: 12px !important;
	color: white;
	outline: none;
	border: none;
	cursor: pointer;
	/* width: 250px */
}
.specimen-card-specimen-label:hover{
	transition: 0.3s;
	background-color: #18be5e;
}
.specimen-card-container{
	padding: 10px 20px 10px 20px;
	/* box-shadow: 0px 0px 10px #a7f9ca; */
	border: 1px solid #ebebeb;
	border-radius: 8px 5px 8px 5px;
}
.specimen-card-container textarea{
	padding: 8px;
	width: 90%;
	height: 50px;
	border: 1px solid #9BD2F6;
	border-radius: 5px 8px 5px 8px;
}
.specimen-card-container-textarea{
	padding: 8px;
	width: 90%;
	height: 50px;
	border: 1px solid #9BD2F6;
	border-radius: 5px 8px 5px 8px;
}
/* Make Responsive for each window width */
@media screen and (max-width: 1370px){
	.NavBarContainer .hyper a{
		float: right;
		background-color: #0891EB;
		color: white;
		font-size: 12px;
		margin-right: 5px;
		border-radius: 3px;
		height: 18px;
		padding: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px 8px 5px 8px;
	}
	.NavBarContainer .hyper a:hover{
		transition: 0.3s;
		text-decoration: none;
		background-color: #067ac7;
	}
	.NavBarContainer .hyper img{
		vertical-align:top;
		height:30px;
		width:30px;
	}
	.TheHeaderTable .ContainerLogo{
		width: 570px !important;
		padding-left: 30px !important;
	}
	.NavBarContainer .logo #DashboardLabel img{
		height:52px;
		width:52px;
	}
	.NavBarContainer .logo #DashboardLabel h2{
		font-size:18px;
	}
}
/* Make Responsive for each window width */