*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html{
  margin: 0;
  padding: 0;
}
#login-body {
  margin: 0px;
  color: #333;
  padding: 0px;
  background: #333;
  min-height: 550px;
  position: relative;
  width: 100% !important;
  background-image: url(../images/pat.png);
  font: normal 100% Helvetica Neue, Arial, sans-serif;
}
#divRemember_me {
    display: flex;
    margin-left: 120px;
    margin-top: 15px;
}
#header {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 60px;
  position: absolute;
  border-bottom: 1px solid #bbec1d;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
#servSelect{
  color:#bbec1d;
  padding-top:20px;
  font-weight: 300;
  position:relative;
  font-size: 0.75em;
  padding-left:90px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.8);
  font-family: Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;

}
#servType{
  height:20px;
  width:100px;
  cursor:pointer;
  color:#bbec1d;
  background: #282828;
  border: 1px solid #222;
  text-shadow: 0 1px 0 rgba(0,0,0,0.8);
}
.login-container {
  width: 100%;
  margin: 0 auto;
  padding-top:10px;
  position: relative;
}
.login-alert {
  position: absolute;
  z-index: 10;
  width: -moz-available;
  font-size: 16px;
}

.isHidden {
    display: none;
}

#FormContainer{
  padding: 0;
  width:450px;
  height:97px;
  margin: auto;
  font-size: 16px;
}
#divRemember_me p,
#FormContainer label,
#FormContainerTwoFa label{
  color: #b5b5b5;
  font-size: 0.9em;
  font-family: Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}
.form {
  padding: 10px;
  font-weight: 300;
  overflow: hidden;
  position: relative;
  margin: 60px auto 30px;
}
.form label.loginlabel{
  width: 90px;
  float: left;
  color: #b5b5b5;
  cursor: pointer;
  font-size: 0.9em;
  padding-top: 10px;
  text-shadow: 0 1px 0 #000;
}
.form label.passwordlabel{
  width: 90px	;
  float: left;
  color: #b5b5b5;
  cursor: pointer;
  font-size: 0.9em;
  padding-top: 15px;
  text-shadow: 0 1px 0 #000;
}
.form input[type=text],
.form input[type=password]{
  color: #fff;
  border: none;
  font-weight: 300;
  font-size: 0.9em;
  position:relative;
  border-radius: 3px;
  background: #282828;
  padding: 10px;
  width: 300px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.8);
  font-family: 'Century Gothic', Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4), 0 1px 0  rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.1);
}
.form input[type=password] {
  top:5px;
}
.form .submit {
  top: 15px;
  z-index: 2;
  right: 0px;
  width: 65px;
  padding: 7px;
  height: 65px;
  background: #333;
  position: absolute;
  border-radius: 50%;
  border:1px solid #222;
  box-shadow:-3px 0 3px rgba(0,0,0,0.3);
}

.checkbox label:after, .radio label:after {
    content: '';
    display: table;
    clear: both;
}

.cbx:checked~label {
    background: #94b735;
}
.cbx:checked~label:after {
    left: 20px;
    background: #809c34;
}

.lbl {
    position: relative;
    display: block;
    height: 13px;
    width: 30px;
    background: #898989;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.lbl:after {
    position: absolute;
    left: -2px;
    top: -1px;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 100px;
    background: rgb(216, 216, 216);
    box-shadow: 0px 3px 3px rgb(0 0 0 / 5%);
    content: "";
    transition: all 0.3s ease;
}
.clr {
  margin: 0;
  height: 0;
  padding: 0;
  clear: both;
}
.clearfix:after {
  content: "";
  clear: both;
  display: table;
}
#notice{
  color:#bbec1d;
  font-weight: 300;
  padding-top:10px;
  position:relative;
  padding-left:90px;
  font-size: 0.75em;
  text-shadow: 0 1px 0 rgba(0,0,0,0.8);
  font-family: Century Gothic, Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;

}