.login {
     min-height: 100vh;
 }

 .login-heading {
     font-weight: 300;
 }

 .container img {
     max-width: 100%;
     margin-top: 70px;
 }

 .btn-login {
     font-size: 0.9rem;
     letter-spacing: 0.05rem;
     padding: 0.75rem 1rem;
 }

 .forget-link {
     font-size: 12px;
     font-weight: bold;
     color: white !important;
 }

 .custom-side {
     background-color: rgba(0, 0, 0, 0.15) !important;
 }

 .card {
     min-height: 200px;
     margin-top: auto;
     margin-bottom: auto;
     width: 400px;
     background-color: rgba(0, 0, 0, 0.55) !important;
     right: 40px;
 }

 .tag-splash {
     padding: 2px 4px;
     color: #FFF;
     background-color: rgba(172, 172, 172, 0.3) !important;
 }

 .tag-splash:hover {
     text-decoration: none;
     color: #FFF;
 }

 #form-login {
     margin-top: 35px;
 }

 #card-content {
     margin-top: 15% !important;
 }

 .container-fluid.bg-image {
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     width: 100%;
 }


 .footer-replace-image {
     text-align: center;
     margin-top: 5px;
     opacity: 1;
     color: #FFF;
     font-size: 12px;
 }

 .footer-replace-image, .footer-replace {
     background-color: rgba(0, 0, 0, 0.75) !important;

 }

 .footer-replace {
     padding: 10px 20px;
 }

 .footer-replace-container {
     padding: 10px 20px;
     margin-top: 75%;
 }



 .input-group-append button,
 .input-group-prepend span {
     background: radial-gradient(at 50% -20%, #FFC312, #FFC312) fixed !important;
 }

 .input-group-prepend span {
     /* width: 50px; */

     color: #FFF;
     border: 0 !important;
 }

 .social_icon span {
     font-size: 60px;
     margin-left: 10px;
     color: #FFC312;
 }

 .social_icon span:hover {
     color: white;
     cursor: pointer;
 }

 .errorlist,
 h3.card-header,
 .card-header h3 {
     color: white;
 }

 h3.card-header {
     font-size: 18px;
 }

 .social_icon {
     position: absolute;
     right: 20px;
     top: -45px;
 }

 .login_btn {
     color: #FFF;
     background-color: #FFC312;
     
 }

 .login_btn:hover {
     color: #000;
 }

 input:focus {
     outline: 0 0 0 0 !important;
     box-shadow: 0 0 0 0 !important;
 }

 .remember {
     color: #000;
 }

 .remember input {
     width: 20px;
     height: 20px;
     margin-left: 15px;
     margin-right: 5px;
 }

 /* .navbar-brand {
     color: #fff !important;
     font-size: 20px;
     text-transform: uppercase;
     font-weight: 500;
     padding-top: 18px;
 }

 .navbar-brand span {
     color: #30a5ff;
 } */


 .header {
     position: relative;
     width: 100%;
 }

 .bottom {
     position: absolute;
     padding: 7px;
     bottom: 10px;
     left: 20px;
     right: 20px;
     height: auto;
     width: 100%;

 }


 .tophead {
     position: absolute;
     padding: 7px;
     top: 0px;
     left: 0px;
     height: 50px;
     background-color: #30a5ff;
     width: 100%;
     font-size: 12px;
 }


 a.button.secondaryAction:hover, a.button.secondaryAction {
     color: #000;
     text-decoration: none;
 }


 .card-footer.quote i {
     color: #FFF;
     font-size: 2.5em;
 }

 .card-footer.quote i.fa-quote-left {
     position: relative;

 }

 .card-footer.quote i.fa-quote-right {
     position: relative;
     float: right;
 }

 blockquote {
     font-size: 1.2em;
     font-family: Open Sans;
     font-style: italic;
     position: relative;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
 }

 blockquote::after {
     content: '';
 }

 blockquote span {
     display: block;
     color: #FFF;
     font-style: normal;
     font-weight: bold;
     margin-top: 5px;
     text-align: center;
 }


 .form-control {
     border: solid 0px;
 }