.dropdown dd, .dropdown dt, .dropdown ul { margin: 0px; padding: 0px; } .dropdown dd ul li a span:first-child, .dropdown dt a span span:first-child { width: 15px; height: 11px; display: inline-block; margin: 5px; vertical-align: middle; } .current-currency dl.dropdown dt a, dl.dropdown { width: auto !important; } .currency-setting .dropdown dd ul li a span:first-child, .currency-setting .dropdown dt a span span:first-child { background: none !important; width: auto; padding-right: 8px; } .currency-setting .dropdown dd ul li a span:first-child { height: 100%; margin: 3.499px; } .language-setting .dropdown dd ul li a span:first-child, .language-setting .dropdown dt a span span:first-child { background-image: url('/theme/images/flags.png') !important; background-repeat: no-repeat; } .dropdown dt{ height: 25px } .dropdown dt a span { cursor: pointer; display: block; padding:0; white-space: nowrap; } .dropdown dt a span.arrow_ad{ position: relative } .dropdown dt a span.arrow_ad:after{ content: ''; background: url('/theme/images/top_arrow.png'); width: 7px; height: 4px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .dropdown dt a img { position: relative; z-index: 1; } .dropdown dt a span span:first-child:before { position: absolute; content: ''; width: 15px; height: 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset; } .dropdown dt a span span { display: inline-block; padding: 0; } .dropdown dt a span span:first-child { padding: 0; } .dropdown dd { position: relative; } .dropdown a, .dropdown a:visited { color: #e0e0e0; text-decoration: none; outline: none; } .dropdown a:hover { color: #5d4617; } .dropdown dt a:hover, .dropdown dt a:focus { color: #e0e0e0; } .dropdown dt a { position: relative; background: transparent; display: block; padding-right: 00px; overflow: hidden; width: 80px; font-size: 11px; padding-top: 3px } .right_top .dropdown dd ul li a span{ color: #5a5a5a } .right_top .dropdown dd ul li a:hover{ background-color: transparent; color: #4d8a3a } .right_top .dropdown dd ul li a:hover span{ color: #4d8a3a } .right_top .dropdown dd ul li.dropdown-with-icon a { display: flex; align-items: center; } .right_top .dropdown dd ul li.dropdown-with-icon .icon { width: 16px; margin-right: 1px; } .dropdown dd ul { background: #f0f2f7; color: #C5C0B0; display: none; left: 0px; padding: 5px 0px; position: absolute; width: 80px; border: 0; list-style: none; height: 190px; overflow-y: scroll; top: 0px; z-index: 19; overflow: hidden; } dl.dropdown.current-currency dd ul { width: 50px; } li a { font-size: 13px; } li a span:nth-child(2) { line-height: 2em; } .dropdown dd ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3); border-left: 1px solid rgba(0, 0, 0, 0.1); } .dropdown dd ul::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); /*-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.5), 1px 0 0 #5cace9 inset, 2px 0 0 #b3d5ee inset; border-radius:10px;*/ } .dropdown dd ul::-webkit-scrollbar-thumb:window-inactive { background: blue; } .dropdown span.value { display: none; } .right_top .dropdown dd ul li a { padding:0; display: block; font-size: 11px !important; font-weight: 600 } .right_top .dropdown dd ul li{ display: block; padding: 0 5px } .dropdown dd ul li a:hover { background-color: rgba(0, 0, 0, 0.05); } dl.dropdown { display: inline-block; width: 80px; } dl.dropdown.current-currency dt a { padding-top: 0px; font-weight: bold; width: 100%; } .dropdown.current-currency dt a span.arrow_ad:after { top: 60%; } dl.dropdown span:nth-child(3) { color: rgba(0, 0, 0, 0.4) } dl.dropdown > span:nth-child(2) { overflow: hidden; white-space: nowrap; display: inline-block; } dl.dropdown span:nth-child(3) { float: right; } dl.dropdown dt span:nth-child(2) { /* color: rgba(0, 0, 0, 0.6);*/ font-size: 11px; font-weight: bold; line-height: 1.6em; } dl.dropdown dt span:nth-child(3) { display: none; } .countryFlag { padding: 0; background-image: url(/theme/images/flags.png); background-repeat: no-repeat; display: inline-block; height: 11px; margin-right: 4px; width: 16px; cursor: pointer; white-space: nowrap; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #BFBFC1 #B6B6B6 #969696; -webkit-border-image: none; -o-border-image: none; border-image: none; border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09); }