/*.js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-created.form-item-created{
    display: -webkit-inline-box;
    font-size: 0.9rem;
    background: #279989;
    padding: 5px 9px 2px;
    border-radius: 2px;
    border: 1px solid #279989;
    font-family: arial;
    margin-bottom: 8px;
    margin-right: 4px;
    color: #fff;
    text-transform: uppercase;
}
.js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-created.form-item-created:hover {
    background: #a0a5aa; 
    border: solid 1px #a0a5aa; 
}
input[type="radio"]:checked + label {
    background: #a0a5aa;
    color: #fff;
}*/
/*new*/

#edit-created {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#edit-created .form-type-radio,
#edit-created .js-form-item,
#edit-created .form-item {
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
}

#edit-created .form-type-radio label {
  position: relative;
  display: inline-block;
  padding: 8px 14px;
  line-height: 1.2;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #8FB8B8;
  background: #8FB8B8;
  color: #fff;
  cursor: pointer;
  z-index: 1;
  margin: 0;
  font-weight: normal;
  vertical-align: middle;
}

#edit-created .form-type-radio input[type="radio"]:checked + label,
#edit-created .form-type-radio input[type="radio"]:checked + label.option {
  background: #279989 !important;
  border: 1px solid #279989 !important;
  color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
  line-height: 1.2;
  padding: 8px 14px;
  font-weight: normal !important;
}
#edit-created .form-type-radio input[type="radio"]:not(:checked) + label:hover {
  background: #1E7777;
  border-color: #1E7777;
  color: #fff;
}
/*the end*/
input[type="radio"], input[type="checkbox"] {
    display: none;
}
/*Kereső gomb*/
#edit-submit-custom-search{
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  background-color: #2d68c4;
  background-image: url("/sites/pte.hu/files/article-search.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;

  /* felirat eltüntetése */
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 1rem;
}
input#edit-reset-custom-search {
    margin-top: 1rem;
}
#edit-submit-custom-search:hover{
  background-color: #2457a8 !important;
  background-image: url("/sites/pte.hu/files/article-search.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
}
form#views-exposed-form-custom-search-page-2 .form--inline .form-actions { clear: left; clear: unset; } 
/*form#views-exposed-form-custom-search-page-1 .form--inline .form-item { float: left; margin-right: 0.5em; margin-right: unset; } */
input#edit-search-api-fulltext { float: left; margin-right: 0.5em; margin-right: unset; } 
form#views-exposed-form-custom-search-page-2 .js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-combine.form-item-combine { margin-top: unset; }

form#views-exposed-form-custom-search-page-2 .views-exposed-form input[type="text"]{
  box-sizing: border-box;
  transition: none;          /* ha animálva “nő” */
}

form#views-exposed-form-custom-search-page-2 .views-exposed-form input[type="text"]:focus{
  width: auto;               /* ha a theme 100%-ra húzza */
  transform: none;           /* ha scale van */
}
.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-combine.form-item-combine {
    max-width: 200px;
}
input[type="text"], input[type="password"], input[type="email"], textarea {
    padding: 8px;
}
fieldset#edit-created--wrapper {
    clear: left;
}
.js-form-item.form-item.js-form-type-textfield.form-type-textfield.js-form-item-search-api-fulltext.form-item-search-api-fulltext {
    margin-right: 0;
}
/*Keresési gomb vége*/

.form-item-created label[for="edit-created-all"] {
  font-size: 0;
}

.form-item-created label[for="edit-created-all"]::before {
  content: "Összes";
  font-size: 1rem;
} 
label {
    display: inline-flex;
    margin-bottom: .5rem;
    margin-bottom: unset;
}
label.option {
    display: inline-flex;
}
.width-100 {width:100% !important;}