@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* RESET, tohle ve finale nebude potreba */
body {
  margin: 0;
  height: 100vh;
}




/* Nase styly s vazbou na Bootstrap */
/* Vyhledove do extra souboru, nekam pobliz Bootstrap */
/* .my-20 rozsiruje botstrap tridy my-CISLO, coz je margin-y-CISLO, akorat bs konci u "5" */
.b5 .my-20 {
  margin-top: 25vh;
}

:root,
[data-bs-theme=light]{
  --z-status-brown: #823D00;
}

:root .tooltip {
  --bs-tooltip-max-width: 500px;
  --bs-tooltip-bg: var(--bs-dark);
  --bs-tooltip-padding-x: 1rem;
}

:root .tooltip .tooltip-inner {
  text-align: left;
}

/* Vyslovene nase styly bez vazby na Bootstrap. "z-epr-whatever" Z jako zebra, EPR jako eprihlaska, whatever jako aplikace / portlet */
/* prefix z- je nas "zebraDesign", tohle bude soucasti zdroju a pro vsechny skoly stejne */
/* Vyhledove nekam do extra souboru, jedno kam */

/* E-prihlaska, wrapper titulky */
.z-epr-img-background {
  height: 100vh;
  background-position: center 0;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
}

/* E-prihlaska, uvitaci blok s tlacitky */
.z-epr-welcome {
  padding: 32px 48px;
  max-width: 580px !important;

  position: relative;
  margin-top: 25vh;
}

.b5 .form-control {
  border-radius: 0 !important;
}

.z-epr-stav-hnedy {
  color: var(--bs-warning-text-emphasis);
}

.z-epr-stav-cerveny {
  color: var(--bs-red);
}

.z-epr-stav-zeleny {
  color: var(--bs-success);
}

/* aby accordeon nemel svoji barvu pozadi - bilou -  a vubec lip zapadl do stranky */
.epr-accordion .accordion-item {
  background-color: inherit;
}
.epr-accordion .accordion-item .accordion-header button {
  background-color: inherit;
  padding-left: 0px;
}

.b5 .epr-accordion .accordion-header .accordion-button:not(.collapsed) {
  background-color: inherit;
}

.b5 .qr_code {
  width: 90%;
  max-width: 512px;
}

.epr-resp-navig-opener i.bi-chevron-down {
  display: none;
}

.epr-resp-navig-opener.collapsed i.bi-chevron-down {
  display: inherit;
}

.epr-resp-navig-opener.collapsed i.bi-chevron-up {
  display: none;
}

/* tenhle class maji popisky polozek formulare, ktere jsou disabled - potrebuji to jen u checkboxu ty ja resim specialne */
.pv_field_caption_disabled {
  cursor: default;
  opacity: .5;
}

