body {
        background-color: #eee;
}

#body.login_body {
    width: 100%;
    padding: 3% 6.6% 2% !important;
   /* min-height: 650px;
    height: 650px;*/
   height: 100vh;
    /*background:url(../images/login_bgs.png);*/
}

.container_login {
    width: 98%;
    padding: 0;
    position: relative;
    z-index: 100;
    margin: 8% auto 0;
    float: left;
}

.LoginBox {
    background: #fff;
    height: 380px;
    width: 780px;
    margin: 0px auto;
    box-shadow: 1px 1px 1px 0px #D4D4D4;
}

    .LoginBox h3 {
        color: #1399D4;
            font-size: 24px;
        margin-bottom: 20px;
    }

.LoginBoxLeft {
    background: #B3E4F9;
    height: 100%;
    width: 50%;
    float: left;
}

.LoginBoxRight {
    height: 100%;
    width: 50%;
    float: left;
        padding: 15px 25px;
}

    .LoginBoxRight .form-group:first-child {
        margin-bottom: 20px;
    }
    .LoginBoxRight .DivTenEmpty {
        width:100%;
        float:left;
        height:10px;
    }
.glyphicon.login-icon {
    color: #B0AFAF;
    position: relative;
    float: right;
    top: -23px;
    right: 10px;
    font-size: 16px;
}

.login_title {
    width: auto;
    text-align: center;
    padding: 0;
    float: right;
    position: relative;
    margin-top: -32px;
}

    .login_title h5 {
        font-size: 14px;
        color: #aaa;
        margin-bottom: 0;
        float: right;
        font-weight: 600;
    }

    .login_title .site-title a {
        font-size: 28px;
        color: #6B6969;
        font-weight: 400;
    }

.login-input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-width: 0px;
    border-bottom: 2px solid #ccc;
}

    .login-input:focus, .login-input:hover {
        border-bottom: 2px solid #82B440;
    }

.text-13 {
    font-size: 12px;
    margin-right: -15px;
    width:100%;
    float:left;
}

.btn.LoginBtn {
    font-size: 18px;
    font-weight: 100;
    background: #1399D4;
    border: 0;
    color: #fff;
    width: 100%;
    padding: 6px 10px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}

    .btn.LoginBtn:hover, .btn.LoginBtn:focus, .btn.LoginBtn:active {
           background: #0C87BD;
    color: #fff;
    
    }

footer.login_footer {
    background: transparent;
    padding: 10px 0 0 0;
    font-size: 12px;
    color: #808080;
}

.login_footer .content-wrapper {
    margin: 0px;
    background: transparent;
}

a.forget_pwd, a.forget_pwd:link {
    color: #15A6DE;
        font-size: 12px;
    margin-right: -15px;
}

    a.forget_pwd:hover, a.forget_pwd:focus, a.forget_pwd:active {
        color: #2F86D4;
    }

.login_footer {
    margin: 0px 0 0 0;
    height: 20px;
    padding: 0px 0 0 0;
    background: #EFEFEF;
    float: left;
    width: 100%;
}
footer.login_footer p {
    color: #A9A9A9;
    font-size: 12px;
}

/* Logo Animation */

#logo_1_ {
    animation: LogoAnimate 1.5s ease-in-out;
    -webkit-animation: LogoAnimate 1.5s ease-in-out;
    -moz-animation: LogoAnimate 1.5s ease-in-out;
    -o-animation: LogoAnimate 1.5s ease-in-out;
}

#heart_1_, #heartplus_1_ {
    animation: HeartAnimate ease-in-out;
    -webkit-animation: HeartAnimate ease-in-out;
    -moz-animation: HeartAnimate ease-in-out;
    -o-animation: HeartAnimate ease-in-out;
    animation-delay: .6s;
}
#bottle_1_, #bottle1_1_, #band_1_ {
     animation: BottleAnimate ease-in-out;
    -webkit-animation: BottleAnimate ease-in-out;
    -moz-animation: BottleAnimate ease-in-out;
    -o-animation: BottleAnimate ease-in-out;
    animation-delay: 1.2s;
}
#tabbubble1_1_, #tabbubble_1_, #tablet_1_, #bigtablet_1_ {
     animation: TabletAnimate ease-in-out;
    -webkit-animation: TabletAnimate ease-in-out;
    -moz-animation: TabletAnimate ease-in-out;
    -o-animation: TabletAnimate ease-in-out;
    animation-delay: 1.8s;
}
#tubestart_1_, #tube_1_ {
     animation: TubeAnimate ease-in-out;
    -webkit-animation: TubeAnimate ease-in-out;
    -moz-animation: TubeAnimate ease-in-out;
    -o-animation: TubeAnimate ease-in-out;
    animation-delay: 2.4s;
}
#scope_1_ {
         animation: ScopeAnimate ease-in-out;
    -webkit-animation: ScopeAnimate ease-in-out;
    -moz-animation: ScopeAnimate ease-in-out;
    -o-animation: ScopeAnimate ease-in-out;
    animation-delay: 3s;
}
#microscope_1_ {
    animation: MicroAnimate ease-in-out;
    -webkit-animation: MicroAnimate ease-in-out;
    -moz-animation: MicroAnimate ease-in-out;
    -o-animation: MicroAnimate ease-in-out;
    animation-delay: 3.6s;
}
#meter_1_, #injuction_1_ {
       animation: InjAnimate ease-in-out;
    -webkit-animation: InjAnimate ease-in-out;
    -moz-animation: InjAnimate ease-in-out;
    -o-animation: InjAnimate ease-in-out;
    animation-delay: 4.2s;
}

 #search_1_, #searchovel_1_,
