@charset "utf-8";

@media only screen and (max-width: 319px ){
  body{
  display: none;
  }
}


*,*::before,*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#mediaquerynow{
  color: #000000;
  height: 20px;
  background-color: #f3ff69;
}
:root{
  /*--Variables--*/

  /*--Universal_colors--*/
    --color-font-grey:#747474;
    --color-font-alert-red: #F44336;
    --color-font-green: #00b300;
    --color-font-narancs: #ff8c00;
    --color-line-light: #747474;
    --color-line-dark: #747474;
    --color-background-lightgrey: #f2f2f2;
    --color-background-greyline: #ddd;
    --color-background-green: #65d074;
    --color-background-blue: #337AB7;
    --color-background-red: #d3140f;
    --color-background-yellow: #edb10a;
    --color-background-purple: #9370db;
  /*--Universal_colors_end--*/

}

html{
  height: 100%;
  font-size: 14px;
  font-family: 'Merriweather Sans', sans-serif;  
}

body {
  min-height: 100%;
  position: relative;
  padding-bottom: 15.5rem;
}


/*--Header--*/
  header {
    font-family: 'Merriweather', serif;
    color:#FFFFFF;
  }
  #header1{
    position: relative;
    text-align: right;
    padding-left: 1rem;
    padding-right: 1rem;
    height: minmax(2rem,5rem);
    font-size: 0.85rem;
    background-color: var(--color-background-header1);
    -webkit-box-shadow: inset 0px -4px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -4px 7px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px -4px 7px 0px rgba(0,0,0,0.75);

    padding-bottom: 7px;
  }
  #header1>div{
    display: inline-block;
    line-height: 2rem;
    padding-right: .75rem;
    padding-left: .75rem;
  }
  #header1>div:hover{
    /*background-color: var(--color-line-dark);*/
    -webkit-box-shadow: inset 0px -3px 9px 0px rgba(255,255,255,.30);
    -moz-box-shadow: inset 0px -3px 9px 0px rgba(255,255,255,.30);
    box-shadow: inset 0px -3px 9px 0px rgba(255,255,255,.30);
  }
  #header1 img{
    height: 1.2rem;
    padding-right: .1rem;
    transform: translateY(.30rem);
  }
  #administratorlink{
   /* float: left;*/
  }
  #nyelvvalaszt, #login, #loginteszt{
    cursor: pointer;
  }
  #nyelvvalaszt div{
    display: inline-block;
  }

  #loadinlogin{
    padding-left: 1rem;
    padding-right:1rem;
    font-size: 0.85rem;
    background-color: #6F6F6F;
    text-align: center;

    -webkit-box-shadow: inset 0px -4px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px -4px 7px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px -4px 7px 0px rgba(0,0,0,0.75); 
  }
  #loadinlogin input{
    font-size: 0.85rem;
    max-width: 100%;
  }

  #loadinlogin input[type="button"]{
  font-size: 1rem;

  }

  #fejlec_login{
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    display: grid;
    
    grid-column-gap: 1.5rem;
  }
  #closeicon{
    margin-top: .6rem;
    font-size: 1.5rem;
  }
  #login_submit{
    margin-top: .8rem;
  }

  #header2 {
    display: grid;
    grid-template-columns: 1fr max-content 1rem max-content 1fr;
    background-color: var(--color-background-header2);
    /*background-image: url("mogi_header_background3.svg");
    background-attachment: fixed;*/
  }

  #logo{
    grid-column: 2/3;
    line-height: 5rem;
  }

  #tszklogo{
    vertical-align: middle;
    height: 4rem;
    display: none;
  }
  #tszklogosmall{
    vertical-align: middle;
    height: 4rem;
    display: inline;
  } 
  #tszknev{
    /*text-align: center;*//* CSS-ben*/

    display: none;
  }
/*--Header_end--*/

/*--Mobilenav--*/
  .mobilenavcontainer{
    position: relative;
     font-size: 1rem;
    display: /*inline-*/block;
    
    background-color: var(--color-background-nav);
    color:#FFFFFF;

    -webkit-box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.75);
  }
  .mobilenavcontainer .fa-bars{
    padding-left: 2.5rem;
    font-size: 2rem;
    line-height: 1rem;
    padding-top: .8rem;
    padding-bottom:0.8rem;
    cursor: pointer;
    display: block;
  }
  .mobilenav.toggled{
    left: 0 !important;
  
  }
  .mobilenav{
    display: inline-block;
    position: absolute;
    max-width: 95vw;
    top: 0;
    left: -100vw ;
    z-index: 8000;
    background-color: var(--color-background-header1);
         -webkit-box-shadow:  0px 4px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow:  0px 4px 7px 0px rgba(0,0,0,0.75);
    box-shadow:  0px 4px 7px 0px rgba(0,0,0,0.75);

      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
  }
  .mobilenav .navclose{
    display: block;
    text-align: right;
    width: 100%;
    height:2.6rem;
    padding: .8rem 1rem;
    background-color: var(--color-background-nav);
    opacity: .7;

    -webkit-box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.75);
  }
  .mobilenav .navclose .fa-times{
    opacity: 1;
    font-size: 2rem;
    line-height: 1rem;
  }
  .mobilenav ul{
    padding: 1rem 1rem 1rem 1.5rem;
  }
  .mobilenav ul li{
    font-size: 1.15rem;
    padding-bottom: .3rem;
  }
  .mobilenav ul li ul{
    padding: .4rem .4rem .4rem 1rem;
   /* display: none;*/
  }
  .mobilenav ul li ul li{

    font-size: 1.05rem;
    padding-bottom: .1rem;
  }
  .mobilenav ul li:hover{
    
  }
  .mobilenav ul li:hover ul{
    display: block;
  }
  .mobilenav ul li:hover ul li{

  }

/*--Mobilenav_end--*/

/*--Nav--*/
  nav{
    /*display: none;*/
    /*position: sticky;*/
    border:none;
    z-index: 8000;
    top: 0;
    font-family: 'Merriweather', serif;
    color:#FFFFFF;
    font-size: 1rem;
    width: 1fr;
    /*height: 2.5rem;*/
    background-color: var(--color-background-nav); 

    -webkit-box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 4px 7px 0px rgba(0,0,0,0.75);
  }


  #fomenusor{
    display: none;
  }
/*--Nav_end--*/

/*--Footer--*/
  footer{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-top: 1rem;
    color: #FFFFFF;
    background-color: var(--color-background-header1);
    font-weight: 300;
  }

  #footer1{
    display: grid;
    grid-gap: .9rem;
    grid-template-columns: 1fr repeat(3, max-content) 1fr;/*
    grid-template-rows: repeatmax-content;*/
    grid-template-areas:
    ". footericons footericons footericons ."
    "footerleft footerleft vll footerright footerright";   
  }
    


  footer ul li{
    list-style-type: none;
    font-size: 0.7rem;
    line-height: 1.2rem;
    display: block;
  }
  #footerleft{
    grid-area: footerleft;
  }
  #footerleft li{
    padding-right: minmax(0.1rem, 1rem);
    padding-left: minmax(0.1rem, 1rem);
    text-align: center/*right*/;
  }

  #footericons{
    grid-area: footericons;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: minmax(0, 1fr) repeat(3, max-content) minmax(0, 1fr);
  }
  #footerfacebook{
    grid-column: 2/3;
  }

  #footerlogo{
    height: 2.5rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  #bmelogo{
    height: 3.125rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }

  #footerright{
    grid-area: footerright;
  }
  #footerright li{
    padding-right: minmax(0.1rem, 1rem);
    padding-left: minmax(0.1rem, 1rem);
    text-align: center;
  }

  #footerlineleft{
    grid-area: vll;
    border-left: 1px solid var(--color-line-light);
  }


  #footer2{
    font-size: 0.55rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
  }
/*--Footer_end--*/

main {
  background-color: #FFFFFF;
  display: grid;
  grid-template-rows: max-content 1fr;
  grid-template-columns: minmax(0, 6.25rem) minmax(min-content, max-content) minmax(90%,1fr) minmax(0, 6.25rem);
  grid-template-areas:
  ". notification notification ."

  ". title title ."  
  "aside aside aside aside"
  ". maincontent maincontent .";
}
/*--Main_misc--*/

  #maintitle{
    font-family: 'Merriweather', serif;
    grid-area: title;
    padding-top: 1rem;
    padding-bottom: 1rem;

  }

  #maintitle span{
    color: var(--color-font-highlight);
  }

  #mainaside{
    grid-area: aside;
    max-width: max-content;
  }
  #mogihomecontainer{
    display:grid;
    grid-template-columns: 1fr minmax(min-content, max-content);
  }
  #homeright{
    display: none;
  }
  #homemogibannercontent{
    padding: .4rem .4rem 6rem .4rem;
  }
  #homemogibannercontent img{
    width: 100%;
  }
  #homemogibanner #homemogibannerlogo{
    width: 100%;
    position: absolute;
    bottom: 0; left:0;
    transform: translateY(50%);
  }
  #homemogibanner img{
    margin-bottom: .2rem;
  }
  #asidelist{
    display: none;/*block*/  
   /* font-family: 'Merriweather', serif;
    list-style-type: none;
 
    margin: 0rem 0rem 1rem 0rem;
    padding: .75rem 1rem .5rem 2.5rem; 

    background-color: var(--color-background-lightgrey);
      -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);*/
  }

  #asidelist li{

  }
  .phoneasidelist{
    display: block;
    font-family: 'Merriweather', serif;
    list-style-type: none;
    margin: 0rem 0rem 1rem 0rem;
    padding: .5rem 1rem .25rem 2rem;

    background-color: var(--color-background-lightgrey);
      -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);

  }
  .phoneasidelist ul{
    padding: .5rem 0 0 .5rem; 
    margin:.25rem 0 0 0;
    border-top: 1px solid var(--color-background-greyline);

  }
  .phoneasidelist ul li{
    padding-bottom: 0.5rem;
    color: var(--color-font-highlight);
    font-weight: lighter;

    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for WebKit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;

  }
/*--Main_misc_end--*/

