/* Base form styles */
input.form-control:not(.owner_phone):not(.form-control-sm),
select.form-control:not(.form-control-sm) {
    padding: .52rem .46rem .41rem .46rem;
    line-height: unset;
}

.col-12:not(.mh-0) {
    min-height: 88px;
}

.country-div {
    margin-top: 1rem
}

.state-div {
    margin-top: 1.3rem
}

.form-group {
    margin-bottom: 0;
}

.accountInfoForm {
    border: 6px double #1f4da1;
    border-radius: 10px;
}

/* Custom select arrow styling */
.custom-select-arrow button {
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    appearance: none;
    padding-right: 2rem;
}

.custom-select-arrow button:after,
.custom-select-arrow .dropdown-toggle:after {
    border: none;
}

.custom-select-error-icon.is-invalid + .dropdown-toggle {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.dependent-field-border-left {
    border-left: 2px solid #dc3545 !important;
}

.dependent-hint{
    display: block;
}

@media screen and (max-width: 468px) {
    small.hint-text, .dependent-hint {
        display: inline-flex;
        line-height: 1.2;
    }
}
/* Responsive styles */
@media screen and (max-width: 1366px) {
    .col-12, .col-12:not(.mh-0) {
        min-height: unset;
    }

    .country-div, .state-div {
        margin-top: 0
    }

    .h-line {
        margin-top: 0;
    }
}

@media screen and (max-width: 768px) {
    .form-group {
        margin-bottom: 1rem;
    }
}

@media screen and (min-width: 769px) and (max-width: 834px) {
    .form-group {
        margin-bottom: 1.25rem;
    }
}

@media screen and (min-width: 835px) and (max-width: 1366px) {
    .form-group {
        margin-bottom: 1.5rem;
    }
}