@charset "utf-8";
/* CSS Document */
 body {
    background-color: #eee;
    height: 100%;
  }
  
  #center-entrn-main {
	margin: 0;
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
  }

  #container-entrn-main {
	width: 100%;
    height: 100%;
	position: relative;
  }

  .block-entrn-main {
	  display: block;
	  min-width: 100%;
	  max-width: 125%;
	  border: none;
	  background-color: #839EF5;
	  color: white;
	  padding: 14px 28px;
	  font-size: 22px;
	  cursor: pointer;
	  text-align: center;
  }

  .block-entrn-main:hover {
	  background-color: #B4C3F4;
	  color: black;
  }

  .block-entrn-main-live {
	  display: block;
	  min-width: 100%;
	  max-width: 125%;
	  border: none;
	  background-color: #69C974;
	  color: white;
	  padding: 14px 28px;
	  font-size: 22px;
	  cursor: pointer;
	  text-align: center;
  }

  .block-entrn-main-live:hover {
	  background-color: #B4F4C7;
	  color: black;
  }

  .block-entrn-main-exit {
	  display: block;
	  min-width: 100%;
	  max-width: 125%;
	  border: none;
	  background-color: #CD476C;
	  color: white;
	  padding: 14px 28px;
	  font-size: 22px;
	  cursor: pointer;
	  text-align: center;
  }

  .block-entrn-main-exit:hover {
	  background-color: #F8A2BD;
	  color: black;
  }
  
  .block-entrn-main-warn {
	  display: block;
	  min-width: 100%;
	  max-width: 125%;
	  border: none;
	  background-color: #d60d02;
	  color: white;
	  padding: 14px 28px;
	  font-size: 22px;
	  cursor: pointer;
	  text-align: center;
  }

  .block-entrn-main-warn:hover {
	  background-color: #f77b74;
	  color: black;
  }
  
  .block-entrn-main-clear {
	  display: block;
	  min-width: 100%;
	  max-width: 125%;
	  border: none;
	  background-color: #f4840c;
	  color: white;
	  padding: 14px 28px;
	  font-size: 22px;
	  cursor: pointer;
	  text-align: center;
  }

  .block-entrn-main-clear:hover {
	  background-color: #f3af65;
	  color: black;
  }

  .btn 
  {
   outline:0;
   border:none;
   border-top:none;
   border-bottom:none;
   border-left:none;
   border-right:none;
   box-shadow:inset 2px -3px rgba(0,0,0,0.15);
  }
  .btn:focus
  {
   outline:0;
   -webkit-outline:0;
   -moz-outline:0;
  }
  .fullscreen_bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: -100;
    background-size: cover;
    background-position: 50% 50%;
    background-image: url('../images/background-splash.jpg');
    background-repeat:repeat;
  }
  .form-signin {
    max-width: 420px;
    padding: 15px;
    margin: 0 auto;
    margin-top:20px;
  }
  .form-signin .form-signin-heading, .form-signin {
    margin-bottom: 10px;
  }
  .form-signin .form-control {
    position: relative;
    font-size: 20px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .form-signin .form-control:focus {
    z-index: 2;
  }
  .form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-color: #000;
  }
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-color: rgb(0,0,0);
    border-top:1px solid rgba(0,0,0,0.08);
  }
  .form-signin-heading {
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0,0,0,0.5);
  }
	.stdid-college-title{
		color: #FCF1A9;
		text-align: right;
		text-shadow: 1px 1px #000000;
		vertical-align: bottom;
	}
	.stdid-datetime-title{
		color: #fff;
		text-align: right;
		vertical-align: bottom;
	}
	#stdid-fullname{
		position: absolute;
		align-content: left;
		color: #fff;
		font-size: calc(5.0 * (0.4vw + 0.4vh));
	}
	#stdcurr{
		position: relative;
		align-content: left;
		color: #FDEFCE;
		font-size: calc(4.5 * (0.4vw + 0.4vh));
	}
	#stddep{
		position: relative;
		align-content: left;
		color: #CED2FD;
		font-size: calc(4.5 * (0.4vw + 0.4vh));
	}
	#sidexpire{
		position: relative;
		align-content: left;
		color: #FCD0DF;
		font-size: calc(4.1 * (0.4vw + 0.4vh));
	}
	
	.break-stdfname{
		display:block;
		margin: 2px 0 -10px;
	}
	.break-curr{
		display:block;
		margin: 15px 0 -20px;
	}
	.break-sidexpire{
		display:block;
		margin: 20px 0 -25px;
	}



@media only screen and (min-width: 769px) {
	#wait{
		left:47%;
	}
	.stdid-college-title{
		font-size: 33px;
	}
	.stdid-datetime-title{
		font-size: 22px;
	}
}
@media only screen and (max-width: 768px) {
	#wait{
		left:43%;
	}
	.stdid-college-title{
		font-size: 27px;
	}
	.stdid-datetime-title{
		font-size: 18px;
	}
}
@media only screen and (max-width: 576px) {
	#wait{
		left:40%;
	}
	.stdid-college-title{
		font-size: 22px;
	}
	.stdid-datetime-title{
		font-size: 15px;
	}
}
@media only screen and (max-width: 350px) {
	#wait{
		left:36%;
	}
	.stdid-college-title{
		font-size: 17px;
	}
	.stdid-datetime-title{
		font-size: 12px;
	}
}