html, body {
    background-color: #ed1374;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.95rem;
}
body, h1,h2,h3,h4,h5,h6 {
    color: #6d6d6d;
}
a {
    color: #31648c;
    text-decoration: none;
}
.bgimg 
{  
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;    
    background-image: url('/theme/img/bg.jpg');
}
.form-control
{
    padding: 1.56rem 0.75rem;
    color: #5e5e5e;  
    font-weight: bold;
}
.form-control:focus {
    outline: none !important;
    outline-style: none;
    box-shadow: none;

}
textarea:focus, input:focus{
    outline: none;
}
.input-group-text {
    font-size: 1.2rem;
    padding: 10px 17px;
    border-radius: 5px 0px 0px 5px ;
    height: 50px;
    width: 50px;
    text-align: center;
   
    color: #555;

}
.form-title {
    /* font-weight: bold; */
    font-size: 0.9rem;
}
.login-bg {
    box-shadow: 10px 0px 15px rgba(0, 0, 0, 0.432);
    background-color: #F8F8F8;
    
    z-index: 111;
/*     background: repeating-linear-gradient( 45deg, #faf6f6, #faf6f6 1px, #faf6f6 1px, #f5f5f5 7px ); */
  
}
.logo-img{
    width: 75%;
    max-width: 250px;   
}
.bg-page-title {
 
    margin-top: 30px; 
}
.bg-page-title h1 {
  
    font-size: 60px; 
    font-weight: 800;
    letter-spacing: 1px; 
    position: relative; 
    margin: 20px 10px;
}

.alert {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
  }
  
  @keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }
  
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }
  
    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
  }

  .logo-firma {
    max-width: 150px;
}
.logo-firma-circle {
  width: 75px !important;
  height: 75px !important;
}