:root
{
     --cr: #000;
     --bi: #FFF;

     /* pro explicitní záležitost: repertoár - autoři */
     --domaci: conic-gradient(from 180deg, #fff 0deg, #039 180deg, #f30 225deg);
     --zahranicni: conic-gradient(from 270deg, #039 0deg, #f90 360deg);

     --fs-normal: 25px;
     --fs-xs: 1.5ch;
     --fs-s: 2ch;
     --fs-m: 2.5ch;
     --fs-l: 3ch;
     --fs-xl: 3.5ch;
     --fs-xxl: 4ch;
     --fs-xxxl: 5ch;


     --basic-fg: var(--cr);

     --basic-bg: var(--bi);
     --basic-bg-hover: var(--bi);
     --diff1-bg: var(--bi);
     --diff2-bg: var(--bi);
     --diff-bg-hover: var(--bi);
}


.material-icons
{
     vertical-align: middle;
}

HTML
{
     hyphens: auto;
}

BODY
{
     color: var(--basic-fg);
     background-color: var(--basic-bg);
     font-family: 'Barlow Condensed', 'Times New Roman', Arial, Helvetica, sans-serif;
     font-style: normal;
     margin: 0px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;

     font-size: var(--fs-normal);
}


.ZRUSENO
{
     text-decoration: line-through;
}



IMG
{
     max-width: 100%;
}

#FORM-RESULT,
#MENU-BACKGROUND,
#LOGO-DPS,
#MENUPC,
#MENUMOBILE,
NAV.SUBMENU-BACKGROUND,
#BANNER,
#BOTTOM-MENU,
FOOTER,
BUTTON,
INPUT[type=checkbox]
{
     display: none !important;
     overflow: hidden !important;
}

MAIN
{
     padding: 5px !important;
     display: none;
     margin: 0 0 10px 0 !important;
     box-shadow: none !important;
     border-width: 3px;
     border-style: solid;
     border-color: var(--basic-fg);
}

MAIN H1
{
     padding: 0;
}

MAIN H2
{
     font-size: var(--fs-s);
}

MAIN P
{
     padding: 0;
}

@page
{
     size: A4 portrait;

}







.TABULKA
{
     margin: 5px auto 25px auto;
     border-width: 1px 0 0 1px;
     border-style: solid;
     border-color: var(--cr);
}

.TABULKA DIV SPAN
{
     display: inline-block;
     padding: 5px;
     vertical-align: top;
     height: 100%;
     font-size: var(--fs-s);
}

.TABULKA DIV SPAN:after
{
     content: ' -';
}

.TABULKA DIV SPAN:nth-child(2):after
{
     content: none;
}

.TABULKA DIV SPAN:nth-child(3)
{
     display: none;
}

.TABULKA .T-LEGENDA
{
     border-width: 0 1px 1px 0;
     border-style: solid;
     border-color: var(--cr);
     box-shadow: none;
     padding: 3px;
}

.TABULKA .XTR-ZOBRAZENY
{
     box-shadow: none;
     border-width: 0 1px 1px 0;
     border-style: solid;
     border-color: var(--cr);
     padding: 3px;
}

.TABULKA .XTR-SKRYTY
{
     display: none;
}

.R-VYHLEDAVANI
{
     display: none;
}





.TABULKA-TISK:first-of-type
{
     page-break-before: avoid;
     page-break-after: avoid;
}

.TABULKA-TISK
{
     min-width: 100%;
     border-width: 1px;
     border-style: solid;
     border-color: #000;
     page-break-before: always;
     page-break-after: avoid;
}

.TABULKA-TISK TD,
.TABULKA-TISK TH
{
     border-width: 1px;
     border-style: solid;
     border-color: #000;
}



.MBG-VIDITELNE ~ *
{
     display: none;
}


.MD-MENU
{
     display: none;
}

.MODAL .MD-NOPRINT
{
     display: none !important;
}

.MODAL .MD-AKCE-PLAKAT-BG IMG
{
     max-width: 100%;
     max-height: 200px;
}

.MODAL .MD-AKCE-POPIS H3
{
     text-decoration: underline;
}

.MODAL .MD-AKCE-POPIS SPAN
{
     display: block;
}

.MODAL .MD-AKCE-POPIS SPAN B
{
     padding: 3px 5px;
     
}

.MODAL .MD-AKCE-POPIS SPAN B:after
{
     content: ': ';
}





.DLAZDICE-BG
{
     box-shadow: none !important;
     display: block;
}

.DBG-SKRYTA
{
     display: none;
}

.DBG-ZOBRAZENA
{
     display: block;
}

.DLAZDICE
{
     box-shadow: none;
     text-align: left;
     border-width: 0 0 1px 0;
     border-style: solid;
     border-color: var(--cr);
}

.DLAZDICE H2
{
     display: inline-block;
     font-size: var(--fs-normal);
     font-weight: bold;
     padding: 3px;
     margin: 0;
}

.DLAZDICE P
{
     display: inline-block;
     padding: 3px;
     margin: 0;
}





.AKCE-BG
{
     height: auto;
}

.AKCE-BG .AKCE-PLAKAT
{
     display: none;
}

.AKCE-INFO,
.AKCE
{
     display: block;
}

.AKCE-INFO I,
.AKCE I
{
     display: none;
}

.AKCE-INFO > P:before,
.AKCE > P:before
{
     content: ' (';
}

.AKCE-INFO > P:after,
.AKCE > P:after
{
     content: ')';
}

.AKCE-INFO > P I,
.AKCE > P I
{
     display: none;
}




.VZ-OBSAH H2
{
     display: block;
}




.R-OBJEDNATEL-VYPIS
{
     margin: 0 0 25px 0;
     page-break-before: auto;
     page-break-inside: avoid;
     page-break-after: auto;
}

.R-VSTUPENKA
{
     display: inline-block;
     width: calc(50% - 30px);
     padding: 3px 15px;
}

.R-VSTUPENKA SPAN
{
     padding: 3px 0;
     display: inline;
}

.R-VSTUPENKA SPAN:after
{
     content: ', ';
}

.R-VYPIS-REZERVACI > H2
{
     display: none;
}

.R-VYPIS-REZERVACI > P:first-of-type
{
     page-break-before: always;
     page-break-after: avoid;
}

.STRUKTURALNI-VYPIS
{
     page-break-before: always;
     page-break-after: always;
}

.STRUKTURALNI-VYPIS DIV
{
     display: block;
     border-width: 3px;
     border-style: solid;
     border-color: var(--basic-fg);
     border-radius: 0;
}

.STRUKTURALNI-VYPIS DIV SPAN
{
     display: inline-block;
     padding: 5px;
     width: auto;
     max-width: 45%;
}





.K-KALENDAR
{
     display: none;
}






A
{
     color: inherit;
     text-decoration: none;
}

P A
{
     box-shadow: inset 0 -3px 0;
     padding: 0 0 5px 0;
     transition-delay: .3s;
     transition: .3s;
}

P A:hover
{
     box-shadow: none;
}

UL
{
     margin: 0;
}



MAIN
{
     margin: 0 0 25px 0;
     padding: 50px;
     text-align: center;
     background-color: var(--diff1-bg);
     color: inherit;
     box-shadow: 0 5px 5px 5px var(--basic-fg);
}

MAIN H1
{
     margin: 0;
     padding: 25px 50px;
     text-align: center;
     font-size: var(--fs-xxl);
}

MAIN P
{
     margin: 0;
     padding: 0 50px 25px 50px;
     text-align: center;
     font-size: var(--fs-l);
}






SECTION
{
     padding: 0;
     margin: 0 0 25px 0;
}

SECTION ARTICLE P
{
     text-align: justify;
     padding: 12px 25px;
}

SECTION ARTICLE .P-PODPIS
{
     text-align: right;
     padding: 2vh 0;
     font-size: var(--fs-s);
}

SECTION ARTICLE
{
     padding: 0;
     vertical-align: top;
}

@media (min-width: 800px) {

     ARTICLE.OBSAH-5
     {
          display: inline-block;
          width: 50%;
     }

     ARTICLE.OBSAH-3
     {
          display: inline-block;
          width: 33.3%;
     }

     ARTICLE.OBSAH-6
     {
          display: inline-block;
          width: 66.6%;
     }

     ARTICLE.OBSAH-25
     {
          display: inline-block;
          width: 25%;
     }

}

@media (min-width: 1200px) {

     ARTICLE.OBSAH-25
     {
          display: inline-block;
          width: 50%;
     }

}



/* má se za DL */
DIV.ROW-DEF
{
     display: block;
     white-space: normal;
     padding: 5px 20px 5px 0;
}

DIV.ROW-DEF DIV
{
     display: inline-block;
     vertical-align: top;
     border-width: 0 0 5px 5px;
     border-style: solid;
     border-color: var(--basic-fg);
     border-radius: 5px;
     margin: 5px;
}

DIV.ROW-DEF DIV DIV
{
     margin: 0;
     border: 0;
}

DIV.ROW-DEF DIV DIV:nth-child(1)
{
     padding: 5px 5px 5px 10px;
     white-space: nowrap;
}

DIV.ROW-DEF DIV DIV:nth-child(1) SPAN:nth-child(1)
{
     padding: 0 10px 0 0;
}

DIV.ROW-DEF DIV DIV:nth-child(1) SPAN:nth-child(2)
{
     font-weight: bold;
}

DIV.ROW-DEF DIV DIV:nth-child(1) SPAN:nth-child(2):after
{
     content: ":";
}

DIV.ROW-DEF DIV DIV:nth-child(2)
{
     white-space: normal;
     overflow: hidden;
}

@media (min-width: 800px) {

     DIV.ROW-DEF DIV
     {
          display: inline-block;
          width: auto;
     }

     DIV.ROW-DEF DIV DIV
     {
          display: inline-block;
     }

     DIV.ROW-DEF DIV DIV:nth-child(2)
     {
          padding: 5px 15px 5px 5px;
     }

}

@media (min-width: 600px) and (max-width: 800px) {

     DIV.ROW-DEF DIV
     {
          display: inline-block;
     }

     DIV.ROW-DEF DIV DIV
     {
          display: inline-block;
     }

     DIV.ROW-DEF DIV DIV:nth-child(1) SPAN:nth-child(2)
     {
          display: none;
     }

     DIV.ROW-DEF DIV DIV:nth-child(2)
     {
          padding: 5px 15px 5px 5px;
     }

}

@media (min-width: 400px) and (max-width: 600px) {

     DIV.ROW-DEF DIV
     {
          display: block;
     }

     DIV.ROW-DEF DIV DIV
     {
          display: inline-block;
     }

     DIV.ROW-DEF DIV DIV:nth-child(2)
     {
          padding: 5px 15px 5px 5px;
     }

}

@media (max-width: 400px) {

     DIV.ROW-DEF DIV
     {
          display: block;
     }

     DIV.ROW-DEF DIV DIV
     {
          display: inline-block;
     }

     DIV.ROW-DEF DIV DIV:nth-child(1) SPAN:nth-child(2)
     {
          display: none;
     }

     DIV.ROW-DEF DIV DIV:nth-child(2)
     {
          padding: 5px 15px 5px 5px;
     }

}



#FORM-RESULT
{
     display: none;
}







.WRN
{
     display: none;
}


.OMLUVENKA
{
     display: none;
}

.OMLUVENKA-TISK
{
     display: block;
     border-width: 0 0 1px 0;
     border-style: dotted;
     border-color: var(--cr);
}

.OMLUVENKA-TISK SPAN
{
     width: 50%;
     display: inline-block;
}



/* AA-last-logins.php */
DIV#LAST-LOGINS
{
     width: 100%;
     padding: 25px;
     box-shadow: 0 -6px 6px 1px var(--basic-fg);
     text-align: center;
     background-color: var(--diff1-bg);
}

@media (max-width: 2100px) {

     DIV#LAST-LOGINS
     {
          text-align: center;
     }
}

@media (min-width: 2101px) {

     DIV#LAST-LOGINS
     {
          text-align: left;
     }
}

DIV#LAST-LOGINS P
{
     text-align: justify;
     padding: 0;

}

DIV#LAST-LOGINS P > A
{
     color: inherit;
}

DIV#LAST-LOGINS P > A:hover
{
     text-decoration: none;
}

DIV#LAST-LOGINS H2
{
     padding: 0;
     text-align: left;
     margin: 0;
}

DIV#LAST-LOGINS DIV
{
     display: inline-block;
     width: 200px;
     padding: 10px;
     vertical-align: top;
     text-align: right;
}

DIV#LAST-LOGINS DIV SPAN
{
     display: block;
}







/* AA-endings.php */
DIV#BOTTOM-CONTENT
{
     background-color: var(--diff1-bg);
     width: 100%;
     white-space: normal;
     display: block;
     font-size: var(--fs-s);
}

DIV#BOTTOM-CONTENT DIV.BC
{
     vertical-align: top;
     padding: 25px 25px 100px 25px;
     white-space: normal;
}

@media (max-width: 560px) {

     DIV#BOTTOM-CONTENT DIV.BC
     {
          width: 100%;
          display: block;
     }
}

@media (min-width: 560px) and (max-width: 1000px) {

     DIV#BOTTOM-CONTENT DIV.BC
     {
          width: calc(100% / 2);
          display: inline-block;
     }
}

@media (min-width: 1000px) {

     DIV#BOTTOM-CONTENT DIV.BC
     {
          width: calc(100% / 4);
          display: inline-block;
     }
}

DIV#BOTTOM-CONTENT DIV.BC H2
{
     box-shadow: inset 0px -5px 0px var(--basic-fg);
     width: auto;
     padding: 10px 0px;
     display: inline-block;
     margin: 0 0 15px 0;
}

DIV#BOTTOM-CONTENT DIV.BC A
{
     display: block;
     width: auto;
     padding: 10px 0px;
     color: inherit;
     text-decoration: none;
     box-shadow: none;
     transition: box-shadow 0.3s;
}

DIV#BOTTOM-CONTENT DIV.BC A:hover
{
     box-shadow: inset 0 -5px 0 var(--basic-fg);
}

DIV#BOTTOM-CONTENT DIV.BC A.LINK
{
     box-shadow: inset 0px -5px 0px var(--basic-fg);
     transition: box-shadow 0.3s;
}

DIV#BOTTOM-CONTENT DIV.BC A.LINK:last-child
{
     margin: 47px 0 0 0;
}

DIV#BOTTOM-CONTENT DIV.BC A.LINK:hover
{
     box-shadow: none;
     color: inherit;
}

DIV#BOTTOM-CONTENT DT
{
     padding: 15px 0 0 0;
     font-size: var(--fs-l);
}

DIV#BOTTOM-CONTENT DT:after
{
     content: ':';
}

DIV#BOTTOM-CONTENT DD
{
     padding: 0 0 15px 0;
}





.FD-RADEK,
.FD-OPTION,
.FD-TEXTAREA,
.FD-GROUP,
.FD-CHECKBOXES
{
     display: none;
}