/*
 * Style tweaks
 * --------------------------------------------------
 */
html, body
{
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body
{
  padding-top: 70px;
  background-color: #F8F8F8;
}


footer {
  font-size: 11px;
  color: #777;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.checkbox 
{
  font-size: 11px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  line-height: 20px;
}

.form-login .form-control {
  border: 1px solid #ddd;
  font-size: 10px;
  margin-bottom: 14px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.form-login {

  padding: 50px;
  margin: 0px auto;
  background-color: #fff;
  min-height: 450px;

   -webkit-box-shadow: 0px 0px 8px 0px #333;
          box-shadow: 0px 0px 8px 0px #333; 
}

.form-login .form-login-heading,
.form-login .checkbox {
  margin-bottom: 10px;
}
.form-login .checkbox {
  font-weight: normal;
}

.form-login .form-control:focus {
  z-index: 2;
}


.form-login input[type="text"], input[type="password"], input[type="email"]
{
  font-size: 11px !important;
  margin-bottom: 30px !important;
}

li.home
{
  background-color: #94B2D8;
  font-size: 11px;
  margin-left: 30px;
}


.form-login-heading
{
  font-size: 14px !important;
  color: #4B77B1;
  font-weight: normal;
}

.checkbox
{
  font-size: 11px;
  line-height: 20px;
}

footer
{
  padding-top: 10px;
}

.alert
{
  font-size: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
}


@media (min-width: 992px) {
 
  .form-login {

    max-width: 340px;
  }

}


input:-webkit-autofill, input:-webkit-autofill:focus  {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    background-color: #fff !important;
}

*::-webkit-input-placeholder { 
    color:    #bbb !important;
}
*:-moz-placeholder { 
    color:    #bbb !important;
}
*::-moz-placeholder { 
    color:    #bbb !important;
}
*:-ms-input-placeholder { 
    color:    #bbb !important;
}


::-webkit-scrollbar {
     width:10px;
   height:10px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
  width: 10px;
  display: block;
  background-color:rgba(148, 178, 216, 0.5);
}
::-webkit-scrollbar-track-piece {
  background-color: rgba(148, 178, 216, 0.3);
  width: 10px;
 
}

::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal{
  height: 5px;
  background-color:rgba(148, 178, 216, 1);
}

::-webkit-scrollbar-thumb:horizontal{
  height: 5px;
  background-color:rgba(200, 216, 234, 1);
}