/* .fondo-body{
//     background: image-url(/assets/business4-bf8abe4687d3815d07b66a22fc70d9278d065a57e0bd5d6ac09a3bc3e6bc3c97.jpg) no-repeat center center fixed;
//     -webkit-background-size: cover;
//     -moz-background-size: cover;
//     -o-background-size: cover;
//     background-size: cover;
// }*/

#login-ventana{
    margin-top: 100px; 
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.7); 
    top:35%;
    color: white;
}
.loader {
    position: relative;
    width: 5em;
    height: 5em;
    transform: rotate(165deg);
  }
  
  .loader:before,
  .loader:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    transform: translate(-50%, -50%);
  }
  
  .loader:before {
    animation: slackbefore 2s infinite;
  }
  
  .loader:after {
    animation: slackafter 2s infinite;
  }
  
  @keyframes slackbefore {
    0% {
      width: 1em;
      box-shadow: 2em -1em rgba(225, 20, 98, 0.75), -2em 1em rgba(111, 202, 220, 0.75);
    }
    35% {
      width: 5em;
      box-shadow: 0 -1em rgba(225, 20, 98, 0.75), 0 1em rgba(111, 202, 220, 0.75);
    }
    70% {
      width: 1em;
      box-shadow: -2em -1em rgba(225, 20, 98, 0.75), 2em 1em rgba(111, 202, 220, 0.75);
    }
    100% {
      box-shadow: 2em -1em rgba(225, 20, 98, 0.75), -2em 1em rgba(111, 202, 220, 0.75);
    }
  }
  
  @keyframes slackafter {
    0% {
      height: 1em;
      box-shadow: 1em 2em rgba(61, 184, 143, 0.75), -1em -2em rgba(233, 169, 32, 0.75);
    }
    35% {
      height: 5em;
      box-shadow: 1em 0 rgba(61, 184, 143, 0.75), -1em 0 rgba(233, 169, 32, 0.75);
    }
    70% {
      height: 1em;
      box-shadow: 1em -2em rgba(61, 184, 143, 0.75), -1em 2em rgba(233, 169, 32, 0.75);
    }
    100% {
      box-shadow: 1em 2em rgba(61, 184, 143, 0.75), -1em -2em rgba(233, 169, 32, 0.75);
    }
  }
  
    
  .loader {
    position: absolute;
    top: calc(50% - 2.5em);
    left: calc(50% - 2.5em);
  }
  
  
  /**
   * disable background
   */
  
  .loader-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    transition: opacity .3s ease;
}

#kt_app_header{
  background: url(/assets/images/fondo_concreto.jpeg) repeat-y center center fixed;
}
#kt_app_sidebar_logo{
  background: url(/assets/images/fondo_concreto.jpeg) repeat-y center center fixed;
}
button.menu-link {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-align: left;
  text-decoration: none;
}

#kt_app_body{
  background-color: #F2F3F8;
}
.app-card-component{
  border-radius: 0px;
  /* Shadow for card */
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25);
  
}