/* ==========================================================================
   PHONE FIELD
   ========================================================================== */

   .iti{
    width:100%;
    position:relative;
    z-index:999999!important;
}

.iti input,
#Phone{
    width:100%!important;
    color:var(--color-scheme-1--text)!important;
    background:transparent!important;
}

.iti input::placeholder,
#Phone::placeholder{
    color:var(--color-scheme-1--text)!important;
    opacity:.65;
}

/* ==========================================================================
   Selected country
   ========================================================================== */

.iti__selected-country{
    padding-left:1rem!important;
    padding-right:.75rem!important;
    background:transparent!important;
    color:var(--color-scheme-1--text)!important;
}

.iti__selected-country-primary,
.iti__selected-dial-code{
    color:var(--color-scheme-1--text)!important;
}

.iti__arrow{
    border-top-color:var(--color-scheme-1--text)!important;
}

/* ==========================================================================
   Dropdown
   ========================================================================== */

.iti__dropdown-content{
    background:#fff!important;
    border:1px solid var(--color-scheme-1--text)!important;
    border-radius:0!important;
    box-shadow:0 1rem 3rem rgba(0,0,0,.15)!important;
    overflow:hidden!important;
    z-index:2147483647!important;
}

/* Scrollable list */

.iti__country-list{
    background:#fff!important;
    max-height:18rem!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
}

/* ==========================================================================
   Search
   ========================================================================== */

.iti__search-input-wrapper{
    background:#fff!important;
}

.iti__search-input{
    width:100%!important;
    background:#fff!important;
    color:var(--color-scheme-1--text)!important;

    font:inherit!important;
    font-family:inherit!important;
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:inherit!important;
    letter-spacing:inherit!important;

    border:0!important;
    border-bottom:1px solid #ececec!important;
    border-radius:0!important;
    box-shadow:none!important;
}

.iti__search-input::placeholder{
    font:inherit!important;
    color:var(--color-scheme-1--text)!important;
    opacity:.6;
}

/* ==========================================================================
   Countries
   ========================================================================== */

.iti__country{
    background:#fff!important;
    color:var(--color-scheme-1--text)!important;
    padding:.75rem 1rem!important;
    transition:none!important;
}

.iti__country-name,
.iti__dial-code{
    color:var(--color-scheme-1--text)!important;
}

/* Remove hover */

.iti__country:hover,
.iti__country.iti__highlight,
.iti__country[aria-selected="true"],
.iti__country.iti__active{
    background:#fff!important;
    color:var(--color-scheme-1--text)!important;
}

.iti__country:hover .iti__country-name,
.iti__country:hover .iti__dial-code,
.iti__country.iti__highlight .iti__country-name,
.iti__country.iti__highlight .iti__dial-code,
.iti__country[aria-selected="true"] .iti__country-name,
.iti__country[aria-selected="true"] .iti__dial-code{
    color:var(--color-scheme-1--text)!important;
}

/* ==========================================================================
   Scrollbar
   ========================================================================== */

.iti__country-list::-webkit-scrollbar{
    width:6px;
}

.iti__country-list::-webkit-scrollbar-thumb{
    background:#d0d0d0;
    border-radius:999px;
}

.iti__country-list::-webkit-scrollbar-track{
    background:transparent;
}

/* ==========================================================================
   Mobile
   ========================================================================== */

@media (max-width:767px){

    .iti__dropdown-content{
        position:fixed!important;
        left:1rem!important;
        right:1rem!important;
        top:auto!important;
        width:calc(100vw - 2rem)!important;
        max-width:calc(100vw - 2rem)!important;
        z-index:2147483647!important;
    }

    .iti__country-list{
        max-height:50vh!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;
        -webkit-overflow-scrolling:touch;
    }

}