BODY,TABLE,TR,TH,TD,BUTTON{font-family:'BAHNSCHRIFT','Roboto',Arial,Verdana,sans-serif;}
INPUT, SELECT{font-size:1.5vw;height:2vw;vertical-align:middle;}
TEXTAREA{font-size:1.5vw;}
INPUT[type='radio'],INPUT[type='checkbox']{transform:scale(1.5);margin-right:1vw;height:1vw;}

.PseudoWindow{position:relative;border-radius: 1vw;background:#333;border:solid 0.2vw #888;padding:1vw;}
.CloseX, BUTTON { border:solid 0.2vw #FFF; background:#08F;color:white; font-size:1.5vw;vertical-align:middle;border-radius: 0.5vw;display:inline-block;padding:0 0.5vw;cursor:pointer;}
.PseudoWindow .CloseX{position:absolute;top:1vw;right:1vw;}
BUTTON:HOVER { transform:scale(1.1); }
BUTTON:ACTIVE { transform:scale(0.9); }

.Portrait .Portrait {display:auto;}
.Portrait .Landscape {display:none;}
.Landscape .Landscape {display:auto;}
.Landscape .Portrait {display:none;}

#FormFrame{display:none;}

#IntroVideo {position:absolute;display:block;width:100%;pointer-events:none;z-index:10;}
.MainTitle {width:100%; position:absolute; left:0;top:35vw;z-index:15;}
.MainTitle.Portrait {width:92%;top:0;z-index:11;}
.MainImage {display:block;width:100%;left:0;top:0;z-index:5;}

.Cen{text-align:center;}

.AdminBar{text-align:right;background:#333;margin:3vw 5vw;}
.AdminBar>*{display:inline-block;margin:1vw 2vw;}

.OL{outline:solid 1px #a00;}
.RRRR{border-radius: 1vw;}
.SSRR{border-radius: 0 0 1vw 1vw;}
.RRSS{border-radius: 1vw 1vw 0 0;}
.Whole,.Half,.Third,.Thirds,.Quarter{display:inline-block;margin:0; padding:0;vertical-align:top;border:none;}
.Whole.Pad,.Half.Pad,.Third.Pad,.Thirds.Pad,.Quarter.Pad{display:inline-block;margin:0; padding:1% 2%;border:none;}
.Whole{width:99.8%;}
.Half{width:49.6%;}
.Third{width:33%;}
.Thirds{width:66%;}
.Quarter{width:24.5%;}
.Whole.Pad{width:95.8%;}
.Half.Pad{width:45.6%;}
.Third.Pad{width:29%;}
.Thirds.Pad{width:62%;}
.Quarter.Pad{width:20.5%;}
.Under {height:0px;}

@keyframes SlideIt {
  0% {opacity: 0;pointer-events: none;}
  4% {pointer-events: none;}
  5% {opacity: 1;pointer-events: auto;}
  50% {opacity: 1;pointer-events: auto;}
  54% {pointer-events: auto;}
  55% {opacity: 0;pointer-events: none;}
  100% {opacity: 0;pointer-events: none;}
}

.Above1{
  animation-name: SlideIt;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}


.Green{background:#080;}
.Blue{background:#08F;}
.Red{background:#F00;}
.Orange{background:#fe941b;}
.Dark{background:#0002;}
.White,.White H1{background:#FFF4;color:#000;}

.green{color:#0D0;}
.blue{color:#4AF;}
.red{color:#FF0000;}
.orange{color:#fe941b;}
.dark{color:#0002;}
.white,.white H1{color:#FFF;}

.Right{text-align:right;}

.Bold{font-weight:700;}

P{margin-bottom:2vw;}
HR{border:none;border-top:dotted 1vw #888;margin: 3vw 0;}

.BookTab.Admin{width:100%}
.BookTab.User{width:auto}
.BookTab TD{padding:1vw;}

#Booking div.Day{display:inline-block;width:10vw;height:5vw;padding:0.25vw 0.5vw;text-align:right;position:relative;cursor:pointer; background:#333;margin:0.5vw;border-radius: 1vw;/*font-family:'Courier New', Courier, monospace;*/}
#Booking div.Day:HOVER{outline:solid 4px #FFF;}
#Booking div.Day.Weekend{color:#08F;}
#Booking div.Day.ToEdit{box-shadow: inset 0vw 0vw 0.4vw #FFF;}
#Booking div.Day.Disabled{color:#666;cursor:not-allowed;}
#Booking div.Day.Disabled.Admin{cursor:pointer;}
#Booking div.Day.Disabled:HOVER{outline:none;}
#Booking div.Day.Today{background:#555;}
#Booking C{display:inline-block;position:absolute;top:0.5vw;right:0.5vw;}
#Booking C>A, #Booking C>B, #Booking C>G, #Booking C>I{display:inline-block;width:1.2vw;height:1vw;padding:0.1vw 0;margin:0 0 0 0.5vw;text-align:right;font-size:1vw;background:#080;font-weight:700;line-height:1.2vw;text-align:center;color:#FFF;border-radius: 0.5vw;}
#Booking C>A{background:#F00;}
#Booking C>G{background:#08F;}
#Booking C>I{background:#000;position:absolute;right:9vw;}
.Hidden{display:none;}

@keyframes RevRoll {
  0% {background-position: 0 0%;}
  100% {background-position: 0 98.8%;}
}

.Reviews{
  height:20vw;
  background: url(img/recenzie.png) repeat-y;
  background-size: cover;
  background-position: 0 0;
  animation-name: RevRoll;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  overflow: hidden;
  border-radius: 1vw;
  transition: all 1s ease;

}

.Reviews:HOVER{
  animation-play-state: paused;
}
#VoucherList TD, #Revenues TD{padding-left:0.5vw;padding-right:0.5vw;}
#VoucherList{
  position:relative;height:30vw;overflow:scroll;
  scrollbar-color:#000;
}
#Revenues TD{text-align:right;}
#Revenues TD:first-child{text-align:left;}
#VoucherList .TopRow, #Revenues .TopRow{
  position:sticky; top:0; left:0;
  background:#888;border-bottom:solid 1px #888;
}
#VoucherList .TopRow TD, #Revenues .TopRow TD{
  background:#888;border-bottom:solid 1px #888;
}
#VoucherList TR:nth-child(odd), #Revenues TR:nth-child(odd){background:#444;}

#VoucherList TR.Deleted TD{color:#888;}
#VoucherList TR.Created TD{color:#DDD;}
#VoucherList TR.Activated TD{color:#0F0;}
#VoucherList TR.Used TD{color:#0BF;}

/************************************************/

/*@media (-webkit-min-device-pixel-ratio: 1.2),(min-device-pixel-ratio: 1.2),(min-resolution: 115dpi) */
@media screen and (max-width: 1000px)
{
  B.Text{color:#FFF;}
  .Whole,.Half,.Third,.Thirds,.Quarter{width:99.8%;margin:1vh 0;}
  .Whole>.Whole,.Whole>.Half,.Whole>.Third,.Whole>.Thirds,.Whole>.Quarter,.Half>.Whole,.Half>.Half,.Half>.Third,.Half>.Thirds,.Half>.Quarter{width:99.8%;margin:0 0;}
  .Whole.Pad,.Half.Pad,.Third.Pad,.Thirds.Pad,.Quarter.Pad{width:95.8%;}
  .MainTitle.Portrait { width:90%;top:0;}
  .MainImage.Portrait { width:100%;top:0;}

  .Reviews{
    height:68.6vw;
    animation-duration: 60s;
    border-radius: 3vw;
  }  

.BookTab TD{padding:1vw;}

#Booking div.Day{width:10vw;height:7vw;padding:0.5vw 1vw;}
#Booking div.Day .S2{font-size:6vw;}
#Booking div.Day .S4{font-size:2.5vw;}
#Booking C{display:inline-block;position:absolute;top:0.5vw;right:0.5vw;}
#Booking C>A, #Booking C>B, #Booking C>G{position:static;width:2vw;height:2vw;padding:0;margin:0 0 0 0.5vw;line-height:2vw;border-radius: 2vw;font-size:2.5vw;top:0;}


INPUT, SELECT{font-size:4vw;height:5vw;}
TEXTAREA{font-size:4vw;}
INPUT[type='radio'],INPUT[type='checkbox']{transform:scale(3);margin-right:2vw;height:2vw;}

.CloseX, BUTTON { border:solid 0.5vw #FFF; font-size:4vw;border-radius: 1vw;padding:0 2vw;}
.PseudoWindow .CloseX{top:2vw;right:2vw;}
}