@import url('main.css');

.input-group {
    position: relative;
    display: flex;
    border: 1px solid #ced4da; /* Add border to the entire input group */
    border-radius: 0.43rem; /* Ensure the input-group has rounded corners */
}

.input-group .form-control {
    flex: 1;
    border: none; /* Remove individual borders */
    box-shadow: none; /* Remove the shadow from the input */
    background-color: #fff; /* Background color for the form control */
}

.input-group .form-control:focus {
    border-color: transparent;
    box-shadow: none; /* Remove the shadow from the input */
}

.input-group .input-group-text {
    border: none; /* Remove individual borders */
    background-color: #fff; /* Same background color as the form control */
    cursor: pointer;
    color: #aaa;
}

.input-group:focus-within {
    border-color: var(--bright-orange);
    box-shadow: 0 0 0 0.2rem var(--bright-orange-shadow); /* Add the shadow to the entire input group */
    outline: none; /* Remove the outline */
}

/*!*Countries list*!*/

.iti__country-list {
    max-height: 170px;
    overflow-y: auto;
    box-sizing: border-box;
}

.iti__country {
    font-size: 0.8em;
    color: var(--near-black);
}

/*end countries list*/