@charset "utf-8";
/* CSS Document */
/*
  Stylesheet - default definitions
  Any site customization store in style2.css file

  Changes:
    2022-11-30, PK: main background-color defined by variable
    2022-11-30, PK: allow top logo of any size  
    2023-03-11, PK: all important colors is defined by variables
    2023-12-01, PK: comments only
*/

:root {
  --main-color: white;
  --main-color-hover: rgb(160, 192, 255);
  --main-bg-color: rgb(0, 90, 143);
  --title-color: rgb(0, 90, 143);
  --title-color-hover: rgb(0, 110, 193);
  --title-bg-color: white;
  --title-weight:bold;
  --frame-border-color: rgb(0, 90, 143);
  --frame-help-text-color: rgb(0, 90, 143);
  --frame-help-text-bg-color: rgb(0, 90, 143);
  --copyright-color: white;
  --copyright-color-hover: rgb(160, 192, 255);
  --copyright-bg-color: rgb(0, 90, 143);
  --menu-color: #FFFFFF;
  --menu-border-color: grey;
  --menu-bg-color: rgb(10, 100, 157);
  --menu-bg-color-hover: rgb(0, 70, 130);
  --content-color: #000000;
  --content-bg-color: #FFFFFF;
  --cell-border-color: #000000;
  --table-head-foot-color: gainsboro;
  --star-color: red;
  --alert-color: red;
  
  --schedule-color: #000000;  /* black */
  --schedule-bg-color: rgb(208, 208, 208);

  --event-hidden-bg-color: rgb(224, 224, 224);
  --registered-color: white;
  --registered-bg-color: rgb(0, 90, 143);
  --participant-color: white;
  --participant-bg-color: rgb(0, 90, 143);
  --reserved-color: white;
  --reserved-bg-color: rgb(64, 143, 191);
  --substitute-color: white;
  --substitute-bg-color: orange;
  --applicant-color: white;
  --applicant-bg-color: grey;
  --unregistered-color: lightgrey;
  --unregistered-bg-color: grey;
  
  --bar-dt-text-color: white;
  --bar-dd-text-color: black;
  --bar-participant-color: white;
  --bar-participant-bg-color: rgb(0, 90, 143);
  --bar-reserved-color: white;
  --bar-reserved-bg-color: rgb(64, 143, 191);
  --bar-available-color: white;
  --bar-available-bg-color: green;
  --bar-substitute-color: white;
  --bar-substitute-bg-color: orange;
  --bar-applicant-color: white;
  --bar-applicant-bg-color: grey;

  --taken-table-all-color: white;
  --taken-table-all-bg-color: red;  
  --taken-table-mostly-color: white;
  --taken-table-mostly-bg-color: orange;
  --taken-table-empty-color: white;
  --taken-table-empty-bg-color: green;

  --participant-list-capability-bg-color: lightgreen; 
  --participant-list-limit-bg-color: red;
  --participant-list-over-bg-color: #DDDDDD; 
  --participant-list-over-color: #222222; 
}

body, table, tbody, tr, th, td, a, h1, h2, h3, h4, h5, h6, p,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video
{
  margin:0;
  padding:0;
  border:0 none;
}
a {
  text-decoration:none;
}
@-ms-viewport {
  width:device-width;
}
select,
input[type=button], input[type=submit], input[type=reset], input[type=checkbox] {
  cursor: pointer;
}
input[disabled] {
  cursor:not-allowed;
}
ul {
  padding-left: 2ex;
}

.mce-content-body
{
  overflow-y:scroll;
  -ms-overflow-style:scrollbar;
}

.work_warning, .error {
  color:var(--alert-color);
}

/* --- https://www.w3schools.com/cssref/css_default_values.asp --- */
h1 {font-size:2em; margin:0.67em 0;}
h2 {font-size:1.5em; margin:0.83em 0;}
h3 {font-size:1.17em; margin:1em 0;}
h4 {font-size:1.0em; margin:1.33em 0;}
h5 {font-size:.83em; margin:1.67em 0;}
h6 {font-size:.67em; margin:2.33em 0;}
p {margin:1em 0;}

.mce-content-body, #content,
body
{
  background-color:var(--main-bg-color);
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10.2pt;
}
table
{
  border-spacing:0;
  border-collapse:collapse;
}

#menu_left, #menu_right {
  font-family:Arial, Helvetica, sans-serif;
  background-image:none;
}

#menu_left h2, #menu_left a, #menu_left p,
#menu_user h2, #menu_user h3, #menu_user a, #menu_user p, #menu_user span,
#menu_right h2, #menu_right h3, #menu_right a, #menu_right p, #menu_right span
{
  color:var(--menu-color);
  font-size:14px;
}

