.lost_people_search_results_block_wrapper {
    /* background-color: red; */
    margin: 0 0px 0 24px;
}

/* clearfix */
.lost_people_search_results_block_wrapper::after {
  content: "";
  clear: both;
  display: table;
}

.lost_people_search_results_block_wrapper h3 {
    font-size: 25px;
    color: #21b6bf;    
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
}

.lost_people_search_results_block_wrapper p {
    font-size: 16px;
}

div.l-main {
    min-width: 1300px;
}

div.advanced_search_wrapper {
    width: 360px; 
    min-width: 360px;
    float: left;
    background-color: white;
}

div.advanced_search_subblock_wrapper {
    width: 100%;
    background-color: #f0f7f8;
    padding: 30px 22px 20px 22px;
    margin-bottom: 10px;
}

span.advanced_search_subblock_title {
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
    color: #404040;
}
div.advanced_search_wrapper input.input_text {
    width: 100%;
    height: 40px;
    border: 1px solid #dedede;
    padding: 10px;
    margin-bottom: 8px;
}

div.advanced_search_wrapper input.input_text::placeholder {
    color: #a1a1a1;
}

div.advanced_search_gender {
    margin-top: 10px;
}

.advanced_search_radio_btn {
    margin-top: 15px;
    display: none;

}

.advanced_search_radio_btn_label {
    margin-right: 20px;
    margin-left: 30px;
    position: relative;
}

.advanced_search_radio_btn:checked+label:before {
    background: #1bb4bd;
}

.advanced_search_radio_btn_label:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px;
    left: -25px;
    width: 16px;
    height: 16px;
    padding: 2px;
    border: 1px solid #dedede;
    border-radius: 50%;
    background-color: white;
}

.advanced_search_radio_btn:checked+label:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 4px;
    left: -24px;
    width: 14px;
    height: 14px;
    padding: 2px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
}

.advanced_search_radio_btn:checked+label:before {
    border: 1px solid #1bb4bd;
}

.advanced_search_input_label {
    margin-bottom: 15px;
    display: block;
}

/* ion.rangeSlider ----------- BEGIN --------------- */
/**/
.irs {
  position: relativ;
  margin-top: 10px;
  height: 35px;
  color: #fff;
  font-size: 14px;
}

.irs .irs-diapason {
  top: 2px;
  background: #5ab2e6;
  height: 6px;
  z-index: 2;
}

.irs .irs-slider {
    top: -10px;
    /* padding-left: 8px; */
    width: 45px;
    height: 25px;
    background: none;
    border-radius: 25px;
    cursor: pointer;
    z-index: 6;
}

/* fixing */
.irs-bar {
    display: none;
}

.irs-handle {
    display: none;
}

.irs-from:before {
    display: none !important;
}

.irs-to:before {
    display: none !important;
}

.irs-min, .irs-max {
    display: none !important;
}

.irs .irs-from {
  z-index: 5;
  width: 33px;
  top: -5px;
  margin-left: 8px;
  padding: 2px 5px;
  font-size: 14px;
  text-align: center;
  background: #98d3d7;
  border-radius: 6px;
}

.irs .irs-to {
  z-index: 5;
  width: 33px;
  top: -5px;
  margin-left: -9px;
  padding: 2px 5px;
  font-size: 14px;
  text-align: center;
  background: #98d3d7;
  border-radius: 6px;
}

.irs .irs-single {
  background: #98d3d7;
  z-index: 5;
  padding: 2px 5px;
  top: -5px;
  font-size: 14px;
  border-radius: 3px;
  border-radius: 6px;
  /* margin-left: -23px; */
}

.irs .irs-single:before {
    display: none !important;
}

.irs .irs-line {
  top: 5px;
  background: #98d3d7;
  height: 3px;
  border-radius: 3px;
}

.range-birth-year .irs-from {
    width: 45px !important;
}

.range-birth-year .irs-to {
    width: 45px !important;
}
/* ion.rangeSlider ----------- END --------------- */

.birth_date_range_wrapper {
    /* background-color: red; */
}

