input#main_search {
    border: 3px double #979797;
    border-radius: 5px;
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    height: 3rem;
    font-size: 1.25em;
    padding-left: 10px;
    padding-right: 40px;
}

#mp-searchUser i#search-desc {
    color: #fff;
    display: inline-block;
    margin-top: 10px;
  font-style:italic;
}



button#ms_find {
  position: absolute;
  right: 10px;
  top: 0;
  height: 3rem;
  border: none;
  background-color: unset;
}

/* SEARCH FIELD */
div#searchBlock input {
  width: 80%;
  margin: 0;
  z-index: 100;
}

#pseudo_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
}




#mp-searchUser {
  position:relative;
}

#db-search {
background-color: #2f4f62;
    margin: 100px auto 0px auto;
    color:#fff;
    border-radius: 8px;
padding-bottom: 50px;
  z-index:1;
}

#db-search h2{
    font-family: "Noto Sans Display", sans-serif;
    font-weight: 600;

  display:block;
  text-align:center;
  margin:0 0 30px 0;
}

#db-search h2 .icon{
  display:inline-block;
  height:50px;
  margin-right:30px;
  padding-bottom:5px; 
}

#radio-buttons-wrapper{
  position:relative;
  margin:10px 0px 0px 0;
  width:auto;
  overflow:auto;
  white-space: nowrap;

  scrollbar-width: none; /* Скрываем скроллбар */
}

/* Для вебкит-браузеров (Chrome, Safari, Edge) */
#radio-buttons-wrapper::-webkit-scrollbar {
  width: 0;  /* Убираем ширину скроллбара */
  height: 0; /* Убираем высоту скроллбара */
  background: transparent; /* Делаем фон прозрачным */
}



span.radio-buttons{  
  display:inline-block;
  margin-right:20px;
  vertical-align: top;
  padding:7px 10px;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px dotted #898175;
}

span.radio-buttons.active{  
  background-color:#ebc283;
  color:#47382d;
}

span.radio-buttons label{
  padding-left:5px;
  font-style:italic;
}  

.radio-buttons-desc{
/*    font-family: "Noto Sans Display", sans-serif;
    font-weight: 600; */
    font-size: 1.25rem;
    line-height: 2rem;
    padding: 10px 15px;
    color: #47382d;  
    display:none;
    background-color:#ebc283;
}

.radio-buttons-desc.active{
  display:block;
}

.radio-buttons input[type="radio"]:checked ~ .arrow-down {
  display:grid;
}

.arrow-down {
    display: none;
    grid-template-columns: 8px 1fr 8px;
    width: 100%;
    height:13px;
    max-width: 1200px;
    margin: 0 auto;
}


.arrow-down div:nth-child(1){
  background-image:url('/assets/template/img/ico/arrow-down/ad-left.png');
}

.arrow-down div:nth-child(2){
  background-position-x:center;
  background-image:url('/assets/template/img/ico/arrow-down/ad-center.png');
}

.arrow-down div:nth-child(3){
  background-image:url('/assets/template/img/ico/arrow-down/ad-right.png');
}



/* Стили для индикатора загрузки и сообщений */
.search-loading {
    color: #666;
    font-style: italic;
    padding: 8px 10px;
}

.search-message {
    color: #888;
    padding: 8px 10px;
}

.ui-state-disabled {
    opacity: 1;
    cursor: default;
}

.search-image {
    width: 30px;
    height: 30px;
    object-fit: cover;
    margin-right: 10px;
    vertical-align: middle;
}