#searchovel1_1_, #searchovel2_1_ {
      animation: SearchAnimate ease-in-out;
    -webkit-animation: SearchAnimate ease-in-out;
    -moz-animation: SearchAnimate ease-in-out;
    -o-animation: SearchAnimate ease-in-out;
    animation-delay: 4.8s;
}
#logo_1_, #heart_1_, #heartplus_1_, #bottle_1_, #bottle1_1_, #band_1_, #tabbubble1_1_, #tabbubble_1_, #tablet_1_, #bigtablet_1_, #tubestart_1_, #tube_1_,
#scope_1_, #microscope_1_, #meter_1_, #injuction_1_, #search_1_, #searchovel_1_,
#searchovel1_1_, #searchovel2_1_ {
        opacity: 0;
        -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-duration:1s;
}
.k-ie #logo_1_, 
.k-ie #heart_1_, 
.k-ie #heartplus_1_, 
.k-ie #bottle_1_, 
.k-ie #bottle1_1_, 
.k-ie #band_1_, 
.k-ie #tabbubble1_1_, 
.k-ie #tabbubble_1_, 
.k-ie #tablet_1_, 
.k-ie #bigtablet_1_, 
.k-ie #tubestart_1_, 
.k-ie #tube_1_,
.k-ie #scope_1_, 
.k-ie #microscope_1_, 
.k-ie #meter_1_, 
.k-ie #injuction_1_, 
.k-ie #search_1_, 
.k-ie #searchovel_1_,
.k-ie #searchovel1_1_, 
.k-ie #searchovel2_1_ {
     opacity: 1;
      animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
}
.form-box input#Esignature {
  border: 2px solid #E9E9E9;
  background-color: #fff;
}
/*Logo Animation*/

@-webkit-keyframes LogoAnimate {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes LogoAnimate {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/*Heart Animation*/

@-webkit-keyframes HeartAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(120%, 0, 0);
        transform: translate3d(120%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes HeartAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(120%, 0, 0);
        transform: translate3d(120%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*Bottles Animation*/

@-webkit-keyframes BottleAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(120%, 300%, 0);
        transform: translate3d(120%, 300%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes BottleAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(120%, 300%, 0);
        transform: translate3d(120%, 300%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*Tablets Animation*/

@-webkit-keyframes TabletAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 350%, 0);
        transform: translate3d(0, 350%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes TabletAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 350%, 0);
        transform: translate3d(0, 350%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*TubeAnimate*/

@-webkit-keyframes TubeAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200%, 350%, 0);
        transform: translate3d(-200%, 350%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes TubeAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200%, 350%, 0);
        transform: translate3d(-200%, 350%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*ScopeAnimate*/

@-webkit-keyframes ScopeAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200%, 0, 0);
        transform: translate3d(-200%,0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes ScopeAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200%,0%, 0);
        transform: translate3d(-200%, 0%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*MicroAnimate*/
@-webkit-keyframes MicroAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200%, -150%, 0);
        transform: translate3d(-200%,-150%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes MicroAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-200%, -150%, 0);
        transform: translate3d(-200%, -150%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*InjAnimate*/
@-webkit-keyframes InjAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0%, -350%, 0);
        transform: translate3d(0%,-350%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes InjAnimate {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0%, -350%, 0);
        transform: translate3d(0%, -350%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*SearchAnimate*/
@-webkit-keyframes SearchAnimate {
     0% {
        opacity: 0;
        -webkit-transform: translate3d(200%, -350%, 0);
        transform: translate3d(200%, -350%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes SearchAnimate {
     0% {
        opacity: 0;
        -webkit-transform: translate3d(200%, -350%, 0);
        transform: translate3d(200%, -350%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.ForgetSideBubble {
    position: absolute;
    z-index: 100;
    padding: 20px 40px 10px 40px;
}

.ForgetInput {
        background: #B3E4F9;
    border-bottom: 2px solid #999;
}
input.ForgetInput::-webkit-input-placeholder {
    color:    #999;
}
input.ForgetInput:-moz-placeholder {
    color:    #F1F1F1;
}
input.ForgetInput::-moz-placeholder {
    color:    #F1F1F1;
}
input.ForgetInput:-ms-input-placeholder {
    color:    #F1F1F1;
}

.forget_captcha {
    float: left;
    margin: 3px 0 0;
}

.col-md-6.nopaddingleft {
    padding-right: 0px;
}
.show-menu .forget-menu-wrap.ForgetHide {
          animation: ForgetHide 1.5s ease-in-out;
    -webkit-animation: ForgetHide  1.5s ease-in-out;
    -moz-animation: ForgetHide 1.5s ease-in-out;
    -o-animation: ForgetHide 1.5s ease-in-out;
}


/*Forget Password Close*/

@-webkit-keyframes ForgetHide {
  0% {
    opacity: 1;
     -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
  }
  

  100% {
    opacity: 0;
   -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
  }
}

@keyframes ForgetHide {
  0% {
    opacity: 1;
   -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
  }
 
  100% {
    opacity: 0;
  -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
  }
}