.loader {

  border: 3px solid #f3f3f3;

  border-radius: 50%;

  border-top: 3px solid #3498db;

  width: 20px;

  height: 20px;

  -webkit-animation: spin 2s linear infinite; /* Safari */

  animation: spin 2s linear infinite;

  display: none;

    position: absolute;

    right: 10px;

    top: 0;

}
#billing_city_field,#delivered_city_field,#delivered_day_field,#delivered_time_field{
  display: none !important;
}

#extra_charge_city_delivery{

  display: none;

}



p.addon-autocomplete .woocommerce-input-wrapper {

    position: relative;

}

/* Safari */

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(360deg); }

  100% { -webkit-transform: rotate(0deg); }

}



@keyframes spin {

  0% { transform: rotate(360deg); }

  100% { transform: rotate(0deg); }

}

p#addon_city_list_field {

    position: relative;

}

.auto-complete {    

    position: absolute;

    width: 100%;

    top: 40px;

    z-index: 9;

    display: block;

}

.auto-complete ul{

  margin: 0;

  padding: 0;

  position: relative;

  max-height: 200px;

  overflow-y: auto;

  display: block;

}

.auto-complete ul li {

    list-style-type: none;

    padding: 2px 5px;

    background-color: #fff;

    border: 1px solid #f9f9f9;

    position: relative;

    display: block;

}

.auto-complete ul li:hover {

    cursor: pointer;

    background-color: #f9f9f9;

}



.auto-complete span input {

    width: 100%;

}



.city-list-wraper {

    position: fixed;

    top: 0;

    width: 100%;

    height: 0;

    background-color: rgb(0 0 0 / 30%);

    z-index: 9;

    opacity: 0;

    display: none;

}

.city-list-wraper.active{

  height: 100%;

  opacity: 1;

}

.city-list-popup{

  display: block;

  width: 100%;

  height: 100%;

  padding: 10px;

}

.city-list-popup .head button.close {

    position: absolute;

    right: 0;

}

.city-list-popup .popup-body {

    width: 70%;

    display: block;

    margin: 0 auto;

    position: relative;

    top: 150px;

    background-color: #fff;

    padding: 20px;

    min-height: 50%;

}

select[name=find_city_listed]{

  width: 90%;

  margin: 0 auto;

}

.city-list-popup .select2{

  display: block !important;

  margin: 0 auto;

}

.select-branch-holder{

  position: relative;

}

.autocomplete-holder{

  z-index: inherit;

}

.extra-fase-shipping{

  display: none;

}

.select-branch-holder {

    width: 50%;

    float: left;

    padding-right: 1.5vw;

}



body .select2-container--default {

    min-height: 42px;

    z-index: 9999;

}