/*------------------------------------
  Custom Logo
------------------------------------*/
.navbar-brand .nav-logo-img {
    width: 115px !important;
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 0 15px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
    margin-right: 25px;
}
    
.nav-logo-img.d-lg-none{
    width: 115px !important;
}

.navbar-brand .logo-txt{
    max-width:200px;
}

.nav-app-name{
    border-bottom: 3px solid #d0cece;
}
    .nav-app-name > span {
        font-size: 30px;
        color: #00519F;
    }

.nav-link:hover{
    color: #00284F !important;
}
@media (max-width: 992px) and (min-width: 767px) {
    .logo-txt{
        display: none;
    }
} 


.custom-logo-login {
/*    width: 200px !important;*/
    border:0.25px solid #333;
    background-color: #fff;
    border-radius: 100px;
    box-shadow: 0 15px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}

.custom-logo-login.d-lg-none{
    width: 140px !important;
}

.logo-title{
    margin-bottom: 2.5rem !important;
}

/*------------------------------------
    Login Background 
------------------------------------*/
.login-container{
    background: url(../img/1920x1080/img2.jpg);
    right: 0;
    position: absolute;
    z-index: -1;
}
.overlay{
    z-index: 1;
    height: 100%;
    width: 100%;
    right: 0;
    position: absolute;
    overflow: auto;
    top: 0px;
    background-color: rgba(51, 51, 51, .5);
}
.login-header{
    z-index: 3;
}
.login-gradient-sect{
    z-index: 2;
}


/*------------------------------------
    Loader CSS 
------------------------------------*/
.load-bar {
  position: relative;
  margin-top: 20px;
  width: 100%;
  height: 6px;
  background-color: #fdba2c;
}
.bar {
  content: "";
  display: inline;
  position: absolute;
  width: 0;
  height: 100%;
  left: 50%;
  text-align: center;
}
.bar:nth-child(1) {
  background-color: #da4733;
  animation: loading 3s linear infinite;
}
.bar:nth-child(2) {
  background-color: #3b78e7;
  animation: loading 3s linear 1s infinite;
}
.bar:nth-child(3) {
  background-color: #fdba2c;
  animation: loading 3s linear 2s infinite;
}
@keyframes loading {
    from {left: 50%; width: 0;z-index:100;}
    33.3333% {left: 0; width: 100%;z-index: 10;}
    to {left: 0; width: 100%;}
}

.signal {
    border: 5px solid #333;
    border-radius: 30px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 30px;
 
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulsate {
    0% {
      transform: scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: scale(1.2);
      opacity: 0;
    }
}
 1×0.5×0.25× Rerun
Resources