Body
{
	background-color: #92b6e5;
}
.BoxHolder
{
	text-align:Center;
}
.Input
{
	  top: 0px;
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 2px 2px 3px #666;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow: 2px 2px 3px #666;
    font-size: 35px;
    padding: 1%;
    outline: 0;
    -webkit-appearance: none;

    display: inline-block;
    //clear: left;
    width: 55%;
	
}
Label
{
display: inline-block;
    width: 140px;
    text-align: right;
	padding-right: 2%;

}
.PasswordWarning
{
	padding: 2% 0 2% 0;
	margin-left: 20%;
}

.Title
{
	text-align: center;
	font-size: 4em;
	padding: 1em;
}

.Button_Holder
{
	text-align: center;
	width: 40%;'
}
.Button
{
	width: 90%;
	Margin-left: 100%;
	font-size: 31px;
	border: 2px #21187a outset;
	background: pink;
}
.Button2
{
	width: 30%;
	margin: 1em 0 1em 0;
}

.DataInput
{
	font-size: 23px;
}

.Loading_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 30; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.Loading_Content{
  margin: 13em auto;
  font-size: 15px;
  width: 1em;
  height: 1em;
  border-radius: 30%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 0.5s infinite ease;
  animation: load5 1.0s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.AlertButton
{
	border: 3px outset black;
	background-color: pink;
	font-size: 30px;
	width: 119px;
	margin: 37px 0 0 0;
}

.Button
{
	width: 90%;
	Margin-left: 100%;
	font-size: 31px;
	border: 2px #21187a outset;
	background: pink;
}
.Button2
{
	width: 30%;
	margin: 1em 0 1em 0;
}

.DataInput
{
	font-size: 23px;
}

.Detailtxt
{
	width: 17em;
	font-size: 1em;
	background-color: #a8bad2;
}

.LineDetailtxt
{
	width: 340px;
	margin-right: 36px;
}

.SmallDetailtxt
{
	width: 75px;
}

.DetailLabel
{
	font-size: 1em;
	margin: 1em .2em 0 0;
	display: inline-block;
	width: 9em;
}

.Header
{
	border: 1px solid black;
	text-align: center;
	font-size: 2em;
	background-color: #6b6f6c;
}

.ReqIDHolder
{    
	margin: -14px 0px -8px 43%;
	text-align: center;
	font-weight: bold;
	font-size: 23px;
	margin-left: 26%;
}
	
.ApprovalButtons
{
	margin-left: 8%
}

.Approved
{
	border: 1px outset black;
	background-color: #5df22f;
	padding: 5px 14px;
	margin-right: 13px;
	height: 35px;
}

.Reject
{
	border: 1px outset black;
	background-color: #de7070;
	padding: 5px 14px;
	margin-right: 13px;
	height: 35px;
	max-width: 66x;
}

.Feedback
{
	border: 1px outset black;
	background-color: #76e3d4;
	padding: 5px 14px;
	margin-right: 13px;
	height: 35px;
	max-width: 66x;
}
	
.DetailLabel2
{
	font-size: 1em;
	margin: 1em 0 0 7em;
	display: inline-block;
	width: 9em;
}

.DropDown
{
    background-color: #a8bad2;
    min-width: 19em;
	max-width: 11.2em;
	font-size: .9em;
    padding: 3px 0px;
}

.DropDown2
{
    background-color: #a8bad2;
    min-width: 10em;
	max-width: 10em;
	font-size: .9em;
    padding: 3px 0px;
}

.HeaderBox
{
	border: 1px black solid;
	padding: 1em;
	background-color: #90a19f;
}

.DetailsBox
{
	border: 1px black solid;
	padding: 1em;
	background-color: #c1d4da;
}

.MyQ
{
	float: right;
	margin: 0px 21px 0 0;
	border: 2px outset black;
	background-color: lightblue;
	padding: 6px;
	font-size: 16px;
}

.Result
{
	background-color:#91dbb4;
}

.ConfirmButton
{
	border: 1px outset black;
	background-color: lightblue;
	font-size: 18px;
	max-width: 100px;
	min-width: 100px;
	padding: 5px 0;
	margin: 10px 10px 0 0;
}

.CancelButton
{
	border: 1px outset black;
	background-color: pink;
	font-size: 18px;
	max-width: 100px;
	min-width: 100px;
	padding: 5px 0;
	margin: 10px 10px 0 0;
}

.Alert_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 5; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.Alert_Content{
background-color: #91dbb4;
margin: 20% auto;
padding: 20px;
border: 4px solid red;
width: 42%;
text-align: center;
font-size: 28px;
margin: 15% 0 0 32%;
}

.Approve_Holder {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.Approve_Content{
background-color: #91dbb4;
margin: 20% auto;
padding: 20px;
border: 2px solid black;
width: 37%;
text-align: center;
font-size: 23px;
margin: 13% 0 0 35%;
}


.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.s infinite ease;
  animation: load5 1.0s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #040bff, 1.8em -1.8em 0 0em rgba(4,11,255, 0.2), 2.5em 0em 0 0em rgba(4,11,255, 0.2), 1.75em 1.75em 0 0em rgba(4,11,255, 0.2), 0em 2.5em 0 0em rgba(4,11,255, 0.2), -1.8em 1.8em 0 0em rgba(4,11,255, 0.2), -2.6em 0em 0 0em rgba(4,11,255, 0.5), -1.8em -1.8em 0 0em rgba(4,11,255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.7), 1.8em -1.8em 0 0em #040bff, 2.5em 0em 0 0em rgba(4,11,255, 0.2), 1.75em 1.75em 0 0em rgba(4,11,255, 0.2), 0em 2.5em 0 0em rgba(4,11,255, 0.2), -1.8em 1.8em 0 0em rgba(4,11,255, 0.2), -2.6em 0em 0 0em rgba(4,11,255, 0.2), -1.8em -1.8em 0 0em rgba(4,11,255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.5), 1.8em -1.8em 0 0em rgba(4,11,255, 0.7), 2.5em 0em 0 0em #040bff, 1.75em 1.75em 0 0em rgba(4,11,255, 0.2), 0em 2.5em 0 0em rgba(4,11,255, 0.2), -1.8em 1.8em 0 0em rgba(4,11,255, 0.2), -2.6em 0em 0 0em rgba(4,11,255, 0.2), -1.8em -1.8em 0 0em rgba(4,11,255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.2), 1.8em -1.8em 0 0em rgba(4,11,255, 0.5), 2.5em 0em 0 0em rgba(4,11,255, 0.7), 1.75em 1.75em 0 0em #040bff, 0em 2.5em 0 0em rgba(4,11,255, 0.2), -1.8em 1.8em 0 0em rgba(4,11,255, 0.2), -2.6em 0em 0 0em rgba(4,11,255, 0.2), -1.8em -1.8em 0 0em rgba(4,11,255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.2), 1.8em -1.8em 0 0em rgba(4,11,255, 0.2), 2.5em 0em 0 0em rgba(4,11,255, 0.5), 1.75em 1.75em 0 0em rgba(4,11,255, 0.7), 0em 2.5em 0 0em #040bff, -1.8em 1.8em 0 0em rgba(4,11,255, 0.2), -2.6em 0em 0 0em rgba(4,11,255, 0.2), -1.8em -1.8em 0 0em rgba(4,11,255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.2), 1.8em -1.8em 0 0em rgba(4,11,255, 0.2), 2.5em 0em 0 0em rgba(4,11,255, 0.2), 1.75em 1.75em 0 0em rgba(4,11,255, 0.5), 0em 2.5em 0 0em rgba(4,11,255, 0.7), -1.8em 1.8em 0 0em #040bff, -2.6em 0em 0 0em rgba(4,11,255, 0.2), -1.8em -1.8em 0 0em rgba(4,11,255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.2), 1.8em -1.8em 0 0em rgba(4,11,255, 0.2), 2.5em 0em 0 0em rgba(4,11,255, 0.2), 1.75em 1.75em 0 0em rgba(4,11,255, 0.2), 0em 2.5em 0 0em rgba(4,11,255, 0.5), -1.8em 1.8em 0 0em rgba(4,11,255, 0.7), -2.6em 0em 0 0em #040bff, -1.8em -1.8em 0 0em rgba(4,11,255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.2), 1.8em -1.8em 0 0em rgba(4,11,255, 0.2), 2.5em 0em 0 0em rgba(4,11,255, 0.2), 1.75em 1.75em 0 0em rgba(4,11,255, 0.2), 0em 2.5em 0 0em rgba(4,11,255, 0.2), -1.8em 1.8em 0 0em rgba(4,11,255, 0.5), -2.6em 0em 0 0em rgba(4,11,255, 0.7), -1.8em -1.8em 0 0em #040bff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #040bff, 1.8em -1.8em 0 0em rgba(4,11,255, 0.2), 2.5em 0em 0 0em rgba(4,11,255, 0.2), 1.75em 1.75em 0 0em rgba(4,11,255, 0.2), 0em 2.5em 0 0em rgba(4,11,255, 0.2), -1.8em 1.8em 0 0em rgba(4,11,255, 0.2), -2.6em 0em 0 0em rgba(4,11,255, 0.5), -1.8em -1.8em 0 0em rgba(4,11,255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.7), 1.8em -1.8em 0 0em #040bff, 2.5em 0em 0 0em rgba(4,11,255, 0.2), 1.75em 1.75em 0 0em rgba(4,11,255, 0.2), 0em 2.5em 0 0em rgba(4,11,255, 0.2), -1.8em 1.8em 0 0em rgba(4,11,255, 0.2), -2.6em 0em 0 0em rgba(4,11,255, 0.2), -1.8em -1.8em 0 0em rgba(4,11,255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.5), 1.8em -1.8em 0 0em rgba(4,11,255, 0.7), 2.5em 0em 0 0em #040bff, 1.75em 1.75em 0 0em rgba(4,11,255, 0.2), 0em 2.5em 0 0em rgba(4,11,255, 0.2), -1.8em 1.8em 0 0em rgba(4,11,255, 0.2), -2.6em 0em 0 0em rgba(4,11,255, 0.2), -1.8em -1.8em 0 0em rgba(4,11,255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.2), 1.8em -1.8em 0 0em rgba(4,11,255, 0.5), 2.5em 0em 0 0em rgba(4,11,255, 0.7), 1.75em 1.75em 0 0em #040bff, 0em 2.5em 0 0em rgba(4,11,255, 0.2), -1.8em 1.8em 0 0em rgba(4,11,255, 0.2), -2.6em 0em 0 0em rgba(4,11,255, 0.2), -1.8em -1.8em 0 0em rgba(4,11,255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.2), 1.8em -1.8em 0 0em rgba(4,11,255, 0.2), 2.5em 0em 0 0em rgba(4,11,255, 0.5), 1.75em 1.75em 0 0em rgba(4,11,255, 0.7), 0em 2.5em 0 0em #040bff, -1.8em 1.8em 0 0em rgba(4,11,255, 0.2), -2.6em 0em 0 0em rgba(4,11,255, 0.2), -1.8em -1.8em 0 0em rgba(4,11,255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.2), 1.8em -1.8em 0 0em rgba(4,11,255, 0.2), 2.5em 0em 0 0em rgba(4,11,255, 0.2), 1.75em 1.75em 0 0em rgba(4,11,255, 0.5), 0em 2.5em 0 0em rgba(4,11,255, 0.7), -1.8em 1.8em 0 0em #040bff, -2.6em 0em 0 0em rgba(4,11,255, 0.2), -1.8em -1.8em 0 0em rgba(4,11,255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.2), 1.8em -1.8em 0 0em rgba(4,11,255, 0.2), 2.5em 0em 0 0em rgba(4,11,255, 0.2), 1.75em 1.75em 0 0em rgba(4,11,255, 0.2), 0em 2.5em 0 0em rgba(4,11,255, 0.5), -1.8em 1.8em 0 0em rgba(4,11,255, 0.7), -2.6em 0em 0 0em #040bff, -1.8em -1.8em 0 0em rgba(4,11,255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(4,11,255, 0.2), 1.8em -1.8em 0 0em rgba(4,11,255, 0.2), 2.5em 0em 0 0em rgba(4,11,255, 0.2), 1.75em 1.75em 0 0em rgba(4,11,255, 0.2), 0em 2.5em 0 0em rgba(4,11,255, 0.2), -1.8em 1.8em 0 0em rgba(4,11,255, 0.5), -2.6em 0em 0 0em rgba(4,11,255, 0.7), -1.8em -1.8em 0 0em #040bff;
  }
}