/*--Forms--*/
  input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea,
  select {
   
    border: none;
    font-size: 1rem;
    height: auto;
    outline: 0;
    padding: 0.4rem;
    background-color: #f2f2f2;
    /*border: 2px solid rgba(255,255,255,.5);*/
   
    -webkit-box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.15);
    box-shadow: inset 0px 0px 7px 1px rgba(0,0,0,0.15);

    margin-top:0.15rem;
    margin-bottom: 0.5rem;
    border-radius: 3px;
  }
  input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus,
  select:focus, .focushighlight{
   /* border: 2px inset var(--color-highlight);*/

    -webkit-box-shadow: 0px 0px 2px 2px var(--color-highlight);
  -moz-box-shadow: 0px 0px 2px 2px var(--color-highlight);
  box-shadow: 0px 0px 2px 2px var(--color-highlight);
  }



  input::placeholder{
    color: var(--color-font-grey);  
  }

  form input[type="submit"], form input[type="button"], button, .button{
    font-size: .95rem;
    border: none;
    outline: none;
    color: #FFFFFF;
    padding: 0.2rem 0.7rem;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    margin: 0.1rem;
    font-family: 'Merriweather Sans', sans-serif;  
    background: -webkit-linear-gradient(top, var(--color-button-lighter) 0%, var(--color-highlight) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, var(--color-button-lighter) 0%, var(--color-highlight) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, var(--color-button-lighter) 0%, var(--color-highlight) 100%); /* IE 10+ */
    background: linear-gradient(to bottom, var(--color-button-lighter) 0%, var(--color-highlight) 100%);/* W3C */
  }
  form input[type="submit"]:disabled, form input[type="button"]:disabled, button:disabled{
    background: #dddddd;
  }
  #torlesgomb{
    background: red;
  }
    #linkbuttons a{
    display: inline-block;
    font-size: .95rem;
    border: none;
    outline: none;
    color: #FFFFFF;
    padding: 0.2rem 0.7rem;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    margin: 0.1rem;

      background: -webkit-linear-gradient(top, var(--color-button-lighter) 0%, var(--color-highlight) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, var(--color-button-lighter) 0%, var(--color-highlight) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, var(--color-button-lighter) 0%, var(--color-highlight) 100%); /* IE 10+ */
      background: linear-gradient(to bottom, var(--color-button-lighter) 0%, var(--color-highlight) 100%);/* W3C */
  }
  .linkbutton{
    display: inline-block;
    font-size: .95rem;
    border: none;
    outline: none;
    color: #FFFFFF;
    padding: 0.2rem 0.7rem;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    margin: 0.1rem;
    /*margin-bottom: .5rem;*/

    background: -webkit-linear-gradient(top, var(--color-button-lighter) 0%, var(--color-highlight) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, var(--color-button-lighter) 0%, var(--color-highlight) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, var(--color-button-lighter) 0%, var(--color-highlight) 100%); /* IE 10+ */
    background: linear-gradient(to bottom, var(--color-button-lighter) 0%, var(--color-highlight) 100%);/* W3C */
  }
  .szurkegomb{
    display:inline-block;
    text-align: center;
    cursor: pointer;
    padding: 0.4rem 0.7rem;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);   
    background: linear-gradient(to bottom, var(--color-background-lightgrey) 0%, var(--color-background-greyline) 100%) !important;
    color: #000000 !important;
  }
  .szurkegomb:hover{
    background-color: var(--color-background-light) 
  } 

  label {
    display: inline-flex;
    align-items: baseline;
  }
/*--Forms_end--*/

#content{
  grid-area: maincontent;
  font-size: 16px;
}
/*--News_list--*/
  #content article{
    margin-top: 0.2rem;
  }
  .newscontener{
    margin-top: 1rem;
    margin-bottom:1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-line-light);
    width: 100%;
    display: grid;
    grid-template-columns: 10rem 1fr;
  }
  .newsimagecontainer{
    width: 10rem;
    height: 5.625rem;
    /*padding-bottom: 56.2%;*/
    position: relative;
    overflow: hidden;
    /*margin-bottom: .5rem;*/
    
  }
  .newsrightcontainer{
    margin-left: 1rem;
    position: relative;
    /*width: 50%;*/
  }
  .newsimage{
    position: absolute;
    object-fit: contain;
    width: 100%;
    height: 100%;
    transition: transform .2s;
    z-index: 5;
  }
  .newsblurimage{
    z-index: 0;
    position: absolute;
    object-fit: cover;
    filter: blur(14px);
    -webkit-filter: blur(14px);
    width: 100%;
    height: 100%;
    transform: scale(1.1);
  }
  #hir_szoveg{
    margin-left: 1rem;
  }
  .newsiconwrap{
    text-align: right;
    /*position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;*/
  }



  #icon{
    padding-left: 0.5rem;
    height:1.2rem;
    font-size: 1.2rem;
  }
/*--News_list_end--*/

/*--News--*/
  #abstractid{
  width: 100%;
  }
  #blogcim{
    padding-top: .5rem;
  }
  #singlenewscontener{
    margin-left: .5rem;
    margin-right: .5rem;
  }
  #singlenewscontener p{
    margin-bottom: 1rem;
  }
  #singlenewscontener p img{
    /*max-height: 20rem;*/
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%;
    /*object-fit: contain;*/

  }
  #singlenewscontener h1{
    margin-top: 0;
    font-family: 'Merriweather', serif;
    color: var(--color-font-highlight);
  }
  #singlenewscontener #hir_abstract{
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    font-weight: lighter;
    font-style: italic;
  }
  #singlenewscontener ul{
    margin-bottom: 1rem;
    margin-left: 2.5rem;
  }
  #singlenewscontener table{
    table-layout: fixed;
    margin-bottom: 1rem;
    display: block;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    min-width: 100%;
    border-style: none;
  }
  #singlenewscontener tbody{
   display: table;
    width: 100%;
  }
  #singlenewscontener td{
    padding: .1rem;
  } 
  #singlenewscontener a{
    color: var(--color-font-highlight);
  }
  #singlenewscontener a:hover{  
    text-decoration: underline;
  }
/*--News_end--*/

/*--Image_carousel--*/
  #carousel{
    position: relative;
    height: 15rem;
    margin-bottom: 2rem;
  }
  #carousel_kepek {
    position: relative;
    height: 15rem;
  }
  #carousel_kepek img {
    position:absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }

  #carousel_kepek img.carousel_lathato {
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=1);
  }
  #carousel_gombok{
    position: absolute;
    bottom: 1rem;
    width: 100%;
    text-align: center;
  }
  #carousel_gombok span{
    padding: .5rem;
    color: white;
    opacity: .5;
    /*width: 1rem;
    height: 1rem;
    margin: 0.1rem;
    border: 2px solid white;
    border-radius: 500px;*/
  }
  #carousel_gombok span.carousel_kivalasztott{
    /*background-color: white;*/
    opacity: 1;
  }
  #carousel_szoveg{
    background-color: rgba(0,0,0,50%);
    color:white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
  }
/*--Image_carousel_end--*/

/*--Profil--*/
  #profilcontainer{

    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
  #profilcontainer h3{
    grid-column: 1 / -1;
  }
  #profil{
    padding: .4rem;
    display: flex;
    /*max-height: 10rem;*/
    /*border-right: 1px solid var(--color-line-light);
    border-bottom: 1px solid var(--color-line-light);*/
    
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
  }
  .szurkeprofil{ /*oktatoi_oldal.php 2521 ha normál nevet akarsz*/
    background-color: var(--color-background-lightgrey);
  }

  #profilkep{
    
    display: flex;
    min-width: 5.625rem; 
  }
  #profilkep p{

  }

  #profilkep img{
    margin-right: .5rem;
    height: 7.5rem;
    object-fit: cover;
    width: 5.625rem; 
  }
  #profilszoveg{
    margin-left: .5rem;
    overflow: hidden;
    font-size: .9rem;
    width:100%;
  }
  #profilszoveg p{
    padding-bottom: .2rem;
  }
  #profiladat{
    width: 100%;
    position: absolute; 
    bottom:0;
    overflow: hidden;
  }

  #profil a{
    font-size: 1.2rem;
    color: var(--color-font-highlight)
  }
  #profil a:hover{
  }
/*--Profil_end--*/



/*--Terem--*/
  #teremcontainer{

    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    margin-top: 1rem;
    margin-bottom: 1.5rem;
  }
  #teremcontainer h3{
    grid-column: 1 / -1;
  }
  #terem{
    padding: .4rem;
    display: flex;
    
    /*border-right: 1px solid var(--color-line-light);
    border-bottom: 1px solid var(--color-line-light);*/
   
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
  }
  #terem a{
    font-size: 1.1rem;
    color: var(--color-font-highlight)
  }
/*--Terem_end--*/

/*--Home_news--*/
  #homenewscontainer{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    width: 100%;
    display: grid;
    grid-gap: 1.5rem;
  }
  .homenews{
    font-size: 0.9rem;
    position: relative;
  }
  .homenewsimagecontainer{
    width: 100%;
    padding-bottom: 56.2%;
    position: relative;
    margin-bottom: .5rem;
    overflow: hidden;
  }

  .homenewsimage{
    position: absolute;
    object-fit: contain;
    width: 100%;
    height: 100%;
    transition: transform .2s;
    z-index: 5;
  }

    .homenewsblurimage{
    z-index: 0;
    position: absolute;
    object-fit: cover;
    filter: blur(14px);
    -webkit-filter: blur(14px);
    width: 100%;
    height: 100%;
    transform: scale(1.1);
  }


  #homenewslast{
    font-size: 0.9rem;
    position: relative;
    min-height: 10rem;
  }
  #homenewslast span{
    padding-bottom: 1rem;
    font-size: 1.1rem;
    color: var(--color-font-highlight);
  }
  #homenewslast p{
    padding-bottom: .5rem;
  }
  #homenewsmore{
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 1.1rem;
    /*border-bottom: 1px solid transparent;*/
  }
  #homenewsmore:hover{
    color: var(--color-font-highlight);
    /*border-bottom: 1px solid;*/
  }
/*--Home_news_end--*/

/*--Home_contact--*/
  #homecontact p{
    padding-bottom: .7rem;
  }
  #homecontact span{
    font-weight: bolder;
  }
/*--Home_contact_end--*/


/*--@media480Start_Mobile-landscape (and larger)--*/
@media only screen and (min-width: 480px){

  #mediaquerynow{
    background-color: #90ee90;
  }

  html{
    font-size: 14.5px;
  }

  /*--Header--*/
    
    #logo{
    line-height: 5.4rem;
    }
    #tszklogo{
      height: 4.9rem;
    }
    #tszknev{
    grid-column: 4/5;
    display:flex;
    align-items: center;
    /*font-family: Palatino Linotype, 'EB Garamond', serif;*//*MOGI*/
    /*font-family: 'Big Shoulders Display', cursive;*//*ÉPGET*/
    font-style: normal;
    /*font-weight: bold;*//*MOGI*/
    /*font-size: 1.1rem;*//*MOGI*/
    /*font-size: 1.7rem;*//*ÉPGET*/
    /*line-height: 1.5rem;*//*MOGI*/
    /*line-height: 1.9rem;*//*ÉPGET*/
    }
    #tszklogo{
    display: inline;
    }
    #tszklogosmall{
    display: none;
    }
  /*--Header_end--*/
  main {
  grid-template-columns: minmax(0, 6.25rem) minmax(min-content, max-content) minmax(90%,1fr) minmax(0, 6.25rem);
  }
  /*--Home_news--*/
    #homenewscontainer{
    grid-template-columns: repeat(2, 1fr);  
    }
  /*--Home_news_end--*/
  /*--OHV--*/
    #ohvlist{
      font-size: 1.25rem !important;
    }
    #ohvlist img{
      height: 3.5em !important;
    }   
  /*--OHV_end--*/
}/*--@media480End--*/


