/**
 * @file szikla common css
 * Styling off common functions, forms and elements
 */
.clr, .clear{
  clear: both;
}

form#szikla-aktualiskolcsonzesek .fieldset-wrapper{
  /*overflow: scroll;*/
}

/* szikla regisztráció választófülek */
ul.sziklareg_tabs{
  clear: both;
  padding: 0;
  font-weight: bold;
  border-bottom: 0px solid #a9a9a9;
  padding-bottom: 1px;
}
ul.sziklareg_tabs li.sziklareg_active{
  background-color: #fefefe !important;
  margin: 1px 5px 0px 1px !important;
}
ul.sziklareg_tabs li.sziklareg_active:hover{
  cursor: default !important;
}
ul.sziklareg_tabs li.sziklareg_menuitem{
  list-style-type: none;
  background-color: #dadada;
  float: left;
  padding: 5px;
  border: 1px solid #a9a9a9;
  border-bottom: 0;
  margin: 0px 6px 1px 0px;
  border-radius: 5px 5px 0px 0px;
}
ul.sziklareg_tabs li.sziklareg_menuitem:hover{
  cursor: pointer;
  background-color: #f3f3f3;
  margin: 1px 5px 0px 1px;
}

.sziklareg_hide{
  margin-top: 0px;
  border-top: 1px solid #a0a0a0;
  padding-top: 15px;
  clear: both;
}

/* email/jelszó modositas oldal
*/
.szikla_adatmod{
  padding: 0px;
  margin-bottom: 0px;
}
.mod_fulek.sziklareg_active{
  background-color: #F4F4F4;
  margin: 4px 5px -1px 8px;
}
.mod_fulek{
  position: relative;
  display: inline-block;
  cursor: pointer;
 
  padding: 5px;
 
  background-color: #adadad;
  border: 1px solid #a0a0a0;
  border-bottom: 1px solid #FFF;
  border-radius: 1px;
  float: left;
}
.vissza_hatarido_normal{
  /*padding: 2px 0px 2px 17px;*/
}
.vissza_hatarido_elojegy{ 
  font-weight: bold; 
  /*color: rgba(230, 160, 0, 0.25);
  padding: 2px 0px 2px 27px;
  background: transparent url(../images/warning.png) center left no-repeat; */
}
.vissza_hatarido_over{ 
  font-weight: bold; 
  color:Maroon;
  padding: 2px 0px 2px 27px;
  background: transparent url(../images/warning.png) center left no-repeat; 
}
.vissza_hatarido_turelmi{ 
  font-weight: bold; 
  color: #3355BB;
  padding: 2px 0px 2px 27px;
  background: transparent url(../images/warning.png) center left no-repeat; 
}
.vissza_hatarido_elojegy2{ 
  background-color: rgba(230, 160, 0, 0.25);
}
.vissza_hatarido_over2{ 
  background-color: rgba(250, 30, 30, 0.25);
}
.vissza_hatarido_turelmi2{ 
  background-color: rgba(51, 51, 240, 0.25);
}

.kolcsonzes_elem .kolcselem_hosszabbit label.form-check-label{
  line-height: 2rem;
}
.kolcsonzes_elem .kolcselem_hosszabbit .form-item .form-check-input[type=checkbox]{
  width: 1.5rem;
  height: 1.5rem;
  line-height: 2rem;
  margin-right: 0.25rem;
  border-color: #777;
  box-shadow: 0 0 0 0.15rem rgba(150, 150, 150, 0.45);
}
.kolcselem_hosszabbit .checkbox label{
  min-height: 15px;
}
@media only screen and (max-width: 576px) {
  .kolcsonzes_elem .kolcselem_hosszabbit label.form-check-label{
    line-height: 1rem;
  }
  .kolcsonzes_elem .kolcselem_hosszabbit .form-item .form-check-input[type=checkbox]{
    width: 1.0rem;
    height: 1.0rem;
    line-height: 1rem;
    margin-right: 0.2rem;    
  }
}
.kolcsonzes_elem .kolcselem_hosszabbit .form-item{
  display: inline-block;
  margin-bottom: 1px;
  margin-top: 1px;  
}
.kolcsonzes_elem .kolcselem_hosszabbit{
  /*float: right;
  clear: both;*/
}
.kolcsonzes_elem .kolcselem_bk img{
  height: 7rem;
}
.kolcsonzes_elem .kolcselem_bk{
 /* float: right;
  clear: both;*/
}

