.form-control,
.form-select {
    border: none;
    background-color: #f2f2f2;
    border-radius: 1rem;
    font-family: FontNormal;
    color: #666666 !important;
}

.form-control:focus {
    background-color: #f2f2f2;
    box-shadow: none;
}

/* .form-control, .form-select {
    border: 2px solid;
    background-color: white;
    border-radius: 1rem;
}

.form-control, .form-select, .form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25)
} */

label, .form-check-label {
    color: #666666 !important;
}

.dropdown-input {
    margin-top: 2px;
    padding: 0;
    /* border: 2px solid var(--blue-clr-1); */
    border: none;
}

.dropdown-input li {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    /* border-bottom: 2px solid var(--blue-clr-1); */
    border-bottom: 2px solid #fff;
    /* background-color: white; */
    background-color: #f2f2f2;
}

.dropdown-input > li:first-child {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.dropdown-input > li:last-child {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom: none;
    height: 48px;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
    color: white !important;
    background-color: var(--blue-clr-1);
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
    padding: inherit 0.75rem;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
    height: inherit;
    line-height: 1;
    min-height: 0.8rem;
}

.form-floating > label {
    /* padding: 0.5rem 0.75rem; */
    font-size: 14px;
    font-family: FontNormal;
}

.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
    background-color: transparent;
}

select option,
.dropdown-input li {
    font-family: FontNormal;
    color: #666666 !important;
}

.form-check-input:checked {
    background-color: var(--green-clr-1);
    border-color: var(--green-clr-1);
}

.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(155, 250, 130,.25);
}

/** GROUP **/
.input-group button:last-child {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.input-group-text {
    border: none;
    background-color: #f2f2f2 !important;
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
    padding-right: 1rem;
}

.input-group-text i svg {
    width: 20px;
    height: 20px;
}

.input-group-text i svg path {
    stroke: var(--blue-clr-1);
}

/** STARS **/
.star, .star-fill {
    width: 25px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
}

.star {
    background-image: url('/storage/modules/system/imgs/icons/svgs/star.svg');
}

.star-fill {
    background-image: url('/storage/modules/system/imgs/icons/svgs/star-fill.svg');
}

.ratings label input {
    display: none;
}

/** SOCIALITE **/
.google,
.google:hover,
.google:focus {
    background-color: #e44234 !important;
}

.facebook,
.facebook:hover,
.facebook:focus {
    background-color: #0866ff !important;
}

.linkedin,
.linkedin:hover,
.linkedin:focus {
    background-color: #0a66c2 !important;
}

/* MOB */
@media (max-width: 991.98px) {
    .input-group button:last-child {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}