/*--@media768Start_Tablet_portrait (and larger)--*/
@media only screen and (min-width: 768px){

  #mediaquerynow{
    background-color: #c9e5ff;
  }

  body{
  padding-bottom: 11rem;
  }

  html{
    font-size: 15px;
  } 
  /*--Header--*/
  #fejlec_login{
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(5, max-content) minmax(0,2rem);  
  }
  #headerlogin1{
  grid-column: 2/3;
  }
  /*--Header_end--*/

  /*--Nav--*/
    nav{
      position: sticky;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(max-content, 65rem) minmax(0, 1fr);
      /*grid-template-columns: minmax(0, 6.25rem) minmax(max-content, 1fr) minmax(0, 6.25rem);*/
    }
    nav>div>ul{
     display: flex;
     margin:0 .2rem;
    }
    nav ul a{
    display: block;
    }
    nav ul li{

      min-width: 7rem;
      text-align: center;
      list-style-type: none;
      font-size: 1rem;
      display: inline-block;
  
      padding: 0.625rem .1rem .3rem .1rem;
      -webkit-flex: 1; 
      -ms-flex: 1; 
      flex: 1;
      position: relative;
    }
    nav ul li ul {
      display: none;
      color: #FFFFFF;
    }
    nav ul li:hover {
      cursor: pointer;
      background-color: var(--color-background-nav-list);
      color: #000000;
    }
    nav ul li:hover ul{
      display: block;
      margin-top: 0.3rem;
      width: 100%;
      left: 0px;
      position: absolute;
      -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
      -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
      box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);
      color: #000000;
    }
    nav ul li:hover ul li {
      padding: .45rem .15rem .45rem .15rem; 
      font-size: 0.85rem;
      display: block;
      background-color: var(--color-background-nav-list);
    }
    nav ul li:hover ul li:hover {
      background-color: #e0e0e0;
    }



    #fomenusor{
      grid-column: 2/3;
      display: block;
    }
    .mobilenavcontainer{
      display: none;
    }
  /*--Nav_end--*/



  /*--Footer--*/
    #footer1{
      grid-template-areas: 
      "footerleft vll footericons vlr footerright";
    }
    #footerlineright{
    grid-area: vlr;
    border-left: 1px solid  var(--color-line-light);
    }
    #footerleft li{
      text-align: right;
    }
    #footerright li{
    text-align: left;
    }
  /*--Footer_end--*/

  /*--Main--*/
    main {
    /*grid-template-columns: minmax(0, 6.25rem) minmax(min-content, max-content) minmax(70%,1fr) minmax(0, 6.25rem);*/
    grid-template-columns: minmax(0, 6.25rem) minmax(min-content,max-content) minmax(65%,1fr) minmax(0, 6.25rem);
    grid-template-areas:
      ". notification notification ."
      ". title title ."
      ". aside maincontent ." ;
    }
    #asidelist li{
      max-width: 14rem;
      border-right:1px solid var(--color-line-dark);
      padding-right: 1rem;

       padding-bottom: 0.5rem;
      color: var(--color-font-highlight);
      font-weight: lighter;

      -ms-word-break: break-all;
      word-break: break-all;
      /* Non standard for WebKit */
      word-break: break-word;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
    }
    #asidelist{
    min-width: max-content;
    font-family: 'Merriweather', serif;
    list-style-type: none;
    display: block;
    
    padding: .5rem 1.25rem .5rem 1rem; 
    margin-right: 2rem;
    margin-bottom: 3rem;
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }

    .phoneasidelist{
      display: none;
    }
    #homeright{
      display: block;
      width: 15vW;
      max-width: 12rem;
     
      -webkit-box-shadow: 0px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 0px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 0px 1px 5px 0px rgba(161,161,161,1);
      background-color: var(--color-background-lightgrey);
      margin-bottom: 5rem;
      margin-left: 2rem;
    }  

  /*--Main_end--*/


  #profilcontainer{
  grid-template-columns: repeat(auto-fit, minmax(21.5rem, 1fr));
  }
}/*--@media768End--*/


/*--@media992Start_Tablet-landscape (and larger)--*/
@media only screen and (min-width: 992px){

  #mediaquerynow{
    background-color: #b19CD9;
  }

  html{
    font-size: 15px;
  }

  #filegridcontainer div{
    height: 15vh !important;
    width: 20vh !important;
  }



}/*--@media992End--*/


/*--@media1200Start_Desktop (and larger)--*/
@media only screen and (min-width: 1200px){

  #mediaquerynow{
    background-color: #ED8A68;
  }
   
  main{

    grid-template-columns: minmax(7%, 1fr) minmax(min-content,max-content) minmax(50rem,75rem) minmax(7%, 1fr);
  } 
  #asidelist{
    max-width: 17rem;
  }
  html{
    font-size: 16px;
  } 
  .fileoptions span{
    display: inline !important;
  }
  /*--Home_news--*/
    #homenewscontainer{
      grid-template-columns: repeat(4, 1fr); 
    }
  /*--Home_news_end--*/

  /*--MOGI_szaklogo_end--*/
    .szaklogosmall{
      display: none !important;
    }

    .szaklogolarge{
      display: inline-block !important;
    }
    .szaklogolarge label{
      
      margin: .1rem;
      font-size: .8rem;
    }
    .szaklogolarge input[type="checkbox"]{
      display: none;
    }
    .szaklogolarge span{
      width: 7.1rem;
      cursor: pointer;
      position: relative;
      padding-top: 4.7rem;
    }
    .szaklogolarge img{
      position: absolute;
      left:50%;
      transform: translateX(-50%);
      top:0;
      height:4.5rem;
      border-radius: 5px;
    }
    .szaklogolarge .color{
      opacity: 0;
      transition: 100ms ease-out;
    }
    .szaklogolarge input:checked+span  .color{
      opacity: 1;
      transition: 100ms ease-in;
    }

    .otherszaklogosmall{
      display: none !important;
    }
    
    .otherszaklogolarge{
      display: inline-block !important;
    }
    .otherszaklogolarge label{
      display: inline-block !important;
      vertical-align: top;
      margin: .1rem;
      font-size: .8rem;
      text-align: center;
    }
    .otherszaklogolarge input[type="checkbox"]{
      /*display: none;*/
      margin-top: 0 !important;
      height: 1rem;
      width: 100%;
      text-align: center;
      display: block;
    }
    .otherszaklogolarge span{
      width: 7.1rem;
      cursor: pointer;
      display: block;

      transition: color 100ms ease-out;
    }

 
    .otherszaklogolarge input:checked+span {
      color: var(--color-font-highlight);
      transition: color 100ms ease-in;
    }

   
  /*--MOGI_szaklogo_end--*/


}/*--@media1200End--*/

/*--CSS_specific_to_iOS_devices--*/
@supports (-webkit-overflow-scrolling: touch) {
  
  footer{
    height: 15.1rem;
  }
  body{
    padding-bottom: 18rem;
  }
}

/*--CSS_specific_to_NON_iOS_devices--*/
@supports not (-webkit-overflow-scrolling: touch){
  input[type="checkbox"], input[type="radio"] {
    position: relative;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 0;
    font-size: inherit;
    width: 1em;
    margin: 0;
    color: var(--color-highlight);
    outline: none;
    font-family: "Font Awesome 5 Free";
    transition: 300ms ease-out;
  }
  input[type="checkbox"]:disabled, input[type="radio"]:disabled{
    color: #dddddd;
  }
  input[type="checkbox"]::after,
  input[type="radio"]::after {
    content: "\f111";
    display: inline-block;
    text-align: center;
    width: 1em;
  }
  input[type="checkbox"]:checked::after,
  input[type="radio"]:checked::after {
    font-weight: 900;
  }
  input[type="checkbox"]:active,
  input[type="radio"]:active {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
  input[type="checkbox"] + span,
  input[type="radio"] + span {
    margin-left: 0.35em;
  }
  input[type="checkbox"]:checked::after {
    content: "\f058";
  }
  input[type="radio"]:checked::after {
    content: "\f192";
  }
}

/*--Fonts--*/
  a{
    text-decoration: none;
    color: inherit;
  }
  h6{
    font-size: 2.5rem;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
  }
  h5{/*pl. oktatoi oldal név*/
    font-size: 2rem;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
  }

  h1{
    font-size: 2rem;
    font-weight: 300;
    /*margin-top: 2.5rem;*/
    margin-bottom: 1.5rem;
  }

  h2{
    font-size: 1.5rem;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 1rem;
    font-family: 'Merriweather', serif;
  }

  h3{
    font-size: 1.25rem;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
  }
  h4{
    font-size: .85rem;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
  }


  b{
    color: #000000;
    font-weight: 600;
  }

  .subsup{
    display: inline-block;
    padding-left: .1em;
    padding-right: .1em;
    line-height: 1.3em;
    vertical-align: -40%;
    font-size: .7em;
  }  
  .subsup span{
   /* display: block;
    height: .5rem;
    padding-bottom: .7rem;*/
    
  }
  .subsup span:nth-child(2){
    
   /* */
   
  }
/*--Fonts_end--*/

/*--Searchbar--*/
  .searchbar{
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0;
  }
  .searchbar input[type="search"], .searchbar button[type="submit"]{
    line-height: 2rem;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    border-radius: 0 !important;
    -webkit-appearance: none;
    color:#FFFFFF;
    vertical-align: top;
    
  }
  .searchbar input[type="search"]{
    background-color: var(--color-line-dark);
  }
  .searchbar input[type="search"]::placeholder{ /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--color-background-greyline);
    opacity: 1; /* Firefox */
  }
  .searchbar input[type="search"]:-ms-input-placeholder{
    color: var(--color-background-greyline);
  }
  .searchbar input[type="search"]::-ms-input-placeholder{
    color: var(--color-background-greyline);
  }

  .searchbar input[type="search"]:focus{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

  }
  .searchbar button[type="submit"], .searchbar button[type="submit"]:hover{
    background: linear-gradient(to right, var(--color-line-dark) 0%, rgba(255,255,255,0.1) 100%);
  }
/*--Searchbar_end--*/

/*--józsivoltam--*/
  .tablazat{
    display:table;
  }
  .tablasor{
    display:table-row;
    padding:10px;
    width:25%;
  }
  .tablacella{
    display:table-cell;
    width:25%;

  }
/*--józsivoltam_end--*/