.kolcsonzes_elem {
  padding: 0rem;
  margin: 1.25rem auto;
  border: 1px solid #a9a9a9;
  border-radius: 5px;
  display: block;
  width: 90%;
  box-shadow: 2px 2px 5px #afafaf;
}
.kolcselem_keret_1{
  display: block;
  float: left;
  width: 12%;
  margin: 0;
  background-color: transparent;
  padding: 0.25rem 0.25rem 0.25rem 0.75rem;
}
.kolcselem_keret_2{
  display: block;
  float: left;
  width: 46%;
  margin: 0;
  background-color: transparent;
  padding: 0.25rem;
  line-height: 2.5rem;
}
.kolcselem_keret_3{
  display: block;
  float: left;
  width: 42%;
  margin: 0;
  background-color: transparent;
  padding: 0.25rem;
  line-height: 2.5rem;
}
@media only screen and (max-width: 576px) {
  .kolcsonzes_elem {   
    width: 100%;
  }
  .kolcselem_keret_1,
  .kolcselem_keret_2,
  .kolcselem_keret_3{
    font-size: 0.85rem;
  }  
  .doktip_book,
  .doktip_book_open,
  .doktip_script,
  .doktip_map,
  .doktip_film,
  .doktip_sound,
  .doktip_cd,
  .doktip_page,
  .doktip_newspaper,
  .doktip_photo,
  .doktip_atlasz{
    background-size: 30%;
    padding: 5px 0 7px 23px;
    font-size: 10px;
  }

}

@media only screen and (max-width: 415px) {
  .kolcsonzes_elem {   
    width: 100%;
  }
  .kolcselem_keret_1{
    padding: 0.2rem 0.2rem 0.2rem 0.25rem;
  }
  .kolcselem_keret_2{
    padding: 0.2rem;
  }
  .kolcselem_keret_1,
  .kolcselem_keret_2,
  .kolcselem_keret_3{
    font-size: 0.8rem;
  }  
  .kolcsonzes_elem .kolcselem_bk img{
    max-height: 4rem;
  }
}

.kolcselem_fejlec{
  display: block;
  border-bottom: 1px solid #a9a9a9;
  padding: 0.25rem 0.75rem;
  background-color: #f8f8f8;
  border-radius: 5px 5px 0px 0px;
}
.kolcselem_fejlec div{
  display: inline-block;
}
.kolcselem_cim{
  width: 80%;
}
.kolcselem_tipus{
  width: 18%;
  vertical-align: middle;
}
@media only screen and (max-width: 576px) {
  .kolcselem_cim h4{
    font-size: 1.1rem;
  }
  .kolcselem_cim{
    width: 80%;
  }
  .kolcselem_tipus{
    width: 17%;
  }
}

form.adat-korlevel .form-submit{
  display: none;
}
form#adat-korlevel{
  border-top: 1px solid;
}
.hl_leir{    
}
.hl_felir{
}
.sz_hirlev_sm{
  float: left;
  clear: both;
  min-width: 200px;
  margin-top: 8px;
  font-weight: bold;
}
form.adat-korlevel .checkbox{
  float: left;
  margin-top: 8px;
  margin-bottom: 20px;
}
form.adat-korlevel .checkbox input[type="checkbox"]{
  margin-left: 10px;
}

/* dokumentumtipus ikonok */
.doktip_book{
  padding: 2px 0 3px 27px;
  background: transparent url(../images/book.png) center left no-repeat;
}
.doktip_book_open{
  padding: 2px 0 3px 27px;
  background: transparent url(../images/book_open.png) center left no-repeat;
}
.doktip_script{
  padding: 2px 0 3px 27px;
  background: transparent url(../images/script.png) center left no-repeat;
}
.doktip_map{
  padding: 2px 0 3px 27px;
  background: transparent url(../images/map.png) center left no-repeat;
}
.doktip_film{
  padding: 2px 0 3px 27px;
  background: transparent url(../images/film.png) center left no-repeat;
}
.doktip_sound{
  padding: 2px 0 3px 27px;
  background: transparent url(../images/sound.png) center left no-repeat;
}
.doktip_cd{
  padding: 2px 0 3px 27px;
  background: transparent url(../images/cd.png) center left no-repeat;
}
.doktip_page{
  padding: 2px 0 3px 27px;
  background: transparent url(../images/page.png) center left no-repeat;
}
.doktip_newspaper{
  padding: 2px 0 3px 27px;
  background: transparent url(../images/newspaper.png) center left no-repeat;
}
.doktip_photo{
  padding: 2px 0 3px 27px;
  background: transparent url(../images/photo.png) center left no-repeat;
}
.doktip_atlasz{
  padding: 2px 0 3px 27px;
  background: transparent url(../images/atlasz.png) center left no-repeat;
}

/* 
 *  Belépés utáni üzenetek boxa
 */
 
