.spacer {
    position: relative !important;
    width: 100% !important;
    margin-top: 12px;
    margin-bottom: 0;
}

input[type="text"] {
  /*  width: 206px;*/
    padding: 0 0 0 3%;
    margin: 0;
    font-weight: 300;
    line-height: 30px;
}

input[type="text"].phone-country {
   /* width: 200px;*/
}

.phone-country.icon-space {
    padding-left: 36px !important;
   /* width: calc(100% - 33px) !important;
    min-width: calc(100% - 33px) !important;*/
}

.phone {
    position: absolute;
    top: -4px;
    left: 4px;
    width: 16px;
    height: 11px;
    cursor: pointer;
    margin: 5px;
    z-index: 999;
}

.spacer .flag {
    display: inline-block;
    width: 16px;
    height: 11px;
    background: url(../images/flags.png)
}

.box-country {
    max-height: 150px;
    overflow-y: auto;
    width: 100%;
    position: absolute;
    text-align: left;
    z-index: 15;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    transition-delay: 0s, 0s;
}
.box-country.open {
    border: 1px solid #ccc;
}

/* admin */
#attrib-more .phone-country.icon-space {
    width: 175px !important;
    min-width: 175px !important;
}

#attrib-more .box-country {
    width: 218px !important;
}

.list-country {
    font-size: 16px;
}

.box-country .list-item {
    padding: 5px 0;
    cursor: pointer
}

.list-item.active,
.box-country .list-item:hover {
    background-color: #befeab;
    ;
}

.box-country .country,
.box-country .code,
.box-country .flag {
    margin: 3px 15px 0 5px;
}

.box-country .code {
    width: 40px;
    display: inline-block;
}

.spacer .flag-am {
    background-position: -112px 0
}

.spacer .flag-az {
    background-position: -224px 0
}

.spacer .flag-by {
    background-position: -240px -11px
}

.spacer .flag-ee {
    background-position: -144px -33px
}

.spacer .flag-gb {
    background-position: -80px -44px
}

.spacer .flag-ge {
    background-position: -112px -44px
}

.spacer .flag-il {
    background-position: -192px -55px
}

.spacer .flag-in {
    background-position: -208px -55px
}

.spacer .flag-jp {
    background-position: -80px -66px
}

.spacer .flag-kg {
    background-position: -112px -66px
}

.spacer .flag-kr {
    background-position: -208px -66px
}

.spacer .flag-kz {
    background-position: 0 -77px
}

.spacer .flag-lt {
    background-position: -128px -77px
}

.spacer .flag-lv {
    background-position: -160px -77px
}

.spacer .flag-md {
    background-position: -224px -77px
}

.spacer .flag-pa {
    background-position: -240px -99px
}

.spacer .flag-ru {
    background-position: 0 -121px
}
.spacer .flag-pl {
background-position: -80px -110px;
}
.spacer .flag-th {
    background-position: -144px -132px
}

.spacer .flag-tj {
    background-position: -160px -132px
}

.spacer .flag-tr {
    background-position: 0 -143px
}

.spacer .flag-ua {
    background-position: -80px -143px
}

.spacer .flag-us {
    background-position: -112px -143px
}

.spacer .flag-uz {
    background-position: -144px -143px
}

.spacer .flag-vn {
    background-position: -240px -143px
}