/*--Calendar--*/
  #naptarcontainer{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    display: block;
    overflow: auto;
    white-space: nowrap;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
    -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
    box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
  }
  #naptarleptet{
    white-space: normal; 
    min-width: 43.6rem;
    padding: 1rem 3.5rem 1rem 1rem;
   
  }
  #naptarleptet table {
    font-size: 1rem;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    table-layout: auto;
  }
  #naptar table {
    table-layout: fixed;
  }
  #balraklikk{
    padding-left: 3em;
    font-size: 1.2rem;
    text-align: left;
  }
  #naptardatum{
    text-align: center;
  }
  #jobbraklikk{
    padding-left: 1.5em;
    font-size: 1.2rem;
    text-align: right;
  }
  #naptar table thead tr th {
    font-size: 1rem;
    padding: 0.5em;
    overflow: hidden;
    /*border-bottom: 1px solid var(--color-line-dark);*/
  }
  #naptar table thead tr th:first-child {
    width: 3em;
    border-bottom-color: transparent;
  }
  #naptar table thead tr th{
    font-weight: 400;
  }
  #naptar table tbody tr:nth-child(8n+1) td, #naptar table tbody tr:nth-child(8n+2) td, #naptar table tbody tr:nth-child(8n+3) td, #naptar table tbody tr:nth-child(8n+4) td {
    /*background-color: #f2f2f2;*/
  }


  #naptar table tbody tr:nth-child(4n+0) td{
    /*border-bottom: 1px solid var(--color-line-dark);*/
    
  }
  #naptar table tbody tr{
    /*height: .5em;*/
    height: .166em;
  }
  #naptar .esemenytabla{
    height: 100%;
    margin:0;
    padding:0;
  }
  #naptar #tablazat_hatter~table tbody tr td {
    /*text-align: center;*/
    vertical-align: middle;
    border-right: 2px ridge var(--color-line-dark);
    position: relative;
    height: 100%;
    /*height: .5rem;*/
    /*cursor: pointer;*/
    /*width: 12.5%;*/
  }
  #naptar .esemenytabla td{
    vertical-align: middle;
   /* border-right: 2px ridge var(--color-line-dark);*/
    position: relative;
  }
  #naptar table tbody tr td:last-child {
   /* border-right: 2px solid var(--color-line-dark);*/
  }
  #naptar table tbody tr:last-child td { 
   /* border-bottom: 1px solid var(--color-line-dark);*/

  }
  #naptar .borderright{
    border-right: 2px ridge var(--color-line-dark);
  }
  #naptar .borderleft{
    border-left: 2px ridge var(--color-line-dark);
  }
  #naptar .borderbottom{
    border-bottom: 1px solid var(--color-line-dark);
  }
  #naptar .grey{
    background-color: #ddd;
  }
  #naptar table tbody{

  }

  #naptar table tbody #szamok {
  background-color: white;
   position: relative;
   width: 100%;
    font-size: 1rem;
    padding-right: 0.5rem;
    height: 2em;
    cursor: default;
  }
  #szamok #felulre{
    position: absolute;
    top: -0.8em;
    right:1rem;
  }

  #naptar #esemeny{
    position: absolute;
    top:0;
    z-index: 1;
    font-size: .7em;
    border: 1px solid /*var(--color-highlight)*/var(--color-line-dark);
    border-radius: 5px;
    /*padding: 0.3em;*/
    width: 97%;
    margin-left: .1em;
    margin-right: .1em;
    /*margin-bottom:.2em;*/
    height: 100%;
    overflow: hidden;

    -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.75);
  }
  .elfogadott{
    background-color: var(--color-highlight);
    color: white;
  }
  .fuggoben{
    background-color: #dddddd;
  }
/*--Calendar_end--*/

/*--Blog--*/
  .blogedit{
    overflow: hidden;
  }
  .blogedit form{
    margin-top: .5rem;
    margin-right: .5rem;
    margin-bottom: .5rem;
    display: inline-block;
  }
  #blogcim{
    padding-top: .5rem;
  }
  .blogsection, #hir_szoveg{
    overflow: hidden;
    margin-left: .5rem;
    margin-right: .5rem;
    margin-bottom: 1.5rem;

    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for WebKit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
  .blogsection p, #hir_szoveg p{
    margin-bottom: 1rem;
  }
  .blogsection img, #hir_szoveg img{

    display: inline-block;
    /*margin-left: auto;
    margin-right: auto;*/
    max-width: 100%;
  }
  .blogsection h2, #hir_szoveg h2{
    color: var(--color-font-highlight);
  }
  .blogsection ul, #hir_szoveg ul{
    margin-bottom: 1rem;
    margin-left: 2.5rem;
    list-style-type: disc;
  }
  .blogsection ol, #hir_szoveg ol{
    margin-bottom: 1rem;
    margin-left: 2.5rem;    
  }
  .blogsection table, #hir_szoveg table{
    table-layout: fixed;
    margin-bottom: 1rem;
    display: block;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    max-width: 100%;
    border-style: none;
  }
  .blogsection tbody, #hir_szoveg tbody{
   display: table;
    width: 100%;
  }
  .blogsection td, #hir_szoveg td{
    padding: .1rem;
  } 
  .blogsection a, #hir_szoveg a{
    color: var(--color-font-highlight);
  }
  .blogsection a:hover, #hir_szoveg a:hover{  
    text-decoration: underline;
  }
  
  .leptetleft{
    margin-top: 1rem;
    margin-left: 1rem;
    position: absolute;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    top: 42%;
    left: 0;
    
    border: 1px solid none;
    background-color: rgba(0,0,0,.5);
    padding: 1rem 1.375rem;
    border-radius: 20rem;
    transition: 0.15s padding ease-out;
  }
  .leptetleft i, .leptetright i{
    position: relative;
    font-size: 2rem;
    color: rgba(255,255,255,.75);
        
  }
  .leptetright{
    margin-right: 1rem;
    margin-top:1rem;
    position: absolute;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    top:42%;
    right: 0;
    
    border: 1px solid none;
    background-color: rgba(0,0,0,.5);
    padding: 1rem 1.375rem;
    border-radius: 20rem;
    transition: 0.15s padding ease-out;
  }
  .leptetleft:hover, .leptetright:hover{
    /*background-color: rgba(0,0,0,.75);*/
    color: #FFFFFF !important;
    padding: 1.25rem 1.625rem;
    transition: padding 0.15s ease-out, background-color 0.15s ease-out;
  }
  /* .leptetleft:hover{
    cursor: pointer;

    background-color: rgba(0,0,0,.1);
  }
  .leptetleft:hover i{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(0,0,0,.7);
  }
  .leptetright:hover{
    cursor: pointer;
    position: absolute;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    height: 100%;
    top: 0;
    right: 0;    
    background-color: rgba(0,0,0,.1);
  }
  .leptetright:hover i{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(0,0,0,.7);
  }*/
/*--Blog_end--*/

/*--Popup_alert--*/
  .popupalert{
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 9800;
    background-color: rgba(0,0,0,0.5);
    display: table;
  }
  .popupalert div{
   display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .popupalert div div{
    display: inline-block;
    margin: 2rem 1rem 1rem 1rem;
    background-color: #FFFFFF;
    padding: 1rem;
    border-radius: 1rem;
  }
  .popupalert p{
    padding-bottom: 1rem;
  }
/*--Popup_alert_END--*/

/*--Cookies--*/
  .cookiepopup{
    position:fixed;
    bottom:0;
    left:0;
    width: 100%;
    z-index: 9000;
    display: table;
    text-align: center;
  }
  .cookiepopup>div{
    display: inline-block;
    background-color: var(--color-background-header1);
    color:#FFFFFF;
    padding: .75rem;
    margin: .5rem;
    border-radius: 1rem;
        -webkit-box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.75);
  }
  .cookiepopupleft{
    padding: .5rem 1rem .5rem .5rem; 
    font-size: 1rem;
  }
  .cookiepopupbottom{
    text-align: right;
  }
  .cookiepopupbottom a{
    font-size: .8rem;
    color: var(--color-background-light);
    text-decoration: underline;
    margin-right:1rem; 
  }
  .cookieform{
  display: inline-block;
  }
  .cookiebutton{
    font-weight: bolder;
    padding: .75rem !important;
    border-radius: .75rem !important;
  }
/*--Cookies_end--*/

.notificationbell i{
  font-size: 1.15rem;
}
.notificationbell span{
  font-size: .8rem;
  top:37%;
  position: absolute;
  background-color: var(--color-background-red);
  line-height:.5rem;
  padding:.2rem .25rem .35rem .3rem;
  border-radius: 5px;
}
.notificationalert i{
  font-size: 1.15rem;
}
.notificationalert span{
  font-size: .8rem;
  top:37%;
  position: absolute;
  background-color: #E86826;
  line-height:.5rem;
  padding:.2rem .25rem .35rem .3rem;
  border-radius: 5px;
}

/*--Popup_notification--*/
  .notificationwrap{
    grid-area: notification;
  }
  .notification{
    margin: .4rem;
    padding: .6rem;
    background-color: var(--color-background-light);
    text-align: center;
  }
  .notification div p{
    width: 70%;
    line-height: normal;
    vertical-align: middle;
  }
  .notification div{
    line-height: .5rem;
    margin-right: 2rem;
  }
  .notification .szurkegomb{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;

  }
  .notification .close{
    margin-right: .2rem;
    font-size: 1.25rem;
    color: var(--color-background-grey);
    float: right;
  }
  .notification hr{
    margin: .6rem 2rem .6rem 2rem;
    border-color: var(--color-background-grey);
  }

/*--Popup_notification_end--*/

/*--Dialogue--*/
  .dialogue{
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background-color: rgba(0,0,0,0.4);
    display: table;
  }
  .dialogue>div{
 display: table-cell;
  vertical-align: middle;
  /*position: absolute;*/
    text-align: center;
    /*overflow: auto;*/
   /* margin: 1rem;*/


  }
  .dialogue>div #browsercontainer{
    display: inline-block;
    width: 100%;
    max-width: 70rem;
    text-align: left;
  }
  .dialogue>div #browsercontainer .fileoptions button{
    transform: translateY(-50%);
  }
  .dialogue>div #browsertree, .dialogue>div #browserightcontainer, .dialogue>div #filelistcontainer{
    height: 50vh !important;
  }
  .dialogue>div #filelist{
    min-height: 49vh !important;
  }
  .dialogue>div #filecontentcontainer{
    height: 49vh !important;
  }
  .dialogue .widebrowser{
    width: 90vw;
    max-width: 73rem;
  }
  .dialogue .talldialogue{
    overflow: auto;    
    max-height: 100vh;

  }
/*--Dialogue_end--*/

/*--Filter--*/
  .filter{
    border-radius: .3rem;
    margin-bottom: 1rem;
    display: inline-block;
    background-color: #FFFFFF;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);

  }
  .filtertitle{
    width: 100%;
    border-radius: .3rem .3rem 0rem 0rem;
    background-color: var(--color-background-nav);
    padding-top:.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: .5rem;
    color: #FFFFFF;
    font-family: 'Merriweather', serif; 
    text-align: left;
    font-weight: bolder;
  }
  .filtersubmit{
    text-align: center;
  }
  .filter form{
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;


  }
  .filter input[type="submit"]{
    margin-top: .7rem;
    font-size: .95rem;
    margin-bottom: .7rem;
    padding: 0.2rem 0.7rem;


  }
  .filter table{
    font-size: 1rem;
    border-top: .2rem solid transparent;
    border-collapse: collapse;
  }
  .filter tbody td:first-child{
    text-align: right;
    padding-right: .5rem; 


  }
  .filter input[type="text"]{
    width: 100%;
    min-width: 5rem;
  }
  .filter input[type="checkbox"], .filter input[type="radio"]{
    margin-top: .5rem;
  } 
/*--Filter_END--*/

/*--Tantargyak_lista--*/
  .targykat{
    display: flex;
    width: 100%;
    padding-left: 1.5rem;
    margin-bottom: .5rem;
    margin-top: 2rem;
    font-size: 1.5rem;
    font-weight: bolder;
    font-family: 'Merriweather', serif;
  }
  .targykat p{
    font-weight: normal;
    margin-left: auto;
    text-align: right;
    margin-right: 1.5rem;
    font-size: 1.1rem;
  }
  .targykat a{
    padding-left: .5rem;
  }
  #targylista{
    /*margin-left: 1rem;*/
    margin-bottom:2rem;
      -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);

      display: block;
    overflow: auto;
    white-space: nowrap;
    
  }
  #targylista table{
    min-width: 100%;
    text-align: center;
    border-collapse: collapse;
    
  }
  #targylista tbody{
   /* border: 2px outset rgba(161,161,161,.1);*/

  }
  #targylista th{
    background-color: var(--color-background-nav);
    padding-top:.5rem;
    padding-bottom:.5rem;
    color: #FFFFFF;
    font-family: 'Merriweather', serif; 
  }
  .middleheader{
    text-align: left;
    padding: .75rem 0rem .75rem 0rem !important;
    color: #FFFFFF !important;
    background-color: var(--color-background-lightgrey) !important;
    border-top: 5px solid var(--color-background-lightgrey);
  }
  .middleheader > span{
    padding: .3rem .75rem .3rem 1rem;
    background-color: var(--color-background-header2);
    border-radius: 0 10px 10px 0;
  }
 
  #targylista tr{
  }
  #targylista td:first-child{
    font-size: 1rem;
    text-align: left;
    padding-left: 1.5rem;
  }
  
  #targylista td{
    font-size: .9rem;
    padding: .5rem;
  }
  #targylista tr:nth-child(2n){
    background-color: var(--color-background-greyline);
  }
  #targylista tr:hover{
    background-color: var(--color-background-light);
    cursor:pointer;
  }
