.animate {
			-webkit-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860); 
		   -moz-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860); 
			 -o-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860); 
				transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860); /* easeInOutCirc */
		}
		body {
			background-color: #fff;
			background: url(../images/microscope2.jpg);
			background-attachment: fixed;
			width: 100%;
			height: 100%;
			background-position: center;
			background-size: cover;
			font-family: 'Roboto', sans-serif;
			padding: 25px;
		}
			
		
		.loginBox {
			background: url(../images/Rounded-Rectangle-1.png);
			border-radius: 5px;
			border: 5px #1690bc solid;
			background-size: 100% 100%;
			background-repeat: no-repeat;
			padding: 25px 25px 0px 25px;
			box-shadow: 0px 0px 10px 0.00px rgba(0, 0, 0, 0.35);
			width:600px;
			height: 300px;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -127px;
			margin-left: -200px;
		}  
		input[type="text"] {
			border-radius: 5px;
			padding-left: 15px;
			color: grey;
		}
		.rounded {
			border-radius: 5px;
		}
		.forgotpassword {
			color: grey;
			text-align: center;
			font-size: 13px;
			width: 100%;
		}
		.icon-user {
			background: url(../images/user78.png) no-repeat right 11px center;
		}
		.icon-lock {
			background: url(../images/lock24.png) no-repeat right 12px center;
		}
		.forgotpassword:hover {
			letter-spacing: .5px;
		}
		.linecontent {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -70px;
			margin-left: 233px;
			width: 100%;
			max-width: 1000px;
			z-index: -100;
		}
		.line {
			height:6px;
			background: #ffffff;
			margin: 20px 0px;
			margin-left: -58px;
		}
		.smallIntro {
			max-width: 418px;
			font-size: 14px;
			color: #ffffff;
		}
		@media screen and (max-width: 1300px) {
			.linecontent {
				opacity: 0;
			}
		}
		.formbox {
			background: url(../images/Rounded-Rectangle-1.png);
			border-radius: 5px;
			border: 5px #1690bc solid;
			background-size: 100% 100%;
			background-repeat: no-repeat;
			padding: 25px 25px 0px 25px;
			box-shadow: 0px 0px 10px 0.00px rgba(0, 0, 0, 0.35);
			width: 60%;
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -250px;
			margin-left: -30%;
		}
.titles {
	color: grey !important;
	font-size: 14px;
	
}




.nav {
			border-bottom: 1px grey solid;
			margin-left: 15px;
			margin-bottom: 15px;
			padding: 0px;
			line-height: 0px;
		  font-weight: 100;
		}
		.nav ul {
			padding: 0px;
			margin: 10px 0px !important;
			font-weight: 100;
		}
		.nav ul li:nth-child(1) {
			margin-left: 0px;
			padding-left: 0px;
		}
		.nav ul li {
			margin-left: 50px;
		}
		.nav ul li:hover {
			font-weight: 500;
			color: #2BA6CB;
		}
		.active {
			font-weight: 500;
			color: #2BA6CB;
		}
		.nextbutton {
			display: inline-block;
			width: 200px;
		}
		legend, label {
			margin-bottom: 6px;
			color: grey;
		}
		.row {
			max-width: 100% !important;
		}
textarea {
	height: 130px;
}

.admin {
			background: #fff;
			border-radius: 5px;
			border: 5px #1690bc solid;
			background-size: 100% 100%;
			background-repeat: no-repeat;
			padding: 25px 25px 0px 25px;
			box-shadow: 0px 0px 10px 0.00px rgba(0, 0, 0, 0.35);
			width: 60%;
		  margin: 0 auto;
		}
		table {
			width: 100%;
		}
		.fa-user {
			color: #1E8A21;
		}
		.fa-pencil {
			color: #2796B7;
		}
		.fa-print {
			color: #633611;
		}
		.fa-trash-o {
			color: #CC8C2E;
		}
		.iconwidth {
			width: 40px;
		}
		.fa-tasks {
			color: 
		}
		.fa-user-plus, .fa-pencil-square-o {
			margin-right: 10px;
		}
		.pagination {
			margin-top: 20px;
		}
		/*table tbody tr td:nth-child(n+4):hover {
			color: #C22C26;
			width: 40px;
			font-size: 20px;
			-webkit-transition: all 500ms cubic-bezier(0.000, 0.735, 0.550, 0.990); 
		   -moz-transition: all 500ms cubic-bezier(0.000, 0.735, 0.550, 0.990); 
			 -o-transition: all 500ms cubic-bezier(0.000, 0.735, 0.550, 0.990); 
				transition: all 500ms cubic-bezier(0.000, 0.735, 0.550, 0.990); 
		}
		table tbody tr td:nth-child(n+4) {
			-webkit-transition: all 500ms cubic-bezier(0.000, 0.735, 0.550, 0.990); 
		   -moz-transition: all 500ms cubic-bezier(0.000, 0.735, 0.550, 0.990); 
			 -o-transition: all 500ms cubic-bezier(0.000, 0.735, 0.550, 0.990); 
				transition: all 500ms cubic-bezier(0.000, 0.735, 0.550, 0.990); 
		}*/
		tr {
			height: 40px;
		}







