body.login-content {
  text-align: center;
  overflow: hidden;
  height: 100%;
}


body.login-content:after {
  content: "";
  vertical-align: middle;
  display: inline-block;
  width: 1px;
  height: 100%;
}

body.login-content:before {
  height: 50%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #303F9F;
  content: "";
  z-index: 0;
}

.btn-login {
  top: 10%;
  margin-top: -25px;
  right: -65px;
  position: absolute;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

.btn-float i {
    font-size: 23px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}


.btn-float i {
  font-size: 23px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.btn-float:hover i {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}



.bgm-deeppurple {
    background-color: #673ab7 !important;
}


.body.utility-page #content .panel{
  position: relative;
}

#l-login img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.rotate{
  -webkit-transform: rotateY(360deg); /* Safari */
    transform: rotateY(360deg);
}