/*--Tantargyak_lista--*/

/*--Tantargyak_single--*/
  .tantargy_piktogram{
    display: inline-block;
    transform: translateY(.75rem);
    height: 3.5rem;
    
    object-fit:  cover;
    margin-right: 1rem;
  }
  #targyadatok{
    text-align: center;
    margin-left: 2rem;
    margin-right: 2rem;
    display: flex;
    flex-wrap: wrap;
   
  }
  #targyadatok span{
    font-weight: bolder;
  }
  #targyadatok p{
    padding-top: .5rem;
  }
  #targyadatok div{
    flex-grow: 1;
    width: 9.2rem;
    padding: .5rem;
    border-left: 1px solid var(--color-line-light);
    border-right: 1px solid var(--color-line-light);
  }

  .disclaimer{
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 1rem;
    font-style: italic;
    text-align: center;
  }
  #tantargyletoltesek{
    padding: .5rem;
  }
  #tantargyletoltesek ul{
    padding-left: 1rem;
    list-style-type: none;
  }
  #tantargyletoltesek li{
    white-space: nowrap;
    padding-top : .5rem;
  }
  #tantargyletoltesek .fa-folder, #tantargyletoltesek .fa-folder-open{
    padding-right: .2rem;

  }
  #tantargyletoltesek .fa-angle-right, #tantargyletoltesek .fa-angle-down{
    padding-right: .5rem;
  }
  #tantargyletoltesek .fa-folder-open, #tantargyletoltesek .fa-angle-down,#tantargyletoltesek .fa-folder-open+b, #tantargyletoltesek .fa-angle-down+b{
    color: var(--color-font-highlight)
  }

  #tantargyletoltesek tr:hover{
    background-color: var(--color-background-light) !important;
  }
  .buttontableactive span{
    display: block;
  background-color: var(--color-background-nav);
      padding: .5rem 1rem;
      color: #FFFFFF;
      font-family: 'Merriweather', serif; 
      border-radius: 5px 5px 0rem 0rem;
      font-weight: bolder;
  }
/*--Tantargyak_single_end--*/

  .filetree ul{
    padding-left: 1rem;
    list-style-type: none;
  }
  .filetree li{
    white-space: nowrap;
    padding-top : .5rem;
  }
  .filetree .fa-folder, .filetree .fa-folder-open{
    padding-right: .2rem;

  }
  .filetree .fa-angle-right, .filetree .fa-angle-down{
    padding-right: .5rem;
  }
  .filetree .fa-angle-down, .filetree .fa-angle-down + .fas, .filetree .fa-angle-down + .fas + .fas, .filetree .fa-folder-open+b, .filetree .fa-angle-down+b, .filetree .fa-folder-open + .fas +b{
    color: var(--color-font-highlight)
  }
  .filetree{
    text-align: left;
    max-height: 80vh;
    overflow: auto;
    margin: 1rem;
    padding: 1rem;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
  }


/*--Buttontable--*/
  .buttontable{
    background-color: var(--color-background-nav);
    font-family: 'Merriweather', serif;
    font-size: 1rem;
    color: #FFFFFF;
    padding: 0.5rem 1rem; 
    margin-left: 2rem;
    margin-bottom: 1rem;
    margin-right: 2rem;
    display: block;
    width: max-content;/*doesn't work in IE or Edge*/
    outline: none;
    border: none;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;   
  }
  .buttontable tbody{
    display: none;
  }
  .buttontableactive{
    max-width: 100%;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
        -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
        box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
    margin-bottom: 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
    text-align: left;
  }
  .buttontableactive table{
    border-collapse: collapse;
    width: 100%;
    /*text-align: center;*/

  }
  .buttontableactive tbody{
  display: table-row-group;

  }
  .buttontableactive th{
    cursor: pointer;
    background-color: var(--color-background-nav);
    padding: .5rem 1rem;
    color: #FFFFFF;
    font-family: 'Merriweather', serif; 
    border-radius: 5px 5px 0rem 0rem;
  }
  .buttontableactive tr{
  }
  .buttontableactive td:first-child{
    font-size: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .buttontableactive td{
    font-size: .9rem;
    padding: .5rem 1rem;
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for WebKit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
  .buttontableactive tr:nth-child(2n){
      background-color: #f2f2f2;
    }
  .buttontable i, .buttontableactive i{
    padding: 0 .2rem;
  }
/*--Buttontable_end--*/

/*--Profil_minimal--*/
  #minimalprofilcontainer{

    display: grid;
    grid-gap: .5rem;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
  #minimalprofilcontainer h3{
    grid-column: 1 / -1;
    margin-top: 1rem;
  }
  #minimalprofilcontainer img{
    height: 4.5rem;
    object-fit: cover;
    min-width: 4.5rem;
    min-height: 4.5rem;
    width: 4.5rem; 
  }

  #minimalprofilcontainer #profilszoveg{
    
    overflow: hidden;
    font-size: .9rem;
  }
  #minimalprofilcontainer #profilszoveg p{
    padding-bottom: 0rem;

  }
/*--Profil_minimal_end--*/

/*--Browser_kepnezegeto--*/
  #kepnezegeto{
    padding: .3rem;
      background-color: #f2f2f2;
      border-radius: 5px;
      -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
          -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
          box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
  }
  #kepnezegetocenter{
    border-left:5px solid #f2f2f2;
    border-right:5px solid #f2f2f2;
     -webkit-box-shadow: inset 1px 1px 5px 0px rgba(161,161,161,1);
    -moz-box-shadow: inset 1px 1px 5px 0px rgba(161,161,161,1);
    box-shadow: inset 1px 1px 5px 0px rgba(161,161,161,1);
    padding: 5px;
    background-color: #ffffff;
    height: 70vh;
  }
/*--Browser_kepnezegeto_end--*/

/*--Browser--*/
  #browsercontainer{
    padding-left: .3rem;
    background-color: #f2f2f2;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
        -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
        box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
  }
  #browser{
    width: 100%;

    
    position: relative;
    padding-top: 4.2rem;
    padding-bottom: 2.5rem;
    
  }
  #browsertreetop{
    line-height: 1.5rem;
    height: 1.5rem;
    text-align: right;
    margin-right: 1.8vh;
  }

  #browsertree{
    height: 70vh;
    background-color: #f2f2f2;
    width: 30%;
    
    font-size: .9rem;
    overflow: auto;
    padding-right: .2rem;
    list-style-type: none;
    
  }
  #browsertree ul{
    padding-left: 1rem;
    list-style-type: none;
  }
  #browsertree li{
    white-space: nowrap;
    padding-top : .5rem;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
  }
  #browsertree .fas{
    padding-right: .2rem;

  }
  #browsertree .fa-angle-right, #browsertree .fa-angle-down{
    padding-right: .5rem;
  }

  #browsertree .fa-angle-down, #browsertree .fa-angle-down + .fas, #browsertree .fa-angle-down + .fas + .fas, #browsertree .fa-folder-open+b, #browsertree .fa-angle-down+b, #browsertree .fa-folder-open + .fas +b{
    color: var(--color-font-highlight)
  } 

  #browserightcontainer{
    position: absolute;
    width: 70%;
    height: 70vh;
    right: 0;
    top: 0;

  }
  .fileoptions{
    height: 2.5rem;
    background-color: #f2f2f2;
    text-align: left;
    margin-right: 1rem;
  }
  .fileoptions span{
    padding-left: .2rem;
    display: none;
  }
  .fileoptions div{
    display: inline-block;
    line-height: 1.6rem;
    
  }
  .fileoptions div a{
    display: inline-block;
  }
  .fileoptions div a, .fileoptions div button{
    height: 1.75rem;
    margin: .35rem 0rem .35rem .5rem;
    
    font-size: .85rem;
    outline: none;
    padding: 0.07rem .5rem;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    color: #000000;
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #f2f2f2 0%, #f2f2f2 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #f2f2f2 0%, #f2f2f2 100%); /* IE 10+ */
      background: linear-gradient(to bottom, #f2f2f2 0%, #f2f2f2 100%);/* W3C */
  
  }
  .fileoptions div a:hover, .fileoptions div button:hover{
    color: #FFFFFF;
    background: -webkit-linear-gradient(top, var(--color-button-lighter) 0%, var(--color-highlight) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, var(--color-button-lighter) 0%, var(--color-highlight) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, var(--color-button-lighter) 0%, var(--color-highlight) 100%); /* IE 10+ */
      background: linear-gradient(to bottom, var(--color-button-lighter) 0%, var(--color-highlight) 100%);/* W3C */
  }
  #filelisttop{
    background-color: #FFFFFF;
    border: 1px solid rgb(161,161,161,0.5);
    padding: 0em .5rem;
    line-height: 1.5rem;
    margin-right: .5rem;
    margin-left: .5rem;
    margin-bottom:  .2rem;
    height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #filelistcontainer{
    border-left:5px solid #f2f2f2;
    border-right:5px solid #f2f2f2;
     -webkit-box-shadow: inset 1px 1px 5px 0px rgba(161,161,161,1);
    -moz-box-shadow: inset 1px 1px 5px 0px rgba(161,161,161,1);
    box-shadow: inset 1px 1px 5px 0px rgba(161,161,161,1);
    padding: 5px;
    background-color: #ffffff;
    height: 70vh;
  }
  #filelist{
    
    display: block;
    overflow: auto;
    white-space: nowrap;
    min-height: 69vh;
    padding-left: .5rem;
    /*padding-right: .5rem;*/
     
  }

  #filelist table{
    min-width: 100%;
    text-align: center;
    border-collapse: collapse;
    
  }
  #filelist th{
    text-align: center;
      padding-top:.5rem;
      padding-bottom:.5rem;
      font-family: 'Merriweather', serif; 
  }
  #filelist tr{
  }
  #filelist td:first-child{
    font-size: 1rem;
    text-align: left;
    padding-left: .5rem;
  }
  #filelist td input[type="checkbox"]{
    padding-right: 1.5rem
  }
  #filelist td i, #tantargyletoltesek td i{
    padding-right: .5rem;
    padding-left: .3rem;
    
    width: 2rem;
    text-align: center;
  }
  #filelist td .fa-trash, #filelist td .fa-edit, #filelist td .fa-copy, #filelist td input[type="checkbox"]{
    border-right: 1px solid black;
  } 
  #filelist td .fa-trash{
    color: var(--color-font-alert-red)
  }
  #filelist td{
    font-size: .9rem;
    padding: .5rem;
  }
  #filelist tr:nth-child(2n){
    background-color: #f2f2f2;
    z-index: 0;
  }
  #filelist tr:hover{
    background-color: var(--color-background-light);
    
  }
