@charset "utf-8";

.select-country[data-v-65fcb7c2] { position: relative; width: 100%; }

.select-country.disabled .select-country-active[data-v-65fcb7c2] { cursor: not-allowed; }

.select-country.disabled .select-country-active.is_new[data-v-65fcb7c2]:hover { color: rgb(204, 204, 204); background: rgb(246, 246, 248) !important; }

.select-country.disabled .select-country-active.is_new[data-v-65fcb7c2]:focus { border: none; background: rgb(246, 246, 248) !important; color: rgb(204, 204, 204) !important; }

.select-country.disabled .select-country-active.is_new .country-active-box .country-name[data-v-65fcb7c2], .select-country.disabled .select-country-active.is_new .icofnont-down[data-v-65fcb7c2] { color: rgb(222, 224, 227) !important; }

.select-country .select-country-active[data-v-65fcb7c2] { border: 1px solid rgb(229, 229, 229); border-radius: 3px; color: rgb(25, 25, 26); cursor: pointer; display: flex; font-size: 13px; height: 42px; line-height: 22px; padding: 0px 12px; position: relative; width: 100%; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; text-align: left; user-select: none; }

.select-country .select-country-active.select-country-active-border[data-v-65fcb7c2], .select-country .select-country-active[data-v-65fcb7c2]:focus { border: 1px solid rgb(112, 112, 112); outline: none; }

.select-country .select-country-active.select-country-active-border.is_new[data-v-65fcb7c2], .select-country .select-country-active:focus.is_new[data-v-65fcb7c2] { border: 1px solid rgb(112, 112, 112) !important; }

.select-country .select-country-active.select-country-active-border.is_new .iconfont[data-v-65fcb7c2], .select-country .select-country-active:focus.is_new .iconfont[data-v-65fcb7c2] { color: rgb(25, 25, 26) !important; }

.select-country .select-country-active.is_new[data-v-65fcb7c2] { background: rgb(246, 246, 248); border: none; transition: 0.3s; }

.select-country .select-country-active.is_new[data-v-65fcb7c2]:focus { background: linear-gradient(0deg, rgba(25, 25, 26, 0.04), rgba(25, 25, 26, 0.04)), rgb(246, 246, 248); border: 1px solid rgb(112, 112, 112); }

.select-country .select-country-active.is_new[data-v-65fcb7c2]:hover { background: linear-gradient(0deg, rgba(25, 25, 26, 0.04), rgba(25, 25, 26, 0.04)), rgb(246, 246, 248); }

.select-country .select-country-active.is_new:hover .iconfont[data-v-65fcb7c2] { color: rgb(112, 112, 112); }

.select-country .select-country-active.is_new[data-v-65fcb7c2]::-webkit-input-placeholder { font-size: 12px; line-height: 20px; }

.select-country .select-country-active .icofnont-down[data-v-65fcb7c2] { display: flex; -webkit-box-align: center; align-items: center; color: rgb(112, 112, 112); font-size: 16px; height: 16px; transition: 0.3s; width: 16px; }

.select-country .select-country-active .icofnont-down.icofnont-down-up[data-v-65fcb7c2] { color: rgb(25, 25, 26); transform: rotateX(180deg); }

.select-country .select-country-active .country-active-box[data-v-65fcb7c2] { display: flex; -webkit-box-align: center; align-items: center; overflow: hidden; padding-right: 8px; width: 100%; }

