html,
body {
  height: 100%;
}

.body {
  /*display: -ms-flexbox;
  display: flex;*/
  /*-ms-flex-align: center;
  align-items: center;*/
  /*padding-top: 40px;
  padding-bottom: 40px;*/
  background-color: #f5f5f5;
}

.loginbox{
   
    align-items: center;
   
    padding-top: 40px;
  padding-bottom: 40px;
  margin:auto;
}
.advback{
    width:100%;height:100%;
    background-image: linear-gradient(180deg, #f5f5f5,skyblue, #f5f5f5);
}
.adv{
     width:100%;height:100%;
   background-image: url("../images/bubble.png") !important;
  background-repeat:repeat;
}
.form-signin {
  width: 100%;
  /*max-width: 830px;*/
 
  /*margin: auto;*/
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}




.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron h1 {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}