.form_login_container label{
    font-weight: normal;
    color: #FFFFFF;
}
.form_login_container {
  position: absolute;
  top: 160px;
  width: 790px;
  height: 420px;
  background-color: #0087AD;
  box-shadow: 2px 1px 5px rgba(0, 0, 0, .5);
  margin: 60px 0px 0px 117px;
  padding: 20px;
  color: #FFFFFF;
}

.form_login_container label.email_label {
    position: absolute;
}
.form_login_container input.email {
    position: absolute;
    width: 750px;
    height: 50px;
    margin: 30px 0px 0px 0px;
}
.form_login_container label.password_label {
    position: absolute;
    margin: 95px 0px 0px 405px;
}
.form_login_container label.picture_password_label {
    position: absolute;
    margin: 95px 0px 0px 0px;
}
.form_login_container .picture_password_container {
    position: absolute;
    margin: 120px 0px 0px 0px;
    background-color: #FFFFFF;
    width: 370px;
    height: 200px;
    color: #000;
}
.form_login_container input.password {
    position: absolute;
    width: 345px;
    height: 50px;
    margin: 120px 0px 0px 405px;
}
.form_login_container button.btn_save {
    position: absolute;
    padding-left: 50px;
    width: 150px;
    height: 50px;
    /* background-color: #4bad1d; */
    margin: 270px 0px 0px 600px;
    /* background-image: url(/img/login_icon.png);
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: 5px;
    box-shadow: 2px 1px 5px rgba(0, 0, 0, .5); */
}
.form_login_container button.btn_cancel {
    position: absolute;
    padding-left: 50px;
    /* width: 150px; */
    /* height: 50px; */
    /* background-color: #ed9900; */
    margin: 270px 0px 0px 400px;
    /* background-image: url(/img/cancel_icon.png); */
    /* background-repeat: no-repeat; */
    /* background-size: 40px; */
    /* background-position: 5px; */
    /* box-shadow: 2px 1px 5px rgba(0, 0, 0, .5); */
}
.form_login_container label.remember_me_label {
    position: absolute;
    margin: 195px 0px 0px 465px;
}
.form_login_container a.forget_password_label{
    color: #FFFFFF;
    font-weight: bold;
}
.form_login_container label.forget_password_label {
    position: absolute;
    margin: 350px 0px 0px 0px;
}
.form_login_container img.forget_password_label {
    margin-bottom: -10px;
}
.form_login_container img {
    cursor: pointer;
    margin-top: -3px;
}

.form_login_container .btnWrap button {
    padding: 17px 0 15px 45px !important;
}
/* Switch */
.SliderSwitch {
}

.SliderSwitch input{
  visibility: hidden;
  display: inline-block;
  width: 1px;
  height: 1px;
}

.SliderSwitch label{
  position: absolute;
  /* font-family: Helvetica, Arial, sans-serif; */
  pointer: cursor;
  margin: 195px 0px 0px 355px;
}

.SliderSwitch__container{
  background-color: #CCCCCC;
  height: 20px;
  display: inline-block;
  width: 50px;
  border-radius: 10px;
  position: relative;
  vertical-align: middle;
  box-shadow: inset 0px 0px 3px 1px rgba(0,0,0,0.3);
  margin-left: 10px;
  transition: background-color 300ms ease-in-out;
}

.SliderSwitch__toggle {
  display: block;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  background-color: white;
  border: 1px solid #DDD;
  position: absolute;
  top: -2px;
  left: -2px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  cursor: pointer;
  transition: left 300ms ease-in-out;
}

.SliderSwitch__toggle:after {
  /* content: '\f00d'; */
  font-family: 'FontAwesome';
  font-size: 12px;
  color: #FF4136;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 0;
  width: 100%;
  text-align: center;

  transition: color 300ms ease-in-out;

}

input:checked + .SliderSwitch__container{
  background-color: #4bad1d;
}

input:checked + .SliderSwitch__container .SliderSwitch__toggle {
  left: calc( 100% - 20px );
}

input:checked + .SliderSwitch__container .SliderSwitch__toggle:after {
  /* content: '\f00c'; */
  color: #2ECC40;
}
/*  */
.invalid-feedback{
  position: absolute;
  margin: 335px 0px 0px 420px;
}

/* Forget Password */
.form_forget_password {
    position: absolute;
    top: 132px;
    display: none;
    width: 320px;
    margin: 140px 0 0px 340px;
    background-color: #FFFFFF;
    color: #000000;
    padding: 10px 10px 10px 10px;
    z-index: 9000;
    box-shadow: 2px 1px 5px rgba(0, 0, 0, .5);
}

.form_forget_password h2 {
    font-size: 20px;
}

.form_forget_password input {
    background-color: #FFF;
    width: 290px;
    padding: 10px 20px;
    margin: 5px 0 15px 0;
    box-sizing: border-box;
    color: #000000;
    border: 1px solid #CCC;
}
.form_forget_password button {
    width: 100px;
    height: 30px;
    font-size: 14px;
    background-color: #00477d;
    color: #FFFFFF;
    margin: 10px 0px 0px 33%;
    box-shadow: 2px 1px 5px rgba(0, 0, 0, .5);
}
.form_forget_password h2{
    font-weight: bold;
    color: #00477d;
}
.form_forget_password a {
    color: #00477d;
}
.close_forget_password {
    color: #00477d;
    float: right;
    font-size: 20px;
}
.close_forget_password:hover,
.close_forget_password:focus {
    color: #00477d;
    text-decoration: none;
    cursor: pointer;
}

.alert_login {
    position: absolute;
    top: 120px;
    display: none;
    height: 120px;
    width: 300px;
    margin: 240px 0px 0px 350px;
    background-color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    color: #000000;
    z-index: 9000;
    box-shadow: 2px 1px 5px rgba(0, 0, 0, .5);
}

.alert_login p {
    margin: 25px 10px 10px 10px;
}
.close_alert {
    color: #00477d;
    float: right;
    font-size: 20px;
}
.close_alert:hover,
.close_alert:focus {
    color: #00477d;
    text-decoration: none;
    cursor: pointer;
}

/*Border Glow  */
input[type=identity], input[type=email], input[type=password], input[type=date], input[type=text], button, textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

input[type=identity]:focus, input[type=email]:focus, input[type=password]:focus, input[type=date]:focus, input[type=text]:focus, button:focus, textarea:focus {
  box-shadow: 0 0 10px #f9c716;
  border: 1px solid #f9c716;
}
