.bg{
    /* The image used */
    background-image: url("img/bgemas.png");
  
    /* Add the blur effect */
  
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* Full height */
  }
  .login-bg{
    /* The image used */
    background-image: url("img/bgemas.png");
  
    /* Add the blur effect */
  
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    /* Full height */
    background-size: cover;
  }
  .login-bg2{
    /* The image used */
    background-image: url("img/login-bg2.png");
  
    /* Add the blur effect */
  
  
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
    /* Full height */
    height: 100%;
  }
  
  .content {
    height: 100vh;
  }

  .ani-rl {
    position: relative;
    animation-name: anima-rl;
    animation-duration: 1s;
  }
  @keyframes anima-rl {
  
    100% {
      left: 0px;
      top: 0px;
      opacity: 1;
    }
  
    0% {
      left: 20px;
      top: 0px;
      opacity: 0;
    }
  }

  .ani-lr {
    position: relative;
    animation-name: anima-lr;
    animation-duration: 1s;
  }
  @keyframes anima-lr {
  
    100% {
      right: 0px;
      top: 0px;
      opacity: 1;
    }
  
    0% {
      right: 20px;
      top: 0px;
      opacity: 0;
    }
  }

  .navbar-nav > li{
    padding-left:20px;
    padding-right:20px;
  }
  .navbar-nav > .nav-item >.active {
    color: rgb(41, 41, 41) !important;
    background-color: rgb(255, 217, 0); 
    border-radius: 5px;   
  }