#date_found_range_label {
    margin-bottom: 6px;
}

.field_birth_date {
    width: 150px;
    border: 1px solid #dedede;
    height: 40px;
    padding: 10px;
    color: #a1a1a1;
}

.field_birth_date::placeholder {
    color: #a1a1a1;
}

.dash_between_dates {
    display: inline-block;
    width: auto;
}

hr.hr_after_dates {
  border-top: 1px solid #dedede;
  margin: 20px 0px 15px 0px;
}

.advanced_search_select {
    width: 100%;
    height: 40px;
    border: 1px solid #dedede;
    padding: 10px;
    margin-bottom: 8px;
    background-color: white;
    color: #a1a1a1;
}

.advanced_search_select option {
    color: #a1a1a1;
}

.advanced_search_select option:checked {
    color: #a1a1a1 !important;
}

.odezhda_checkboxes_wrapper {
    display: flex;
}

/* checkbox ----------- BEGIN ----------------------------------------------- */
/* Customize the label (the container) */
.checkbox_container {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: pointer;
  /* font-size: 22px; */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.odetv_span {
    margin-top: 12px;
}

/* Hide the browser's default checkbox */
.checkbox_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: #ffffff;
/*  background-color: #eee; */
  border: 1px solid #dedede;
}

/* On mouse-over, add a grey background color */
.checkbox_container:hover input ~ .checkmark {
  /* background-color: #ccc; */
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_container .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #98d3d7;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* checkbox ----------- END --------------------------------------------- */

.odezhda_checkboxes_wrapper_left {
    margin-right: 45px;
}

.clothes_colors {
    margin-top: 15px;
}

.shramy_checkboxes_wrapper {
    margin-top: 15px;
    display: flex;
}

.shramy_checkboxes_wrapper_left {
    margin-right: 10px;
}

.hr_before_grazhdanstvo {
  border-top: 1px solid #dedede;
  margin: 10px 0px 22px 0px;    
}

.l-content--blocks__in {
    margin-bottom: 60px;
}

.advanced_people_search_submit {
    padding: 20px 10px;
}


div.search_results_wrapper {
    -webkit-flex-grow: 1;
    flex-grow: 1;    
    
    /* float: left; */
    /*   background-color: yellow; */
    margin-left: 20px;
    /* min-width: 780px; */
    /* width: 1115px; */
    /* width: 100%; */
}

div.form_and_results_container {
    width: 100%;
    display: -webkit-flex;
    display: flex;    
}

.search_results_count {
    color: grey;
    font-size: 16px;
    float: left;
    clear:both;
    
}

.icon_results_show_type {
    float: right;
    width: 25px;
    height: 25px;
    display: block;
    margin-left: 10px;
}

.search_results_count_and_buttons {
  content: "";
  clear: both;
  display: table;
  width: 100%;
}

.search_results_grid_wrapper {
    display: grid;
    grid-gap: 17px;
    /* grid-template-columns: auto auto auto; */
    grid-template-columns: repeat(auto-fill, 360px);
    padding-top: 15px;
}

.grid_item {
    width: 360px;
    height: 255px;
    /* background-color: aquamarine; */
    box-shadow: 0px 0px 10px #dedede;
}

body {
    min-width: 1320px !important;
    overflow-x: auto !important;
}

.avatar_fio_gender_wrapper {
    background-color: #f0f7f8;
    width: 100%;
    height: 182px;
}

.clothers_and_more_wrapper {
    background-color: white;
    width: 100%;
    height: 73px;
}

.avatar_image_wrapper {
    float: left;
    /* position: relative; */
    width: 80px;
    height: 80px;
    margin: 20px 0 0 20px;
    /* top: 10px; */
    /* left: 10px; */ 
    margin-bottom: 25px;
}

.avatar_image {
  /* position: absolute;
  top: 0;
  right: 0; */
}

.fio_gender_wrapper {
    float: left;
    margin: 23px 0 0 10px;
}

.human_fio {
    /* padding: 10px 0 0 10px; */
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    width: 235px;
}

.human_gender {
    margin-top: 7px;
    font-size: 16px;
    clear: both;
}
.human_gender img {
    display: block;
    float: left; 
    margin: 2px 10px 0 0;
}
.human_gender span {
    margin-top: 0px;
    display: block;
    float: left; 
}

.human_gender_male {
    color: #1bb4bd;
}

.human_gender_uknown {
    color: grey;
}

.human_gender_female {
    color: #e06fbf;
}

table.age_heigt_weight_tbl {
    width: 325px;
    margin-left: 17px;
    border-collapse: separate;
    text-align: center;
}

table.age_heigt_weight_tbl td {
    border-left: 1px solid #dedede;
    width: 33%;
}

.last_tbl_cell {
    border-right: 1px solid #dedede;
}

.numbers_diap {
    padding: 2px 5px;
    font-size: 14px;
    text-align: center;
    background: #98d3d7;
    border-radius: 6px; 
    color: white;
    display: inline-block;
}

.parameter_name {
    color: grey;
    font-size: 12px;
    margin-top: 2px;
}

.type_of_body_and_hair_wrapper {
    float: left;
    width: 120px;
    height: 65px;
    /* border: 1px solid #dedede; */
    text-align: left;
    padding: 15px 0 0 18px;
}

.clothes_item_wrapper {
    float: left; 
    width: 180px;
    height: 33px; 
    /* border: 1px solid green; */
}

.clothes_item_wrapper img {
    display: block;
    float: left;
    margin: 0px 10px 0 17px;
}

.clothes_item_wrapper span {
    margin-top: 2px;
    display: block;
    float: left;
}

.value_not_defines {
    color: grey;
}

.clothes_item_wrapper img.clothers_color {
    float: right;
    margin: 3px 25px 0 0;
}

.more_link_wrapper {
    width: 365px;
}

.more_text_link {
    display: block;
    float: left;
    color: #1bb4bd;
    font-size: 14px;
    margin: 15px 0 0 25px;
}

.more_arrow_link {
    float: right;
    font-size: 26px;
    margin: 5px 15px 0 0;
    color: #1bb4bd;    
}

.more_arrow_link:hover {
    text-decoration: none;
}

#icon_display_grid:hover {
    cursor: pointer;
}