/*--Browser_end--*/

/*--File_explorer--*/

  #filebrowser{
    
  }
  #filetree{
    padding-left: 1rem;
    list-style-type: none;
  }
  #filebrowser ul{
    padding-left: 1rem;
    list-style-type: none;
  }
  #filebrowser li{
    padding-top : .5rem;
    
  }
  #filebrowser .fa-folder, #filebrowser .fa-folder-open{
    padding-right: .2rem;
  }
  #filebrowser .fa-angle-right, #filebrowser .fa-angle-down{
    padding-right: .5rem;
  }
  #filecontentcontainer{
    height: 69vh;
    display: block;
    overflow: auto;
    white-space: nowrap;
  }
  #filegridcontainer{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
  }
  #filegridcontainer div{
    position: relative;
    /*overflow: hidden;*/
    height: 15vmax;
    width: 20vmax;
    padding-left: .5rem;
    margin-top: .25rem;
    margin-bottom: .25rem;
    /*margin-left: auto;
    margin-right: auto;*/

    /*border:2px solid var(--color-background-light);*/
    /*background-color: var(--color-background-light);*/
  }
  #filegridcontainer input[type="checkbox"], #filegridcontainer input[type="radio"]{
    padding-top: .25rem;
    padding-left: .25rem;
    padding-right: 1.75rem;
    padding-bottom: .5rem;
    border-radius: 0px 0px 18px 0px;
    border-right:2px solid rgba(200, 200, 200, 0.9);
    border-bottom:2px solid rgba(200, 200, 200, 0.9);
    color: var(--color-font-grey);
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFFFFF;
  }
  #filegridcontainer input[type="checkbox"]:hover, #filegridcontainer input[type="radio"]:hover{
    background-color: #FFFFFF;
    color: var(--color-font-highlight);
  }
  #filegridcontainer input[type="checkbox"]:checked, #filegridcontainer input[type="radio"]:checked{
    background-color: rgba(200, 200, 200, 0.9);
    color: var(--color-font-highlight);

    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 2.5rem;
    padding-bottom: 1.5rem;
  }
  #filegridcontainer img{
    
    
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
  #filegridcontainer span{
    position: absolute;
    bottom:0;
    left: 0;
    text-overflow: ellipsis;
    overflow: hidden; 
    white-space: nowrap;
    width: 100%;
    padding-left: .5rem;
  }
  #filegridcontainer span:hover{
    position: absolute;
    bottom:0;
    left: 0;
    overflow: visible;
    white-space: wrap;
    width: 20vmax;
    padding-left: .5rem;
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for WebKit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
 
  
/*--File_explorer_END--*/

/*--General--*/
  ul{
    list-style-type: none;
  }
  img, video{
    max-width: 100%;
  }
  .pointer{
    cursor: pointer;
  }
  .notpointer{
    cursor: default !important;
  }
  .loginlink{
    line-height: 2em;
    font-size: 0.9em;

  }
  .hoverhighlight:hover{
    color: var(--color-font-highlight);
  }
  .hoverunderline:hover{
    text-decoration: underline;
  }
  .linkhighlight a:hover{
    color: var(--color-font-highlight);
  }
  .linkunderline a:hover{
    color: var(--color-background-header1);
    text-decoration: underline;
  }
  .zoom{
    transition: transform .2s;
  }
  .zoom:hover{
    transform: scale(1.05);
  }
  .horizontalscroll{
    display: block;
    overflow: auto;
    white-space: nowrap; 
  }
  .horizontalscrollcomp{
    overflow-x:auto;
  }
  .cardeffect{
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
  }
  hr{
    border-top: 1px solid var(--color-background-greyline);
    border-bottom: 1px solid var(--color-background-greyline);
    border-left: 1px solid var(--color-background-greyline);
    border-right: 1px solid var(--color-background-greyline);
  }
  

  .pointer{
    cursor: pointer;
  }

  fieldset{
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: .5rem;
    margin-top: 1rem;
    border-style: outset;
  }
  fieldset legend{
    font-size: 1.25rem;
    font-weight: 300;
  }
  fieldset input[type="submit"]{
    margin-top: .5rem;
  }
  .indent{
    padding-left: 1rem;
  }
  .indent2{
    padding-left: 2rem;
  }
  .title{
    /*max-width: max-content;
    margin-left: auto;
    margin-right: auto;
    display: flex;*/
    line-height: 3.5rem;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 300;
    font-family: 'Merriweather', serif;
    margin-bottom: 2rem;
  }
  .italic{
    font-style: italic;
  }
  .justify{
    text-align: justify !important;
  }
  .center{
    text-align: center !important;
  }
  .automargincenter{
    margin-left: auto;
    margin-right: auto;
  }
  .left{
    text-align: left !important;
  }
  .right{
    text-align: right !important;
  }
  .relative{
    position: relative;
  }
  .breakword{
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for WebKit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
  .keepbreak{
    white-space: pre-wrap;
  }
  .centerall{
    position: relative;
    width: 100%;
    min-height: 20rem;
  }
  .centerall div{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  /*--Margins_general--*/
    .margin0{
      margin: 0 !important;
    }
    .margin02{
      margin: 0.2rem !important;
    }
    .margin04{
      margin: 0.4rem !important;
    }
    .margin06{
      margin: 0.6rem !important;
    }
    .margin08{
      margin: 0.8rem !important;
    }
    .margin1{
      margin: 1rem !important;
    }
    .margin15{
      margin: 1.5rem !important;
    }
    .margin20{
      margin: 2rem !important;
    }

    .marginver0{
      margin-top: 0;
      margin-bottom: 0;
    }
    .marginver02{
      margin-top: 0.2rem;
      margin-bottom: 0.2rem;
    }
    .marginver04{
      margin-top: 0.4rem;
      margin-bottom: 0.4rem;
    }
    .marginver06{
      margin-top: 0.6rem;
      margin-bottom: 0.6rem;
    }
    .marginver08{
      margin-top: 0.8rem;
      margin-bottom: 0.8rem;
    }
    .marginver1{
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
    .marginver15{
      margin-top: 1.5rem;
      margin-bottom: 1.5rem;
    }
    .marginver20{
      margin-top: 2rem;
      margin-bottom: 2rem;
    }

    .marginbott0{
      margin-bottom: 0;
    }
    .marginbott02{
      margin-bottom: 0.2rem;
    }
    .marginbott04{
      margin-bottom: 0.4rem;
    }
    .marginbott06{
      margin-bottom: 0.6rem;
    }
    .marginbott08{
      margin-bottom: 0.8rem;
    }
    .marginbott1{
      margin-bottom: 1rem;
    }
    .marginbott15{
      margin-bottom: 1.5rem;
    }
    .marginbott20{
      margin-bottom: 2rem;
    }
    .marginbott25{
      margin-bottom: 2.5rem;
    }

    .padding0{
      padding: 0;
    }
    .padding02{
      padding: 0.2rem;
    }
    .padding04{
      padding: 0.4rem;
    }
    .padding06{
      padding: 0.6rem;
    }
    .padding08{
      padding: 0.8rem;
    }
    .padding1{
      padding: 1rem;
    }
    .padding15{
      padding: 1.5rem;
    }
    .padding20{
      padding: 2rem;
    }

    .paddinghor0{
      padding: 0;
    }
    .paddinghor02{
      padding: 0 0.2rem;
    }
    .paddinghor04{
      padding: 0 0.4rem;
    }
    .paddinghor06{
      padding: 0 0.6rem;
    }
    .paddinghor08{
      padding: 0 0.8rem;
    }
    .paddinghor1{
      padding: 0 1rem;
    }
    .paddinghor15{
      padding: 0 1.5rem;
    }
    .paddinghor20{
      padding: 0 2rem;
    }
  /*--Margins_general_end--*/

  /*--General_tablelist--*/
    .tablelistcontainer{
      margin-bottom:1rem;
      -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);

      display: block;
    overflow: auto;
    white-space: nowrap;
    }
    .tablelist{
      min-width: 100%;
      text-align: center;
      border-collapse: collapse;
      
    }
    .tablelist{
     /* border: 2px outset rgba(161,161,161,.1);*/

    }
    .tablelist th{
      background-color: var(--color-background-nav);
      padding: .5rem;
      color: #FFFFFF;
      font-family: 'Merriweather', serif; 
    }

    .tablelist tbody tr{
    }
    .tablelist tbody td:first-child{
      padding-left: 1.5rem;
    }
    
    .tablelist tbody td{
      font-size: .9rem;
      padding: .5rem;
    }
    .tablelist tbody tr:nth-child(2n){
      background-color: var(--color-background-greyline);
    }
    .tablelist tbody tr input[type="text"], .tablelist tbody tr input[type="email"],.tablelist tbody tr input[type="number"], .tablelist tbody tr select, .tablelist tbody tr textarea{
      border:2px solid var(--color-line-light);
    }
    .tablelist tbody tr input[type="text"]:focus, .tablelist tbody tr input[type="email"]:focus,.tablelist tbody tr input[type="number"]:focus, .tablelist tbody tr select:focus, .tablelist tbody tr textarea:focus{      
        -webkit-box-shadow: 0px 0px 0px 0px var(--color-background-header1);
      -moz-box-shadow: 0px 0px 0px 0px var(--color-background-header1);
      box-shadow: 0px 0px 0px 0px var(--color-background-header1);
      border:2px solid var(--color-highlight);
    }
    .tablelist tbody tr:hover{
      background-color: var(--color-background-light);
      cursor:pointer;
    }
    .tablelist .firstgrey{
      background-color: var(--color-background-greyline) !important;
    }
    .tablelist .firstgrey:hover{
      background-color: var(--color-background-greyline) !important;
      cursor: default;
    }
    .tablelist .bordertop{
      border-top: 1px solid var(--color-background-header1);
    }
    .tablelist .borderright{
      border-right: 1px solid var(--color-background-header1);
    }
    .tablelist .fa,.tablelist .fas,.tablelist .far{
      padding-right: .2rem; 
    }
    .tablelist .headerhighlight{
      background-color: var(--color-background-light);
      color: var(--color-background-header2);
      padding: .2rem .4rem;
      border-radius: 5px;
      display: inline-block;

    }
  /*--General_tablelist_end--*/

  /*--General_blank_tablelist--*/
    .blanktablelist{
      min-width: 100%;
      text-align: center;
      border-collapse: collapse;
      
    }
    .blanktablelist{
     /* border: 2px outset rgba(161,161,161,.1);*/

    }
    .blanktablelist th{
      background-color: var(--color-background-nav);
      padding: .5rem;
      color: #FFFFFF;
      font-family: 'Merriweather', serif; 
    }

    .blanktablelist tbody tr{
      cursor:pointer;
    }
    .blanktablelist tbody td:first-child{
      /*padding-left: 1.5rem;
      text-align: left;*/
    }
    
    .blanktablelist tbody td{
      font-size: .9rem;
      padding: .5rem;
    }
    .blanktablelist tbody tr:nth-child(2n){
      /*background-color: var(--color-background-greyline);*/
    }
    .blanktablelist tbody tr input[type="text"], .blanktablelist tbody tr input[type="email"],.blanktablelist tbody tr input[type="number"], .blanktablelist tbody tr select, .blanktablelist tbody tr textarea{
      border:2px solid var(--color-line-light);
    }
    .blanktablelist tbody tr input[type="text"]:focus, .blanktablelist tbody tr input[type="email"]:focus,.blanktablelist tbody tr input[type="number"]:focus, .blanktablelist tbody tr select:focus, .blanktablelist tbody tr textarea:focus{      
        -webkit-box-shadow: 0px 0px 0px 0px var(--color-background-header1);
      -moz-box-shadow: 0px 0px 0px 0px var(--color-background-header1);
      box-shadow: 0px 0px 0px 0px var(--color-background-header1);
      border:2px solid var(--color-highlight);
    }
    /*.blanktablelist tbody tr:hover{
      /*background-color: var(--color-background-light);*
      
    }*/
    .blanktablelist .firstgrey{
      /*background-color: var(--color-background-greyline) !important;*/
    }
    .blanktablelist .firstgrey:hover{
      /*background-color: var(--color-background-greyline) !important;*/
      cursor: default;
    }
    .blanktablelist .bordertop{
      border-top: 1px solid var(--color-background-header1);
    }
    .blanktablelist .borderbottom{
      border-bottom: 1px solid var(--color-background-header1);
    }
    .blanktablelist .borderright{
      border-right: 1px solid var(--color-background-header1);
    }
    .blanktablelist .fa,.blanktablelist .fas,.blanktablelist .far{
      padding-right: .2rem; 
    }
    .blanktablelist p{
      text-align: left;
      /*max-width: 10rem;*/
      white-space: pre-wrap;
    }
    .blanktablelist .greyback{
      background-color: var(--color-background-greyline);
    }
  /*--General_blank_tablelist_end--*/

  /*--General_mimimal_tablelist--*/
    .minimaltablelist{
        min-width: 100%;
        text-align: center;
        border-collapse: collapse;
        background-color: var(--color-background-light);
    }
    .minimaltablelist th{
      /*background-color: var(--color-background-light);*/
     /* border-bottom: 1px solid white/*var(--color-line-light)*/;*/
    }
    .minimaltablelist th, .minimaltablelist td{
      border-right: .6rem solid white/*var(--color-line-light)*/;
      padding: .2rem;
    }
    .minimaltablelist th:last-child, .minimaltablelist td:last-child{
      border-right: 1px solid transparent;
    }
  /*--General_mimimal_tablelist_end--*/

  /*--General_colors--*/
    #coloralert{
      color: var(--color-font-alert-red);
    }
    #colorhighlight{
      color: var(--color-font-highlight);
    }
    #hiba{
      color: var(--color-font-alert-red);
    }
    #siker{
      color: var(--color-font-green);
    }
    #ajzold{
      color: var(--color-font-green);
    }
    #ajfekete{
    }
    #ajnarancs{
      color: var(--color-font-narancs);
    }
    .coloralert{
      color: var(--color-font-alert-red);
    }
    .colorhighlight{
      color: var(--color-font-highlight);
    }
    .colorhighlight{
      color: var(--color-font-highlight);
    }
    .hiba{
      color: var(--color-font-alert-red);
    }
    .siker{
      color: var(--color-font-green);
    }
    .ajzold{
      color: var(--color-font-green);
    }
    .ajfekete{
    }
    .ajnarancs{
      color: var(--color-font-narancs);
    }
    .fontwhite{
      color:#FFFFFF;
    }
    .backgroundwhite{
      background-color: #FFFFFF;
    }
    .backgroundgrey{
      background-color: var(--color-background-greyline);
    }
    .backgroundlightgrey{
      background-color: var(--color-background-lightgrey);
    }
    .backgroundlight{
      background-color: var(--color-background-light)
    }
    .backgroundgreen{
      background-color: var(--color-background-green)
    }
    .backgroundblue{
      background-color: var(--color-background-blue)
    }
    .backgroundred{
      background-color: var(--color-background-red)
    }
    .backgroundyellow{
      background-color: var(--color-background-yellow)
    }
    .backgroundpurple{
      background-color: var(--color-background-purple)
    }
  /*--General_colors_end--*/

  .insetblockcontainer{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

  }
  .insetblockcontainer>li {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
    text-align:center;
    list-style-type: none;
    padding: .6rem;
    margin: .3rem;
         -webkit-box-shadow: inset 1px 1px 5px 0px rgba(161,161,161,1);
    -moz-box-shadow: inset 1px 1px 5px 0px rgba(161,161,161,1);
    box-shadow: inset 1px 1px 5px 0px rgba(161,161,161,1);
    background-color: #FFF;
  }
