.toggle-demo{position:absolute;top:10px;right:-8px;display:block;width:154px;height:auto;z-index:99;opacity:.9}.toggle-demo:hover{opacity:1}.toggle-demo .btn-group{width:100px;float:left}.toggle-demo>span{display:inline-block;float:left;margin-right:5px;line-height:21px;color:#757575}.demo-vertical-uislider{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.demo-vertical-uislider>div{height:200px;margin:0 0 0 10px;display:inline-block}.demo-vertical-uislider >:first-child{margin-left:15px}.knobs-demo>div{display:inline-block;margin-left:30px}.knobs-demo >:first-child{margin-left:0}.demo label input[type=checkbox].checkbox+span:before,.demo label input[type=radio].radiobox+span:before{border:1px solid #5E5E5E}.demo label:hover input[type=checkbox].checkbox+span:before{border-color:#E77317}.demo label{margin-bottom:4!important}.demo .checkbox i{border-color:#7A7A7A}.demo .checkbox,.demo .radio{padding-left:22px}.demo.activate{right:0!important;box-shadow:-11px 12px 23px rgba(0,0,0,.2);padding:5px 10px 10px}.demo #demo-setting+form{display:none}.demo.activate #demo-setting+form{display:block}.demo{position:absolute;top:5px;right:0;width:160px;z-index:902;background:#F1DA91}.demo>span{position:absolute;right:0;top:0;display:block;height:30px;width:30px;border-radius:5px 0 0 5px;background:#F1DA91;padding:2px;text-align:center;line-height:28px;cursor:pointer}.demo>span i{font-size:17px}.demo.activate>span i:before{content:"\f00d"}.demo.activate>span{left:-30px}.demo>span:hover i{color:#333!important}.demo form section{margin:0!important}.demo .btn{font-size:13px!important;line-height:1.5!important;border-radius:3px!important;padding:3px 7px!important;height:auto!important}.demo-liveupdate-1{font-size:12px!important;position:absolute!important;left:33px;top:15px;display:block;z-index:2;font-weight:700;padding:1px 61px 3px 7px}.demo-btns{margin:0;padding:0;list-style:none}.demo-btns>li{display:inline-block;margin-bottom:7px}.demo-icon-font{font-size:14px;margin-bottom:6px;padding-top:4px;padding-bottom:4px}.demo-icon-font:hover{background-color:rgba(86,61,124,.1);text-decoration:none}.demo-modal{width:auto;max-width:600px;z-index:1}.demo-red{color:#DF413E}.demo-orange{color:#DAA03E}.demo-border{border:1px solid rgba(0,0,0,.2)}.nav-demo-btn{display:none}body:not(.menu-on-top) .nav-demo-btn{display:block;padding:6px 5px;margin:5px 10px;width:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:12px;white-space:normal}.fixed-navigation .nav-demo-btn,.minified .nav-demo-btn{display:none!important}.smart-rtl .demo .margin-right-5{margin-right:0!important}





/* css for login page start */ 
.add-on .input-group-btn > .btn {
    border-left-width:0;left:-2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  /* stop the glowing blue shadow */
  .add-on .form-control:focus {
   box-shadow:none;
   -webkit-box-shadow:none; 
   border-color:#cccccc; 
  }
  
  /* enable absolute positioning */
  .inner-addon {
    position: relative;
  }
  
  /* style glyph */
  .inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
  }
  
  /* align glyph */
  .left-addon .glyphicon  { left:  0px;}
  /* add padding  */
  .left-addon input  { padding-left:  30px; }
  
  /* align button at bottom */
  .vertical-align-bottom { vertical-align: bottom !important; }
  

  .login-input input{
    height: 40px;
    border-radius: 0px !important;
    margin-bottom: 20px;
    border: 0;
    border-bottom:1px solid #a5acb5 ;
  }

  .login-input i{
    
    top: 3px;
    color: #6f7988;
    left: inherit !important;
  }

  .left-addon input{
    padding-left: 40px;
  }

  .sign-in-button button{
    width: 100%;
    background: #31c5d1;
    color: white !important;
    font-size: 16px;
    height: 42px;
    border-radius: 0px;
    text-transform: uppercase;
    margin-top: 10px;
    box-shadow: 1px 0px 10px rgb(206, 206, 206);
  }

  .first-login-box h2{
    text-align: center;
    color: #425063;
    margin-top: 0;
    font-size: 28px;
    font-weight: 500;  
  }

  .first-login-box{
    padding: 0 30px;
    /*
    border-right: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;*/
    box-shadow: 0px 0px 7px rgba(83, 83, 83, 0.41);
    padding: 40px 60px;
  }

  .captcha-section label{
    font-size: 17px;
    font-weight: 50;
    color: #1a1a1a;
    padding-left: 0;
  }

  .captcha-fill{
    border-radius: 20px !important;
    height: 36px;
  }

  .full-box{
    background: white;
    border-radius: 0px;
    box-shadow:0px 2px 20px rgba(102, 102, 102, 0.11), 0 4px 8px rgba(64, 64, 64, 0.32);
    overflow: hidden;
    margin-top: 60px;
    padding: 40px 75px;
  }

  .two-column{
      display: flex;
      flex:wrap;
  }

  .right-side-section{
      background-size: cover;
  }

  .image-text img{
    width: 155px;
    margin: 150px auto 0 auto;
    display: block;
  }
  
  .image-text p{
    padding: 0 20px;
    line-height: 25px;
    font-size: 15px;
    color: white;
    margin-top: 10px;
    text-align: center;
  }

  .capthca-danger{
    margin: 0px; 
    padding-bottom: 8px;
    padding-top: 8px;
  }

  .calculator-img img{
    padding: 10px;
    width:100%;
    margin-top:30px;
  }

  .logo-excel img{
    width: 200px;
    margin-bottom: 10px;
  }

  .content-data{
    margin-top:10px;  
    color: #888;
    text-align: justify;
  }

  .login-input input::-webkit-input-placeholder { /* Edge */
    color: #6f7988;
  }
  
  .login-input input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #6f7988;
  }
  
  .login-input input::placeholder {
    color: #6f7988;
  }

  .second-image img{
    width:100%;
    padding: 10px;
    height: 330px;
  }

  .captcha-danger{
    padding: 10px 5px;
  }


  .icon-input{
    position: absolute;
    top: 9px;
    left: 27px;
    color: #6f7988;
  }
  @media only screen and (max-width:767px){
    .two-column{
        display: inherit;
    }

    .image-text img{
        margin: 40px auto 0 auto;
    }

    .image-text{
        padding-bottom: 10px;
    }

    .full-box{
      padding: 15px;
    }
    .first-login-box{
      padding:15px;
    }
    .calculator-img {
      clear: both;
  }
  }


  @media only screen and (min-width:768px) and (max-width:991px){
    .first-login-box{
      padding:15px;
    }
  }

/* css for login page closed */