/* -----------------------------------
    General Styles
------------------------------------ */
body,
.form-body {
    background-color: #0e0905;
}

.website-logo {
    display: inline-block;
    top: 50px;
    left: 50px;
}

.website-logo img,
.website-logo .logo img,
.website-logo-inside img {width: 400px
}

.website-logo .logo,
.website-logo-inside .logo {
    background-image: url("../images/logo-light.svg");
}

.form-holder {
    margin-left: 550px;
}

.form-holder .form-content input,
.form-holder .form-content textarea,
.form-holder .form-content select {
    padding: 9px 20px;
    border: 0;
    background-color: rgba(255, 255, 255, 0.07);
    color: #8d8d8d;
    border-radius: 6px;
}

.form-holder .form-content input:hover,
.form-holder .form-content textarea:hover,
.form-holder .form-content select:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Placeholder color */
.form-holder .form-content ::-webkit-input-placeholder,
.form-holder .form-content :-moz-placeholder,
.form-holder .form-content ::-moz-placeholder,
.form-holder .form-content :-ms-input-placeholder {
    color: #5e646e;
}

/* Selection background */
::-moz-selection {
    background-color: #5e646e;
    color: #fff;
}
::selection,
::-moz-selection {
    background-color: #5e646e;
    color: #fff;
}

.form-content input::-moz-selection, .form-content textarea::-moz-selection, .form-content select::-moz-selection {
    background-color: #5e646e;
    color: #fff;
}

.form-content input::selection,
.form-content textarea::selection,
.form-content select::selection {
    background-color: #5e646e;
    color: #fff;
}

/* Text styling */
.form-content {
    background-color: #0e0905;
}

.form-content h3,
.form-content p,
.form-content label {
    color: #fff;
    text-align: left;
}

.form-content .form-group {
    color: #fff;
}

.form-content .page-links a {
    color: #fff;
}

.form-content .page-links a:after {
    background-color: rgba(255, 255, 255, 0.5);
}

.form-content .page-links a.active:after,
.form-content .page-links a:hover:after,
.form-content .page-links a:focus:after {
    background-color: #fff;
}

/* Buttons */
.form-content .form-button .ibtn {
    background-color: #a52834;
    color: #fff;
    border: 0;
    -webkit-box-shadow: 0 0 0 rgba(41, 162, 255, 0.4);
            box-shadow: 0 0 0 rgba(41, 162, 255, 0.4);
}

.form-content .form-button .ibtn:hover,
.form-content .form-button .ibtn:focus {
    background-color: #1a8be0;
    -webkit-box-shadow: 0 0 6px rgba(41, 162, 255, 0.4);
            box-shadow: 0 0 6px rgba(41, 162, 255, 0.4);
}

.form-content .btn {
    border-radius: 6px;
}

/* Alerts */
.alert {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #fff;
}

.alert hr {
    border-top-color: #fff;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .form-holder {
        margin-left: 0;
    }

    .website-logo {
        top: 50px;
        left: 50px;
    }
}

div.form-group.mb-3 {
    /* Manteniendo espacio para su personalización futura */
}