body {
    background-color:#b7b3b1 !important
    /* background-image: url(../../sys_img/backdrop.svg); */
    background-size: cover;
    background-position-x: right;    
    font-family: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
    font-size:15px;
    font-weight: 400; 
  }
  
  .btn:focus {
    outline: none;
  }
  
  .has-feedback .form-control {
    padding-right: 0px;
  }

  .header {   
    max-height: 40px;
    background: #fff;
    box-shadow: 0 1px 5px #00000052; display: none;
    bottom: 0;
  }

 

  a {
    color: #6e35c7;
  }
  #login-page {
    /*	  background-color: /* rgba(0, 0, 0, 0.519);rgba(41, 27, 53, 0.57); */
    height: 100%;
  }
  .form-control-feedback.glyphicon {
    line-height: 34px;
    margin-top: -15px;
  }
  .timeline-heading {
    /*color:#fff;*/
    font-size: 30px;
  }
  .text-muted {
    /*	color:#fff;*/
    font-size: 15px;
  }
  .input-lg + .form-control-feedback.glyphicon,
  .input-group-lg + .form-control-feedback.glyphicon,
  .form-group-lg .form-control + .form-control-feedback.glyphicon {
    line-height: 46px;
  }
  .input-sm + .form-control-feedback.glyphicon,
  .input-group-sm + .form-control-feedback.glyphicon,
  .form-group-sm .form-control + .form-control-feedback.glyphicon {
    line-height: 30px;
  }
  .form-control {
    /* border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    padding-right: 0px; */
        /* border-radius: 5px;
    padding: 15px;
   */
   height: 50px;
    border-radius: 8px;
}
  .btn.btn-stormingbuckets {
    color: #ffffff;
    background-color: #2196f3;
    border-color: #03a9f4;
  }
  .btn.btn-stormingbuckets:hover,
  .btn.btn-stormingbuckets:focus,
  .btn.btn-stormingbuckets.focus,
  .btn.btn-stormingbuckets:active,
  .btn.btn-stormingbuckets.active,
  .open > .dropdown-toggle.btn-stormingbuckets {
    background: #2196f3 !important;
    border-color: #03a9f4;
    color: #f4f4f4;
  }
  .btn-stormingbuckets :active,
  .btn-stormingbuckets .active,
  .open > .dropdown-toggle.btn-stormingbuckets {
    background-image: none;
  }
  .login-wrap {
    margin-top: -30px;
  }
  
  .tgl-btn {
    background-color: #fab81e;
    background-image: linear-gradient(#ffcc4d, #fab81e);
    border-color: #f1a02a;
    color: #292f33;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  .tgl-btn_log {
    background-color: #2196f3;
    background-image: linear-gradient(#2196f3, #2196f3);
    border-color: #2196f3;
    color: #fff;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  
  .logo {
    margin-left: 10px !important ;
  }
  .logo-text {
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    padding-left: 24px;
  }
  .logo-text:hover,
  .logo-text:active,
  .logo-text:focus {
    color: #6e35c7;
  }

  /* .btn-store {
    margin-top:30px;
    border-radius: 20px;
    background-color: #ffffff;
color: #777777;
min-width: 254px;
padding: 12px 20px !important;
border-color: #dddddd !important;
} */


.btn-store {
  margin-top: 30px;
  border-radius: 20px;
  background-color: #2652ab;
  color: #fff;
  min-width: 254px;
  padding: 12px 20px !important;
  /* border-color: #dddddd !important; */
}


.btn-store:focus, 
.btn-store:hover {
color: #ffffff !important;
background-color: #168eea;
border-color: #168eea !important;
}

.btn-store .btn-label, 
.btn-store .btn-caption {
display: block;
text-align: left;
line-height: 1;
}

.btn-store .btn-caption {
font-size: 24px;
}

  @media (max-width: 991px) {
    .aside_info {
      display: none;
    }
    .container {
      margin: 0px auto;
    }
    .login-box {
      width: 100%;
    }
    .login-box-body {
      width: 100%;
    }
    .logo {
      padding-left: 5px !important;
      left: 0px !important;
      margin-left: 10px !important ;
      top: 0px;
    }
    .header {   
     display: block;
    }
  }
  
  @media (max-width: 768px) {
    .logo-text {
      padding-left: 35px;
    }
  }
  @media (max-width: 767px) {
    .logo {
      padding-left: 5px !important;
      top: 0px;
    }
  }
  @media (max-width: 450px) {
    .login-box {
      width: 100%;
    }
  }
  
  @media (max-width: 362px) {
    .logo {
      padding-left: 7px !important;
      top: 0px;
    }
  }