/* [125191] Форма ввода телефонного номера */
.phone-select {position: relative;}
.phone-select__wrapp {display: table;}
.phone-select__pick {display: table-cell; width: 110px; border: 1px solid #9D9C9F; border-right: 0; vertical-align: top; cursor: pointer; padding-left: 38px; position: relative; white-space: nowrap; border-radius:3px 0 0 3px}
.phone-select__without-code .phone-select__pick {width: 80px;}
.phone-select__pick:before {border: solid #767579; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; position: absolute; left: 14px; content: ''; top: 12px; transform: rotate(44deg);}
.phone-select__pick:hover:before {border-color: #555557;}
.phone-select__pick:after,
.phone-select__item:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.phone-select__pick_open:before {transform: rotate(225deg); top: 17px;}
.phone-select__number {display: table-cell; width: 180px; border: 1px solid #9D9C9F; vertical-align: top; border-radius:0 3px 3px 0;}
.phone-select input[name='phone'] {margin-top: 0; border: 0; height: 100%; border-radius:0 3px 3px 0;}
.phone-select input[name='phone']:focus {outline: none;}
.phone-select__flag {margin-right: 11px;}
.flag {width: 29px; height: 20px; display: inline-block;}
.flag:before {content: ""; display: inline-block; width: 30px; height: 20px; box-shadow: 0 0 0 1px rgba(0,0,0,0.1); border-radius:3px;}
.phone-select__code {height: 100%; display: inline-block; padding-right: 10px; vertical-align: top;}
.phone-select__popup {display: none; position: absolute; z-index: 1; top: 40px; left: 0; background: #fff; height: 320px; overflow: hidden; width: 100%; border: 1px solid #C4C4C6; border-top: 0; overflow-y: auto;}
.phone-select__item {padding: 11px 17px; cursor: pointer; overflow: hidden; background: #fff; position: relative; list-style: none; font-size: 16px;}
.phone-select__item .flag {margin-right: 10px; float: left;}
.phone-select__item .country {display: block; margin-left: 40px; margin-right: 50px;}
.phone-select__item[data-country="cf"] .country {word-break: break-all;}
.phone-select__item .code {display: block; float: right; width: 45px; white-space: nowrap;}
.phone-select__item:hover {background-color: #F5F5F5;}
.phone-select__popup_open {display: block;}
.phone-select_focus .phone-select__number,
.phone-select_focus .phone-select__pick {border-color: #000;}
.input_error .phone-select__number,
.input_error .phone-select__pick {border-color: #FF1A00;}
/* [187144] */
.phone-select .input{width: 100%; padding: 10px; -webkit-appearance: none;}
.phone-select__popup.phone-select__popup_open {-ms-overflow-style: none;}
.phone-select__input {margin: 0; border: 0;}

/* [128452] Поиск по коду страны телефона */
.phone-select__searchbox-wrapper {margin: 19px 20px 12px 20px;}
.phone-select__searchbox-wrapper input.phone-select__searchbox {height: 40px; width: 100%; border: 1px solid #9D9C9F; outline: none; color: #000000; font-family: Arial; font-size: 14px; line-height: 20px; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; background: url(/static/litres/modules/phonecodes/i/magnifying-glass.svg) 8px center no-repeat; background-size: 24px; padding-left: 40px; border-radius:3px;}
.phone-select__searchbox-wrapper input.phone-select__searchbox::-ms-clear {display: none;}
input.phone-select__searchbox::-webkit-input-placeholder {color: #D5D5D5; opacity: 1;}
input.phone-select__searchbox::-moz-placeholder {color: #D5D5D5; opacity: 1;}
input.phone-select__searchbox:-moz-placeholder {color: #D5D5D5; opacity: 1;}
input.phone-select__searchbox:-ms-input-placeholder {color: #D5D5D5 !important; opacity: 1;}
input.phone-select__searchbox::-ms-input-placeholder {color: #D5D5D5 !important; opacity: 1;}


.phone-select__searchbox-error {height: 20px; color: #FF1A00; font-family: Arial; font-size: 16px; line-height: 20px; padding-top: 12px; display: none;}
.phone-select__searchbox-wrapper.not-found .phone-select__searchbox {border: 1px solid #FF1A00; }
.phone-select__searchbox-wrapper.not-found .phone-select__searchbox-error {display: block;}
.phone-select__searchbox-btn-clear {width: 20px; height:20px; background: transparent url(/static/litres/modules/phonecodes/i/cross-close.svg) no-repeat; background-size: 20px; border: none; display: inline-block; margin-left: -30px; vertical-align: middle; cursor: pointer; outline: none;}
.phone-select__searchbox-btn-clear.btn-hidden {display: none;}
.phone-select__item.item-hidden {display: none;}

.phone-select__bg_placeholder {height: 100%;position: absolute;pointer-events: none;padding: 0 10px;font-size: 16px;line-height: 38px;}
.phone-select__bg_placeholder i {color: transparent;opacity: 0;visibility: hidden;}