:root {
  --rank-0: #00B300;
  --rank-1: #AACC00;
  --rank-2: #E5D200;
  --rank-3: #E58600;
  --rank-4: #FF6D24;
  --rank-5: #E51300;
  --rank-6: #E5004D;
  --rank-6: #E5004D;
  --rank-7: #E500AC;
  --rank-8: #BF00E5;
  --rank-9: #2600E5;
  --rank-10: #3B7BEA;
}

#users .colorbox-1 {background:#E5FFCC;  background: linear-gradient(90deg, #E5FFCC 30%, #FFF 100%);}
#users .colorbox-2 {background:#FFFCD6;  background: linear-gradient(90deg, #FFFCD6 30%, #FFF 100%);}
#users .colorbox-3 {background:#FFEBEB;  background: linear-gradient(90deg, #FFEBEB 30%, #FFF 100%);}


#users .wideleftCol {padding: 10px 0;padding-inline-end:20px;}
#users .wideCol {padding: 10px 0;width: 960px;}
#users .centerCol {width: 570px;max-width: 570px;min-width: 570px;  padding: 10px 15px;}
#users .rightCol {max-width: 160px;min-width: 160px;padding: 20px 0;width: 160px;}


#users .centerCol h1 {color: #F06520;font-size: 20px;font-weight: normal;margin: 5px 0 10px;}
#users .centerCol form {margin: 12px 0 5px;border-radius: 2px;padding: 6px 10px;display: flex;align-items: center;}
#users .centerCol form button {background-color: #3B7BEA;fill: #fff;width: 38px;margin-inline-start: 10px;margin-inline-end: 15px;padding: 4px 6px;border-radius: 2px;height: 30px;cursor:pointer;}
#users .centerCol form input[type="text"] {width:100%;}

#users .centerCol .results {height: 30px;margin: -5px 0 5px;line-height: 30px;padding: 0 10px;}
#users .centerCol .results a.t {background: #EFEFEF;font-size: 13px;color: #5B5B5B;padding: 2px 15px;border-radius: 10px;margin-inline-end:20px;display: flex;height: 20px;align-items: center;}
#users .centerCol .results a.active {color: #3B7BEA;  background: #E3EAF6;}
#users .centerCol .results a.t:hover {text-decoration: none;}
#users .centerCol .results #sort-filter {border: none;width: auto;line-height: 30px;display: flex;align-items: center; padding: 0;fill: #666;height: 30px;margin: 0;justify-content: end;width: 214px;font-size: 12px;}
#users .centerCol .results #sort-filter-dialog {width:224px;}

#users .leftCol .user-rating {width: 160px;display: block;padding: 5px;text-decoration: none;}
#users .leftCol .user-rating div {display: flex;justify-content: space-between;}
#users .leftCol .user-rating label {height: 3px;margin-top: 4px;  padding: 0;  border-radius: 3px;  text-align: start;  display: flex;  align-items: center;}

#users .filters {width: 170px;text-align: center;}
#users .filters a.link {font-size: 13px;padding: 5px 8px;border-radius: 2px;display: flex;min-height: 22px;border-bottom: 1px solid #EEEEEE;justify-content: space-between; align-items: center;fill: #666;text-align: start;}
#users .filters a.link span {color: #3B3B3B;}
#users .filters a.link div {color: #666;}
#users .filters a.link:hover {text-decoration: none;background-color: #E3EAF6;}
#users .filters a.active {background-color: #E3EAF6;}
#users .filters a.active div {color: #3B7BEA;}
#users #country-filter, #users #country-top-filter {width: 152px;padding: 7px 8px 8px;border-radius: 2px;}
#users #country-filter-dialog, #users #country-top-filter-dialog {width: 270px;}
#users #country-filter-dialog span.wrap, #users #country-top-filter-dialog span.wrap {color:#3b3b3b;font-size:13px;max-width:166px;}
#users #country-top-filter {  border: none;display: flex;align-items: center;  height: 26px;padding: 0;  height: 28px;  justify-content: end;  width: 232px;}
#users .filter-container .flag {margin: 0 6px 0 0;}