.block-szikla-login-messages #szikla_kt_uzenete{
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
  border-radius: 5px;
  padding: 8px;
}
.aktkolcsonzes_sarga{
  color: rgb(230, 160,0);
}

/*tr.aktkolcsonzes_sarga td:nth-of-type(5) {
  color: #111;
}*/


/**
  * config form
  */
  
#szikla-settings-admin #sectionsfs-wrapper .container-inline{
  min-width: 140px;
  display: block;
  /*float: left;*/
}
#szikla-settings-admin #sectionsfs-wrapper .form-item label{
  display: block;
}
#szikla-settings-admin #sectionsfs-wrapper .form-item{
  float: left;
  display: block;
  margin: 2px;
}
.nyitvatartas_class{
  display: block;
  float: left;
  margin: 2px;
}
.reszleg_utolsoelem{
  margin-bottom: 30px;
}
.reszleg_elsoelem{
  clear: both;
}
.reszleg_actionsdoboz{
  display: block;
  width: 100%;
  clear: both;
}
#edit-reszlegek-actions-add-reszleg{
  clear: both;
  display: block;
}
/*reglap*/
#szikla-szemely-regisztracio .select-wrapper{
  width: 70%;
  display: inline-block;
}
#szikla-szemely-regisztracio .form-item-ojegyszam input{
 /*width: auto;
  display: block;
  text-align: left;*/
}
#szikla-szemely-regisztracio .form-item-ojegyszam label{
  width: 100%;
  display: block;
  text-align: left;
}
#szikla-szemely-regisztracio label{
  /*width: 29%;
  display: inline-block;
  text-align: end;*/
}
#szikla-szemely-regisztracio input{
  /*width: 70%;
  display: inline-block;*/
}
.elojegyzes_zold{
  color: rgb(26,172,57);
}

/*.ui-dialog-titlebar-close::after{
  content: 'X';
}*/
#lapoz_elore_link{
  float: right;
  font-size: 15px;
  clear: right;
  margin-left: 8px;
}
#lapoz_vissza_link{
  float: left;
  font-size: 15px;
  margin-right: 8px;
}
.kolcshead_left{
  float: left;
  display: block;
  width: 25%;
  padding: 10px 5px 10px 0px;
  margin-top: 5px;
}
.kolcshead_center{
  float: left;
  display: block;
  width: 50%;
  text-align: center;
}
.kolcshead_right{
  float: left;
  display: block;
  width: 25%;
  text-align: right;
  padding: 10px 5px 10px 0px;
}
.korkolcs_ertekeles{
  color: transparent;
  display: inline-block;
  width: 42px;
  min-height: 42px;
  background-image: url(../images/velemenycsillag.jpg);
  background-size: 40px 92px;
  background-repeat: no-repeat;
  background-position: left 8px;
  padding: 10px 2px 0px 3px;
}
.korkolcs_ertekeles_doboz{
  color: transparent;
  display: inline-block;
  width: 42px;
  min-height: 42px;
  background-image: url(../images/velemenydoboz.jpg);
  background-size: 40px 92px;
  background-repeat: no-repeat;
  background-position: left 10px;
  padding: 10px 2px 0px 3px;
}
.korkolcs_szamertek{
  display: inline-block;
  min-height: 42px;
  vertical-align: middle;
}
.korkolcs_ertekeles.ertek_0{
  background-position: left -42px;
}
.korkolcs_ertekeles.ertek_1{
  background-position: left 8px;
}
.korkolcs_ertekeles_doboz.ertek_0{
  background-position: left -38px;
}
.korkolcs_ertekeles_doboz.ertek_1{
  background-position: left 10px;
}
a.korkolcs_ertekelespont{
  text-decoration: none !important;
  color: #222;
  font-weight: 600;
  min-height: 42px;
  display: inline-block;
}
#gglogincont{
  margin-top: 1rem;
}

.ertekeles_egyelem{
  border: 1px solid #C2C3C2;
  border-radius: 3px;
  margin: 2px 2px 10px 2px;
  padding-left: 0px;
}
.spoiler_title{
  display: block;
}
.spoiler_text{
  display: none;
}
.spoilertext_link{
  cursor: pointer;
}
.ertkeles_egyelem_fejlec{
  padding-left: 3px;
  color: #FFF;
  background-color: #C2C3C2;
}
.ertkeles_egyelem_erteke{
  color: #222;
}
.ertkeles_egyelem_torzs{
  padding: 5px;
}

ul.stars,
ul#stars {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.stars li.star,
ul#stars li.star{
  display: inline-block;
  float: left;
  width: 17px;
  height: 17px;
  cursor: pointer;
  background-image: url(../images/urescsillag.svg);
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
}

