/**
 * @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 .form-item .form-check-input[type=checkbox]{
  width: 2em;
  height: 2em;
  box-shadow: 0 0 0 0.15rem rgba(190, 190, 190, 0.25);
}
.kolcsonzes_elem .kolcselem_hosszabbit .form-item{
  margin-bottom: 1px;
  margin-top: 1px;
  text-align: center;
}
.kolcsonzes_elem .kolcselem_hosszabbit{
  /*float: right;
  clear: both;*/
}
.kolcsonzes_elem .kolcselem_bk img{
  max-height: 5rem;
}
.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: 56%;
  margin: 0;
  background-color: transparent;
  padding: 0.25rem 0.25rem 0.25rem 0.75rem;
}
.kolcselem_keret_2{
  display: block;
  float: left;
  width: 23%;
  margin: 0;
  background-color: transparent;
  padding: 0.25rem;
}
.kolcselem_keret_3{
  display: block;
  float: left;
  width: 21%;
  margin: 0;
  background-color: transparent;
  padding: 0.25rem;
}
@media only screen and (max-width: 576px) {
  .kolcsonzes_elem {   
    width: 100%;
  }
  .kolcselem_keret_1,
  .kolcselem_keret_2,
  .kolcselem_keret_3{
    font-size: 0.85rem;
  }
  .kolcselem_keret_2{
    width: 25%;
  }
  .kolcselem_keret_3{
    width: 19%;
  }
}

.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: 87%;
}
.kolcselem_tipus{
  width: 10%;
  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 #dadada;
  border-radius: 3px;
  margin: 2px;
  padding-left: 3px;
}
.spoiler_title{
  display: block;
}
.spoiler_text{
  display: none;
}
.spoilertext_link{
  cursor: pointer;
}