#menu_user div.level1 h3 {
  font-style: italic;
  font-size: smaller;
}


.col1-nowrap td:nth-child(1) {white-space: nowrap}
.col2-nowrap td:nth-child(2) {white-space: nowrap}
.col3-nowrap td:nth-child(3) {white-space: nowrap}

.col1-left td:nth-child(1) {text-align: left}
.col2-left td:nth-child(2) {text-align: left}
.col3-left td:nth-child(3) {text-align: left}

.col1-right td:nth-child(1) {text-align: right}
.col2-right td:nth-child(2) {text-align: right}
.col3-right td:nth-child(3) {text-align: right}

.col1-padding-r1em td:nth-child(1) {padding-right: 1em}
.col2-padding-r1em td:nth-child(2) {padding-right: 1em}
.col3-padding-r1em td:nth-child(3) {padding-right: 1em}

footer
{
  background-color:var(--main-bg-color);
}
.mce-content-body, #content,
.obsah
{
  background-color:var(--content-bg-color);
  vertical-align:top;
}
.nowrap {
  white-space:nowrap;
}
.price {
  text-align:right;
}

/* barvy podle stavu registrace */
.timetable span.ucast, .ucast .stav, select .ucast, span.ucast { /* 1 */
  color:green;
}
.timetable span.zamlu, .zamlu .stav, select .zamlu, span.zamlu { /* 3 */
  color:green;
}
.timetable span.nahra, .nahra .stav, select .nahra, span.nahra { /* 4 */
  color:orange;
}
.timetable span.zajem, .zajem .stav, select .zajem, span.zajem { /* 6 */
  color:red;
}
.timetable span.odreg, .odreg .stav, select .odreg, span.odreg { /* 8 */
  color:black;
}

/* barvy podle obsazenosti */
.obsazenost dt.ucast, .obsazenost span.ucast, #seznam .ucast { /* 1 */
  color:var(--bar-participant-color);
  background-color:var(--bar-participant-bg-color);
}
.obsazenost dt.zamlu, .obsazenost span.zamlu, #seznam .zamlu { /* 3 */
  color:var(--bar-reserved-color);
  background-color:var(--bar-reserved-bg-color);
}
.obsazenost dt.volno, .obsazenost span.volno, #seznam .volno { /* - */
  color:var(--bar-available-color);
  background-color:var(--bar-available-bg-color);
}
.obsazenost dt.nahra, .obsazenost span.nahra, #seznam .nahra { /* 4 */
  color:var(--bar-substitute-color);
  background-color:var(--bar-substitute-bg-color);
}
.obsazenost dt.zajem, .obsazenost span.zajem, #seznam .zajem { /* 6 */
  color:var(--bar-applicant-color);
  background-color:var(--bar-applicant-bg-color);
}
.obsazenost dt.odreg, .obsazenost span.odreg, #seznam .odreg { /* 8 */
}
.obsazenost dl {
}
.obsazenost dt {
  display:inline;
  color:var(--bar-dt-text-color);
}
.obsazenost dd {
  display:inline;
  color:var(--bar-dd-text-color);
  margin:0;
}
#event #seznam table tr.volne_misto { 
  background-color:var(--participant-list-capability-bg-color); 
}
#event #seznam table tr.naplneno { 
  background-color:var(--participant-list-limit-bg-color);
}
#event #seznam table tr.neni_misto { 
  background-color:var(--participant-list-over-bg-color); 
  color:var(--participant-list-over-color);
}


header .logo
{
  margin:0 auto;
}

