/* Default Scheme */
/*@primaryColor: #007acc;@highlightColor: #0e639c;*/
/* Pathlab Scheme */
/* Columbus Red Scheme */

/*@primaryColor: #7E1419; @highlightColor: #9F363A;*/

@font-face {
  font-family: 'Segoe UI';
  src: url("fonts/segoeui.eot");
  src: local("☺"), url("fonts/segoeui.ttf") format("woff"), url("fonts/segoeui.ttf") format("truetype"), url("fonts/segoeui.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Segoe UI Light';
  src: url("fonts/segoeuil.eot");
  src: local("☺"), url("fonts/segoeuil.woff") format("woff"), url("fonts/segoeuil.ttf") format("truetype"), url("fonts/segoeuil.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Segoe UI Semibold';
  src: url("fonts/seguisb.eot");
  src: local("☺"), url("fonts/seguisb.woff") format("woff"), url("fonts/seguisb.ttf") format("truetype"), url("fonts/seguisb.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* ==========================================================================
   Login Box styles
   ========================================================================== */

/*Change Backgound image here */

html {
  background: black url(Images/Login/background.jpg) top center;
  height: 100%;
  margin: 0;
}
body {
  background: transparent url(Images/Login/overlay.png) repeat;
  min-height: 100%;
}
.alert {
  margin: 20px auto;
  width: 70%;
}
#login-block {
  padding-top: 50px;
  padding-bottom: 25px;
}
#login-block h3 {
  color: white;
  text-align: center;
  font-size: 1.5em;
  opacity: 0.8;
  text-shadow: 2px 2px 2px black;
  font-weight: normal;
}
.login-box {
  position: relative;
  max-width: 480px;
  background: transparent url(Images/Login/login-background.png) repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding-bottom: 20px;
  -webkit-box-shadow: 2px 2px 5px #333333;
  -moz-box-shadow: 2px 2px 5px #333333;
  box-shadow: 2px 2px 5px #333333;
  margin-top: 80px;
}
.login-logo {
  text-align: center;
  padding: 15px 0 10px;
}
.login-logo small {
  color: #0f0a7e;
}
.login-logo img {
  border: 0;
  display: inline-block;
}
.login-form form p {
  width: 80%;
  margin: 5px auto 10px;
  text-align: center;
}
.login-box hr {
  margin: 10px auto 20px;
  width: 70%;
  border-top: 1px solid #dddbda;
  border-bottom: 1px solid white;
}
/* page icon */

.page-icon {
  width: 125px;
  height: 125px;
  -webkit-border-radius: 125px;
  -moz-border-radius: 125px;
  border-radius: 125px;
  background: transparent url(Images/Login/login-background.png) repeat;
  border: 8px solid #f9f9fa;
  text-align: center;
  -webkit-box-shadow: inset 1px 3px 8px #999999;
  -moz-box-shadow: inset 1px 3px 8px #999999;
  box-shadow: inset 1px 3px 8px #999999 9;
  margin: -80px auto 0;
}
.page-icon img {
  vertical-align: middle;
  margin: 6px 0 0 3px;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -ms-interpolation-mode: bicubic;
}
.rotate-icon {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.login-box .page-icon {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
/* Login Form */

.login-form input {
  display: block;
  margin: 0 auto 15px;
  width: 70%;
  /*background: #fefefe; */
  border: 1px solid #bfbfbf;
  /* color:#6c6c6c; */
  padding: 8px;
}
/* Login Button */

.btn.btn-login {
  width: 120px;
  display: block;
  margin: 20px auto 20px;
  color: white;
  text-transform: uppercase;
  text-shadow: 1px 2px 2px #c44c4c;
  background: #48c7d5;
  border: 1px solid #42a3ae;
  -webkit-box-shadow: inset 0 1px 2px #73e2ed;
  -moz-box-shadow: inset 0 1px 2px #73e2ed;
  box-shadow: inset 0 1px 2px #73e2ed;
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
}
.btn.btn-login:hover {
  background: #21aebd;
}
.btn.btn-reset {
  width: 180px;
}
.login-links {
  text-align: center;
}
.login-links a {
  color: #6c6c6c;
  display: inline-block;
  padding: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.login-links a:hover {
  text-decoration: none;
  color: #3071a9;
}
label.checkbox {
  width: 70%;
  display: block;
  margin: 0 auto;
}
label.checkbox input {
  width: 25px;
  margin: 4px 0 0;
  padding: 0;
  background: none;
  border: 0;
}
#footer-text,
#footer-text a {
  text-align: center;
  color: white;
  opacity: 1;
  text-shadow: 1px 1px 1px black;
}
/* Social Login */

.social-login {
  margin: 10px 0 5px;
}
.social-login .btn {
  text-align: center;
  margin: 5px auto;
  color: white;
  text-shadow: 1px 1px 1px #333333;
  width: 90%;
  -webkit-box-shadow: 0px 0px 10px white;
  -moz-box-shadow: 0px 0px 10px white;
  box-shadow: 0px 0px 10px white;
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */

@media only screen and (max-width: 479px) {
  #login-block {
    padding-top: 10px;
    padding-bottom: 25px;
  }
  .login-box {
    margin-top: 5px;
  }
}
/* Tablet Portrait Size to Tablet Landscape Size (devices and browsers)
=================================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #login-block {
    margin: 0 auto;
    width: 420px;
  }
  .login-box {
    margin-top: 15px;
  }
}
/* Custom Label Style */

label {
  margin-left: 15%;
  margin-right: 15%;
  color: #6c6c6c;
}
label.center {
  text-align: center;
}
* {
  font-family: Segoe UI, 'Segoe UI', Tahoma;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
}