/*--General_END--*/

/*--OHV--*/
  #ohvlist{
    font-size: 1.1rem;
    margin-left: .5rem;
  }
  #ohvlist table{
    width: 100%;
    margin-bottom: 1rem;
  }
  #ohvlist td{
    text-align: center;

  }
  #ohvlist p{
    
  }
  #ohvlist span{

    
    
  }
  #ohvlist img{
    height: 3.5ch;
    margin-left:auto;
    margin-right: auto;
    
  }

  #ohvlist label{
    display: inline-block; 
    cursor: pointer;
    margin-top: .5rem;
    margin-bottom: 0rem;    
    min-width: 3.5ch;
  }

  #ohvlist.szam label{
    display: inline-block;
    padding: .4rem; 
    cursor: pointer;
    background-color: var(--color-background-lightgrey);
    border-radius: 10px; 
    margin-top: .5rem;
    margin-bottom: 0rem;    
    min-width: 3.5ch;
    transition: transform .2s;
   /* font-size: 1.25em;*/
  }
  
  
    
  #ohvlist label:hover{
    transform: scale(1.05);
  }  
  #ohvlist input[type="checkbox"]{
  }
  #ohvlist textarea{
    margin-top: .5rem;
    width: 100%;
  }
  .ohvtable{
    overflow-x:auto
  }

  .ohvtable th{
    font-size: .9rem;
    background-color: #FFFFFF;    
    color: #000000;
    border-bottom: 1px solid var(--color-background-header1);
  }
  .ohvtable td{
    font-size: .9rem;
  }
  .ohvtable .date{
    font-size: .75rem;
    font-weight:lighter;
  }
/*--OHV_END--*/


/*--happy little progress bar--*/
  .flexer,
  .progresswizard {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
  }

  .flexer-element,
  .progresswizard>li {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1
  }

  .progresswizard {
    padding: .75rem 0 .4rem 0;
    font-size: 80%;
  }

  .progresswizard>li {
    list-style: none;
    text-align: center;
    width: auto;
    padding: 0;
    margin: 0;
    position: relative;
    text-overflow: ellipsis;
    color: #bbb;
    display: block
  }

  .progresswizard>li.completed,
  .progresswizard>li.completed .bubble {
    color: #65d074
  }

  .progresswizard>li .bubble {
    border-radius: 1000px;
    width: 20px;
    height: 20px;
    background-color: #bbb;
    display: block;
    margin: 0 auto .5em;
    border-bottom: 1px solid #888
  }



  .progresswizard>li .bubble:after,
  .progresswizard>li .bubble:before {
    display: block;
    position: absolute;
    top: 9px;
    width: 100%;
    height: 3px;
    content: '';
    background-color: #bbb
  }

  .progresswizard>li.completed .bubble,
  .progresswizard>li.completed .bubble:after,
  .progresswizard>li.completed .bubble:before {
    background-color: #65d074;
    border-color: #247830
  }

  .progresswizard>li .bubble:before {
    left: 0
  }

  .progresswizard>li .bubble:after {
    right: 0
  }

  .progresswizard>li:first-child .bubble:after,
  .progresswizard>li:first-child .bubble:before {
    width: 50%;
    margin-left: 50%
  }

  .progresswizard>li:last-child .bubble:after,
  .progresswizard>li:last-child .bubble:before {
    width: 50%;
    margin-right: 50%
  }

  .progresswizard>li.active,
  .progresswizard>li.active .bubble {
    color: var(--color-background-blue)
  }

  .progresswizard>li.active .bubble,
  .progresswizard>li.active .bubble:after,
  .progresswizard>li.active .bubble:before {
    background-color: var(--color-background-blue);
    border-color: #122a3f
  }

  .progresswizard>li a:hover .bubble,
  .progresswizard>li a:hover .bubble:after,
  .progresswizard>li a:hover .bubble:before {
    background-color: var(--color-background-header1);
    border-color: #1f306e
  }

  .progresswizard>li a:hover .bubble {
    color: var(--color-background-header1)
  }

  .progresswizard>li.danger .bubble,
  .progresswizard>li.danger .bubble:after,
  .progresswizard>li.danger .bubble:before {
    background-color: #d3140f;
    border-color: #440605
  }

  .progresswizard>li.danger .bubble {
    color: #d3140f
  }

  .progresswizard>li.warning .bubble,
  .progresswizard>li.warning .bubble:after,
  .progresswizard>li.warning .bubble:before {
    background-color: #edb10a;
    border-color: #5a4304
  }

  .progresswizard>li.warning .bubble {
    color: #edb10a
  }

  .progresswizard>li.info .bubble,
  .progresswizard>li.info .bubble:after,
  .progresswizard>li.info .bubble:before {
    background-color: #69359c;
    border-color: #25135d
  }

  .progresswizard>li.info .bubble {
    color: #5b32d6
  }
/*--Progressbar_end--*/


/*--Progresslist--*/
  .progresslistcontainer{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .progresslist{

    display: inline-block;
    -webkit-flex: 1; 
      -ms-flex: 1; 
      flex: 1;
    padding: .6rem;
  }
  .progresslist ul{
    padding: .6rem;
    margin: .3rem;
         -webkit-box-shadow: inset 1px 1px 5px 0px rgba(161,161,161,1);
    -moz-box-shadow: inset 1px 1px 5px 0px rgba(161,161,161,1);
    box-shadow: inset 1px 1px 5px 0px rgba(161,161,161,1);
  }
  .progresslist li{

    padding-top: .2rem;
  }
  .progresslist p{
    padding: 0 .6rem 0 .6rem;
    font-size: 1.2rem;
    font-weight: 400;
  }

  .progresslist .normal{
    padding-left: 1.25rem;
    color: var(--color-font-grey);
  }
  .progresslist .active{
    color: var(--color-background-blue);
  }
  .progresslist .completed{
    color: #65d074;
  }
  .progresslist .warning{
    color: #edb10a
  }

  .progresslist .active, .progresslist .completed, .progresslist .warning{
    position: relative;
    padding-left: 1.25rem;
  }

  .progresslist .active i, .progresslist .completed i, .progresslist .warning i{
    position: absolute;
    left: 0;
    padding-right: .2rem;
  }

/*--Progresslist_end--*/

  .inputtable{
    font-size: 1rem;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
  }
  .inputtable tbody td:first-child{
    text-align: right;
  }
  .inputtable tbody td{
    padding-right: .5rem; 
  }
  .inputtable input[type="text"]{
    width: 100%;
    min-width: 5rem;
  }
  .inputtable input[type="checkbox"], .inputtable input[type="radio"]{
    margin-top: .5rem;
  }
  .longinputtext{
    min-width: 26rem;
  }

.cardgrid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-gap: 1rem;
  margin-top:1rem;
}
.cardpicker{
  -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
  -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
  box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
  text-align: center;
  background-color: var(--color-background-lightgrey);
  
}
.cardpicker input[type="radio"]{
  /*width: 100%;
  background-color: red;*/
}
.cardpicker label{
  display: block;
  padding: .5rem;  
}