.mce-content-body, #content,
.obsah2
{
  padding:10px;
  text-align:justify;
}
.mce-content-body h1, .mce-content-body h2, .mce-content-body h3, .mce-content-body h4, #content,
.obsah2 h1, .obsah2 h2, .obsah2 h3, .obsah2 h4
{
  color:var(--title-color);
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
.mce-content-body h1, #content h1,
.obsah2 h1
{
  font-size:2.0em;
  /* font-size:18px; /* velikost se definuje v editoru */
  font-weight:var(--title-weight);
  /* text-align:left; /* zarovnani se definuje v editoru */
  margin:0.5em 0 0 0;
}
.mce-content-body #content h1 .count,
.obsah2 h1 .count
{
  color:#AAA;
  font-weight:normal;
}
.mce-content-body h2, #content h2,
.obsah2 h2
{
  font-size:1.5em;
  /* font-size:18px; /* velikost se definuje v editoru */
  font-weight:bold;
  /* text-align:left; /* zarovnani se definuje v editoru */
  margin:1.3em 0 0.5em 0;
}
.mce-content-body h3, #content h3,
.obsah2 h3
{
  font-size:1.17em;
  /* font-size:18px; /* velikost se definuje v editoru */
  font-weight:var(--title-weight);
  /* text-align:left; /* zarovnani se definuje v editoru */
  margin:1.0em 0 0.3em 0;
}
.mce-content-body h4, #content h4,
.obsah2 h4
{
  font-size:1.0em;
  /* font-size:18px; /* velikost se definuje v editoru */
  font-weight:var(--title-weight);
  /* text-align:left; /* zarovnani se definuje v editoru */
  margin:0.8em 0 0.2em 0;
}
.mce-content-body h1, #content h1,
#account #casy h1
{
  font-size:2.0em;
  margin:0.5em 0 0 0;
}
.mce-content-body h2, #content h2,
#account #casy h2
{
  font-size:1.5em;
  margin:0.3em 0 0 0;
}
.mce-content-body h3, #content h3,
#account #casy h3
{
  font-size:1.17em;
  margin:0.3em 0 0 0;
}
.mce-content-body h4, #content h4,
#account #casy h4
{
  font-size:1.0em;
  margin:0.3em 0 0 0;
}
.mce-content-body td p, #content td p,
.obsah2 td p
{
  margin-top: 0;
}
.Xmce-content-body h1, #Xcontent h1,
.Xobsah2.public h1
{
  text-align:center;
  font-size:250%;
}
.mce-content-body img, #content img,
.obsah2 img
{
  max-width:100%;
  height: auto;
}

/* Flexbug IE10-11 images + aspect ratio (workaround) */
/* https://codepen.io/anon/pen/RrwPbG */
/* p:has(img) - flex: 1 1 auto; min-height: */
/* img, iframe - 1px; display: block; width: 100%; */
.mce-content-body p.limit-size:has(img), #content p.limit-size:has(img),
.obsah2 p.limit-size:has(img)
{
  flex: 1 1 auto;
  min-height: 1px; /* 1 */
}

.mce-content-body p.limit-size img, #content p.limit-size img,
.obsah2 p.limit-size img, .obsah2 iframe
{
  display: block;
  width: 100%;
}

h4 a:link, h4 a:hover, h4 a:active, h4 a:visited
{
  /* color:var(--title-color); */
  /* font-family:Verdana, Arial, Helvetica, sans-serif; */
  /* font-size:100%; */
  /* margin:0px; */
  /* padding:1px 0px 0px 0; */
  /* text-decoration:none; */
}




.copyright
{
  color:var(--copyright-color);
  font-size:12px;
  margin:1em;
  text-align:center;
}
.copyright a:visited
{
  color:var(--copyright-color);
  text-decoration:none;
}
.copyright a
{
  color:var(--copyright-color);
  text-decoration:none;
}
.copyright a:hover
{
  color:var(--copyright-color-hover);
  text-decoration:none;
}


/* GLOBAL */
h2 A:link
{
  color:var(--main-color);
  text-decoration:none;
}
h2 A:visited
{
  color:var(--main-color);
  text-decoration:none;
}
h2 A:hover
{
  color:var(--main-color);
  text-decoration:underline;
}
h2 A:active
{
  color:var(--main-color);
  text-decoration:none;
}
.mce-content-body A:link, #content A:link,
.obsah2 A:link
{
  color:var(--title-color);
  text-decoration:none;
}
.mce-content-body A:visited, #content A:visited,
.obsah2 A:visited
{
  color:var(--title-color);
  text-decoration:none;
}
.mce-content-body A:hover, #content A:hover,
.obsah2 A:hover
{
  color:var(--title-color-hover);
  text-decoration:underline;
}
.mce-content-body A:active, #content A:active,
.obsah2 A:active
{
  color:var(--title-color);
  text-decoration:none;
}

.send_button.big input {
  font-size:200%;
  padding:1em;
  min-width:10em;
}
.send_button.small input {
  font-size:120%;
  padding:0.3em;
  min-width:8em;
}
.send_button input {
  font-size:200%;
  padding:1em;
  min-width:10em;
}

[data-id|=textarea-tip],
.tip {
  padding:1.75ex 2ex;
  margin:1em 0;
  background-color:#eeeeee;
  /* color:var(--main-bg-color); */
  background-color:#DDDDDD;
  border-radius: 1em;
}
.tip a:link {
  text-decoration:underline;
}

/* page:activate */
.activate table
{
  margin:0 auto;
}
.activate tr td.submit_button
{
  margin:0 auto;
  text-align:center;
}
.activate tr td
{
  padding-bottom:1ex;
}
.activate input[type=text]
{
  width:30ex;
}
.activate input[type=submit]
{
  font-size:110%;
  padding:0.1em 2em;
}
.activate input[type=submit]:focus
{
  border-color:#333;
}

/* page:attendees */
#attendees table {
  border-collapse:separate;
  text-align:left;
}
#attendees th, #attendees td {
  padding:1px;
  vertical-align:text-top;
}
#attendees th + th, #attendees td + td {
  padding-left:10px;
}
#attendees th:first-child, #attendees td:first-child {
  padding-right:1ex;
}
#attendees table tr th span, #attendees table tr td span {
  font-size:85%;
  margin-bottom:1em;
}

