#page_guest_whonearmes-index #center, #page_whonearmes-index #center {
    position: relative;
    z-index: 1;
}
#search_form_right, .menusearch-wrapper {
    position: absolute;
    top: 0px;
}
#whonearme_search .scroll {
    width: 100%;
}
#whonearme_search .multiSelectOptions {
    width: 200px !important;
}
#whonearme_search .box_content {
    padding-bottom: 0;
}
#whonearme_search .box_content .wnm-form-search {
    padding-bottom: 10px;   
}
.wnm_form .input-from-age {
    width: 40% !important;
    float: left;
}
.wnm_form .input-to-age {
    width: 40% !important;
    float: right;
}
.wnm_form .input-radius {
    width: 50% !important;
    float: left;
}
.wnm_form .input-type-radius {
    width: 40% !important;
    float: right;
}
.wnm_form .input-address {
    width: 100%;
}
/*#AdvancedSearch {
    float: right;
}*/
/*.wnm_form .button-askme {
    margin-left: 10px;
}*/
.wnm_form .group-button {
    margin-top: 10px;
}

.wnm_form {
    list-style: none;
}
.wnm_form .do-not-show {

    padding-top: 7px;
}
.wnm_form .wrap-button {

    padding-top: 10px;
}
.wnm_form ul {
    list-style: none;
    padding-left: 0px;
    padding-top: 10px;
}

.wnm_form .checkbox-showme {
    margin-left: 0px !important;
}
.wnm_form label[for=is_active] {
    width: 100%;
}

.wnm-form-search > div > div {
    margin-bottom: 5px;
}
.wnm-list {
    margin-top: 20px;
}
.wnm-list .user-name {
    margin-left: 5px;
}
.wnm-list .user-avatar {
    vertical-align: middle;
}
.wnm-list .user-avatar img {
    border: 1px solid #414141;
    width: 50px;
}
.wnm-list .user-info {
    font-weight: bold;
}
.wnm-list .user-address {
    display: flex;
    align-items: center;
    color: #757575;
    font-weight: normal;
}
.wnm-list .user-address i{
    margin-right: 3px;
    float: left;
}
.wnm-list .address-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.wnm-list .user-button .message {
    float: right;
    border: 1px solid #ccc;
    /*font-weight: bold;*/
    
}
.whonearme_nav_tabs {
    width: 50%;
    font-size: larger;
    font-weight: bold;
    text-align: center;
}
.whonearme_nav_tabs.active {
    /*border-bottom: 2px solid #757171;*/
}
.whonearme_nav_tabs a.active {
    border: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.whonearme_nav_tabs a {
    margin: 0 !important;
}
.wnm_form .address {
    margin-bottom: 10px;
}
.pac-container {
    z-index: 10000 !important;
}
.wnm-menusearch-wrapper {
    right: 288px;
    z-index: 100;
    transition: right 0.45s ease 0.5s;
}
.wnm-menusearch-contain {
    background: #246ea3;
    color: #fff;
    display: block;
    padding: 0;
    width: auto;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
}
.wnm-menusearch-contain>a,  .wnm-menusearch-contain>a:hover, .wnm-menusearch-contain>a:active, .wnm-menusearch-contain>a:focus{
    color: #fff;
    display: block;
    padding: 11px 11px 12px 11px;;
    width: 100%
}
.wnm-menusearch-contain>a em {
    font-style: normal;
}
.wnm-menusearch-contain>a>i {
    font-size: 20px;
}


#search_form_right .bar-content-warp {
    border-radius: 0;
}
#search_form_right .box2.bar-content-warp {
    background-color: #fff;
    border: none;
}
#center #search_form_right .bar-content {
    padding: 0;
}
#search_form_right .search-friend {
    height: auto;
    margin-bottom: 0px;
}
#search_form_right .wnm_box_content {
    padding: 0 15px;
}
.box2.search-friend .wnm_box_content {
    padding: 5px 10px;
}
#search_form_right{
    background: #fff;
    width:0px;
    right:8px;
    z-index: 10;
    overflow: hidden;
}
#whonearme_setting h2{
    width: 100%;
    float: left;
}
.wnr-title .title-widget {
    float: left;
    font-weight: bold !important;
    background: none !important;
    border: none !important;
}
.wnr-title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0 !important;
}
.btnSetting {
    margin-right: 7px;
    margin-top: 7px;
    float: right;
}
#wnm-results {
    margin-top: 10px;
    font-weight: bold;
}
.cus-error-message {
    color: #b94a48;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    font-size: 12px;
    padding: 6px 12px;
    border-radius: 3px;
}
.list-info-user .online-stt{
    display: inline-block;
    position: unset;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: #5fd28d;
    border-radius: 50%;
}
.list-info-user .icon-verification-username-feed {
    width: 15px;
    height: 15px;
    vertical-align: sub;
}
.wnm-list .review-tooltip-profile {
    margin: 0px;
}
.wnm-list .extra_info {
    padding: 0px;
}
.wnm-list .rating-gly-star {
    font-size: 15px;
}
.wnm-list .icon-badge-verification {
    width: 14px;
    margin-bottom: 0px;
    height: auto;
}
.list-saved-search .pagination > li.current.paginate_button ,
.list-saved-search .pagination > li.disabled {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #428bca;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.list-saved-search .pagination > li.current.paginate_button {
    background-color: #eee;
    border-color: #ddd;
    color: #2a6496;
}
.list-saved-search .pagination > li.current.paginate_button:hover , .list-saved-search .pagination > li.disabled:hover ,
.list-saved-search .pagination > li > a:hover,.pagination > li > span:hover, .list-saved-search .pagination > li > a:focus, .list-saved-search .pagination > li > span:focus {
    background-color: #eee;
    border-color: #ddd;
    color: #2a6496;
}
.wnm_form .group-save label {
    width: auto;
}
.wnm_form .group-save input {
    position: relative;
}
.header-mapping {
    margin-left: 20px;
    font-size: 16px;
}
.header-mapping .tooltip {
    width: 230px;
}
.wnm_title h1{
    float: left !important;
}

.advanced-search {
    margin-top: 10px;
}

.body-dark #search_form_right .box2.bar-content-warp {
    background-color: #18191a;
}

.body-dark .list-saved-search tr td {
    background-color: #18191a !important;
}
.wnm ul.users_list {
    list-style: none;
}
.wn-widget .leaflet-top, .wn-widget .leaflet-bottom {
    z-index: 999;
}
.body-dark .modal .modal-content #map-canvas{
    color: #000
}

.mo_breadcrumb.wnm_title {
    padding-right: 8px;
}
.wnm_search ul.nav.nav-tabs {
    width: 100%;
}
.box2.bar-content-warp.wnm_search .box_header + .tab-content .box_content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}


.body-dark .whonearme_nav_tabs > a {
    color: #2d88ff !important;
    background: #242526 !important;
    border-bottom: 1px solid white;
}