.korbutton {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
  padding: 1em !important;
}

.information {
  width: 1.5em;
  height: 1.5em;
  color: var(--bs-warning);
}

.borderleft {
  border-left: solid 1px var(--bs-border-color);
  padding-left: .5em;
}

.szam {
  background-color: #333333;
  color: rgb(255,255,255);
  /*width: 38px !important;*/
  /*height: 33px !important;*/
}

.szalard {
  background-color: rgb(122,151,142);
  color: rgb(255,255,255);
}

.somogy {
  background-color: rgb(165,137,74);
  color: rgb(255,255,255);
}

.zalamegye {
  background-color: rgb(47,159,209);
  color: rgb(255,255,255);
}

.vasmegye {
  background-color: rgb(131,182,64);
  color: rgb(255,255,255);
}

.gyorsopron {
  background-color: rgb(123,130,183);
  color: rgb(255,255,255);
}

.veszprem {
  background-color: rgb(172,144,186);
  color: rgb(255,255,255);
}

.fejermegye {
  background-color: rgb(116,85,63);
  color: rgb(255,255,255);
}

.szabolcsszatmar {
  background-color: rgb(51,51,51);
  color: rgb(255,255,255);
}

.hajdubihar {
  background-color: rgb(80,69,63);
  color: rgb(255,255,255);
}

.bacskiskun {
  background-color: rgb(45,111,106);
  color: rgb(255,255,255);
}

.szolnok {
  background-color: rgb(194,40,29);
  color: rgb(255,255,255);
}

.borsod {
  background-color: rgb(231,162,61);
  color: rgb(255,255,255);
}

.heves {
  background-color: rgb(226,138,35);
  color: rgb(255,255,255);
}

.nograd {
  background-color: rgb(73,75,35);
  color: rgb(255,255,255);
}

.pestmegye {
  background-color: rgb(65,36,16);
  color: rgb(255,255,255);
}

.budapest {
  background-color: rgb(188,102,86);
  color: rgb(255,255,255);
}

.esztergom {
  background-color: rgb(13,107,174);
  color: rgb(255,255,255);
}

.szabolcs {
  background-color: rgba(33,37,41,0.85);
  color: rgb(255,255,255);
}

.pest {
  background-color: rgba(9,51,113,0.79);
  color: rgb(255,255,255);
}

.kezdolapgomb {
  background-color: rgb(65,36,16);
  color: rgb(255,255,255);
}

.megtekintesgooglegomb {
  background-color: rgb(179,144,77);
  color: rgb(255,255,255);
}

.visszagomb {
  background-color: rgb(255,145,28);
  color: rgb(255,255,255);
}

.hajdu {
  background-color: rgba(255,145,28,0.72);
  color: rgb(255,255,255);
}

.utvonal {
  margin-left: 0.5em;
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 12px;
  /*text-decoration: none !important;*/
}

.opacity {
  background-color: rgba(255,255,255,0.67);
}

.modal-header {
  height: 65px !important;
}

.tablehatterszin {
  background-color: rgba(201,217,236,0.48)!important;
}

.hatterszin {
  background-color: rgb(201,217,236) !important;
}

.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--bs-primary);
}

.bs-icon-xs {
  --bs-icon-size: 1rem;
  width: calc(var(--bs-icon-size) * 1.5);
  height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-sm {
  --bs-icon-size: 1rem;
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon-lg {
  --bs-icon-size: 2rem;
}

.bs-icon-xl {
  --bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: var(--bs-primary);
}

.bs-icon.bs-icon-primary-light {
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), .2);
}

.bs-icon.bs-icon-semi-white {
  color: var(--bs-primary);
  background: rgba(255, 255, 255, .5);
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
  border-radius: 50%;
}

.fit-cover {
  object-fit: cover;
}

.container {
  z-index: 100;
  position: absolute;
}

.fullscreen {
  height: 100vh!important;
  width: 100%;
}

.bggreen {
}

.terkepgrafika {
  z-index: 100;
  position: absolute;
  /*width: 90%;*/
  opacity: .9;
}

.menugomb {
  background-color: rgb(193,155,102);
  color: var(--bs-dark);
  margin-right: 5px;
}

/* video background */

#background-video {
  height: 100vh;
  width: 100vw;
  object-fit: fill;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

/* page content */

@media (max-width: 750px) {
  #background-video {
    display: none;
  }
}

@media (max-width: 750px) {
  body {
    /*background: url("https://assets.codepen.io/6093409/river.jpg") no-repeat;*/
    background-size: cover;
  }
}

a {
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
  text-decoration: none;
}

@media (max-width: 768px) {
  .terkepmobil {
    margin-top: 12%;
    margin-bottom: 70%;
  }
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 50%;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.kokoszin {
  background-color: #d4ab6b !important;
}

.timiszin {
  background-color: #e0a731 !important;
}

.bobiszin {
  background-color: #3e47c9 !important;
  color: #ffffff !important;
}