.obs-filtr-kontener {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.obs-filtr-kontener .ui-autocomplete {
  z-index: 9998 !important;
}

.obs-filtr-kontener--flex-start {
  justify-content: flex-start;
}

.obs-filtr-element {
  padding: 5px;
  display:  flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 0;
}

@media screen and (min-width: 1280px) {
  .obs-filtr-element--separator {
    background: #9d8d7b;
    width: 1px;
    border: none;
    padding: 0;
    margin: 0 10px;
    content: "";
  }
}
.obs-filtr-element  label {
  font-size: 0.8rem;
}

.obs-filtr-element input[type="text"] {
  height: 19px;
  line-height: 19px;
  border: none;
  border-bottom: 1px solid #9d8d7b;
}

.obs-przycisk {
  margin: 5px;
  flex-grow: 1;
  color: white;
  font-size: 0.8rem;
  background: #9d8d7b;
  display: inline-block;
  border: 1px solid #9d8d7b;
  padding: 0.3rem;
  border-spacing: 0px 0px;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 45px;
  border-radius: 4px;
  font-weight: bold;
}

.obs-przycisk--zolty {
  background-color: #ffb400;
}

.obs-przycisk:hover {
  background-color: #704c2a;
  cursor: pointer;
}

.obs-przycisk--duzy {
  flex-grow: 4;
}

.obs-przycisk--sredni {
    flex-grow: 2;
}

.obs-przycisk--aktywny {
  color: orange !important;
}

.impreza-status {
  float: right;
  margin: 5px 2px 0 0;
  width: 5px;
  height: 9px;
  border-radius: 5;
}

.oblozenie-sal {
  background: #ffffff;
  width: 98%;
  margin: 0 auto;
}

.obs-kontener-glowny {
  background: #fff;
  width: 100%;
  margin: 5px auto;
  border-radius: 5px;
  padding: 5px 0;
}

.obs-kontener-glowny h3 {
  text-align: center;
  color: #6e5a39;
}

.obs-kontener {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.obs-kontener .obs-kontener__wiersz:last-child {
  border-bottom: 1px solid #CFD3D4;
}

.obs-kontener__wiersz {
  display: flex;
  flex-direction: row;
  flex-flow: nowrap;
  border: none;
  border-left: 1px solid #CFD3D4;
  min-height: 50px;
}

.obs-kontener__wiersz--kategoria{
    min-height: 20px !important;
}

.obs-kontener__wiersz--obszar{
    min-height: 25px !important;
}

.obs-kontener__wiersz--naglowek {
  background: #F0F3F8;
  font-weight: bold;
}

.obs-kontener__wiersz--podsumowanie {
  background: #FCDC8A;
  min-height: 20px;
}

.obs-kontener__wiersz--z-przedzialami-godzinowymi {
  min-height: 90px;
  height: 90px;
}

.obs-kontener__wiersz--bez-przedzialow-godzinowych {
  height: inherit;
  min-height: inherit;
}

.obs-komorka-zawartosc-kontener__ikonka{
    display: initial;
    float: right;
    text-align: right;
}

@media screen and (max-width: 1024px) {
  .obs-zestawienie-komorka__kwoty--tekst {
    font-size: 0.7rem;
  }

  .obs-komorka-zawartosc-kontener__nazwa {
    font-size: 0.8rem;
  }

  .obs-komorka-zawartosc-kontener__ilosc {
    font-size: 0.8rem;
  }

  .obs-kontener__wiersz--naglowek-tekst {
    font-size: 0.55rem;
  }

  .obs-kafel--widok-miesieczny-tekst {
    font-size: 0.75rem;
  }

  .obs-kafel--widok-tygodniowy-tekst {
    font-size: 0.8rem;
  }
  .obs-kafel--widok-dwu-tygodniowy-tekst {
    font-size: 0.5rem;
    line-height: 0.5rem;
  }
  .obs-kafel--widok-dzienny-tekst {
    font-size: 0.5rem;
    line-height: 0.5rem;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .obs-zestawienie-komorka__kwoty--tekst {
    font-size: 0.8rem;
  }

  .obs-komorka-zawartosc-kontener__nazwa {
    font-size: 0.8rem;
  }

  .obs-komorka-zawartosc-kontener__ilosc {
    font-size: 0.8rem;
  }

  .obs-kontener__wiersz--naglowek-tekst {
    font-size: 0.7rem;
  }

  .obs-kafel--widok-miesieczny-tekst {
    font-size: 0.75rem;
  }

  .obs-kafel--widok-tygodniowy-tekst {
    font-size: 0.9rem;
    line-height: 0.9rem;
  }
  .obs-kafel--widok-dwu-tygodniowy-tekst {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
    .obs-kafel--widok-dzienny-tekst {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }
}

@media screen and (min-width: 1281px) {
  .obs-zestawienie-komorka__kwoty--tekst {
    font-size: 0.9rem;
  }

  .obs-komorka-zawartosc-kontener__nazwa {
    font-size: 0.9rem;
    text-align: center;
  }

  .obs-komorka-zawartosc-kontener__ilosc {
    font-size: 1rem;
  }

  .obs-kontener__wiersz--naglowek-tekst {
    font-size: 0.9rem;
  }

  .obs-kafel--widok-miesieczny-tekst {
    font-size: 0.75rem;
    line-height: 0.65rem;
  }

  .obs-kafel--widok-tygodniowy-tekst {
    font-size: 0.96rem;
    line-height: 0.95rem;
  }

  .obs-kafel--widok-dwu-tygodniowy-tekst {
    font-size: 0.9rem;
    line-height: 0.9rem;
  }
    .obs-kafel--widok-dzienny-tekst {
    font-size: 0.9rem;
    line-height: 0.9rem;
  }
}

.obs-komorka {
  border-right: 1px solid #CFD3D4;
  border-top: 1px solid #CFD3D4;
  padding: 0;
  margin: 0;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
}

.obs-komorka--obszar{
    background: #aaaaaa;
    font-weight: bold;
}

.obs-komorka--kategoria{
    background: #dddddd;
    font-weight: bold;
}

.obs-komorka--dzien_weekend {
  background: #fff9cc;
}

.obs-wiersz--dzien_weekend {
  background: #fff4a6 !important;
}

.obs-komorka--stala-szerokosc {
  flex-basis: 220px;
  flex-grow: 0;
}

.obs-komorka-zawartosc {
  align-self: stretch;
  flex-grow: 1;
  width: 100%;
  display: flex;
  position: relative;
}

.obs-komorka-zawartosc__kontener-wrapper {
    align-self: stretch;
    flex-grow: 0;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}

.obs-komorka-zawartosc__kontener {
  align-self: stretch;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  flex-grow: 1;
}

.obs-komorka-zawartosc__kontener--kategoria{
    background: #dddddd;
    font-weight: bold;
}

.obs-komorka-zawartosc__kontener--obszar{
    background: #aaaaaa;
    font-weight: bold;
}

.obs-komorka__wiersz {
  width: 100%;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.obs-komorka .obs-komorka__wiersz:not(:last-child) {
  border-bottom: 1px solid #CFD3D4;
}

.obs-kafel-zawartosc {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
}

.obs-kafel-zawartosc__informacje {
  flex-basis: 100%;
  align-self: center;
}

.obs-kafel-zawartosc__status {
  width: 5px;
  height: 9px;
  border: 1px solid #fff;
  align-self: center;
  margin-right: 5px;
}

.kafel-oblozenie-sal {
  font-family: Arial;
  z-index: 3;
  cursor: pointer;
  position: absolute;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  line-height: 0.9rem;
  font-size: 0.9rem;
  width: 99%;
  opacity: 0.8;
  filter: alpha(opacity=90);
  text-align: center;
}

.obs-kafel {
  font-family: Arial;
  cursor: pointer;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  opacity: 0.9;
  filter: alpha(opacity=90);
  text-align: center;
  min-height: 50px;
  flex-grow: 0 !important;
}

.obs-kafel--pusty-widok-tygodniowy{
  width: 100%;
  height: 100%;
}

.obs-kafel--pusty-widok-dzienny{
  width: 100%;
  height: 100%;
}

.obs-kafel--widok-miesieczny {
  align-self: stretch;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  word-wrap: anywhere;
}

.obs-kafel--widok-dzienny {
  align-self: start;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-grow: 1;
  word-wrap: break-word;
  position: absolute;
  height: 37px;
}

.oblozenie-sal__komorka--sala-kontener {
  width: 100%;
  position: relative;
}

.oblozenie-sal__komorka--sala-dzien-kafel {
  width: 100%;
  height: 100%;
  display: block;
}

.oblozenie-sal__komorka--warstwa {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: absolute;
}

.oblozenie-sal__komorka--warstwa1 {
  z-index: 1;
}

.oblozenie-sal__komorka--warstwa1 div {
  flex-basis: 30px;
  flex-grow: 1;
  display: flex;
}

.oblozenie-sal__komorka--warstwa1 div:not(:last-child) {
  border-bottom: 1px solid #CFD3D4;
}

.oblozenie-sal__komorka--warstwa2 {
  z-index: 2;
  height: 87px;
}

.obs-podpowiedz {
  left: 0;
  display: none;
  position: absolute;
  z-index: 1006;
  width: 230px;
  background: #fff;
  border: 2px solid #555555;
  border-radius: 5px;
  padding: 5px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  line-height: 0.9rem;
  font-size: 0.9rem;
  text-align: left;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
  min-height: 80px;
  line-height: 14px;
}

.obs-podpowiedz hr {
  border: 0 none;
  background: none;
  height:0;
}

.obs-podpowiedz hr.grupa {
  border-top: 1px dashed #322f32;
}

.obs-podpowiedz  hr.event {
  border-top: 1px dashed #999;
}

.sgp-podpowiedz {
  left: 80px;
  top: 0px;
  position: absolute;
  z-index: 1006;
  width: 230px;
  background: #fff;
  border: 2px solid #555555;
  border-radius: 5px;
  padding: 5px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  line-height: 0.9rem;
  font-size: 0.9rem;
  text-align: left;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
  min-height: 40px;
  line-height: 14px;
}

.sgp-podpowiedz hr {
  border: 0 none;
  background: none;
  height:0;
}

.sgp-podpowiedz hr.grupa {
  border-top: 1px dashed #322f32;
}

.sgp-podpowiedz  hr.event {
  border-top: 1px dashed #999;
}

.obs-kafel--niedostepnosc {
  border: 1px solid #333;
  color: #333;
  background: #e5ddd4 url(/styleimg/apla-niedostepnosc.png) repeat;
}

.obs-kafel--blokada-nie-do-ruszenia {
  border: 1px solid #222 !important;
  color: #222 !important;
  background: url(/styleimg/apla-niedostepnosc.png) center repeat, #e5ddd4 url(/styleimg/blokada-nie-do-ruszenia.png) no-repeat center !important;
  background-size: auto auto, 100% 100% !important;
}

.obs-kafel--niedostepnosc-event {
  border: 1px solid #333;
  color: #333;
  background: #e5ddd4 url(/styleimg/apla-niedostepnosc.png) repeat;
}

.obs-kafel--funkcjonalnosc-sniadaniowa {
  height: 25px;
  border: 2px solid #8b1e8f;
  background: #8b1e8f url(/styleimg/paski_violet.png) repeat;
}

.obs-kafel--funkcjonalnosc-restauracyjna {
  border: 1px solid #0b55c3;
  background: #0b55c3 url(/styleimg/paski_blue.png) repeat;
}

.obs-kafel--dociagniete-menu {
  border: 1px solid #8b4513;
  background: #a52a2a url(/styleimg/paski_gray.png) repeat;
}

.obs-kafel--dociagniete-tance {
  border: 1px solid #ff4500;
  background: orange url(/styleimg/paski_gray.png) repeat;
}
.obs-kafel--dociagniete-atrakcje {
    border: 1px solid #0000ff; /* Blue border */
    background: lightblue url(/styleimg/paski_gray.png) repeat; /* Light blue background */
}
.obs-kafel--dociagniete-atrakcje-kulinarne {
    border: 1px solid #008000; /* Green border */
    background: lightgreen url(/styleimg/paski_gray.png) repeat; /* Light green background */
}
.obs-kafel--dociagniete-uslugi-dodatkowe {
    border: 1px solid #800080; /* Purple border */
    background: lavender url(/styleimg/paski_gray.png) repeat; /* Light purple background */
}
.obs-kafel--dociagniete-spa {
    border: 1px solid #ff0000; /* Red border */
    background: #ffcccc url(/styleimg/paski_gray.png) repeat; /* Light red background */
}

.obs-kafel--zdarzenia-laczone {
  border: 1px solid #550000;
  color: #550000;
  background: red url(/styleimg/paski_gray.png) repeat;
}

.obs-kafel--impreza {
  border: 1px solid #eaeaea;
}

.obs-kafel--szybka-rezerwacja {
  border: 2px solid #ff152b !important;
}

.obs-zestawienie {
  display: flex;
  flex-direction: row;
  background: #FFF1DC;
  height: 90px;
  border-bottom: 1px solid #C2AE98;
  width: 100%;
  align-items: center;
  border-left: 1px solid #C2AE98;
}

.obs-zestawienie-komorka {
  border-right: 1px solid #C2AE98;
  border-top: 1px solid #C2AE98;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  height: 90px;
  flex-basis: 0;
}

.obs-zestawienie-komorka--stala-szerokosc {
  flex-basis: 220px;
  flex-grow: 0;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.obs-zestawienie-komorka__przychod-netto {
  justify-content: center;
  align-items: center;
  border-right: 1px solid #C2AE98;
  display: flex;
  align-self: stretch;
  color: #c60000;
  flex-grow: 1;
}

.obs-zestawienie-komorka__podzial-etykiety {
  flex-grow: 1;
  justify-content: center;
  display: flex;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.obs-zestawienie-komorka__podzial-etykiety div {
  flex-grow: 1;
  width: 100%;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.obs-zestawienie-komorka__podzial-etykiety div:not(:last-child) {
  border-bottom: 1px solid #C2AE98;
}

.obs-zestawienie-komorka__podzial-etykiety div:nth-child(2) {
  color: #c60000;
}

.obs-zestawienie-komorka__kwoty {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-self: stretch;
}

.obs-zestawienie-komorka__kwoty div {
  flex-grow: 1;
  width: 100%;
  align-self: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.obs-zestawienie-komorka__kwoty div:not(:last-child) {
  border-bottom: 1px solid #C2AE98;
}

.obs-zestawienie-komorka__podzial-etykiety div:nth-child(2) {
  color: #c60000;
}

.obs-podpowiedz-separator {
  float:  left;
  width: 100%;
  border-bottom: 1px dashed #eaeaea;
  padding: 2px 0;
}