/* tenhle class maji prvky formulare, ktere jsou disabled - tyka se to pouze checkboxu, ty jsou totiz udelany specialne kdyz jsou disabled */
.pv_check_disabled {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

.opacity-10 {
  opacity: .10 !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Uzility tridy zkopirovany z portalu */
@media only screen and (min-width: 769px) {
  .hideForDesktop {
    display: none !important;
  }


  /* schovavacka pro mobily a mensi*/
  /* experimental */

  .b5 .collapse:not(.show).collapseForMobile {
     display: block !important;
  }
  .collapseForMobileControl .bi-chevron-down {
    display: inline !important;
  }
  .collapseForMobileControl.collapsed .bi-chevron-down {
    display: none !important;
  }

  .collapseForMobileControl .bi-chevron-up {
    display: none !important;
  }
  .collapseForMobileControl.collapsed .bi-chevron-up {
    display: inline !important;
  }

}

@media only screen and (max-width: 768px) {
  .hideForDesktop { display: block; }
  span.hideForDesktop { display: inline; }
  a.hideForDesktop { display: inline; }
  tr.hideForDesktop { display: table-row; }
  td.hideForDesktop { display: table-cell; }
  th.hideForDesktop { display: table-cell; }

  .hideForMobile {
    display: none !important;
  }

  /* schovavacka pro mobily a mensi*/
  /* experimental */

  .collapseForMobile {
    display: none ;
  }
  .collapseForMobile.show {
    display: block ;
  }
  .collapseForMobileControl .bi-chevron-down {
  display: none !important;
  }
  .collapseForMobileControl.collapsed .bi-chevron-down {
    display: inline !important;
  }
  .collapseForMobileControl .bi-chevron-up {
  display: inline !important;
  }
  .collapseForMobileControl.collapsed .bi-chevron-up {
    display: none !important;
  }

  .z-epr-welcome {
    margin-top: 15vh;
  }

}






/*  Genericke obrazky */
.b5 .z-logo_velke_cs, .b5 .z-logo_velke_en {
  width: 345px;
  height: 109px;
  background-size: contain; /* pokrytí celého prvku */
  background-position: center; /* zarovnání obrázku */
  background-repeat: no-repeat;
  text-indent: -9999px; /* skrytí textu vizuálně */
  overflow: hidden; /* aby se žádný obsah nepřekrýval */

  display: inline-block;
}

.b5 .z-logo_velke_cs {
  background-image: url('./themes/z-b5-theme-generic/portal-resources/logo.png');
}
.b5 .z-logo_velke_en {
  background-image: url('./themes/z-b5-theme-generic/portal-resources/logo.png');
}

.b5 .z-logo_male_cs, .b5 .z-logo_male_en {
  width: 42px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain; /* pokrytí celého prvku */
  background-position: center; /* zarovnání obrázku */
  text-indent: -9999px; /* skrytí textu vizuálně */
  overflow: hidden; /* aby se žádný obsah nepřekrýval */

  display: block;
}

.b5 .z-logo_male_cs {
  background-image: url('./themes/z-b5-theme-generic/portal-resources/logo_small.png');
}
.b5 .z-logo_male_en{
  background-image: url('./themes/z-b5-theme-generic/portal-resources/logo_small.png');
}






/* Skoly bez vlastniho designu dostanou jen logo */
/* AVU */
.z-avu .b5 .z-logo_velke_cs, .z-avu .b5 .z-logo_velke_en {
  background-image: url('./themes/z-b5-theme-avu/portal-resources/logo_cs.png');
}
.z-avu .b5 .z-logo_male_cs, .z-avu .b5 .z-logo_male_en {
  background-image: url('./themes/z-b5-theme-avu/portal-resources/logo_small_cs.png');
}

/* HUNI */
.z-huni .b5 .z-logo_velke_cs, .z-huni .b5 .z-logo_velke_en {
  background-image: url('./themes/z-b5-theme-huni/portal-resources/logo_cs.png');
}
.z-huni .b5 .z-logo_male_cs, .z-huni .b5 .z-logo_male_en {
  background-image: url('./themes/z-b5-theme-huni/portal-resources/logo_small_cs.png');
}

/* UHK */
.z-uhk .b5 .z-logo_velke_cs {
  background-image: url('./themes/z-b5-theme-uhk/portal-resources/logo_cs.svg');
}
.z-uhk .b5 .z-logo_velke_en {
  background-image: url('./themes/z-b5-theme-uhk/portal-resources/logo_en.svg');
}
.z-uhk .b5 .z-logo_male_cs, .z-uhk .b5 .z-logo_male_en {
  background-image: url('./themes/z-b5-theme-uhk/portal-resources/logo_small.svg');
}

/* UJEP */
.z-ujep .b5 .z-logo_velke_cs, .z-ujep_demo .b5 .z-logo_velke_cs {
  background-image: url('./themes/z-b5-theme-ujep/portal-resources/logo_cs.png');
}
.z-ujep .b5 .z-logo_velke_en, .z-ujep_demo .b5 .z-logo_velke_en {
  background-image: url('./themes/z-b5-theme-ujep/portal-resources/logo_cs.png');
}
.z-ujep .b5 .z-logo_male_cs, .z-ujep .b5 .z-logo_male_en, .z-ujep_demo .b5 .z-logo_male_cs, .z-ujep_demo .b5 .z-logo_male_en {
  background-image: url('./themes/z-b5-theme-ujep/portal-resources/logo_small.png');
}
.z-ujep_demo .b5.z-epr-img-background, .z-ujep_demo .b5, body.z-ujep_demo {
  background-size: unset;
  background-repeat: repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text transform='translate(20, 100) rotate(-45)' fill='rgba(150, 185, 215, 0.23)' font-size='20' font-family='sans-serif'>Demo</text></svg>");
}

/* UPOL */
.z-upol .b5 .z-logo_velke_cs {
  background-image: url('./themes/z-b5-theme-upol/portal-resources/logo_cs.png');
}
.z-upol .b5 .z-logo_velke_en {
  background-image: url('./themes/z-b5-theme-upol/portal-resources/logo_en.png');
}
.z-upol .b5 .z-logo_male_cs, .z-upol .b5 .z-logo_male_en {
  background-image: url('./themes/z-b5-theme-upol/portal-resources/logo_small.png');
}


/* UTB */
.z-utb .b5 .z-logo_velke_cs, .z-utb_demo .b5 .z-logo_velke_cs {
  background-image: url('./themes/z-b5-theme-utb/portal-resources/logo_cs.png');
}
.z-utb .b5 .z-logo_velke_en, .z-utb_demo .b5 .z-logo_velke_en {
  background-image: url('./themes/z-b5-theme-utb/portal-resources/logo_cs.png');
}
.z-utb .b5 .z-logo_male_cs, .z-utb .b5 .z-logo_male_en, .z-utb_demo .b5 .z-logo_male_cs, .z-utb_demo .b5 .z-logo_male_en {
  background-image: url('./themes/z-b5-theme-utb/portal-resources/logo_small.png');
}
.z-utb_demo .b5.z-epr-img-background, .z-utb_demo .b5, body.z-utb_demo {
  background-size: unset;
  background-repeat: repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text transform='translate(20, 100) rotate(-45)' fill='rgba(150, 185, 215, 0.23)' font-size='20' font-family='sans-serif'>Demo</text></svg>");
}


/* VFU */
.z-vfu .b5 .z-logo_velke_cs, .z-vfu_demo .b5 .z-logo_velke_cs {
  background-image: url('./themes/z-b5-theme-vfu/portal-resources/logo_cs.png');
}
.z-vfu .b5 .z-logo_velke_en, .z-vfu_demo .b5 .z-logo_velke_en {
  background-image: url('./themes/z-b5-theme-vfu/portal-resources/logo_cs.png');
}
.z-vfu .b5 .z-logo_male_cs, .z-vfu .b5 .z-logo_male_en, .z-vfu_demo .b5 .z-logo_male_cs, .z-vfu_demo .b5 .z-logo_male_en {
  background-image: url('./themes/z-b5-theme-vfu/portal-resources/logo_small_cs.png');
}
.z-vfu_demo .b5.z-epr-img-background, .z-vfu_demo .b5, body.z-vfu_demo {
  background-size: unset;
  background-repeat: repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text transform='translate(20, 100) rotate(-45)' fill='rgba(150, 185, 215, 0.23)' font-size='20' font-family='sans-serif'>Demo</text></svg>");
}


/* VSLG */
.z-vslg .b5 .z-logo_velke_cs, .z-vslg_demo .b5 .z-logo_velke_cs {
  background-image: url('./themes/z-b5-theme-vslg/portal-resources/logo.svg');
}
.z-vslg .b5 .z-logo_velke_en, .z-vslg_demo .b5 .z-logo_velke_en {
  background-image: url('./themes/z-b5-theme-vslg/portal-resources/logo_small.svg');
}
.z-vslg .b5 .z-logo_male_cs, .z-vslg .b5 .z-logo_male_en, .z-vslg_demo .b5 .z-logo_male_cs, .z-vslg_demo .b5 .z-logo_male_en {
  background-image: url('./themes/z-b5-theme-vslg/portal-resources/logo_small.svg');
}
.z-vslg_demo .b5.z-epr-img-background, .z-vslg_demo .b5, body.z-vslg_demo {
  background-size: unset;
  background-repeat: repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text transform='translate(20, 100) rotate(-45)' fill='rgba(150, 185, 215, 0.23)' font-size='20' font-family='sans-serif'>Demo</text></svg>");
}


/* ERUNI / Prigo / VSSS */
.z-vsss .b5 .z-logo_velke_cs, .z-vsss_demo .b5 .z-logo_velke_cs {
  background-image: url('./themes/z-b5-theme-vsss/portal-resources/logo_cs.png');
}
.z-vsss .b5 .z-logo_velke_en, .z-vsss_demo .b5 .z-logo_velke_en {
  background-image: url('./themes/z-b5-theme-vsss/portal-resources/logo_en.png');
}
.z-vsss .b5 .z-logo_male_cs, .z-vsss .b5 .z-logo_male_en, .z-vsss_demo .b5 .z-logo_male_cs, .z-vsss_demo .b5 .z-logo_male_en {
  background-image: url('./themes/z-b5-theme-vsss/portal-resources/logo_small_cs.png');
}
.z-vsss_demo .b5.z-epr-img-background, .z-vsss_demo .b5, body.z-vsss_demo {
  background-size: unset;
  background-repeat: repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text transform='translate(20, 100) rotate(-45)' fill='rgba(150, 185, 215, 0.23)' font-size='20' font-family='sans-serif'>Demo</text></svg>");
}


/* vsup */
.z-vsup .b5 .z-logo_velke_cs, .z-vsup_demo .b5 .z-logo_velke_cs {
  background-image: url('./themes/z-b5-theme-vsup/portal-resources/logo_cs.png');
}
.z-vsup .b5 .z-logo_velke_en, .z-vsup_demo .b5 .z-logo_velke_en {
  background-image: url('./themes/z-b5-theme-vsup/portal-resources/logo_en.png');
}
.z-vsup .b5 .z-logo_male_cs, .z-vsup .b5 .z-logo_male_en, .z-vsup_demo .b5 .z-logo_male_cs, .z-vsup_demo .b5 .z-logo_male_en {
  background-image: url('./themes/z-b5-theme-vsup/portal-resources/logo_small.png');
}
.z-vsup_demo .b5.z-epr-img-background, .z-vsup_demo .b5, body.z-vsup_demo {
  background-size: unset;
  background-repeat: repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text transform='translate(20, 100) rotate(-45)' fill='rgba(150, 185, 215, 0.23)' font-size='20' font-family='sans-serif'>Demo</text></svg>");
}