.select-country .select-country-active .country-active-box .country-name[data-v-65fcb7c2] { -webkit-box-flex: 1; flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.select-country .select-country-active:hover .icofnont-down[data-v-65fcb7c2] { color: rgb(25, 25, 26); }

.select-country .content_div[data-v-65fcb7c2] { background: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px 0px; position: relative; top: 8px; width: 100%; }

.select-country .content_div.top-position[data-v-65fcb7c2] { bottom: 50px; position: absolute; top: inherit; transform-origin: center bottom; }

.select-country .content_div.country-wrap-relative[data-v-65fcb7c2] { position: relative; }

.select-country .content_div.country-wrap-absolute[data-v-65fcb7c2] { left: 0px; overflow: hidden; position: absolute; top: 50px; z-index: 10; }

.select-country .content_div.country-wrap-absolute.top-position[data-v-65fcb7c2] { bottom: 50px; top: inherit; }

.select-country .content_div.top-position[data-v-65fcb7c2] { z-index: 999; }

.select-country .country-wrap .country-search-box[data-v-65fcb7c2] { padding: 12px 12px 0px; position: relative; }

.select-country .country-wrap-box[data-v-65fcb7c2] { position: relative; }

.select-country .country-wrap .clear[data-v-65fcb7c2], .select-country .country-wrap .searchIcon[data-v-65fcb7c2] { display: flex; height: 28px; padding: 6px; position: absolute; right: 19px; width: 28px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; color: rgb(112, 112, 112); cursor: pointer; font-size: 16px; justify-content: center; top: 19px; }

.select-country .country-wrap .clear[data-v-65fcb7c2]:hover, .select-country .country-wrap .searchIcon[data-v-65fcb7c2]:hover { background: rgba(25, 25, 26, 0.04); border-radius: 3px; color: rgb(25, 25, 26); }

@media (max-width: 768px) {
  .select-country .country-wrap .clear[data-v-65fcb7c2], .select-country .country-wrap .searchIcon[data-v-65fcb7c2] { height: 40px; padding: 13px 12px; right: 12px; top: 13px; width: 40px; }
  .select-country .country-wrap .clear[data-v-65fcb7c2]:hover, .select-country .country-wrap .searchIcon[data-v-65fcb7c2]:hover { background: none; border-radius: 0px; }
}

.select-country .country-wrap > p[data-v-65fcb7c2] { color: rgb(112, 112, 112); font-size: 13px; line-height: 20px; margin: 4px 0px; padding: 7px 24px; }

@media (min-width: 1025px) {
  .select-country .country-wrap .searchIcon[data-v-65fcb7c2] { display: none; }
}

@media (max-width: 1024px) {
  .select-country .country-wrap .searchIcon[data-v-65fcb7c2] { color: rgb(112, 112, 112); font-size: 16px; }
  .select-country .country-wrap .searchIcon[data-v-65fcb7c2]:hover { color: rgb(25, 25, 26); }
}

.select-country .country-wrap .country-box[data-v-65fcb7c2] { margin: 8px 0px 0px; max-height: 290px; overflow-y: auto; }

.select-country .country-wrap .country-box[data-v-65fcb7c2]::-webkit-scrollbar { background: linear-gradient(rgba(252, 252, 252, 0), rgb(247, 247, 247) 10%); border-image: linear-gradient(rgba(247, 247, 247, 0), rgb(239, 239, 239) 10%) 1 / 1 / 0 stretch; border-left: 1px solid; box-sizing: border-box; width: 10px; }

.select-country .country-wrap .country-box[data-v-65fcb7c2]::-webkit-scrollbar-thumb { background: content-box rgb(222, 224, 227); border: 2px solid transparent; border-radius: 4px; width: 6px; }

.select-country .country-wrap .country-box .item[data-v-65fcb7c2] { display: flex; -webkit-box-align: start; align-items: flex-start; cursor: pointer; padding: 0px 12px; position: relative; transition: 0.3s; }

.select-country .country-wrap .country-box .item .country-code[data-v-65fcb7c2] { margin-right: 8px; margin-top: 2px; flex-shrink: 0; }

.select-country .country-wrap .country-box .item .country-name[data-v-65fcb7c2] { color: rgb(25, 25, 26); font-size: 13px; line-height: 20px; padding: 8px 0px; }

.select-country .country-wrap .country-box .item[data-v-65fcb7c2]:hover { background: rgb(246, 246, 248); }

.select-country .country-wrap .country-box .item.item_line[data-v-65fcb7c2] { border-bottom: 1px dotted rgb(204, 204, 204); margin-bottom: 15px; }

.select-country .country-wrap .country-box .country-name-bgc[data-v-65fcb7c2] { background-color: rgb(246, 246, 248); }