/* vzkazy */
#vzkazy p {
  margin:0.8ex 1ex 2ex 1ex;
}
#vzkazy table {
  width:100%;
  border-collapse:collapse;
}
#vzkazy td.header {
  padding:5px;
  background-color:#cccccc;
  text-align:left;
}
#vzkazy span.name {
  font-weight:bold;
}
#vzkazy textarea {
  width:99%;
  font-family:inherit;
  font-size:inherit;
}
#vzkazy input[type=submit]
{
  font-size:110%;
  padding:0.1em 2em;
}

/* */
#ics form
{
  display:inline;
}

/* */
#casy h3
{
  margin:6px auto;
}
#casy .nazev {
  font-weight:bold;
  font-size:125%;
}
#casy .price {
}
#casy .price input[type=checkbox] {
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* new FF, Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform:scale(1.5); /* CSS3 */
  margin-left: 1.2ex;
}
#casy .price span {
  vertical-align: top;
}
#casy .obsazenost {
  display:inline-block;
  margin-top:2px;
  margin-bottom:2px;
  clear:both;
}
#casy .obsazenost span {
  text-align:center;
}
#casy .price .datum {
  white-space:nowrap;
}
#casy .send_button {
  text-align:right;
  margin-top:2em;
  margin-bottom:1em;
}
#casy .send_button.small {
  text-align:right;
  margin-top:0.2em;
  margin-bottom:0.2em;
}
#casy .separator {
  margin-bottom:2em;
  clear:both;
}
#casy .nazev .volno {
}
#casy .nazev .temer {
  color:var(--taken-table-mostly-bg-color);
}
#casy .nazev .obsaz {
  color:var(--taken-table-all-bg-color);
}

/* cela krabicka */
div.timetable,
div.schedule
{
  margin-top:2em;
  margin-bottom:2em;
}

/* krabicka tabulky */
div.timetable div.tabulka,
div.schedule div.tabulka
{
  overflow-x: hidden;
  overflow-y: hidden;
  /* overflow:hidden; */
  position:relative;
  white-space:nowrap;
  font-size:100%;
  border-color:var(--cell-border-color);
  border-style:solid;
}

/* krabicka casy */
div.timetable div.dny,
div.schedule div.dny
{
  border-bottom: solid black 2px;
}
div.timetable div.casy,
div.schedule div.casy
{
}
div.timetable div.cas,
div.schedule div.cas
{
  position:absolute;
  display:block;
  margin:0;
}
div.timetable div.cas > p,
div.schedule div.cas > p
{
  margin:0 0 0 2px;
  text-align:left;
  font-size:85%;
}

/* krabicka subhead */
div.timetable div.subhead,
div.schedule div.subhead
{
  position:absolute;
  display:inline-block;
  padding:0;
  margin:0;
  left:0;
  border-top-style:solid;
  border-top-color:var(--cell-border-color);
}
div.timetable div.subhead,
div.schedule div.subhead
{
  padding:0.15em 0 0 0.3em;
  text-align:left;
  font-size:90%;
  font-weight:bold;
}

/* krabicka polozky */
div.timetable div.polozky,
div.schedule div.polozky
{
}

/* krabicka akce */
div.timetable div.akce,
div.schedule div.akce
{

  position:absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  /* overflow:hidden; */
  padding:0;
  margin:0;
  border-style:solid;
  border-color:var(--cell-border-color);
  opacity: 1.0;
}
div.timetable div.akce p, div.timetable div.akce a
div.schedule div.akce p, div.schedule div.akce a
{
  cursor:alias;
}
div.timetable A:link,
div.schedule A:link
{
  text-decoration:none;
}
div.schedule div.popis
{
  color:var(--schedule-color);
  background-color:var(--schedule-bg-color);
}