.legend {
	margin-top:20px;
}
	  #nav {
    margin-bottom: 25px;
}
#nav > a {
    background: none repeat scroll 0 0 #2ba6cb;
    border-radius: 6px;
    color: #fff;
    font-weight: bolder;
    padding: 5px 10px;
}
.contactInfo {
	   background: #2BA6CB;
	  color: white;
	  border-radius: 5px;
	  /* border: 5px #1690bc solid; */
	  /* background-size: 100% 100%; */
	  /* background-repeat: no-repeat; */
	  padding: 25px;
	  /* box-shadow: 0px 0px 10px 0.00px rgba(0, 0, 0, 0.35); */
	  margin: 28px 34px;
	  line-height: 22px;

}
input[type="text"][disabled] {
	text-transform:capitalize;
}
span.timeformat {
  text-transform: lowercase;
  color: green;
}















.box {
  position: absolute;
  width: 300px;
  height: 80px;
  background-color: transparent;
  left: 50%;
  margin-left: -150px;
  top: 50%;
  margin-top: -40px;
  z-index:200000;
  display: none;
}

.loading:after {
  content: '';
  position: absolute;
  left: -40px;
  display: block;
  width: 40px;
  height: 50px;
  border-radius: 4px;
  background-color: transparent;
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  transform: skewX(-20deg);
  box-shadow: 48px 0 2px rgba(61, 195, 255, 0.8), 96px 0 0px #3dc3ff, 144px 0 2px rgba(61, 195, 255, 0.8), 192px 0 4px rgba(61, 195, 255, 0.6), 240px 0 6px rgba(61, 195, 255, 0.4), 288px 0 8px rgba(61, 195, 255, 0.2);
  -webkit-animation: loadingAnim 2s linear infinite;
  -moz-animation: loadingAnim 2s linear infinite;
  animation: loadingAnim 2s linear infinite;
}

