body {
    color: #FFF;
}

.body-almahcondos {
    background: #333 !important;
}

.panel.panel-index {
    background-color: #000;
    border: none;
    box-shadow: none;
}

.btn-almah,
.btn-almah:hover {
    background: linear-gradient(270deg, #EA1178, #7225E7);
    border: none;
}

.btn-primary,
.btn-primary:hover {
    background-color: #EA1178 !important;
    border-color: #EA1178 !important;
}

.control-label {
    color: #fff !important;
}

.form-control {
    background-color: #000;
    color: #fff;
}

    .form-control[disabled] {
        background-color: #333;
        opacity: 1;
    }

.has-error .form-control:focus,
.has-error .form-control:focus + .input-group-addon {
    border-color: #a94442;
    box-shadow: none;
}

    .has-error .form-control:focus + .input-group-addon > i {
        -webkit-text-fill-color: #a94442;
    }

.form-control:focus + .input-group-addon {
    border-color: #66afe9;
    outline: 0;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.input-group-addon {
    background-color: #000 !important;
    color: #fff;
}

a,
a:focus,
a:hover {
    color: #8ab4f8;
}

.poweredby .control-label {
    color: #fff !important;
}

/* Modal */
.modal-backdrop {
    background-color: #222;
}

.modal .modal-content {
    background: #555;
    border-bottom: solid 4px #EA1178;
}

.modal .modal-header button.close {
    color: #fff;
    text-shadow: none;
    opacity: 1;
}

.modal .modal-body .form-control,
.modal .modal-body .form-control + .input-group-addon {
    background-color: #555 !important;
    color: #fff;
}

/* Bootbox */
.bootbox .modal-body {
    background: #555;
}
/* Card */
.card {
    background: #555;
}

/* Select2 */
.select2-dropdown {
    background-color: #000;
}

.select2-selection.select2-selection--single {
    background-color: #000;
}

.select2-dropdown.select2-dropdown--below {
    background-color: #000;
    color: #fff;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    background-color: #000;
    color: #fff;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder,
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #337ab7 !important;
    color: #fff !important;
}

.select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: #000000;
    color: #57b1ff;
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    transition: background-color 5000s ease-in-out 0s;
}

div.input-group:not(.has-error):has(input:-webkit-autofill) .input-group-addon,
div.input-group:not(.has-error):has(input:-webkit-autofill:focus) .input-group-addon {
    border-color: #66afe9;
    outline: 0;
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    transition: background-color 5000s ease-in-out 0s;
}