ul.stars li.star.selected,
ul#stars li.star.selected,
ul.stars li.star.hover,
ul#stars li.star.hover{
  background-image: url(../images/telicsillag.svg);
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
}


/* véleménybeküldő lap formája */

#szikla-velemenyek-bekuld { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /*background-color: #f0ede9; */ margin: 0; padding: 0; color: #444; }
#szikla-velemenyek-bekuld  .wrapper { width: 100%; padding: 20px 0; }
#szikla-velemenyek-bekuld  .main-container { width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
/* Fejléc */
#szikla-velemenyek-bekuld .header-logo { padding: 25px; text-align: center; background-color: #ffffff; }
#szikla-velemenyek-bekuld .header-image { width: 100%; height: 220px; object-fit: cover; display: block; border-bottom: 4px solid #8d6e63; }
        
/* Tartalom */
#szikla-velemenyek-bekuld .content { padding: 40px 30px; }
#szikla-velemenyek-bekuld h2 { color: #5d4037; font-size: 26px; text-align: center; margin-top: 0; font-family: 'Georgia', serif; }
#szikla-velemenyek-bekuld .intro-text { text-align: center; line-height: 1.6; color: #666; margin-bottom: 30px; }

/* Könyv kártya */
#szikla-velemenyek-bekuld .book-item { margin: 1.75rem; background-color: #fbfbfb; border: 1px solid #eee; border-radius: 8px; margin-bottom: 25px; padding: 2.0rem 2.5rem; box-sizing: border-box; }
#szikla-velemenyek-bekuld .book-table { width: 100%; border-collapse: collapse; }
#szikla-velemenyek-bekuld .cover-td { display:inline-block; width: 10rem; margin-left: 5rem; vertical-align: top; }
#szikla-velemenyek-bekuld .cover-img { width: 8rem; border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.15); }
#szikla-velemenyek-bekuld .info-td { display:inline-block; vertical-align: top; padding-left: 3rem; }
#szikla-velemenyek-bekuld .title { font-size: 19px; font-weight: bold; color: #333; margin-bottom: 4px; }
#szikla-velemenyek-bekuld .author { font-size: 16px; color: #8d6e63; margin-bottom: 12px; font-style: italic; }
#szikla-velemenyek-bekuld .date-info { font-size: 13px; color: #888; margin-bottom: 15px; }
#szikla-velemenyek-bekuld .form-check { display: inline-block; }

        /* 10 Csillagos Értékelés (CSS) */
        #szikla-velemenyek-bekuld .rating { direction: rtl; unicode-bidi: bidi-override; text-align: left; margin-bottom: 15px; }
        #szikla-velemenyek-bekuld .rating input { display: none; }
        #szikla-velemenyek-bekuld .rating label { font-size: 28px; color: #ddd; cursor: pointer; display: inline-block; transition: color 0.2s; }
        #szikla-velemenyek-bekuld .rating label:hover, #szikla-velemenyek-bekuld .rating label:hover ~ label, #szikla-velemenyek-bekuld .rating input:checked ~ label { color: #ffca28; }

        /* Vélemény mező */
  #szikla-velemenyek-bekuld .comment-area { 
            width: 100%; 
            box-sizing: border-box; 
            border: 1px solid #ddd; 
            border-radius: 6px; 
            padding: 12px; 
            height: 80px; 
            font-family: inherit; 
            resize: none; 
            margin-bottom: 12px;
            background-color: #fff;
            display: block;
  }

  /* Új opciók (Checkboxes) */
  #szikla-velemenyek-bekuld .options-container { margin-bottom: 18px; font-size: 14px; color: #555; }
  #szikla-velemenyek-bekuld .option-item { display: inline-block; margin-right: 20px; cursor: pointer; }
  #szikla-velemenyek-bekuld .option-item input { margin-right: 6px; vertical-align: middle; }
  #szikla-velemenyek-bekuld .option-item label { vertical-align: middle; cursor: pointer; }

  #szikla-velemenyek-bekuld .submit-btn { 
            background-color: #5d4037; 
            color: #ffffff !important; 
            padding: 12px 25px; 
            text-decoration: none; 
            border-radius: 5px; 
            display: inline-block; 
            font-weight: bold; 
            font-size: 14px;
            border: none;
        }

  /* Lábléc */
  #szikla-velemenyek-bekuld .footer { width: 600px; margin: 0 auto; padding: 30px; text-align: center; font-size: 13px; color: #999; line-height: 1.6; }
  #szikla-velemenyek-bekuld .footer a { color: #8d6e63; text-decoration: none; font-weight: bold; }