#icon_display_table:hover {
    cursor: pointer;
}

table.search_results_tbl {
    width: 100%;
    box-shadow: 0px 0px 10px #dedede;
    margin-top: 15px;
}

table.search_results_tbl th {
    background-color: white;
    padding: 20px 0 15px 25px;
    color: grey;
    font-weight: 300;
    font-size: 14px;    
}

table.search_results_tbl td {
    border-top: 1px solid #dedede;
    padding: 10px 10px 10px 25px;
    font-size: 16px;
}

table.search_results_tbl td span.value_not_defines {
    font-size: 14px;
}

.odd_tbl_row {
   background-color: #fafbfb;
}
table.search_results_tbl td img.avatar_image {
    margin-left: 5px;
}

table.search_results_tbl td  a.more_arrow_link {
    float: left;
    margin: 5px 5px 0 5px;
}

/* Pop-up информация о человек --- BEGIN ------------------------------------ */
.popup_human_info_content {
    margin-top: 200px;
    width: 1280px;
    height: 620px;
    background-color: white;
    max-width: 1280px !important;
}

/* clearfix */
.popup_human_info_content::after {
  content: "";
  clear: both;
  display: table;
}

.popup_human_info_close {
    top: 0px !important;
}

.popup_human_info_content_left {
    /* background-color: green; */
    width: 980px;
    float: left;
}

.popup_human_info_content_right {
    background-color: #f8fbfb;
    width: 300px;
    height: 620px;
    float: right;
    padding: 40px 25px 25px 25px;
}

.popup_fio_etc {
padding: 30px 30px 30px 50px;
}

.popup_clothes, .popup_primety, .popup_dopolnitelno {
padding: 20px 30px 15px 50px;
}

.popup_fio_etc {
    background-color: #eff7f8;
}