div.timetable div.akce:hover,
div.schedule div.akce:hover
{
}

/* barva krabice */
div.timetable div.prihlaseny div.popis, div.timetable div.prihlaseny .status
{
  color:var(--registered-color);
  background-color:var(--registered-bg-color);
  /* opacity:0.5; */
}

/* status */
div.timetable div.status,
div.schedule div.status
{
  padding:3px 4px;
  text-align:left;
  font-size:80%;
}
div.timetable div.status a
{
  color:inherit;
  cursor:alias;
}
div.timetable > span.pocet
{
  padding-top:5px;
}
div.timetable span.pocet
{
  padding: 2px 5px;
}
div.schedule div.status input
{
  -ms-transform:scale(1.5); /* IE */
  -moz-transform:scale(1.5); /* FF */
  -webkit-transform:scale(1.5); /* new FF, Safari and Chrome */
  -o-transform:scale(1.5); /* Opera */
  transform:scale(1.5); /* CSS3 */
  margin:2px 4px -2px 2px;
  overflow: hidden;
  position: relative;
  top: 2px;
}
@-moz-document url-prefix() {
/* CSS hack for Firefox < 61 */
div.schedule div.status input
{
  top: 1px;
}
}

div.timetable div.status.ucast, div.timetable span.pocet.ucast /* 1 */
{
  color:var(--participant-color);
  background-color:var(--participant-bg-color);
}

div.timetable div.status.zamlu, div.timetable span.pocet.zamlu /* 3 */
{
  color:var(--reserved-color);
  background-color:var(--reserved-bg-color);
}

div.timetable div.status.nahra, div.timetable span.pocet.nahra /* 4 */
{
  color:var(--substitute-color);
  background-color:var(--substitute-bg-color);
}

div.timetable div.status.zajem, div.timetable span.pocet.zajem /* 6 */
{
  color:var(--applicant-color);
  background-color:var(--applicant-bg-color);
}

div.timetable div.status.odreg, div.timetable span.pocet.odreg /* 8 */
{
/*
  color:var(--unregistered-color);
  background-color:var(--unregistered-bg-color);
*/
}

div.schedule div.obsaz, div.schedule div.obsaz span
{
  color:var(--taken-table-all-color);
  background-color:var(--taken-table-all-bg-color);
}

div.schedule div.temer, div.schedule div.temer span
{
  color:var(--taken-table-mostly-color);
  background-color:var(--taken-table-mostly-bg-color);
}

div.schedule div.volno, div.schedule div.volno span
{
  color:var(--taken-table-empty-color);
  background-color:var(--taken-table-empty-bg-color);
}
div.schedule div.nelze, div.schedule div.nelze span
{
  background-color:var(--schedule-bg-color);
}

/* text uvnitr krabice */
div.timetable div.popis,
div.schedule div.popis
{
  margin:0;
  padding:4px;
  text-align:left;
  font-size:80%;
}

/* doplnkove otazky u akce */
div.event .ramecek
{
  border:solid var(--frame-border-color);
  border-radius:20px;
  padding:1.1em;
  margin-top:1.5em;
  /* width:60%; */
  color:var(--frame-help-text-color);
}
div.event .jmeno
{
  position:absolute;
  margin-top:-2.2em;
  margin-left:10px;
  color:var(--main-color);
  background-color:var(--frame-help-text-bg-color);
  border:solid var(--frame-border-color);
  border-radius:10px;
  padding:2px 10px;
}
div.event .ramecek input
{
  max-width: 100%;
}

/* osobni informace */
#personal * {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#personal .send_button {
  text-align:right;
  margin-top:2em;
  margin-bottom:1em;
}
#personal hr {
  margin-top:2ex;
  margin-bottom:2ex;
}
#personal hr {
  clear:both;
}
#personal #data,
#personal #badge_data,
#personal #residence,
#personal #bank_info {
  /* max-width:400px; */
  width:100%;
}
#personal #data .table,
#personal #badge_data .table,
#personal #residence .table,
#personal #bank_info .table,
#personal #login .table {
  max-width:400px;
}
#personal input[type=text], #personal input[type=password] { width:100%; }
#personal .table {
  display:table;
  width:100%;
}
#personal .row {
  display:table-row;
}
#personal .row .cell,
#personal .row .col1, #personal .row .col2 {
  display:table-cell;
}
#personal .row .cell,
#personal .row .col1, #personal .row .col2,
#personal th, #personal td {
  border:none;
  padding:2px;
}
#personal .table .row .col1 {
  /* width:120px; */
  width:35%;
  text-align:right;
}
#personal .table .row .col2 {
  /* width:200px; */
  width:65%;
}
#personal .table .row .colspan2 {
  width:100%;
}
#personal .star, #personal .no_star {
  display:inline-block;
  text-align:right;
  width:1.5ex;
}
#personal .star {
  color:var(--star-color);
}