#users .filters #location-search {width: 154px;font-size: 13px; border: 1px solid #E1E1E1;box-shadow: none;}
#users .filters .near {margin: 2px 10px 8px;text-align: left;display: flex;align-items: center;justify-content: space-between;}
#users .filters .near input {color: #333;border:0;padding: 0;width: 28px;text-align: right;box-shadow: none;}



#users .ad-662x100 {padding: 10px 0;text-align: center;clear: both;}

#users table.users-list {border-bottom: 1px solid #EEEEEE;width:560px;}
#users table.users-list tr {height:72px;}
#users table.users-list td.sticker {width:50px;vertical-align: middle;text-align: center;}

#users .top100-sticker {font-size: 14px;text-align:center;color: #F06520;}
#users table.users-list td.avatar {width:62px;}
#users table.users-list td.avatar div {position: relative;display: flex;justify-content: center;width: 62px;height: 62px;border-radius: 50%;align-items: center;background-color: #EFEFEF;}
#users table.users-list td.avatar div img {border-radius: 50%;  border: 2px solid white;max-width: 54px; max-height: 54px;}
#users table.users-list td.avatar div b {background-color: #00A652;position: absolute;bottom: 7px;inset-inline-end: 4px;height: 7px;width: 7px;border-radius: 50%;  border: 2px solid #FFF;}

#users table.users-list td.username {padding-inline-start: 12px;vertical-align: middle;}
#users table.users-list td.username a span {vertical-align: middle;padding-inline-start: 5px;margin-bottom: 0;display: inline-block;fill: #F06520;}
#users table.users-list td.username div.gray-12 {padding-top:2px;}
#users table.users-list td.colsize {text-align:center;vertical-align:middle;width:90px;}
#users table.users-list td.rating {width: 200px;  text-align: center;vertical-align:middle;}
#users table.users-list td.rating label {height:3px;  margin-top: 4px;padding: 0;border-radius: 3px;text-align: start;margin-inline-end: 5px;display: flex;align-items: center;}
#users table.users-list td.rating a {text-align: center;padding: 2px 10px;width: 50px;border-radius: 4px;}

#users .rightCol h2 {color: #F06520;border-bottom: 1px solid #DDDDDD;font-size: 20px;font-weight: normal;padding: 0 0 2px 6px;margin: 10px 0;}
#users a.add-loc {display: flex;padding: 2px 10px;align-items: center;border-radius: 2px;font-size: 13px;min-width: 80px;justify-content: center;height: auto;min-height: 28px;white-space:nowrap;}
#users a.ch-loc {display: flex;width: 220px;background-color: #EFEFEF;padding: 5px 10px;font-size: 13px;align-items: center;border-radius: 4px;color:#3B3B3B;  text-decoration: none;height: auto;min-height: 28px;}
#users a.ch-loc svg, #users a.add-loc svg {margin-inline-end: 4px;min-width: 22px;fill:#666;}
#users .rightCol a.ch-loc {width: 170px;padding:5px;}


#users .marker-icon {background-color: rgb(59, 123, 234, 0.8);color: white;border-radius: 50%;text-align: center;width: 30px;height: 30px;font-size: 12px;font-weight: bold;border: 1px solid #ACCAFF;line-height: 30px;}
#users .marker-icon-s {background-color: rgb(59, 123, 234, 0.8);color: white;border-radius: 50%;text-align: center;width: 26px;height: 26px;font-size: 12px;font-weight: bold;border: 1px solid #ACCAFF;line-height: 26px;}
#users .marker-cluster {background-color: rgba(171, 202, 255, 0.6);border-radius: 50%;text-align: center;width: 40px;height: 40px;}
#users .marker-cluster div {background-color: rgba(23, 101, 235, 0.6);color: white;border-radius: 50%;text-align: center;width: 32px;height: 32px;font-size: 12px;font-weight: bold;line-height: 32px;margin-top:4px;margin-left:4px;}

#users .ui-menu-item-wrapper {display: flex !important;align-items: center;padding: 5px !important;font-size: 13px;line-height:20px;}
#users .ui-menu-item-wrapper:hover {background:#EFEFEF;}
#users .autocomplete-img {width: 24px;margin-inline-end: 10px;}