@-webkit-keyframes loadingAnim {
  0% {
    box-shadow: 48px 0 0px #3dc3ff, 96px 0 2px rgba(61, 195, 255, 0.8), 144px 0 4px rgba(61, 195, 255, 0.6), 192px 0 6px rgba(61, 195, 255, 0.4), 240px 0 8px rgba(61, 195, 255, 0.2), 288px 0 10px rgba(61, 195, 255, 0);
  }
  10% {
    box-shadow: 48px 0 2px rgba(61, 195, 255, 0.8), 96px 0 0px #3dc3ff, 144px 0 2px rgba(61, 195, 255, 0.8), 192px 0 4px rgba(61, 195, 255, 0.6), 240px 0 6px rgba(61, 195, 255, 0.4), 288px 0 8px rgba(61, 195, 255, 0.2);
  }
  20% {
    box-shadow: 48px 0 4px rgba(61, 195, 255, 0.6), 96px 0 2px rgba(61, 195, 255, 0.8), 144px 0 0px #3dc3ff, 192px 0 2px rgba(61, 195, 255, 0.8), 240px 0 4px rgba(61, 195, 255, 0.6), 288px 0 6px rgba(61, 195, 255, 0.4);
  }
  30% {
    box-shadow: 48px 0 6px rgba(61, 195, 255, 0.4), 96px 0 4px rgba(61, 195, 255, 0.6), 144px 0 2px rgba(61, 195, 255, 0.8), 192px 0 0px #3dc3ff, 240px 0 2px rgba(61, 195, 255, 0.8), 288px 0 4px rgba(61, 195, 255, 0.6);
  }
  40% {
    box-shadow: 48px 0 8px rgba(61, 195, 255, 0.2), 96px 0 6px rgba(61, 195, 255, 0.4), 144px 0 4px rgba(61, 195, 255, 0.6), 192px 0 2px rgba(61, 195, 255, 0.8), 240px 0 0px #3dc3ff, 288px 0 2px rgba(61, 195, 255, 0.8);
  }
  50% {
    box-shadow: 48px 0 10px rgba(61, 195, 255, 0), 96px 0 8px rgba(61, 195, 255, 0.2), 144px 0 6px rgba(61, 195, 255, 0.4), 192px 0 4px rgba(61, 195, 255, 0.6), 240px 0 2px rgba(61, 195, 255, 0.8), 288px 0 0px #3dc3ff;
  }
  60% {
    box-shadow: 48px 0 8px rgba(61, 195, 255, 0.2), 96px 0 10px rgba(61, 195, 255, 0), 144px 0 8px rgba(61, 195, 255, 0.2), 192px 0 6px rgba(61, 195, 255, 0.4), 240px 0 4px rgba(61, 195, 255, 0.6), 288px 0 2px rgba(61, 195, 255, 0.8);
  }
  70% {
    box-shadow: 48px 0 6px rgba(61, 195, 255, 0.4), 96px 0 8px rgba(61, 195, 255, 0.2), 144px 0 10px rgba(61, 195, 255, 0), 192px 0 8px rgba(61, 195, 255, 0.2), 240px 0 6px rgba(61, 195, 255, 0.4), 288px 0 4px rgba(61, 195, 255, 0.6);
  }
  80% {
    box-shadow: 48px 0 4px rgba(61, 195, 255, 0.6), 96px 0 6px rgba(61, 195, 255, 0.4), 144px 0 8px rgba(61, 195, 255, 0.2), 192px 0 10px rgba(61, 195, 255, 0), 240px 0 8px rgba(61, 195, 255, 0.2), 288px 0 6px rgba(61, 195, 255, 0.4);
  }
  90% {
    box-shadow: 48px 0 2px rgba(61, 195, 255, 0.8), 96px 0 4px rgba(61, 195, 255, 0.6), 144px 0 6px rgba(61, 195, 255, 0.4), 192px 0 8px rgba(61, 195, 255, 0.2), 240px 0 10px rgba(61, 195, 255, 0), 288px 0 8px rgba(61, 195, 255, 0.2);
  }
  100% {
    box-shadow: 48px 0 0px #3dc3ff, 96px 0 2px rgba(61, 195, 255, 0.8), 144px 0 4px rgba(61, 195, 255, 0.6), 192px 0 6px rgba(61, 195, 255, 0.4), 240px 0 8px rgba(61, 195, 255, 0.2), 288px 0 10px rgba(61, 195, 255, 0);
  }
}
@-moz-keyframes loadingAnim {
  0% {
    box-shadow: 48px 0 0px #3dc3ff, 96px 0 2px rgba(61, 195, 255, 0.8), 144px 0 4px rgba(61, 195, 255, 0.6), 192px 0 6px rgba(61, 195, 255, 0.4), 240px 0 8px rgba(61, 195, 255, 0.2), 288px 0 10px rgba(61, 195, 255, 0);
  }
  10% {
    box-shadow: 48px 0 2px rgba(61, 195, 255, 0.8), 96px 0 0px #3dc3ff, 144px 0 2px rgba(61, 195, 255, 0.8), 192px 0 4px rgba(61, 195, 255, 0.6), 240px 0 6px rgba(61, 195, 255, 0.4), 288px 0 8px rgba(61, 195, 255, 0.2);
  }
  20% {
    box-shadow: 48px 0 4px rgba(61, 195, 255, 0.6), 96px 0 2px rgba(61, 195, 255, 0.8), 144px 0 0px #3dc3ff, 192px 0 2px rgba(61, 195, 255, 0.8), 240px 0 4px rgba(61, 195, 255, 0.6), 288px 0 6px rgba(61, 195, 255, 0.4);
  }
  30% {
    box-shadow: 48px 0 6px rgba(61, 195, 255, 0.4), 96px 0 4px rgba(61, 195, 255, 0.6), 144px 0 2px rgba(61, 195, 255, 0.8), 192px 0 0px #3dc3ff, 240px 0 2px rgba(61, 195, 255, 0.8), 288px 0 4px rgba(61, 195, 255, 0.6);
  }
  40% {
    box-shadow: 48px 0 8px rgba(61, 195, 255, 0.2), 96px 0 6px rgba(61, 195, 255, 0.4), 144px 0 4px rgba(61, 195, 255, 0.6), 192px 0 2px rgba(61, 195, 255, 0.8), 240px 0 0px #3dc3ff, 288px 0 2px rgba(61, 195, 255, 0.8);
  }
  50% {
    box-shadow: 48px 0 10px rgba(61, 195, 255, 0), 96px 0 8px rgba(61, 195, 255, 0.2), 144px 0 6px rgba(61, 195, 255, 0.4), 192px 0 4px rgba(61, 195, 255, 0.6), 240px 0 2px rgba(61, 195, 255, 0.8), 288px 0 0px #3dc3ff;
  }
  60% {
    box-shadow: 48px 0 8px rgba(61, 195, 255, 0.2), 96px 0 10px rgba(61, 195, 255, 0), 144px 0 8px rgba(61, 195, 255, 0.2), 192px 0 6px rgba(61, 195, 255, 0.4), 240px 0 4px rgba(61, 195, 255, 0.6), 288px 0 2px rgba(61, 195, 255, 0.8);
  }
  70% {
    box-shadow: 48px 0 6px rgba(61, 195, 255, 0.4), 96px 0 8px rgba(61, 195, 255, 0.2), 144px 0 10px rgba(61, 195, 255, 0), 192px 0 8px rgba(61, 195, 255, 0.2), 240px 0 6px rgba(61, 195, 255, 0.4), 288px 0 4px rgba(61, 195, 255, 0.6);
  }
  80% {
    box-shadow: 48px 0 4px rgba(61, 195, 255, 0.6), 96px 0 6px rgba(61, 195, 255, 0.4), 144px 0 8px rgba(61, 195, 255, 0.2), 192px 0 10px rgba(61, 195, 255, 0), 240px 0 8px rgba(61, 195, 255, 0.2), 288px 0 6px rgba(61, 195, 255, 0.4);
  }
  90% {
    box-shadow: 48px 0 2px rgba(61, 195, 255, 0.8), 96px 0 4px rgba(61, 195, 255, 0.6), 144px 0 6px rgba(61, 195, 255, 0.4), 192px 0 8px rgba(61, 195, 255, 0.2), 240px 0 10px rgba(61, 195, 255, 0), 288px 0 8px rgba(61, 195, 255, 0.2);
  }
  100% {
    box-shadow: 48px 0 0px #3dc3ff, 96px 0 2px rgba(61, 195, 255, 0.8), 144px 0 4px rgba(61, 195, 255, 0.6), 192px 0 6px rgba(61, 195, 255, 0.4), 240px 0 8px rgba(61, 195, 255, 0.2), 288px 0 10px rgba(61, 195, 255, 0);
  }
}
@keyframes loadingAnim {
  0% {
    box-shadow: 48px 0 0px #3dc3ff, 96px 0 2px rgba(61, 195, 255, 0.8), 144px 0 4px rgba(61, 195, 255, 0.6), 192px 0 6px rgba(61, 195, 255, 0.4), 240px 0 8px rgba(61, 195, 255, 0.2), 288px 0 10px rgba(61, 195, 255, 0);
  }
  10% {
    box-shadow: 48px 0 2px rgba(61, 195, 255, 0.8), 96px 0 0px #3dc3ff, 144px 0 2px rgba(61, 195, 255, 0.8), 192px 0 4px rgba(61, 195, 255, 0.6), 240px 0 6px rgba(61, 195, 255, 0.4), 288px 0 8px rgba(61, 195, 255, 0.2);
  }
  20% {
    box-shadow: 48px 0 4px rgba(61, 195, 255, 0.6), 96px 0 2px rgba(61, 195, 255, 0.8), 144px 0 0px #3dc3ff, 192px 0 2px rgba(61, 195, 255, 0.8), 240px 0 4px rgba(61, 195, 255, 0.6), 288px 0 6px rgba(61, 195, 255, 0.4);
  }
  30% {
    box-shadow: 48px 0 6px rgba(61, 195, 255, 0.4), 96px 0 4px rgba(61, 195, 255, 0.6), 144px 0 2px rgba(61, 195, 255, 0.8), 192px 0 0px #3dc3ff, 240px 0 2px rgba(61, 195, 255, 0.8), 288px 0 4px rgba(61, 195, 255, 0.6);
  }
  40% {
    box-shadow: 48px 0 8px rgba(61, 195, 255, 0.2), 96px 0 6px rgba(61, 195, 255, 0.4), 144px 0 4px rgba(61, 195, 255, 0.6), 192px 0 2px rgba(61, 195, 255, 0.8), 240px 0 0px #3dc3ff, 288px 0 2px rgba(61, 195, 255, 0.8);
  }
  50% {
    box-shadow: 48px 0 10px rgba(61, 195, 255, 0), 96px 0 8px rgba(61, 195, 255, 0.2), 144px 0 6px rgba(61, 195, 255, 0.4), 192px 0 4px rgba(61, 195, 255, 0.6), 240px 0 2px rgba(61, 195, 255, 0.8), 288px 0 0px #3dc3ff;
  }
  60% {
    box-shadow: 48px 0 8px rgba(61, 195, 255, 0.2), 96px 0 10px rgba(61, 195, 255, 0), 144px 0 8px rgba(61, 195, 255, 0.2), 192px 0 6px rgba(61, 195, 255, 0.4), 240px 0 4px rgba(61, 195, 255, 0.6), 288px 0 2px rgba(61, 195, 255, 0.8);
  }
  70% {
    box-shadow: 48px 0 6px rgba(61, 195, 255, 0.4), 96px 0 8px rgba(61, 195, 255, 0.2), 144px 0 10px rgba(61, 195, 255, 0), 192px 0 8px rgba(61, 195, 255, 0.2), 240px 0 6px rgba(61, 195, 255, 0.4), 288px 0 4px rgba(61, 195, 255, 0.6);
  }
  80% {
    box-shadow: 48px 0 4px rgba(61, 195, 255, 0.6), 96px 0 6px rgba(61, 195, 255, 0.4), 144px 0 8px rgba(61, 195, 255, 0.2), 192px 0 10px rgba(61, 195, 255, 0), 240px 0 8px rgba(61, 195, 255, 0.2), 288px 0 6px rgba(61, 195, 255, 0.4);
  }
  90% {
    box-shadow: 48px 0 2px rgba(61, 195, 255, 0.8), 96px 0 4px rgba(61, 195, 255, 0.6), 144px 0 6px rgba(61, 195, 255, 0.4), 192px 0 8px rgba(61, 195, 255, 0.2), 240px 0 10px rgba(61, 195, 255, 0), 288px 0 8px rgba(61, 195, 255, 0.2);
  }
  100% {
    box-shadow: 48px 0 0px #3dc3ff, 96px 0 2px rgba(61, 195, 255, 0.8), 144px 0 4px rgba(61, 195, 255, 0.6), 192px 0 6px rgba(61, 195, 255, 0.4), 240px 0 8px rgba(61, 195, 255, 0.2), 288px 0 10px rgba(61, 195, 255, 0);
  }
}

.lot-button-items {
	position: sticky;
	top: 1rem;
	z-index: 10;
}

.save-result-message {
	margin-bottom: 0.5rem;
}

.save-result-message-content {
	position: relative;
	padding-top: 1.05rem;
	padding-inline: 1rem;
	background-color: #fff;
	border: solid 2px #1690bc;
}

.save-result-message:has(.save-result-message-content:empty) {
	margin-bottom: 0;
}

.save-result-message-content:empty {
	padding: 0;
	border: none;
}

.save-result-message-content button {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	margin: 0;
	padding: 0.5rem;
}

.save-result-message-content h5 {
	margin-bottom: 0;
	color: grey;
}

.save-result-message-content p {
	color: #000;
}