#charcounter_div{
  border:1px solid #ccc;
  padding: .25rem 1.5rem;
}

.textareacounter{
  position: absolute; 
  right:0; 
  bottom: 0; 
  transform: translate(-58%, -35%); 
  font-size:.85rem; 
  border-radius:0px 0px 3px 0px;
  padding: .15rem;
  -webkit-box-shadow: -1px -1px 2px 1px var(--color-highlight);
  -moz-box-shadow: -1px -1px 2px 1px var(--color-highlight);
  box-shadow: -1px -1px 2px 1px var(--color-highlight);
}


/*--Text_grid--*/
  .textgridcontainer{
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    margin-left:1rem; 
  }
  .textgridcontainer h3{
    grid-column: 1 / -1;
    transform: translateX(-1rem);
  }
  .textgridcontainer a{
    display:table;
    min-height: 3.5rem;
  }
  .textgridcontainer a div{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    
    padding: .4rem;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);   
    background-color: var(--color-background-lightgrey) 
  }
  .textgridcontainer a div:hover{
    background-color: var(--color-background-light) 
  }
/*--Text_grid_end--*/

/*--Bookstore--*/
  .bookstore{
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    margin-left:1rem; 
  }
  .book{
    font-size: .9rem;
    padding: .5rem;
    width: 100%; 
    height: 100%;
    text-align: center;
    transition: transform .2s;
  }
  .book:hover{
    background-color: var(--color-background-lightgrey);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);  transform: scale(1.01);
  }
  .book img{
    width:13.75rem;
    height:20rem;
    object-fit: cover;
    margin-right: .5rem;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
  }
  .book .booktitle{
    font-size: 1.2rem;
    color: var(--color-font-highlight);
    font-weight: 500;
    font-family: 'Merriweather', serif;
    
  }
  .book .author{
    font-size: .8rem;
    font-weight: bolder;
    padding-top: .25rem;
    margin-top: .25rem;
    margin-bottom: .3rem;,
    padding-left:.5rem;
    padding-right:.5rem;
    border-top: 1px solid black;
  }
  .book .tags{
    min-height: 1.2rem;
  }
  .book .tags span{
    font-size: .7rem;
    display: inline-block;
    background-color: #e8e8e8;
    margin-right: .5rem;
    padding: .25rem .5rem;
    margin-top: .5rem;
  }
  
/*--Bookstore_end--*/
  .inline{
    display: inline-block;
  }
  .tag{
    font-size: .65rem;
    display: inline-block;
    background-color: #e8e8e8;
    border-radius: 8px;
    border: 1px solid var(--color-line-dark);
    margin-right: .5rem;
    padding: .25rem .5rem;
    /*margin-top: .25rem;*/
  }
  .fixedtag{
    width: 3.9rem;
    font-size: .65rem;
    display: inline-block;
    background-color: #e8e8e8;
    border-radius: 8px;
    border: 1px solid var(--color-line-dark);
    margin-right: .5rem;
    padding: .25rem .5rem;
    /*margin-top: .25rem;*/
  }

/*--Bookstoresingle--*/

  .singlebook{
    font-size: .9rem;
    padding: .5rem;
    width: 100%; 
    height: 100%;
    text-align: left;
    transition: transform .2s;
  }

  .singlebook img{
    width:220px;
    height:311px;
    object-fit: cover;
    margin-right: .5rem;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
  }
  .singlebook .booktitle{
    font-size: 1.2rem;
    color: var(--color-font-highlight);
    font-weight: 500;
    font-family: 'Merriweather', serif;
    
  }
  .singlebook .author{
    font-size: .8rem;
    font-weight: bolder;
    padding-top: .25rem;
    margin-top: .25rem;
    margin-bottom: .3rem;,
    padding-left:.5rem;
    padding-right:.5rem;
    border-top: 1px solid black;
  }
  .singlebook .tags{
    min-height: 1.2rem;
  }
  .singlebook .tags span{
    font-size: .7rem;
    display: inline-block;
    background-color: #e8e8e8;
    margin-right: .5rem;
    padding: .25rem .5rem;
    margin-top: .5rem;
  }
  .inline{
    display: inline-block;
  }
/*--Bookstoresingle_end--*/

/*MOGI_szaklogo*/
  .szaklogolarge{
    display: none;
  }
  .szaklogosmall{
    display: block;


  }
  .szaklogosmall label{
    margin: .1rem;
    font-size: .9rem;
    display: block;
    text-align: left;
    margin-bottom: .7rem;
  }
  .szaklogosmall input[type="checkbox"]{
    display: none;
  }
  .szaklogosmall span{
    z-index: 2;
    cursor: pointer;
    display: table-row; 
    min-height: 2rem;

   
  }
  .szaklogosmall .icon{
    width:2.4rem;
    position: relative;
     z-index: 3;
    display: table-cell;
    margin-right: .2rem;
    height: 2rem;
  }
  .szaklogosmall img{
   position: absolute;
   left:0;
   top: 0;
    z-index: 4;
    vertical-align: middle;
    height:2rem;
    border-radius: 5px;
  }
  .szaklogosmall p{
    display: table-cell;
    vertical-align: middle;
    align-items: center;
    line-height:1rem;
  }
  .szaklogosmall .color{
    opacity: 0;
    transition: 100ms ease-out;
  }
  .szaklogosmall input:checked+span  .color{
    opacity: 1;
    transition: 100ms ease-in;
  }  

  .otherszaklogolarge{
    display: none;
  }
  .otherszaklogosmall{
    display: block;


  }
  .otherszaklogosmall label{
    margin: .1rem;
    font-size: .9rem;
    display: block;
    text-align: left;
    margin-bottom: .7rem;
  }
  .otherszaklogosmall input[type="checkbox"]{
   /* display: none;*/
   display: table-cell;
    vertical-align: middle;

  }
  .otherszaklogosmall span{
    z-index: 2;
    cursor: pointer;
    display: table-row; 
    min-height: 1.5rem;

   
  }
  .otherszaklogosmall .icon{
    width:2.4rem;
    position: relative;
     z-index: 3;
    display: table-cell;
    margin-right: .2rem;
    height: 2rem;
  }
  .otherszaklogosmall img{
   position: absolute;
   left:0;
   top: 0;
    z-index: 4;
    vertical-align: middle;
    height:2rem;
    border-radius: 5px;
  }
  .otherszaklogosmall p{
    display: table-cell;
    vertical-align: middle;
    align-items: center;
    line-height:1rem;
    padding-left: .4rem;
    transition: color 100ms ease-out;
  }
  .otherszaklogosmall input:checked+p{
    color: var(--color-font-highlight);
    transition: color 100ms ease-in;
  }  



/*MOGI_szaklogo_end*/

/*--headerdropdown--*/
  #headerdropdown{
    position: relative;
  }
  #headerdropdown ul{
    font-size: .8rem;
    display: none;
    right: 0;
    top: 2rem;
    width: max-content;
    max-width: 86.5vw !important;
    /*margin: 0 1rem;*/
    position: absolute;
    background-color: var(--color-line-dark);
    
    z-index: 8002;
    text-align: left;
  }
  #headerdropdown:hover ul{
    display: block;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(255,255,255,.30);
    -moz-box-shadow: 0px 4px 5px 0px rgba(255,255,255,.30);
    box-shadow: 0px 4px 5px 0px rgba(255,255,255,.30);
  }
  #headerdropdown:hover ul li{
    padding: .6rem;
  }
  #headerdropdown:hover ul li:hover{
    background-color: var(--color-background-header1);
  }

/*--headerdropdown_end--*/

/*--datelist--*/
  .datelist{
    display: table;
    border-collapse: separate;
    border-spacing: 0 .5rem;
    width: 100%;
  }
  .datelist li{
    display: table-row;
    border-radius: 5px;
     -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
        -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
        box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);

  }
  .datelist li>div{
    display: table-cell;
    min-width: 6.5rem; 
    vertical-align: middle;
    

  }
  .datelist li>div span{
    text-align: center; 
    font-size: .9rem;
   
   display: block;
   margin-top: .4rem;
   margin-bottom: .4rem;
  }
  .datelist li>div span div{
    display: block;
    font-size: 2rem;
    color: var(--color-font-highlight);
    font-style: normal;
    line-height: 2rem;
    margin-bottom: .1rem;

  }
  .datelist p{
    padding: .5rem 1rem;

   
  }
  .datelist li>div+div{
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    border-left: 2px solid var(--color-background-nav);
    background-color: var(--color-background-light);
    margin-top: .2rem;
    margin-bottom: .2rem;
    margin-right: 1rem;
    border-radius: 0 5px 5px 0;
  }
  .datelist li>div+div:hover{
    background-color: var(--color-background-nav-list);
   
  }
/*--datelist_end--*/


/*--selectcard--*/
  .selectcard{
    display: grid;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    margin-left:1rem; 
  }
  .selectcard div{
    min-height: 6rem;
    display: grid;
    align-items: center;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
        -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
        box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
        border-radius: 5px;
        transition: transform .2s;
  }
  .selectcard div:hover{
    background-color: var(--color-background-light);
    transform: scale(1.0125);
  }
  .selectcard div p{
    padding: 1rem;
    text-align: center;
    display: block;
  }
  .selectcard div p img{
    max-width: 4rem;
    max-height: 4rem;
    display: inline-block;
    text-align: center;
    margin-bottom: .4rem;
  }

/*--selectcard_end--*/


/*--spoiler--*/ /*used in FAQ answer reveal*/
  .spoilercontainer{  
    margin-bottom: 2rem;
    padding: .6rem;
  }
  .spoiler{
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
    margin: .8rem 0;
    width: 100%;
    padding: .6rem 2rem .6rem .8rem;
    position: relative;
   /* border-bottom:  1px solid var(--color-background-greyline);*/
  }
  .spoiler>input+label{
    display: inline-block;
    width: 100%;
    margin-right: 2rem;
    cursor: pointer;
  }
  .spoiler>input+label:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    display: block;
    position: absolute;
    right: .8rem ;
    top: .7rem;
    cursor: pointer;
  }
  .spoiler>input:checked+label:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f077";
  }
  .spoiler>input:checked+label{
   /* background-color: var(--color-background-light);*/
  }
  .spoiler>input {
    display: none;
  }
  .spoiler>input+label+.spoiler_body {
    display: none;
  }
  .spoiler>input:checked+label+.spoiler_body {
    display: block;
    margin: .4rem .2rem .2rem 1rem;
    font-size: .95rem;
    font-weight: lighter;
    background-color: var(--color-background-light);
    padding: .4rem;
    border-radius: 5px;
  }
/*--spoiler_end--*/

/*--details_summary--*/
  details{
    -webkit-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      -moz-box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
      box-shadow: 1px 1px 5px 0px rgba(161,161,161,1);
    margin: .8rem 0;
    padding: .6rem 2rem .6rem .8rem;
  }
  details .blogsection{
    margin: .4rem .2rem .2rem 1rem;
    font-size: .95rem;
    font-weight: lighter;
    background-color: var(--color-background-light);
    padding: .4rem;
    border-radius: 5px;
  }
  summary{
    cursor: pointer;
  }
/*--details_summary_end--*/