.bg-fade{
  background-image: linear-gradient(to bottom right, #A63D7A, #00CFB4);
}
.sidebar-default{
  width: 240px;
}
.height-body {
  min-height: 95vh;
}
.height-max{
  min-height: 100vh;
}
label.error{
  color: #c73637;
}
.btn-pill{
  border-radius: 5rem;
}
.card.card-login{
  margin-top: 10vh;
}
.footer{
  background-color: #4A4848;
  border-top: 1px solid #8f8f8f;
  color: #fff;
  min-height: 10vh;
  padding: 25px 20px;
}
.footer .logo-brand{
  width: 180px;
}
.footer a{
  color: #fff;
  line-height: 2;
  font-weight: 400;
  font-size: 14px;
}
.footer a:hover, .footer a:focus, .footer a:active{
  color: #ddd;
}
.footer a.disabled{
  opacity: .65;
  pointer-events: none;
}
.footer .fa-inverse{
  color: #4A4848;
}
.js-link{
  cursor: pointer;
}
.display-none{
  display: none;
}
.img-rounded{
  border-radius: 10px;
}
.text-semi-trans{
  opacity: 0.5;
}
.clickable{
  cursor: pointer;
}
.loading{
  -webkit-filter:blur(7px);
  filter:blur(7px);
  opacity: 0.4;
  pointer-events: none;
  position: relative;
}
.loader{
  position: fixed;
  width: 80px;
  height: 80px;
  background-color: #ccc;
  border-radius: 15px;
  padding: 20px;
}
.loader>.loading-icon{
  font-size: 40px;
  color: #fff;
}
.nav-pills .nav-link.active {
  font-weight: 600;
}
.navbar-nav .nav-link.active {
  font-weight: 600;
}
.ico-service {
  width:20px;
}

@-webkit-keyframes grow-shrink {
    0% { transform: scale(1); }
    50% { transform: scale(4); }
    100% { transform: scale(1); }
}