/* reg_account */
#account table {
  width:100%;
}
#account th {
  line-height:2em;
  text-align:left;
}
#account td {
  vertical-align:top;
  padding:0.25ex 0.25ex;
}
#account tr.middle td {
  vertical-align:middle;
}
#account td.stav {
  text-align:right;
  padding:0 1ex;
  font-size:150%;
  width:1%;
}
#account table tr.head, #account table tr.foot {
  line-height:2em; 
  background-color:var(--table-head-foot-color);
}
#account table tr.username {
  line-height:2em;
}
#account table tr.head {
  border-bottom: 1px solid var(--cell-border-color);
  border-spacing: 3em; 
}
#account table tr.foot {
  border-top: 1px solid var(--cell-border-color); 
}
#account table tr td.sum_line {
  border-top: 1px solid var(--cell-border-color); 
}
#account .price, #account .age, #account .pay_ref {
  text-align:right;
  white-space:nowrap;
}
#account .id {
  text-align:right;
  padding-right:1em;
}
#account div.popis {
  font-size:85%;
  padding-left:4em;
}
#account span.popis_titulek {
  font-style:italic;
}
#account .qr-img {
  width:164px;
  height:164px;
  object-fit: contain;
}
#payment_alert, #registration_alert {
  font-weight:bold;
  color:var(--alert-color);
}
.mce-content-body .info, .mce-content-body .tip, .mce-content-body .description,
#content .info, #content .tip, #content .description,
#account div.info, #account div.tip, #account div.description
{
  margin:1em 0;
}

/* event */
#event th, #event td {
  text-align:left;
  vertical-align:top;
}
#event th {
  padding:0.25ex 0.5ex 0.25ex 0;
  width:25ex;
  min-width:18ex;
  max-width:50%;
}
#event td {
  padding:0.25ex 0;
}
#event input[type=checkbox] {
  -ms-transform:scale(1); /* IE */
  -moz-transform:scale(1); /* FF */
  -webkit-transform:scale(1.5); /* Safari and Chrome */
  -o-transform:scale(1); /* Opera */
  margin-left:1.2ex;
}
#event .popis {
  padding-top:0.5em;
  padding-right:0.5em;
  padding-bottom:1em;
  padding-left:1em;
  text-align:justify;
}

/* events */
#events .hidden_event, #event .hidden_event {
  background-color:var(--event-hidden-bg-color);
}
#events .hidden_event_interval, #event .hidden_event_interval {
    padding:0.5ex;
}
#events .hidden_event_note, #event .hidden_event_note {
    font-weight:bold;
}

/* cs: odkaz na registracni formular */
/* like button link to registration form */
a:link.reg_form_link, a:visited.reg_form_link,
span.reg_form_link a:link, span.reg_form_link a:visited,
span.prihlaska a:link, span.prihlaska a:visited,
span.prihlaska {
  font-size:100%;
  padding:1ex 2ex;
  line-height:150%;
  margin:1ex;
  border-radius:1ex;
  color:var(--main-color);
  background-color:var(--main-bg-color);
}

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

@media print {
  /* bile pozadi pro tisk */
  body {background-color:white;}
  /* nadpis bez odsazeni */
  h1 {padding-top:0; margin-top:0;}
  /* maximalni sirka bez okraju */
  .obsah {width:100%; padding:0; margin:0;padding-left:1px;}
  /* netiskni nic v teto tride*/
  .do_not_print {display:none !important;}
  /* uprav velikost radky */
  .obsah #casy {line-height:1.5;}
  /* uprav velikost oddelovace */
  .obsah #casy .separator {height:10px; margin-bottom:0px;}
  /* netiskni paticku */
  header, footer {display:none;}
  /* netiskni tlacitka */
  .send_button input {display:none;}
  /* netiskni */
  #menu_left {display:none; width:0px;}
  /* netiskni */
  #menu_user, #menu_right {display:none; width:0px;}
  /* netiskni odkaz na stazeni */
  #ics {display:none; width:0px;}
  /* netiskni tabulku nabizenych aktivit */
  .schedule {display:none; width:0px;}
}