.popup_avatar {
    width: 110px;
    height: 110px;
    display: block;
    float: left;
    margin-right: 30px;
}

/* clearfix */
.popup_fio_etc::after {
    content: "";
    clear: both;
    display: table;
}

table.popup_main_info_tbl {
    /* border: 1px solid black; */
}

.popup_fio {
    font-size: 20px;
    font-weight: 600;
    color: #404040;
}

.popup_diap {
    font-size: 17px;
    padding: 2px 10px;
}

.age_to_hair_tbl_row td {
    padding-top: 13px;
    padding-right: 30px
}

.popup_body_and_hair {
    font-size: 17px;
    background-color: #eff7f8;
    font-weight: 500;
    margin-bottom: 5px;
}

.popup_type_of_body_wrapper {
    border-left: 1px solid #dedede;
    padding-left: 20px;
}

.popup_td_body_and_hair {
    padding-left: 15px;
}

.popup_subtitle {
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 15px;  
    color: #404040;
}

.popup_clothers_color {
    float: left !important;
    margin: 2px 25px 0 12px !important;
}

.popup_clothers_img {
    margin: 0px 10px 0 0px !important;
}

/* clearfix */
.popup_clothes::after, .popup_primety::after {
    content: "";
    clear: both;
    display: table;
}

.popup_divider {
    margin: 0 50px 0 50px;
    border-top: 1px solid #fafafa;
}

.popup_primeta {
    margin: 0 12px 0 0;
    float: left;
    padding: 2px 9px;
    font-size: 14px;
    border: 1px solid #98d3d7;
    border-radius: 15px;
    color: #98d3d7;    
}

.popup_dopolnitelno_item_wrapper {
    float: left;
    text-align: left;
    padding: 0px 80px 0 0px;    
}

.popup_found_date {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 30px;
}

.popup_contact_field_label {
    color: grey;
    font-size: 12px;
    margin-bottom: 7px;
    margin-top: 10px;
}

.popup_contact_field_value {
    margin-bottom: 23px;
}

.popup_contact_field_value a {
    text-decoration: underline;
    color: black;
}

@media screen and (max-width: 1740px) {
    .more_arrow_link {
        /* display: none; */
    }
}
/* Pop-up информация о человек --- END ------------------------------------ */

/* Pagination --- BEGIN ------------------------------------ */
ul#pagination_b {
    margin-top: 30px;
    margin-left: 0;
    font-size: 16px;
}

ul#pagination_b>li.active>a, ul#pagination_b>li.active>a:focus, ul#pagination_b>li.active>a:hover {
    cursor: default;
    color: #fff;
    border: 1px solid #1bb4bd;
    outline: 0;
    background-color: #1bb4bd;
}

ul#pagination_b>li>a {
    display: block;
    margin: 0;
    padding: 0 12px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: grey;
    /* border: 1px solid #0ff; */
    border-width: 0;
    border-radius: 0;
    background-color: #f0f7f8;
}
/* Pagination --- END ------------------------------------ */

#switcher_grid_table {
    float: right;
}

#not_found_block {
    width: 100%;
    background-color: #f0f7f8;
    padding-top: 80px;
    padding-bottom: 100px;
    text-align: center;
}
#not_found_block h3 {
    font-size: 22px;
    display: inline-block;
}

#not_found_block p {
    margin-bottom: 50px;
}

/* Дата обнаружения и ПОДРОБНЕЕ --- BEGIN ------------------------------------ */
.data_obnaruzh_podrobnee {
    width: 100%;
}

.data_obnaruzh_block {
    float: left;
    padding: 15px 0 0 20px;
}

.podrobnee_block {
    float: right;
}

.data_obnaruzh_label {
    color: grey;
    font-size: 12px;    
}

.data_obnaruzh_value {
    font-size: 16px;
    margin-top: 6px;
    font-weight: 500;    
}

.podrobnee_block_new {
    margin-top: 20px;
    width: 165px;    
}
/* Дата обнаружения и ПОДРОБНЕЕ --- END ------------------------------------ */