*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;}a{font-weight:400;font-size:.8rem;line-height:1.7;color:#666;margin:0;transition:all .4s;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s}a:focus{outline:none!important}a:hover{text-decoration:none;color:#6a7dfe;color:-webkit-linear-gradient(left,#96c93d,#00b09b);color:-o-linear-gradient(left,#96c93d,#00b09b);color:-moz-linear-gradient(left,#96c93d,#00b09b);color:linear-gradient(left,#96c93d,#00b09b)}h1,h2,h3,h4,h5,h6{margin:0}p{font-size:14px;line-height:1.7;color:#666;margin:0}ul,li{margin:0;list-style-type:none}input{outline:none;border:none}textarea{outline:none;border:none}textarea:focus,input:focus{/*border-color:transparent!important*/}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder{color:transparent}input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}textarea:focus::-webkit-input-placeholder{color:transparent}textarea:focus:-moz-placeholder{color:transparent}textarea:focus::-moz-placeholder{color:transparent}textarea:focus:-ms-input-placeholder{color:transparent}input::-webkit-input-placeholder{color:#adadad}input:-moz-placeholder{color:#adadad}input::-moz-placeholder{color:#adadad}input:-ms-input-placeholder{color:#adadad}textarea::-webkit-input-placeholder{color:#adadad}textarea:-moz-placeholder{color:#adadad}textarea::-moz-placeholder{color:#adadad}textarea:-ms-input-placeholder{color:#adadad}button{outline:none!important;border:none;background:0 0}button:hover{cursor:pointer }iframe{border:none!important}.txt1{font-size:13px;color:#666;line-height:1.5}.txt2{font-size:13px;color:#333;line-height:1.5}.limiter{width:100%;margin:0 auto}.container-login100{width:100%;min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;}.wrap-login100{max-width:420px;width:95%;padding:40px 30px 40px;margin:0 auto}.login100-form{width:100%}.login100-form-title{display:block;font-weight:600;font-size:2rem;color:#fff;line-height:1.4;text-align:center}.login100-form-title i{font-size:60px}.wrap-input100{width:100%;position:relative;background:#fff;margin-bottom:15px;border-radius:6px;}.input100{font-size:15px;color:#555;line-height:1.2;display:block;width:100%;height:45px;background:0 0;padding:0 15px;border-bottom:2px solid #326ce5;}.focus-input100{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none}.focus-input100::before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:#6a7dfe;background:-webkit-linear-gradient(left,#96c93d,#00b09b);background:-o-linear-gradient(left,#96c93d,#00b09b);background:-moz-linear-gradient(left,#96c93d,#00b09b);background:linear-gradient(left,#96c93d,#00b09b)}.focus-input100::after{font-size:15px;color:#999;line-height:1.2;content:attr(data-placeholder);display:block;width:100%;position:absolute;top:16px;left:0;padding-left:5px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.input100:focus+.focus-input100::after{top:-15px}.input100:focus+.focus-input100::before{width:100%}.has-val.input100+.focus-input100::after{top:-15px}.has-val.input100+.focus-input100::before{width:100%}.btn-show-pass{font-size:15px;color:#999;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;position:absolute;height:100%;top:0;right:10px;padding-right:5px;cursor:pointer;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.btn-show-pass:hover{color:#6a7dfe;color:-webkit-linear-gradient(left,#96c93d,#00b09b);color:-o-linear-gradient(left,#96c93d,#00b09b);color:-moz-linear-gradient(left,#96c93d,#00b09b);color:linear-gradient(left,#96c93d,#00b09b)}.btn-show-pass.active{color:#6a7dfe;color:-webkit-linear-gradient(left,#96c93d,#00b09b);color:-o-linear-gradient(left,#96c93d,#00b09b);color:-moz-linear-gradient(left,#96c93d,#00b09b);color:linear-gradient(left,#96c93d,#00b09b)}.container-login100-form-btn{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding-top:13px}.wrap-login100-form-btn{width:100%;display:block;position:relative;z-index:1;margin:0 auto}.login100-form-bgbtn{position:absolute;z-index:-1;width:300%;height:100%;background:#96c93d;background:-webkit-linear-gradient(right,#96c93d,#00b09b,#96c93d,#00b09b);background:-o-linear-gradient(right,#96c93d,#00b09b,#96c93d,#00b09b);background:-moz-linear-gradient(right,#96c93d,#00b09b,#96c93d,#00b09b);background:linear-gradient(right,#96c93d,#00b09b,#96c93d,#00b09b);top:0;left:-100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.login100-form-btn{font-weight:500;font-size:15px;color:#fff;line-height:1.2;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;padding:0 20px;width:100%;height:50px;background:#33B3FF;border:1px solid #fff;border-radius:6px;}.wrap-login100-form-btn:hover .login100-form-bgbtn{left:0}@media(max-width:576px){.wrap-login100{padding:77px 15px 33px}}.validate-input{position:relative}.alert-validate::before{content:attr(data-validate);position:absolute;max-width:70%;background-color:#fff;border:1px solid #c80000;border-radius:2px;padding:4px 25px 4px 10px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:0;pointer-events:none;color:#c80000;font-size:13px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.alert-validate::after{content:"\f06a";font-family:FontAwesome;font-size:16px;color:#c80000;display:block;position:absolute;background-color:#fff;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:5px}.alert-validate:hover:before{visibility:visible;opacity:1}@media(max-width:992px){.alert-validate::before{visibility:visible;opacity:1}}

.left_form{background:url("../img/login_form_bg.jpg") repeat;height:100%;height:100vh;}.right_form{background:url("../img/login_bg.jpg") left top no-repeat;height:100%;height:100vh;background-size:cover;}.forgot{color:#fff;}.forgot a{color:#fff;}.forgot a:hover{color:#e19943;}.form-info h1{font-size:2rem;}.form-info h1 strong{font-weight:700;font-size:150%;}.form-info h3{font-size:1.8rem;color:#e19943;}.form-info span h3{color:#fff;}.form-info span{display:block;padding:12px 0;margin-bottom:12px;border-bottom:1px solid #fff;border-bottom:1px solid rgba(255,255,255,.3);}.right_form{flex-direction:row;flex-wrap: wrap;}.swatchata_logos{display:block;width:100%;align-self:flex-start;position: absolute;top: 20px;padding: 0 15px;}

.login100-form-btn:focus{
    border:1px solid #000
}

.input-wrapper {
    position: relative;
    margin: 20px auto;
  }
  .form-cont {
    display: block;
    line-height: 2em;
    margin: 0;
    padding-left: 10px;
    width: 100%;
    font-size: medium;
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* font-weight:400 */
  }
  .form-cont:focus {
    border: 1px solid #2c7ac9;
    /* f50808 */
  }
  .control-label {
    display: block;
    position: absolute;
    opacity: 0;
    bottom: 1.9rem;
    color: #fff;
    transition: 0.2s ease-in-out transform;
    font-size: 16px;
    margin-left:10px;
    font-weight: 400;

  }
  .form-cont:placeholder-shown + .control-label {
    visibility: hidden;
    z-index: -1;
    transition: 0.2s ease-in-out;
  }
  .form-cont:not(:placeholder-shown) + .control-label,
  .form-cont:focus:not(:placeholder-shown) + .control-label {
    visibility: visible;
    z-index: 1;
    opacity: 1;
    transform: translateY(-10px);
    transition: 0.2s ease-in-out transform;
  }

  .form-cont:focus + .control-label {
    visibility: visible !important;
    z-index: 1;
    opacity: 1;
    transform: translateY(-10px);
    transition: 0.2s ease-in-out transform;
  }

  #healthDept{
    font-family: 'samsung_sharp_sans';
    font-weight: 400 !important;
  }