@media screen and (max-width:359px) {
  html {font-size: 80% !important;}
}
@media screen and (max-width:599px) {
  html {font-size: 90%;}
  .mce-content-body h1, #content h1,
  .obsah2 h1 {font-size:1.5em;}
  .mce-content-body h2, #content h2,
  .obsah2 h2 {font-size:1.3em;}
  #main {
    width:100%;
    margin:0 auto;
  }
  .desktop {display:none;}

  #menu_left, #menu_user {text-align:left; padding:0.5ex;}
  #menu_left h2, #menu_user h2, #menu_user h3 {display:inline; padding:4px 8px; margin:0px; border:1px solid var(--menu-border-color); line-height:2.2em; border-radius:5px; background-color:var(--menu-bg-color); white-space:nowrap;}
  #menu_left h2:hover, #menu_user h2:hover, #menu_user h3:hover {background-color:var(--menu-bg-color-hover);}
  #menu_left a, #menu_user a {text-decoration:none;}

  #menu_user .logname, #menu_user .passwd {padding:0.3ex 0.1ex 0.3ex 1ex;}
  #menu_user .logname span, #menu_user .passwd span {display:inline-block; width:8ex; text-align:right;}
  #menu_user .login2 {margin-left:8ex;}
  #menu_user div.login, #menu_user div.login2, #menu_user div.profile, #menu_user div.user, #menu_user div.users {display:inline; padding-bottom:5px; float:left; clear:both;}
  #menu_user form {display:inline; padding-left:0.5ex; padding-right:0.5ex;}
  #menu_user .login form {padding:0;}
  #menu_user .login form div {padding-top:0.8ex; padding-bottom:0.8ex;}
  #menu_user form input, #menu_user form select {font-size:125%;}
  #menu_user form select {width:220px;}
  #menu_user input#email {width:180px;}
  #menu_user input#pwd {width:120px;}

  .obsah { clear:both; display:block; overflow-y:scroll; -ms-overflow-style:scrollbar; margin:0; }
  .obsazenost dt { padding:1px 8px; font-size:85%; line-height:180%; }
  .obsazenost .legenda { font-size:85%; }

  header { float:left; }
  header .logo { display:none; }
  header .logo-small { text-align:left; padding:5px; background-color:#263173; background-color:inherit; width:54px; height:54px; }
  header .logo-small img { max-width:100%; max-height:100%; height:auto; width:auto; /* ie8 */ }
  header .custom-logo { display:none; }
  header .custom-logo-small { /* TODO */ }
  header .custom-logo-small img { /* TODO */ }
  header .other_sites { display:none; }

  .send_button input {font-size:150%; padding:0.5em 1em;}

  #personal #data { width:100%; float:left; }
  #personal #badge_data { width:100%; float:left; }
  #personal #residence { width:100%; float:left; padding-top:1em; }
  #personal #bank_info { width:100%; clear:both; }
  #personal #bank_info div.table { width:100%; }
  #personal #login { width:100%; clear:both; }
  #personal #login div.table { width:100%; }
}

@media screen and (min-width:600px) and (max-width:899px) {
  #main {
    width:100%;
    margin:0 auto;
  }
  .desktop {display:none;}

  #menu_left, #menu_user {text-align:left; padding:0.5ex;}
  #menu_left h2, #menu_user h2, #menu_user h3 {display:inline; padding:4px 8px; margin:0px; border:1px solid var(--menu-border-color); line-height:2.2em; border-radius:5px; background-color:var(--menu-bg-color); white-space:nowrap;}
  #menu_left h2:hover, #menu_user h2:hover, #menu_user h3:hover {background-color:var(--menu-bg-color-hover);}
  #menu_left a, #menu_user a {text-decoration:none;}

  #menu_user .logname, #menu_user .passwd {padding:0.3ex 0.1ex 0.3ex 1ex;}
  #menu_user .logname span, #menu_user .passwd span {display:inline-block; width:8ex; text-align:right;}
  #menu_user .login2 {margin-left:8ex;}
  #menu_user div.login, #menu_user div.login2, #menu_user div.profile, #menu_user div.user, #menu_user div.users {display:inline; padding-bottom:5px; float:left; clear:both;}
  #menu_user form {display:inline; padding-left:1ex; padding-right:1ex; line-height:2.2ex;}
  #menu_user .login form {padding:0;}
  #menu_user .login form div {padding-top:1ex; padding-bottom:1ex;}
  #menu_user .login form div {padding-top:0.8ex; padding-bottom:0.8ex;}
  #menu_user form input, #menu_user form select {font-size:125%;}
  #menu_user form select {width:200px;}
  #menu_user input#email {width:180px;}
  #menu_user input#pwd {width:120px;}

  .obsah { clear:both; display:table; overflow:hidden; margin:0; }
  .obsazenost dt { padding:1px 8px; font-size:100%; line-height:160%; }
  .obsazenost .legenda { font-size:85%; }
  header { float:left; }
  header .logo { display:none; }
  header .logo-small { text-align:left; padding:5px; background-color:#263173; background-color:inherit; width:60px; height:60px; }
  header .logo-small img { max-width:100%; max-height:100%; height:auto; width:auto; /* ie8 */ }
  header .custom-logo { display:none; }
  header .custom-logo-small { /* TODO */ }
  header .custom-logo-small img { /* TODO */ }
  header .other_sites { display:none; }

  #personal #residence { /* padding-left:10px; */ }
}

