body{
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: #fff;
  	position: absolute;


}

#ui-datepicker-div{
	/* position: relative !important;  */
	 top: 515px !important; 
	 left: 972px; 
/* 	 z-index: 1; 
	 display: block; */
}
/* body { */

/* color: black; */

/* background-color: white; */

/* font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; */

/* } */
.container{
  /*   margin-top: 3%; */
    margin-bottom: 5%;
}

.track-container{
    margin-top: 5%;
    margin-bottom: 5%;
}

.track{
    padding: 2%;
	margin: 0px auto;
    background:#fff;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.track1{
    padding: 2%;
	margin: 0px auto;
    background:#fff;
}
.track h3, h4{
    text-align: center;
    margin-bottom:3%;
    color:#000061;
	font-size:24px;
}
.track1 h3, h4{
    text-align: center;
    margin-bottom:3%;
    color:#000061;
	font-size:24px;
}
.logo img {
  display: block;
  margin-right: auto;
  width:188px;
  height:40px;
}

.btnSubmit{
	padding: 7px 7px;
	width: 30%;
	font-size: 20px;
	text-align: center;
    border: none;
  	border-radius: 5px 5px 5px 5px;
	background: #0ab4f7;
	color: #fff;

	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.btnSubmit:hover{
    text-decoration:none;
    color:#fff;
	background-color:#000061;
}
	
.btn-indigo {
    color: #fff;
    background-color: #3f51b5 !important;
}

/* Change background color of buttons on hover */
.btn button:hover {
  background-color: yellow;
}

/* Create an active/current tablink class */
.btn button.active {
  background-color: yellow;
}

.btn-default {
    color: #fff;
    background-color: #23cfea !important;}
	
.center {
	margin-left:200px;
	justify-content: center;
	align-items: center;
}	
.logo img {
  display: block;
  margin-right: auto;
  width:188px;
  height:40px;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: #fff;
  color:#000;
  border:1px solid #fff;
  float: left;
  width:50%;
  text-align:center;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 16px;
  transition: 0.3s;
  font-size: 18px; 
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color:#000061 !important;
  color:#fff;
}


/* Create an active/current tablink class */
.tab button.active {
  background-color:#000061 !important;
  color:#fff;
 
}

/* Style the tab content */
.tabcontent {
  padding: 6px 12px;
  margin-top:20px;
  border-top: none;
}
#trackTrace{
display:none;
}
.btn-primary {
    color: #fff;
    background-color: #000061;
    border-color: #000061;
}
 .box
 {
    color: #fff;
    padding-bottom: 20px; 
    display: none;
    margin-top: 20px;
}
 .errorCheck
 {
    color: red;
    font-size: 14px;
/*     font-weight: bold; */

}

 .errorCheckStatus
 {
    color: red;
    font-size: 14px;
/*     font-weight: bold; */
    text-align: center !important;

}

.preview img{
   display: none;
}

.bodyImg {
	background-image: url(resources/image/background.jpg);
	background-size: 100vw 100vh;
	position: absolute;
	top: 35px;
	left: 0;
	height: 100vh;
	width: 100vw;
}

.regCalender{
	    border: 1px solid #ced4da;
        border-radius: .25rem;
	    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
select.form-select::-ms-expand {
    display: none;
}		
	