.tel-input {
- padding-left: 55px;
- padding-right: 10px;
+ padding-left: 105px;
+ border-radius: 4px !important;
}
-.flag-container {
+.dial-code-holder {
position: absolute;
- top: 5px;
- height: 100%;
+ width: 60px;
+ left: 55px;
+ z-index: 3;
+ padding: 7px;
+ border: 1px solid transparent;
+ background: transparent;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.tel-list {
+ li {
+ a {
+ padding-left: 10px;
+ .flag {
+ margin-right: 20px;
+ }
+ .dial-code {
+ color: #999;
+ }
+ }
+ }
+}
+
+.flag-box {
+ position: absolute;
+ top: 6px;
+ height: 20px;
width: 50px;
padding: 5px;
+ margin-left: 5px;
display: flex;
flex-direction: row;
justify-content: space-around;
background-repeat: no-repeat;
width: 20px;
height: inherit;
+ display: inline-block;
+ margin-right: 10px;
&.ac {
height: 10px;
background-position: 0px 0px;
height: 10px;
background-position: -5610px 0px;
}
+ &.ot {
+ height: 0px;
+ }
}