@media screen and (min-width:900px) and (max-width:1079px) {
  #main {
    width:100%;
    margin:0 auto;
  }
  .mobile {display:none;}

  #menu_left {text-align:left;}
  #menu_left h2 {display:inline; padding:4px 8px; margin:0px; border:1px solid var(--menu-border-color); line-height:2.33em; border-radius:5px; background-color:var(--menu-bg-color); white-space:nowrap;}
  #menu_left h2:hover {background-color:var(--menu-bg-color-hover);}
  #menu_left a {text-decoration:none;}

  #menu_right { width:150px; float:left; text-align:left; }
  #menu_right { padding:5px 5px 5px 5px; }
  #menu_right .submenu { padding-left:1em; }
  #menu_right .level1 { ; }
  #menu_right .level2 { ; }
  #menu_right .level3 { ; }
  #menu_right .level4 { ; }
  #menu_right p, #menu_right h2, #menu_right h3 {padding:1px 0 7px 0; margin:0;}
  #menu_right .user { font-size:85%; }

  .obsah { width:720px; float:left; display:table; overflow:hidden; margin:0; clear:left; }
  .obsazenost dt { padding:2px 10px; font-size:100%; line-height:180%; }
  header { float:left; }
  header .logo { display:none; }
  header .logo-small { text-align:left; padding:5px; background-color:#263173; background-color:inherit; width:60px; height:60px; }
  header .logo-small img { max-width:100%; max-height:100%; height:auto; width:auto; /* ie8 */ }
  header .custom-logo { display:none; }
  header .custom-logo-small { /* TODO */ }
  header .custom-logo-small img { /* TODO */ }
  header .other_sites { display:none; }

  #personal #residence { /* padding-left:10px; */ }
}

@media screen and (min-width:1080px) {
  #main {
    /* min-width:1000px;      */  /* Suppose you want minimum width of 1000px */
    /* width:auto !important; */  /* Firefox will set width as auto */
    /* width:1200px;          */  /* As IE6 ignores !important it will set width as 1000px; */
    /* width:device-width;    */
    width:1050px;
    margin:0 auto;
  }
  .mobile {display:none;}

  #menu_left { width:160px; float:left; text-align:right; }
  #menu_left ,#menu_right { padding:20px 5px 5px 5px; }
  #menu_right .submenu { padding-left:1em; }
  #menu_right .level1 { ; }
  #menu_right .level2 { ; }
  #menu_right .level3 { ; }
  #menu_right .level4 { ; }
  #menu_left h2 {padding:1px 0 7px 0; margin:0;}
  #menu_right { width:150px; float:left; text-align:left; }
  #menu_right p, #menu_right h2, #menu_right h3 {padding:1px 0 7px 0; margin:0;}

  .obsah { width:720px; float:left; display:table; overflow:hidden; margin:0; }
  .obsazenost dt { padding:2px 10px; font-size:100%; line-height:180%; }
  #menu_right .user { padding-left:1em; font-size:85%; }
  header { width:100%; vertical-align:top; text-align:center; overflow:hidden; }
  header .logo { text-align:right; padding-top:33px; width:1080px; }
  header .logo-small { display:none; }
  header .custom-logo-outer { margin:0 auto; overflow:visible; width:16px; }
  header .custom-logo { display:inline-block; position:relative; right:50%; float:right; }
  header .custom-logo img { vertical-align:top; position:relative; right:-50%; }
  header .custom-logo-small { display:none; }
  header .other_sites { display:inline; overflow:hidden; }
  header ul { list-style:none; text-align:center; padding:0; margin:0; }
  header ul li { display:inline-block; text-align:center; color:white; padding-top:8px; }
  header ul li a { margin-left:20px; margin-right:20px; color:white; text-decoration:none; font-size:14px; display:block; }
  header.bg-img { background-image:url('../img/hlavicka.jpg'); height:165px; }

  #personal #residence { /* padding-left:10px; */ }

}