body {padding-right: 0 !important; color: #494949;}
html { overflow-y: scroll; scroll-behavior: smooth;}

@font-face { font-family: Proxima; src: url(ProximaNova-Regular.otf);}
@font-face { font-family: Proxima; font-weight:bold; src: url(Proxima-Nova-Bold.otf);}
@font-face { font-family: Proxima; font-weight:300; src: url(Proxima-Nova-Thin.otf);}
.starter-template { padding: 0 0 5rem; } 
.container{max-width:1500px;}
.jContentFrame {min-height:280px; max-width:1200px; margin:0 auto; padding-top: calc(61px + 44px + 3rem); padding-bottom: 63px; }
.jContentFrame2 {min-height:280px; max-width:1200px; margin:0 auto; padding: calc(61px + 3rem) 0 63px;}

/* .jContentFrame {min-height:280px; max-width:1500px; margin:0 auto; padding-top: 170px;}
.jContentFrame2 {min-height:280px; max-width:1500px; margin:0 auto; padding-top: 140px;} */


@media(max-width: 575.8px){
  .jContentFrame2 { padding-left: 0.5rem; padding-right: 0.5rem;}
}
::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: var(--ltr_light_bckgrnd); 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--main_ltr_light); 
}


.szinek{ color: 288 #53826A #8F973D #DFA145 #DC4137 #6B1044}
.szinek2{ color: 286 #678E8A #A9CABA #F7F5EF #B9AAA3 #AB5250    #4e6d6a #c64747 #917A6E}
.szinek3{ color: 262 #084C61 #DB504A #E3B505 #4F6D7A #56A3A6}
.szinek4{ color: 244 #2E5266 #6E8898 #9FB1BC #D3D0CB #E2C044}
.szinek5{ color: 239 #E63946 #F1FAEE #A8DADC #457B9D #1D3557}
.szinek7{ color: 923 #4B7539 #7AC25C #CF572B #C6AD8F #2E6D80    #68BA45}


.szinek6{ color: 196 #192559 #7399A8 #DDDCDA #EB9121 #d75519 }
/* KÉK - SZÜRKE - NARANCS */
/* :root{
  --main_dark: #d75519;
  --main_dark_mini: #FCEFE8;
  --main_dark_mini2: #FADED1;
  --main_dark2: #4C66CD;
  --main_dark3: #273B8B;
  --main_dark4: #7488D8;
  --main_light: #7399A8;
  --main_ltr_light: #DFE8EC;
  --ltr_dark_bckgrnd: #696963;
  --dark_bckgrnd: #DDDCDA;
  --light_bckgrnd: #F3F3F2;
  --nav_bar: #2F6A9B;
  --nav_bar_mini: #EBF3F9;
  --nav_bar_mini2: #C4DBED;
  --prk_btn_light: #FADED1;
  --prk_btn: #EB9121;
  --prk_btn_drk: #d75519;
}
.prk{color: #EB9121} */



.szinek5{ color: 239 #e63946 #F1FAEE #A8DADC #457B9D #1D3557 #930F7D}
/* PINK - KÉK */
:root{
  --nav_bar: #1D3557;
  /* --nav_bar: #930F7D; */
  --main_dark: #e63946;
  --main_dark_2: #9E151E;
  --main_ltr_dark: #F6BBBF;

  --ltr_dark_bckgrnd: #FCE8F9;  

  --main_light: #457B9D;
  --main_ltr_light: #a8dadc;
  --ltr_light_bckgrnd: #DBEFF0;
  --light_light_bckgrnd: #F1FAEE;
  --green_txt: #1A3B11;
  --light_light_bckgrnd_txt: #2b631d;
  --light_light_bckgrnd_2: #ddf4d7;
  --light_light_bckgrnd_3: #66CB4D;
  --light_light_bckgrnd_4: #63c04a;
  --light_light_bckgrnd_10: #CDEFC2;
  --prk_btn: #e63946;
  --prk_btn_drk: #CB1A26;
  --prk_btn_prpl: #930F7D;
  --prk_btn_prpl_drk: #740B63;

  --prk_btn_prpl_ltr_lght: #FAD1F3;

  --prk_btn_prpl_lght: #d115b1;
  --green: #28877c;
  --green_light: #00907e;
  --green_slct: #40c08c;
  --purple: #a65e89;
  --purple_light: #D3C5CD;
  --purple_light_2: #F4F1F2;
  --grey: #9caebc;
  --full_rng: #e99a27;
  --full_rng_lght: #FDF4E8;
  --full_rng_lght_2: #F5D3A3;

}
.prk{color: #E63946}
.suc_text{color: var(--light_light_bckgrnd_3)}
.italic{font-style: italic;}
.tac{text-align: center;}
.tar{text-align: right;}
.aic{align-items: center;}
.disab{color: #A2A9B5;}
/* .disab{color: #ABADB5;} */
.pr5{padding-right: 5px;}
.pl5{padding-left: 5px;}
.pr0{padding-right: 0px;}
.pl0{padding-left: 0px;}
.mr8{margin-right: 0.5rem;}
.ml8{margin-left: 0.5rem;}
.wbba{word-break:break-all;}
.cp{cursor: pointer;}
@media (max-width:767.8px) {
  .jcc{justify-content: center;}
}

.lgnspn{ cursor:pointer; color: var(--main_light); font-size:0.875rem; text-align: center; margin: 1rem 0; display: inline-block; text-decoration:underline; }
.lgnspn:hover{color: var(--prk_btn_drk) !important; text-decoration:underline;}
.lgnspn2{ cursor:pointer; color: var(--main_light); font-size:0.875rem; text-decoration:underline}
.lgnspn2:hover{color: var(--prk_btn_drk) !important; text-decoration:underline;}
.jloginform{
  padding: 2rem 1.5rem;
  border-radius: 5px;
  box-shadow: 10px 10px 20px #cbced1, -10px -10px 20px #f2f2f2;
}
@media screen and (max-width: 575.8px) {
  .jloginform{padding: 2rem 0.5rem; }
}

/* navbar */
@media (min-width:768px) {
  .navbar-dsi-hamb{display: none;}
}
.navbar-dsi-hamb{
  position: relative;
  padding: 1.25rem 1rem;  
}
.navbar-dsi-hamb span{
  display: inline-block;
  width: 2rem;
  height: 0.2rem;
  background-color: var(--main_ltr_light);
  border-radius: 0.25rem;
  position: absolute;
  right: 0;
  transition: background-color 0.1s 0.34s ease-in, height 0.1s 0.34s ease-in;
}
.navbar-dsi-hamb span::before{top: -10px;}
.navbar-dsi-hamb span::after{bottom: -10px; rotate:0deg;}
.navbar-dsi-hamb span::after,
.navbar-dsi-hamb span::before{
  content: "";
  width: 2rem;
  height: 0.2rem;
  background-color: var(--main_ltr_light);
  border-radius: 0.25rem;
  position: absolute;
  right: 0;
  opacity: 1;  
  transition: top 0.1s 0.34s ease-in,bottom 0.1s 0.34s ease-in, height 0.1s 0.34s ease-in, opacity 0.1s 0.34s ease-in;
}
.navbar-dsi-hamb:not(.collapsed) span::before{
  opacity: 0; 
  height: 0; 
  top: 0;
  transition: top 0.1s 0.34s ease-in, height 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.navbar-dsi-hamb:not(.collapsed) span{ 
  rotate:225deg; 
  background-color: var(--main_ltr_light);
  transition: background-color 0.15s 0.34s ease, rotate 0.2s 0.34s;
}
.navbar-dsi-hamb:not(.collapsed) span::after{
  rotate:90deg; 
  background-color: var(--main_ltr_light);
  bottom: 0;
  transition: bottom 0.1s ease-in, background-color 0.15s 0.34s ease, rotate 0.2s 0.34s;
}

/* lista töltő */
.loader{
  height: 1.875rem;
  width: 15.625rem;
  padding: 3.125rem 0;
}
.circle{
  animation: loader 2s ease-in-out infinite;
  height: 30px;
  width: 30px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
}
.circle:first-child{
  background-color: var(--main_dark);
  animation-delay: 0.25s;
}
.circle:nth-child(2){
  background-color: var(--prk_btn_prpl_lght);
  animation-delay: 0.20s;
}
.circle:nth-child(3){
  background-color: var(--prk_btn_prpl);
  animation-delay: 0.15s;
}
.circle:nth-child(4){
  background-color: var(--nav_bar);
  animation-delay: 0.10s;
}
.circle:nth-child(5){
  background-color: var(--main_light);
  animation-delay: 0.05s;
}
.circle:last-child{
  background-color: var(--main_ltr_light);
  animation-delay: 0s;
}
@keyframes loader {
   15%{transform: translateX(0);}
   50%{transform: translateX(200px);}
   70%{transform: translateX(200px);}
  100%{transform: translateX(0px);}
}
.jproc_loader_text{letter-spacing: 1px; padding: 1.875rem 0}

/* invalid input */
input.is-invalid{
  animation: shake 0.2s 2;
}
@keyframes shake {
  25%{translate:  6px 0;}
  50%{translate: -6px 0;}
  75%{translate:  6px 0;}
}


/* naptár nézet */
.jcalendar_div{
  display:flex; 
  flex-wrap:wrap; 
  /* justify-content: center; */
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: calc(100px*7 + 4px*6);
}
.calendar_h1{
  color: var(--main_light); 
  /* margin-bottom: 1rem; */
  /* margin-bottom: 0; */
}
.calendar-day {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  padding: 0;
  /* line-height: 1.5em; */
}
.calendar-day:hover {
  background-color: #F3F8FF;
}
.calendar-day div{
  display: flex;
  flex-direction: column;
}
.calendar-day > div{
  height: 100px;
}
.calendar-table {
  margin: 0 auto;
  width: calc(100px*7);
  text-align: center;
}
/* .calendar-table .close {
  font-size: 1.25rem;
  position: absolute; 
  right: 5px; 
  top: 1px;
} */
.c-name,
.c-name-short,
.c-name-day{
  color:var(--main_light)
}
.jcalendar_btns{
  padding: 0;
}
.jcalendar_btns:first-child{text-align: left;}
.jcalendar_btns:last-child{text-align: right;}
.btn-default{
  background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
  background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
  text-shadow: 0 1px 0 #fff;
  background-repeat: repeat-x;
  border-color: #ccc;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
  color: var(--nav_bar)
}
.btn-default:hover,
.btn-default:focus{
  /* background-color: #e0e0e0;
  background-position: 0 -15px; */
  background-image: linear-gradient(to bottom,#e0e0e0 0,#e0e0e0 100%);
  background-image: -webkit-linear-gradient(top,#e0e0e0 0,#e0e0e0 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#e0e0e0),to(#e0e0e0));
  color: var(--nav_bar);
  border-color: #adadad;
}
.btn-default:focus{
  box-shadow: none;
}
.btn-default:active,
.btn-default.active{
  background-color: #e0e0e0;
  border-color: #dbdbdb;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.btn.active{
  background-image: none;
}
table {
  border-collapse: separate;
  border-spacing: 4px 4px; 
  /* Csak oldalirányban lesz hely */
}
.table > thead:first-child > tr:first-child > td,
.table-tight > thead > tr > th,
.table-tight > thead > tr > td > table> tbody > tr > td,
.table-tight-vert > thead > tr> th{
  border-top: 0;
  border-bottom: 0;
}
.table-tight > thead > tr > th,
.table-tight > tbody > tr > th,
.table-tight > tfoot > tr > th,
.table-tight > thead > tr > td,
.table-tight > tbody > tr > td,
.table-tight > tfoot > tr > td,
.table-tight > thead > tr > td > table> tbody > tr > td{
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: 0.25rem;
}
.table-tight-vert > thead > tr > th,
.table-tight-vert > tbody > tr > th,
.table-tight-vert > tfoot > tr > th,
.table-tight-vert > thead > tr > td,
.table-tight-vert > tbody > tr > td,
.table-tight-vert > tfoot > tr > td{
  padding-top: 0;
  padding-bottom: 0;
}
/* .table td, .table th{
  padding: 0.75em 0 0;
} */
.table-tight-vert td, .table-tight-vert th{
  border: none;
}
.calendar-day.outsidemnth .date{
  color: #B3B3B3;
  padding-top: 0.75rem;
}
.calendar-day.currentmnth .date{
  color: var(--nav_bar);
  padding-top: 0.75rem;
}
.calendar-day.jselect {
  background-color: #F2F2F2;
}
.event_hor{
  border-top: 1px solid var(--main_ltr_light);
  border-bottom: 1px solid var(--main_ltr_light);
  background-image: linear-gradient(to bottom, var(--ltr_light_bckgrnd) 10px, var(--main_ltr_light) 100%);
  background-image: -webkit-linear-gradient(top,var(--ltr_light_bckgrnd) 10px,var(--main_ltr_light) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--ltr_light_bckgrnd)),to(var(--main_ltr_light)));
  background-repeat: repeat-x;
  color: var(--main_light);
  text-shadow: 0 1px 0 #fff;
  border-width: 1px;
  font-size: 0.75em;
  padding: 0;
  line-height: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1px;
  position: relative;
}
.event_hor.begin{
  border-left: 1px solid var(--main_ltr_light);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.event_hor.end{
  border-right: 1px solid var(--main_ltr_light);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.res_hor{
  border-top: 1px solid var(--main_ltr_light);
  border-bottom: 1px solid var(--main_ltr_light);
  background-image: linear-gradient(to bottom, var(--ltr_light_bckgrnd) 10px, var(--main_ltr_light) 100%);
  background-image: -webkit-linear-gradient(top,var(--ltr_light_bckgrnd) 10px,var(--main_ltr_light) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--ltr_light_bckgrnd)),to(var(--main_ltr_light)));
  background-repeat: repeat-x;
  color: var(--main_light);
  text-shadow: 0 1px 0 #fff;
  border-width: 1px;
  font-size: 0.75em;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* margin-bottom: 1px; */
  position: relative;
  min-height: 25px;
  justify-content: center;
}
.res_hor.begin{
  border-left: 1px solid var(--main_ltr_light);
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.res_hor.end{
  border-right: 1px solid var(--main_ltr_light);
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.del_hor{
  border-top: 1px solid var(--prk_btn_prpl_ltr_lght);
  border-bottom: 1px solid var(--prk_btn_prpl_ltr_lght);
  background-image: linear-gradient(to bottom, var(--ltr_dark_bckgrnd) 10px, var(--prk_btn_prpl_ltr_lght) 100%);
  background-image: -webkit-linear-gradient(top,var(--ltr_dark_bckgrnd) 10px,var(--prk_btn_prpl_ltr_lght) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--ltr_dark_bckgrnd)),to(var(--prk_btn_prpl_ltr_lght)));
  background-repeat: repeat-x;
  color: var(--prk_btn_prpl_drk);
  text-shadow: 0 1px 0 #fff;
  border-width: 1px;
  font-size: 0.75em;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* margin-bottom: 1px; */
  position: relative;
  min-height: 25px;
  justify-content: center;
}
.del_hor.begin{
  border-left: 1px solid var(--prk_btn_prpl_ltr_lght);
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.del_hor.end{
  border-right: 1px solid var(--prk_btn_prpl_ltr_lght);
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.event_ver{
  border-left: 1px solid var(--main_ltr_light);
  border-right: 1px solid var(--main_ltr_light);
  background-image: linear-gradient(to right, var(--ltr_light_bckgrnd) 10px, var(--main_ltr_light) 100%);
  background-image: -webkit-linear-gradient(top, var(--ltr_light_bckgrnd) 10px, var(--main_ltr_light) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--ltr_light_bckgrnd)),to(var(--main_ltr_light)));
  background-repeat: repeat-x;
  color: var(--main_light);
  text-shadow: 0 1px 1px #fff;
  border-width: 1px;
  font-size: 0.75em;
  padding: 0 0.55rem;
  line-height: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* margin-right: 1px; */
  position: relative;
}
.event_ver.begin{
  border-top: 1px solid var(--main_ltr_light);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.event_ver.end{
  border-bottom: 1px solid var(--main_ltr_light);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.event_ver.begin.park,
.event_ver.end.park{
  background-image: linear-gradient(to right, var(--light_light_bckgrnd_3) 20px, var(--light_light_bckgrnd_txt) 100%);
  background-image: -webkit-linear-gradient(top,var(--light_light_bckgrnd_3) 20px,var(--light_light_bckgrnd_txt) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--light_light_bckgrnd_3)),to(var(--light_light_bckgrnd_txt)));
  color: var(--light_light_bckgrnd_3);
  border-color: var(--light_light_bckgrnd_2);
}
.gc_res{
  background-color: var(--main_ltr_light);
  background-image: linear-gradient(to bottom, var(--ltr_light_bckgrnd) 10px, var(--main_ltr_light) 100%);
  background-image: -webkit-linear-gradient(top,var(--ltr_light_bckgrnd) 10px,var(--main_ltr_light) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--ltr_light_bckgrnd)),to(var(--main_ltr_light)));
  background-repeat: repeat-x;
  text-shadow: 0 1px 0 #fff;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  border-radius: 0.25rem;
}
.gc_res_txt{
  border-top: 1px solid var(--main_light);
  padding: 0 0.25rem;
  background-color: var(--main_light);
  color: #fff;
  text-shadow: none;
  font-size: 0.75em;  
  font-weight: 600;
  min-height: 30px;
  justify-content: center;
}
.gc_free{
  background-color: var(--light_light_bckgrnd);
  background-image: linear-gradient(to bottom, var(--light_light_bckgrnd) 10px, var(--light_light_bckgrnd_10) 100%);
  background-image: -webkit-linear-gradient(top,var(--light_light_bckgrnd) 10px,var(--light_light_bckgrnd_10) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--light_light_bckgrnd)),to(var(--light_light_bckgrnd_10)));
  background-repeat: repeat-x;
  text-shadow: 0 1px 0 #fff;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  border-radius: 0.25rem;
  cursor: pointer;
}
.gc_free_txt{
  border-top: 1px solid var(--green_light);
  padding: 0 0.25rem;
  background-color: var(--green_light);
  color: #fff;
  text-shadow: none;
  font-size: 0.75em;  
  font-weight: 600;
  min-height: 30px;
  justify-content: center;
}
.gc_free.slctd{
  background-color: var(--green_slct);
  background-image: unset;
  text-shadow: none;
}
.gc_free.slctd .date{
  color: #fff;
}
.gc_free.slctd.swrng{
  background-color: var(--prk_btn_prpl_ltr_lght);
  background-image: unset;
  text-shadow: none;
}
.gc_free.slctd.swrng .date{
  color: inherit;
}
.gc_free_txt.swrng{
  border-top: 1px solid var(--purple);
  background-color: var(--purple);
}
.gc_full{
  background-color: var(--full_rng_lght);
  background-image: linear-gradient(to bottom, var(--full_rng_lght) 10px, var(--full_rng_lght_2) 100%);
  background-image: -webkit-linear-gradient(top,var(--full_rng_lght) 10px,var(--full_rng_lght_2) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--full_rng_lght)),to(var(--full_rng_lght_2)));
  background-repeat: repeat-x;
  text-shadow: 0 1px 0 #fff;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  border-radius: 0.25rem;
}
.gc_full_txt{
  border-top: 1px solid var(--full_rng);
  padding: 0 0.25rem;
  background-color: var(--full_rng);
  color: #fff;
  text-shadow: none;
  font-size: 0.75em;  
  font-weight: 600;
  min-height: 30px;
  justify-content: center;
}
.gc_closed{
  background-color: #fff;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  border-radius: 0.25rem;
}
.gc_closed .gc_closed{
  border: 1px solid var(--grey);
}
.gc_closed_txt{
  border-top: 1px solid var(--grey);
  padding: 0 0.25rem;
  background-color: var(--grey);
  color: #fff;
  text-shadow: none;
  font-size: 0.75em;  
  font-weight: 600;
  min-height: 30px;
  justify-content: center;
}
@media(max-width: 767.8px){
  .table-tight > thead > tr > th,
  .table-tight > tbody > tr > th,
  .table-tight > tfoot > tr > th,
  .table-tight > thead > tr > td,
  .table-tight > tbody > tr > td,
  .table-tight > tfoot > tr > td,
  .table-tight > thead > tr > td > table> tbody > tr > td,
  .gc_res,
  .gc_free,
  .gc_full, 
  .gc_closed{
    border-radius: 0;
  }
  .gc_res_txt{}
  .calendar-day {
    width: 45px;
    min-width: 45px;
    max-width: 45px;
    height: 70px;
    border-radius: 0;
  }
  .calendar-day > div{
    height: 70px;
  }
  .calendar-table {
    width: calc(50px * 7); 
    font-size: 0.8rem;
    text-align: center;
  }
  .jcalendar_div{
    width: calc(50px * 7); 
    margin: 1rem auto;
    flex-direction: column;
  }
  .event_hor,
  .del_hor{padding: 0 0.5em;}
  .c-name{display: none;}
  /* .jcalendar_btns:first-child{text-align: center;} */
  /* .jcalendar_btns:last-child{text-align: center;} */
}
@media(min-width: 768px){
  .c-name-short{display: none;}
}


/* 98A5B3 */
.park{
  border-left: 1px solid #C4CCD4;
  border-right: 1px solid #C4CCD4;
  font-size: 0.75em;
  padding: 0 0.75em;
  line-height: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #C4CCD4;
  /* background-image: linear-gradient(to right, #A7B2BE 5px, #D3D9DE 100%); */
  /* background-repeat: repeat-x; */
  color: var(--nav_bar);
  text-shadow: 0 1px 0 #fff;
}
.park.top{
  border-radius: 4px 4px 0 0;
}
.park.bottom{
  border-radius: 0 0 4px 4px;
}
.parklayer{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.parklayer::before,
.parklayer::after{
  content: '';
  position: absolute;
  right: 12px;
  top:0;
  height: 26px;
  width: 38px;
  background-color: #C4CCD4;
  /* background-image: linear-gradient(to right, #A7B2BE 5px, #D3D9DE 100%); */
  background-repeat: repeat-x;
  border-left: 1px solid #C4CCD4;
  border-right: 1px solid #C4CCD4;
}
.parklayer::after{
  left: 12px;
  top:0;
}
.timetitle {
  white-space: nowrap;
  text-align: right;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  color: var(--nav_bar)
}
.calendar-hour{
  position: relative;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  /* height: 80px; */
}
.free-place{
  font-size: 0.8rem;
  color: var(--main_light);
  text-align: right;
}








.jorderhead {cursor:pointer;}
.jsort {margin-left:5px; display: none !important;}
.jord {font-weight:bold;}
.jord .jsort{display: inline-block !important; transition: 1s ease-in-out;}
#ListHead{padding: 7px 15px 7px 0;}
@media (max-width:575.8px) {
  #ListHead{padding:  0;}
}

.navbar-prk{ 
  background-color: var(--nav_bar) !important; 
  box-shadow: 0px 0px 8px 2px #8b8b8b;
}
/* .navbar-prk a{ color: var(--main_ltr_light);} */
.haupt{
  font-size: 57px;
  text-align: center;
  margin-top: 40px;
  background: -webkit-linear-gradient(45deg, #1D3557 15%, #457B9D 30%, #92CFD3 50%, #457B9D 75%, #1D3557 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.4;
  font-weight: 600;
  font-family: 'DM Serif Text';
  font-family: Domine;
}
  /* background: -webkit-linear-gradient(45deg, #1D3557, #a8dadc 60%); */
@media(max-width: 575.8px){
  .haupt{font-size: 40px; }
}
/* .haupt_v3{
  font-size: 57px;
  text-align: center;
  margin-top: 40px;
  background: -webkit-linear-gradient(45deg, #1D3557, #66CB4D 66%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 2;
}
.haupt_v3 > :last-child {
  transform: rotatex(180deg) translatey(15px);
  mask-image: linear-gradient(transparent 50%, white 90%);
} */



.haupt2{color: var(--main_light); }
/* fehér menü */
.prk_menu{
  position:fixed;
  top:60px;
  left:0px;
  border-bottom: 1px solid rgb(138, 138, 138);
  z-index:98;
  background-color:#fff;
  box-shadow: 0px 0px 8px 2px #8b8b8b;
}
.prk_menu_itemtd{ 
  font-size:0.875rem; 
  cursor:pointer; 
  border:0; 
  padding: 0.5rem 1rem 0.5rem 0;  
}
.prk_menu_itemtd a{ 
  color: inherit;
  text-decoration: none;
}
.prk_menu_itemtd a:hover{ 
  color: inherit;
  text-decoration: none;
}
@media (min-width:768px) {
  .jbtnFilter{position: absolute; bottom: 5px; right: 10px;}
}
.jcolfilter{padding: 5px 10px;}
@media (max-width:767.8px) {
  .jcolfilter{padding: 15px 10px;}
}
.cur_po{cursor: pointer;}

.custom-switch { min-height: 2.5rem}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: var(--main_ltr_light) !important;
  background-color: var(--main_ltr_light)!important;
}
.custom-control-input:focus ~ .custom-control-label::before {
  border-color: var(--main_ltr_light) !important;
  box-shadow:0 0 0 .2rem rgba(168, 218, 220, 0.4);
}
.form-control:focus{border-color: var(--main_ltr_light); box-shadow:0 0 0 .2rem rgba(168, 218, 220, 0.4);}
.custom-select:focus{border-color: var(--main_ltr_light); box-shadow:0 0 0 .2rem rgba(168, 218, 220, 0.4);}
.custom-file-input:focus~.custom-file-label{border-color: var(--main_ltr_light); box-shadow:0 0 0 0.2rem rgba(168, 218, 220, 0.4)}
.custom-control-input:disabled~.custom-control-label::before{
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}

.jlabel{display: block;}
.jcustom_switch_col{padding-top: 34px}
@media(max-width: 767.8px){
  .jcustom_switch_col{padding-top: 20px}
}

.jcollbdy{
  transition: 0.5s ease-out;
}
.card { border-color: var(--main_ltr_light);}
.jcard-header{padding: 3px 15px !important;}
.jroundcard-header{border-radius: calc(-1px + 0.25rem) calc(-1px + 0.25rem) !important;}
.card-header:first-child{  
  background-color: var(--main_ltr_light); 
  color: var(--nav_bar);  
  font-size: 18px; 
  font-weight: 500; 
  padding: 7px 15px;
}
.card-header:first-child H4{ font-size: 16px; }
.card-header{border-bottom: 1px solid transparent;}
.card-header a{color: var(--nav_bar);}
.card-header a:hover{text-decoration: none;}

.card-noborder{ border:0;}
.card-header-light:first-child{  
  background-color:#ffffff; 
  color: var(--main_light); 
  border-radius: .25rem .25rem 0 0; 
  font-size: 18px; 
  font-weight: 500; 
  padding: 3px 10px;}
.card-header-light:first-child H4{ 
  margin-bottom: 0.5rem; 
  font-size: 1.75rem; 
  text-align: center;
  letter-spacing: 0.5px;
  font-family: Domine;
  font-weight: bold;
}
.card-header-light{
  border-bottom: 1px solid transparent; 
  margin-bottom: 10px;
}
.card-noborder label{font-size: 14px}
.jcardbody{
  padding: 0;
  background-color: #F5F5F5;
  /* border-bottom:1px solid #ccc; */
}
.jcardbody label{font-size: 16px}

/* foglalás cardok */
.del_card { border-color: var(--prk_btn_prpl_ltr_lght);}
.rsr_card_header{border-bottom: 1px solid var(--main_ltr_light);}
.del_card_header{border-bottom: 1px solid var(--prk_btn_prpl_ltr_lght);}
.rsr_card_header{
  background-image: linear-gradient(to bottom, var(--ltr_light_bckgrnd) 10px, var(--main_ltr_light) 100%);
  background-image: -webkit-linear-gradient(top,var(--ltr_light_bckgrnd) 10px,var(--main_ltr_light) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--ltr_light_bckgrnd)),to(var(--main_ltr_light)));
  background-repeat: repeat-x;
  color: var(--main_light);
  text-shadow: 0 1px 0 #fff;
}
.del_card_header{
  background-image: linear-gradient(to bottom, var(--ltr_dark_bckgrnd) 10px, var(--prk_btn_prpl_ltr_lght) 100%);
  background-image: -webkit-linear-gradient(top,var(--ltr_dark_bckgrnd) 10px,var(--prk_btn_prpl_ltr_lght) 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(var(--ltr_dark_bckgrnd)),to(var(--prk_btn_prpl_ltr_lght)));
  background-repeat: repeat-x;
  color: var(--prk_btn_prpl_drk);
}
.del_card_header a{ color: var(--prk_btn_prpl_drk)}


.listhead h3{color: var(--main_dark); border-bottom: 2px solid #d9dee8; margin-bottom: 3px; }
.listhead h4{color: var(--main_dark); border-bottom: 2px solid #d9dee8; margin-bottom: 3px; }
.listhead span{font-style: italic; margin-left: 0.5rem; opacity: 0; transition: all 1s ease-in-out;}

.btn-w100{width: 100%; padding-top: 0.75rem; padding-bottom: 0.75rem;}
.btn-prk { color: #fff; 
  background-color: var(--prk_btn); 
  border-color: var(--prk_btn);
}
.btn-prk:hover { color: #fff; background-color: var(--prk_btn_drk); border-color: var(--prk_btn_drk); }
.btn-prk:disabled {cursor: not-allowed;opacity: 1; }
.btn-prk:active { color: #fff; background-color: var(--prk_btn_drk); border-color: var(--prk_btn_drk); box-shadow:0 0 0 .15rem rgba(230, 57, 70, 0.25) }
.btn-prk:focus { color: #fff; background-color: var(--prk_btn_drk); border-color: var(--prk_btn_drk); box-shadow:0 0 0 .15rem rgba(230, 57, 70, 0.25) }
.btn-exc { color: #fff; background-color: var(--prk_btn); border-color: var(--prk_btn); }
.btn-exc:hover { color: #fff; background-color: var(--prk_btn_drk); border-color: var(--prk_btn_drk); }
.btn-exc:active { color: #fff; background-color: var(--prk_btn_drk); border-color: var(--prk_btn_drk); box-shadow:0 0 0 .15rem rgba(230, 57, 70, 0.25)}
.btn-exc:focus { color: #fff; background-color: var(--prk_btn_drk); border-color: var(--prk_btn_drk); box-shadow:0 0 0 .15rem rgba(230, 57, 70, 0.25)}
.btn-green { color: #fff;; background-color: var(--light_light_bckgrnd_txt); border-color: var(--light_light_bckgrnd_txt); }
.btn-green:hover { color: #fff;; background-color: var(--light_light_bckgrnd_4); border-color: var(--light_light_bckgrnd_4); }
.btn-green:disabled {cursor: not-allowed;}
.btn-green:active { color: #fff;; background-color:  var(--light_light_bckgrnd_4); border-color:  var(--light_light_bckgrnd_4); box-shadow:0 0 0 .15rem rgba(221, 244, 215, 0.25) }
.btn-green:focus { color: #fff;; background-color:  var(--light_light_bckgrnd_4); border-color:  var(--light_light_bckgrnd_4); box-shadow:0 0 0 .15rem rgba(221, 244, 215, 0.25) }
.btn-prpl { color: #fff; background-color: var(--prk_btn_prpl); border-color: var(--prk_btn_prpl); }
.btn-prpl:hover { color: #fff; background-color: var(--prk_btn_prpl_lght); border-color: var(--prk_btn_prpl_lght); }
.btn-prpl:disabled {cursor: not-allowed;}
.btn-prpl:active {color: #fff; background-color:  var(--prk_btn_prpl_lght); border-color:  var(--prk_btn_prpl_lght); box-shadow:0 0 0 .15rem rgba(209, 21, 177, 0.25) }
.btn-prpl:focus {color: #fff; background-color:  var(--prk_btn_prpl_lght); border-color:  var(--prk_btn_prpl_lght); box-shadow:0 0 0 .15rem rgba(209, 21, 177, 0.25) }

.dropdown-item:hover{background-color:var(--nav_bar); color: #fff}
.dropdown-item:active{background-color:var(--nav_bar)}


/* popover - info ablakok */
.jfar{padding-left: 0.5rem; font-size:1.1rem; color: var(--main_ltr_light);}
/* .jfar:hover{scale: 1.1; } */
.jfar.jread{color: inherit}
.popover { border-color: var(--main_ltr_light);}
.popover-header { color: var(--nav_bar); background-color: var(--main_ltr_light); font-weight: bold; border-color: var(--main_ltr_light);}
.bs-popover-auto[x-placement^="right"] > .arrow::before, .bs-popover-right > .arrow::before{
  border-right-color: var(--main_ltr_light);
}
.fa-border{
  border: solid 0.08em var(--main_ltr_light);
  border-radius: 50%;
  padding: 0.3em 0.7em;
  background: var(--main_ltr_light);
  font-size: 0.75rem;
}


/* listákhoz null találat */
.alert-info{
  color: var(--light_light_bckgrnd_txt); 
  background-color: var(--light_light_bckgrnd); 
  border-color: var(--light_light_bckgrnd); 
  font-weight: 600; 
  text-align: center;
  margin: 2rem 0;
}
.alert-danger{
  color: var(--prk_btn_prpl_drk); 
  background-color: var(--prk_btn_prpl_ltr_lght); 
  border-color: var(--prk_btn_prpl_ltr_lght); 
  position: fixed;
  width: 80%;
  z-index: 1001;
  margin: 0 auto;
  left: 10%;
  top: 5rem;
  box-shadow: 0px 0px 10px 2px #8b8b8b;
  display: none;
}
.alert-success{
  position: fixed;
  width: 80%;
  z-index: 1001;
  margin: 0 auto;
  left: 10%;
  top: 5rem;
  box-shadow: 0px 0px 10px 2px #8b8b8b;
  display: none;
}




.jmhead{background-color: var(--main_ltr_light); color: var(--nav_bar)}
.jmodal-row{display: flex; flex-wrap: wrap; align-items: end; padding: 0.5rem 1rem;}
.modal_background{background-color: var(--ltr_light_bckgrnd);}
.jmodal-dialog{top:10%}
@media(max-width: 991.8px){
  .jmodal-dialog{top:0}
}
.pplc_div{
  padding: 1rem 0 0;
}
.pplc_col{
  padding: 0.5rem 0 0.5rem 1.5rem;
  background-color: var(--ltr_light_bckgrnd);
  color: var(--nav_bar);
  text-shadow: 0 1px 0 #fff;
  border-radius: 0.25rem;
}
.form-control[readonly].j-pick{
  background-color: #fff;
}



/* Listafej - sor - címkék */
.jlcs { color: var(--main_dark); padding: 15px 5px 15px 0px;font-weight: bold; }
.jrowxlh { background-color: var(--main_light); border-bottom: 1px solid #a5a5a5; margin: 0; align-items: center; }
.jtitlexlh { font-size: 0.9rem; color: #fff; padding: 7px 0;}
  /* jrow sorok */
.jrow { color:var(--nav_bar) ;border-bottom: 1px solid #a5a5a5; margin: 0; padding: 5px 0; align-items: center;}
.jrow:nth-child(2n) { background-color: #F5F5F5;}
.jrow:hover { background-color: #e7e7e7;}
@media(max-width: 991.8px){
  .jrowlg { 
    /* border-bottom: 2px solid #a5a5a5 !important;  */
    padding:0 !important;}
}
@media(max-width: 767.8px){
  .jrowmd { 
    /* border-bottom: 2px solid #a5a5a5 !important;  */
    padding:0 !important;}
}
@media(max-width: 575.8px){
  .jrowsm { 
    /* border-bottom: 2px solid #a5a5a5 !important;  */
    padding:0 !important;}
}

.jrowred { color:var(--nav_bar) ;border-bottom: 1px solid #a5a5a5; margin: 0; padding: 5px 0; background-color: rgb(230, 57, 70, 0.15)}
.jrowred:hover { background-color: rgb(230, 57, 70, 0.20);}
.jrowgreen { color:var(--green_txt); border-bottom: 1px solid var(--light_light_bckgrnd_txt); margin: 0; padding: 5px 0; background-color: var(--light_light_bckgrnd_2) !important; cursor: pointer;}
.jrowgreen:hover { background-color: var(--light_light_bckgrnd_2);}
.detailrow{display: flex; border-bottom: 1px dotted #a5a5a5; align-items: center; padding: 7px calc(15px - 0.2rem) ;}
.detailrow:last-child{border-bottom: 1px dotted transparent;}
.detailrow_last{display: flex; border-bottom: 1px dotted transparent; align-items: center; padding: 7px  calc(15px - 0.2rem);}

/* .jcarrow{cursor: url(/pics/car-icon-png-4260-Windows_2.png), auto} */
.jcarrow{cursor: pointer}

.jdtitle { font-weight: bold; font-size: 14px; color: var(--nav_bar);}
.jdfoot { font-weight: bold; font-size: 12px; color: #5a6268; padding:25px 0 0 15px;}
.jtitle { font-weight: bold; font-size: 0.9rem; color: var(--nav_bar); padding: 0 0.2rem}
.jvalue { font-size: 0.9rem; color: var(--nav_bar); padding: 0 0.2rem}
.jtitlebn { font-weight: bold; font-size: 0.9rem; color: #721c24; padding: 0 0.2rem}
.jvaluebn { font-size: 0.9rem; color: #721c24; padding: 0 0.2rem}

.jvaluefail { font-size: 0.9rem; color: #cc0000; padding: 0 0.2rem}
.jpage-arrowcol {background-color: var(--main_light); border:1px solid var(--main_light); color: #fff !important; cursor: pointer;}
.jpage-arrowcol:hover{background-color: var(--main_light); border:1px solid var(--main_light); color: #fff !important; cursor: pointer; z-index:auto}
.jpage-arrowgry {background-color:#e8e8e8; border:1px solid #e8e8e8; color:var(--nav_bar) !important}
.jpage-arrowgry:hover  {background-color:#e8e8e8; border:1px solid #e8e8e8; color:var(--nav_bar) !important; z-index:auto}
.jpage-midnorm{color: var(--nav_bar) !important; cursor: pointer;}
.jpage-midnorm:hover{color: var(--nav_bar) !important; cursor: pointer; background-color: var(--light_light_bckgrnd); z-index:auto}
.jpage-midmark{background-color: var(--main_dark); border:1px solid var(--main_dark); color:#fff !important}
.jpage-midmark:hover{background-color: var(--main_dark); border:1px solid var(--main_dark); color:#fff !important; z-index:auto}

.jerror_out{
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.jerror_in{
  display: flex;
  align-items: center;
}
.jerror_in .far,
.jerror_in .fas{
  font-size: 2rem;
  margin-right: 1.5rem
}
.jerror_btn{
  display: flex;
  justify-content: start;
  padding-left: 2rem;
}




/* user foglalások */
.opn_rsrv_cont{
  color:white;
  margin-bottom:20px;
  padding:0;
  border-radius: .3rem;
  box-shadow:5px 5px 13px 2px rgba(0,0,0,0.3);
}
.del_rsrv_cont{
  color:white;
  margin-bottom:20px;
  padding:0;
  border-radius: .3rem;
  box-shadow:5px 5px 13px 2px rgba(0,0,0,0.3);
}
.early_rsrv_cont{
  color:white;
  margin-bottom:20px;
  padding:0;
  border-radius: .3rem;
  box-shadow:5px 5px 13px 2px rgba(0,0,0,0.3);
}
.opn_rsrv_top{padding:5px 0px; background-color: var(--nav_bar); margin:0px; border: solid 1px  var(--nav_bar); }
.opn_rsrv_bottom{font-size: 14px; padding:5px 0px; margin:0px; background-color: var(--nav_bar_mini); border: solid 1px  var(--nav_bar_mini); color: var(--nav_bar);}
.del_rsrv_top{padding:5px 0px; background-color: #BF2419; margin:0px;border: solid 1px  #BF2419; }
.del_rsrv_bottom{font-size: 14px; padding:5px 0px; margin:0px; background-color: #FCEAE8;border: solid 1px  #FCEAE8;color: var(--prk_btn_drk);  }
.early_rsrv_top{padding:5px 0px; background-color: var(--ltr_light_bckgrnd); margin:0px;border: solid 1px  var(--ltr_light_bckgrnd);}
.early_rsrv_bottom{font-size: 14px; padding:5px 0px; margin:0px; background-color: var(--ltr_light_bckgrnd); border: solid 1px  var(--ltr_light_bckgrnd); color: var(--ltr_light_bckgrnd);}
.rsrv_no_text{font-size: medium; margin:0; padding:0; color: var(--prk_btn_drk); border-top: 2px solid var(--ltr_light_bckgrnd_________________________); border-bottom: 2px solid var(--ltr_light_bckgrnd_________________________); margin-bottom: 3px;}

/* calendar */
.calendar_title{padding:20px 0 0 0; font-size:24px; font-weight:bold; color: var(--nav_bar);}
.jrsrframe2title{ color:  var(--nav_bar);}
.calendar_car{
  padding:0 0 0 5px;
  font-size:48px;
  color: var(--prk_btn);
  text-shadow: 2px 2px var(--prk_btn_light);
  line-height:1;
}
.jfont{ font-family: Proxima, sans-serif; }
.jmonth-step{padding:3px 9px; color: var(--main_light);}
.jmonth-step-active{cursor:pointer; color:  var(--nav_bar);}
.calendar { border-collapse: unset; }
.calendar thead {background-color: #fff;}
.calendar thead th {
  text-align: center;
  border: 1px solid white;
  border-bottom-style: hidden;
  color:  var(--main_dark);
  font-size:14px;
  font-weight: 400;
  padding: 5px;
}
.calendar tbody td {
  vertical-align: middle;
  height: 50px;
  text-align: center;
  padding:5px;
  font-size:16px;
  color: var(--nav_bar);
  position:relative;
  border: none;
}
.jclosed-day{
  background-color: var(--ltr_light_bckgrnd);
  /* color: var(--main_light) !important; */
  border: 1px solid var(--ltr_light_bckgrnd) !important;
}
/* .jopen-day{
  background-color: var(--main_dark_mini);
  color:  var(--main_dark) !important;
  border: 1px solid  var(--main_dark) !important;
  cursor: pointer;
  font-size:12px;
} */
.jopen-day{
  background-color: var(--main_ltr_light);
  color:  var(--main_light) !important;
  border: 1px solid  var(--main_light) !important;
  cursor: pointer;
  font-size:12px;
}
.jfull-day{
  background-color: rgb(191, 36, 25,0.1);
  color: #BF2419 !important;
  border: 1px solid rgb(191, 36, 25) !important;
  font-size:12px;
}
/* .jrsr-day{
  background-color: var(--prk_btn);
  color: #fff !important;
  border: 1px solid var(--prk_btn_drk) !important;
  font-size:12px;
}
.jrsrsp{
  position: absolute;
  bottom:0;
  right:0;
  font-size:12px !important;
  color: #fff;
  width: 100%;
  background-color: var(--prk_btn_drk);
  line-height: 1.1;
  text-align: center;
  padding-right: 3px;
} */
.jrsr-day{
  background-color: var(--nav_bar_mini2);
  color: var(--nav_bar) !important;
  border: 1px solid var(--nav_bar) !important;
  font-size:12px;
}
.jrsrsp{
  position: absolute;
  bottom:0;
  right:0;
  font-size:12px !important;
  color: #fff;
  width: 100%;
  background-color: var(--nav_bar);
  line-height: 1.1;
  text-align: center;
  padding-right: 3px;
}
/* .jfreesp{
  position: absolute;
  bottom:0;
  right:0;
  font-size:12px !important;
  color: #fff;
  width: 100%;
  background-color: var(--main_dark);
  line-height: 1.1;
  text-align: right;
  padding-right: 3px;
} */
.jfreesp{
  position: absolute;
  bottom:0;
  right:0;
  font-size:12px !important;
  color: #fff;
  width: 100%;
  background-color: var(--main_light);
  line-height: 1.1;
  text-align: right;
  padding-right: 3px;
}
.jfullsp{
  position: absolute;
  bottom:0;
  right:0;
  font-size:12px !important;
  color: #fff;
  width: 100%;
  background-color:#BF2419;
  line-height: 1.1;
  padding-right: 3px;
}
.jlblclosed{
  position: absolute;
  bottom:0;
  right:0;
  font-size:12px !important;
  /* color: #fff; */
  width: 100%;
  /* background-color: var(--dark_bckgrnd); */
  line-height: 1.1;
  padding-right: 3px;
}
.jlbldate{
  position: absolute;
  top: 0;
  right:0;
  width: 100%;
}
.selected{
  background-color: var(--prk_btn);
  color: #fff !important;
  border-color: var(--prk_btn) !important;
  font-weight: bold;
}
.selected .jfreesp{
  background-color: var(--prk_btn_drk);
}
.selectedi{
  /* background-color: #ff0000; */
  background-color: var(--prk_btn_prpl);
  color: #fff !important;
  border-color: var(--prk_btn_prpl) !important;
  font-weight: bold;
}
.selectedi .jfreesp{
  background-color: var(--prk_btn_prpl);
}
@media (max-width:992px) {
  .jslct {width:768px !important; display: grid; justify-content: center;}
  .jrsrframe1 {border-bottom: 1px solid #d4d7dd;}
  .jrsrframe2title{padding-left:0px;}
}
@media (min-width:992px) {
  .jprop {height:478px !important}
  .jslct {width:768px !important; display: grid; justify-content: center;}
  .jrsrframe1 {border-right: 1px solid #d4d7dd;}
}

/* Userek */
@media (min-width:992px) and (max-width: 1100px) {
  .mini_custom_select{max-width: 90px;}
}

/* jelentések */
@media (min-width:768px) {.jBtnContainer{ position: absolute; bottom: 13px; right: 10px; } }
@media (min-width:768px) {.jBtnContainer td{padding-left: 5px}}
@media (max-width:767.8px) {.jBtnContainer{ position: absolute; bottom: 13px; left: 10px; } }
@media (max-width:767.8px) {.jBtnContainer td{padding-right: 5px}}
@media (max-width:767.8px) { .menu_span{ display:none; } }
@media (max-width:767.8px) { .mnu{ font-size: x-large; padding-right:1rem !important; } }
@media (min-width:767.8px) { .js_menu_selected{font-weight: bold;} }
@media (max-width:767.8px) {
}
.js_menu_selected{color: var(--main_dark) !important; }
#jMngMapList a{color: var(--main_dark)}
#jMngMapList a:hover{color: var(--nav_bar)}


/* Riportok */
.ttl{ color: var(--nav_bar); font-size: 15px; font-weight: bold;}
.mngmntr{ margin-bottom:20px; padding:0; border-radius: .3rem; box-shadow:5px 5px 13px 2px rgba(0,0,0,0.3);}
.rprt_rounded_top{color:white; padding:7px 0px; background-color: var(--prk_btn_drk); border: solid 1px var(--prk_btn_drk); margin:0px; display:flex; flex-wrap: nowrap;}
.rprt_rounded_bottom{font-size: 15px; padding:7px 0px; margin:0px; background-color: var(--prk_btn_light); color: var(--prk_btn_drk); border: solid 1px var(--prk_btn_light); }



.datepicker-switch {background-color: var(--prk_btn); color: white;}
.datepicker-switch:hover {background-color: var(--prk_btn_drk) !important; color: white !important;}
.datepicker table tr td.active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:active{
  background-color: var(--prk_btn);
  background-image: -moz-linear-gradient(to bottom, #fc0, #d88621);
  background-image: -ms-linear-gradient(to bottom, #fc0, #f86a28);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc0), to(var(--prk_btn)));
  background-image: -webkit-linear-gradient(to bottom, #fc0, var(--prk_btn));
  background-image: -o-linear-gradient(to bottom, #fc0, var(--prk_btn));
  background-image: linear-gradient(to bottom, #fc0, var(--prk_btn));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc0', endColorstr='var(--prk_btn)', GradientType=0);
  border-color: var(--prk_btn) var(--prk_btn) #f86a28;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.day {padding: 0 10px;}
.datepicker {background-color: #f6f6f6 !important;}
.dow {color: var(--prk_btn);}
.datepicker.active { background-color: var(--prk_btn);}
.datepicker td,
.datepicker th{width: 30px;}

/* flexdatalist */
.flexdatalist-results span:not(:first-child):not(.highlight) {
  padding-left: 10px;
  display: inline-block;
  font-size: 80%;
  color: rgba(0, 0, 0, 0.50);
}
.flexdatalist-results li.active{background:var(--light_light_bckgrnd) !important; color: var(--light_light_bckgrnd_txt) !important;}
.flexdatalist-results li.active span:not(:first-child):not(.highlight) {color: var(--light_light_bckgrnd_txt);}


@media (min-width:576px) {
  /* .modal-dialog { max-width: 1140px; margin:1.75rem auto } */
  .jtblRowM { display: none; }
  .jtblHeadM { display: none; }
  .jlstRowM { display: none; }
  .jlstHeadM { display: none; }
  #jmdLoadListFrame{padding-left:17px;}
}

@media (max-width:576px) {
  .jtblRow { display: none; }
  .jtblHead { display: none; }
  .jlstRow { display: none; }
  .jlstHead { display: none; }
  .jcol {
    padding-left:2px;
    padding-right:2px;
  }
  #jmdLoadListFrame{padding-left:0px;}
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance:textfield;
}




.left_menu_item{
  padding: 1rem 1rem;
  font-size: 1.25rem;
  cursor: pointer;
}
.left_menu_item.active{
  background-color: #E5DACC;
  color: #99754D;
}



.pics{
  display:flex; 
  flex-wrap: wrap;
}
.pics a{
  flex-grow: 1; 
  margin:0 5px;
  border:1px solid blue; 
  padding: 0;

}
.julcsika{
  border:1px solid red; 
  text-align: center; 
  padding: 10rem 0; 
  /* height: 20px; */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

}
.julcsika:hover{flex-grow: 5;}
.pics a:hover{flex-grow: 5;}



/* text loader */
/* --nav_bar: #1D3557;
--main_light: #457B9D;
--main_ltr_light: #a8dadc;
--light_bckgrnd: #DBEFF0; */
.loading{
  overflow: hidden;
  text-align: center;
}
.loader_text{
  position: relative;
  margin: auto;
  width: 350px;
  color: #fff;
  font-size: 250%;
  background: linear-gradient(180deg, #1D3557 0, #457B9D 100%);
  box-shadow: inset 0 5px 20px #1D3557;
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
.loader_text::after{
  content: "";
  display: table;
  clear: both;
}
.loader_text span{
  float: left;
  height: 100px;
  line-height: 120px;
  width: 50px;
}
.loader_text > span{
  border-left: 1px solid #444;
  border-right: 1px solid #222;  
}
.covers{
  position: absolute;
  width: 100%;
  height: 100%;
}
.covers span{
  background: linear-gradient(180deg, #DBEFF0 0, #a8dadc 100%);
  animation: up 2s infinite;
}
@keyframes up{
    0%{margin-bottom: 0;}
   16%{margin-bottom: 100%; height: 20px;}
   50%{margin-bottom: 0;}
  100%{margin-bottom: 0;}
}
.covers span:nth-child(2){ animation-delay: 0.142857s;}
.covers span:nth-child(3){ animation-delay: 0.285714s;}
.covers span:nth-child(4){ animation-delay: 0.428571s;}
.covers span:nth-child(5){ animation-delay: 0.571428s;}
.covers span:nth-child(6){ animation-delay: 0.714258s;}
.covers span:nth-child(7){ animation-delay: 0.857142s;}