.citymanager { position: relative; } .citymanager a { cursor: pointer; font-size: 12px; color: var(--gray-4); } .citymanager__confirm { position: absolute; top: 23px; right: 0; background: #fff; padding: 5px 10px; min-width: 200px; max-width: 300px; z-index: 9999; border: 1px solid #EAEAEB; line-height: 20px; font-size: 14px; color: #333; } .citymanager .citymanager__confirm-city { white-space: nowrap; } .citymanager-cities__title { margin-bottom: 20px; } .citymanager-cities__close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; float: right; filter: alpha(opacity=20); opacity: .2; font-size: 30px; font-weight: 500; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; } .citymanager-cities__close:focus, .citymanager-cities__close:hover { color: #000; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } .citymanager-cities span { cursor: pointer; color: #0a58ca; } .citymanager-cities span:hover { color: var(--primary); text-decoration: none; } .citymanager-cities__city { margin-bottom: 5px; } .citymanager-cities__city:not(:hover) { color: var(--blue) !important; } .citymanager-cities__search-block { margin-bottom: 15px; } .citymanager-cities__search-label { font-size: 15px; font-weight: 500; } .citymanager-cities__search { max-width: 400px; } .citymanager-cities__search-item > span { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; cursor: pointer; } .citymanager-cities__search-item_selected { background-color: #229ac8; background-image: linear-gradient(to bottom, #23a1d1, #1f90bb); background-repeat: repeat-x; } .citymanager-cities__search-item_selected > span { color: #ffffff; } @media (max-width: 400px) { .citymanager-cities .col-xs-4 { width: 100%; } } .citymanager-simplecity { cursor: pointer; } .citymanager__city:hover { color: var(--primary) !important; }