@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,700&display=swap');
/* CSS Document */
:root {
  --font-family: 'Quicksand',sans-serif;
  --font-family-2: '', cursive;
  --color-black: #000;
  --color-white: #fff;
  --color-dark: #1b243f;
  --color-seda: #f5f8fa;
  --color-light: #F5F5F7;
  --color-dark-text: #000;
  --color-light-text: #fff;
  --color-one: #0168FA;
  --color-one-hover: #0A57A5;	
  --color-two: #70CCE4;
  --color-two-hover: #AEDEE5;
  --color-nalinky: #E1E1E1;
   --text-velikost-0: 36px;	
  --text-velikost-1: 25px;
  --text-velikost-2: 25px;
  --text-velikost-3: 18px;
  --text-velikost-4: 14px;
  --text-velikost-5: 11.8px;
  --text-velikost-6: 10px;	
  --text-velikost-7: 21px;
  --text-velikost-8: 16px;
  --text-sirka-1: 200;
  --text-sirka-2: 300;
  --text-sirka-3: 400;	
  --text-sirka-4: 500;
  --text-sirka-5: 700;	
  --global-padding-1: 15px;
  --global-padding-2: 7.5px;
  --global-padding-3: 17px 15px;	
  --global-padding-4: 30px;	
  --global-padding-5: 30px 40px;		
  --container-1: 1600px;	
  --container-3: 1800px;
  --container-2: 100%;	
  --border-radius: 8px;
  --size-1: 100%;
  --size-2: 66.6%;		
  --size-3: 50%;
  --size-4: 33.3%;
  --size-5: 25%;
  --size-6: 20%;
  --size-7: 16.66666666666667%;	
  --size-8: 14.28571428571429%;
  --size-9: 12.5%;	
  --size-10: auto;	
  --size-11: 40%;
  --minColWidth: 25em;
  --gridGap: 1rem;   
}


html {font-family: var(--font-family);-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;line-height: 1;max-width: 100%;overflow-x: hidden;font-size: 62.5%;background: #eef8fa}
content {margin: 0 1.5%;width: 100%;height: 100%;display: flex;flex-wrap: wrap;}
body {-webkit-font-smoothing: antialiased;-webkit-tap-highlight-color: transparent;text-rendering: optimizelegibility;text-size-adjust: 100%;color: rgb(0, 0, 0);cursor: auto;font-size: 1.4em;font-style: normal;font-weight: 400;height: 100%;margin: 0px;;padding: 0px;position: relative;overflow-wrap: break-word;max-width: 100%;color: var(--color-one)}
input, textrea, select {font-family: var(--font-family);}
img {width: 100%;height: auto;}
a {text-decoration: none;color: var(--color-one);cursor: pointer;}
a:hover {text-decoration: underline;color: var(--color-two);}
strikethrough {text-decoration: line-through}
input, select {width: -webkit-fill-available;padding: 10px 12px;border-radius: 6px;border: 1px solid #E1E3EA;margin-bottom: 10px;}
h1 {font-size: 2.4em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.2em;}
h1, h2, h3, h4 {color: #1b243f}
.container {width: var(--size-1);margin: 0 auto;max-width: var(--container-1);padding: var(--global-padding-1);}
.containerdva {width: var(--size-1);margin: 0 auto;max-width: var(--container-3);padding: var(--global-padding-1);}
.containercely {width: 100%;}
.containercely.pc {max-width: 97%; margin: 0 auto;}
.black {background: black;color: white; text-align: center;overflow-y: hidden}
.radek {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.cely {display: flex;width: var(--size-1);justify-content: center;align-items: center;flex-wrap: wrap;}
.polovina {display: flex;width: var(--size-3);justify-content: center;align-items: center;flex-wrap: wrap;}
.tretina {display: flex;width: var(--size-4);justify-content: center;align-items: center;flex-wrap: wrap;}
.ctvrtina {display: flex;width: var(--size-5);justify-content: center;align-items: center;flex-wrap: wrap;}
.petina {display: flex;width: var(--size-6);justify-content: center;align-items: center;flex-wrap: wrap;}
.sestina {display: flex;width: var(--size-7);justify-content: center;align-items: center;flex-wrap: wrap;}
.sedmina {display: flex;width: var(--size-8);justify-content: center;align-items: center;flex-wrap: wrap;}
.osmina {display: flex;width: var(--size-9);justify-content: center;align-items: center;flex-wrap: wrap;}
.dvetretiny {display: flex;width: var(--size-2);justify-content: center;align-items: center;flex-wrap: wrap;}
.dvepetiny {display: flex;width: var(--size-11);justify-content: center;align-items: center;flex-wrap: wrap;}
.zbytek {display: flex;width: var(--size-10);justify-content: center;align-items: center;flex-wrap: wrap;flex: 1;}
.grid-wrap {padding: 1rem;}
.grid.odsazeny {margin: 0 1.5%}
.grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(25em, 1fr));grid-gap: 1rem;}
.grid & + .grid  {margin-top: 1rem;}
.gridjednapolozka {grid-template-columns: 1fr;}
.flex-start {justify-content: flex-start}
.flex-end {justify-content: flex-end}
.stejnavyska {align-items: stretch;}
.vertikalnenahore {align-items: flex-start;}
.space-between {justify-content: space-between}
.ms-0 {margin-left: 0px!important}
.ms-4 {margin-left: 4px}
.ms-6 {margin-left: 6px}
.ms-8 {margin-left: 8px}
.ms-10 {margin-left: 10px!important}
.me-4 {margin-right: 4px}
.me-6 {margin-right: 6px}
.me-8 {margin-right: 8px}
.me-10 {margin-right: 10px}
.mt-4 {margin-top: 4px}
.mt-6 {margin-top: 6px}
.mt-8 {margin-top: 8px}
.mt-10 {margin-top: 10px}
.mb-4 {margin-bottom: 4px}
.mb-6 {margin-bottom: 6px}
.mb-8 {margin-bottom: 8px}
.mb-0 {margin-bottom: 0px}
.mb-10 {margin-bottom: 10px}
.mb-15 {margin-bottom: 15px}
.mb-20 {margin-bottom: 20px}
.mb-30 {margin-bottom: 30px}
.mb-40 {margin-bottom: 40px}
.pb-0 {padding-bottom: 0px}
.pt-0 {padding-top: 0px}
.pe-30 {padding-right: 30px}
.w-100 {width: 100%}
.w-100-odsazeny {width: calc(100% - 3%);}
.w200 {width: 200px!important}
.w400 {width: 400px!important}
.w800 {width: 800px!important}
.text-bold {font-weight: bold}
.textikmensi  {width: 100%;display: flex;justify-content: flex-end;margin-bottom: 10px;color: black;font-weight: 900;}
/* OBECNE KONEC */


.button {background: #1B84FF;color: white;border: 1px solid #1B84FF;cursor: pointer;transition: .4s all;width: fit-content;padding: 10px 15px;border-radius: 6px;
    display: flex;align-items: center;justify-content: center;gap: 5px;font-weight: 600;}
.button.filtrovani {background: #001854;border: 1px solid #001854;}
.button:hover {background: #47BE7D;border: 1px solid #47BE7D}
.button.filtrovani.active {background: #47BE7D;border: 1px solid #47BE7D;border-radius: 6px 6px 0 0;}
.prihlaseni {max-height: 100vh;width: 100%;display: flex;justify-content: center;align-items: center;height: 100vh;color:black}
.prihlaseni .levacast {width: 60%;height: 100%;position: relative}
.prihlaseni .pravacast {width: 40%;height: 100%;position: relative;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 16px;background: white}
.prihlaseni .logincontent {max-width: 350px;width: 100%;display: grid;justify-content: center;grid-template-columns: 1fr;align-items: center;gap: 20px;}
.prihlaseni .logincontent .holderloga {margin: 0 auto;max-width: 250px;}
.prihlaseni .logincontent .holderloga img {height: 58px;width: auto;}
.prihlaseni .logincontent .titulek {font-size: 24px;margin: 30px 0}
.prihlaseni .obrazek {position: relative;left: 0;top: 0;height: 100%;width: 100%;z-index: 1;}
.prihlaseni .obrazek img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover}
.prihlaseni .gradient {position: absolute;z-index: 2;left: 0;bottom: 0;height: 40vh;width: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.00) 100%);}
.prihlaseni .obsah {position: absolute;bottom: 0;left: 0;width: 100%;height: fit-content;z-index: 3;}
.prihlaseni .podtext {font-size: 10px;color: #757575;line-height: 1.6}
.prihlaseni .podtext.vetsi {font-size: 16px;}
.prihlaseni .hold {padding: 80px;color: white;font-size: 30px;line-height: 1.6;}
.mensititulek {font-size: 22px}
.button.login {margin: 20px auto;width: 150px;}
/* AUTH-PAGES KONEC */

header .headeradmin .menu {    display: flex;gap: 40px;}
header .logo  {display: flex;align-items: center;gap: 25px;}
header .headeradmin .logo img {max-height: 35px;width:20px}
header .headeradmin .levacast { width: 95%; display: flex; gap: 20px; }
hledej {
    position: relative;
}
.vysledekhledani { position: absolute;
  background: white;
  width: 100%;
  border-radius: 5px;
  z-index: 10;
  max-width: 326px;
  color: #1b243f;font-weight: 600 ;   max-height: 70vh;
  overflow-y: scroll; }
  .vysledekhledani .hledanapolozka:hover {background: #f9f9f9;cursor: pointer}
input#search {
    background: white;
    border-radius: 5px;
    margin-bottom: 0;
    width: 300px;
}
.hledanapolozka {
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;    display: flex;
    align-items: center;
    gap: 10px;
}
header .headeradmin {padding: 15px 1.5%;background: #1b243f;color: white;    background: linear-gradient(-45deg, #1b243f, #1b243f, #00366b, #1b243f);
    background-size: 400% 400%;
    animation: gradient 50s ease infinite;}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  10% {
    background-position: 100% 50%;
  }
  90% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
header .headeradmin .polozka.active a {color: white}
header .headeradmin .polozka.active .ikona {opacity: 1}
header .headeradmin .polozka .ikona {transition: .4s all;opacity: .3;display: none}
header .headeradmin .polozka:hover  .ikona  {opacity: 1}
header .headeradmin .polozka:hover a {color: white}
header .headeradmin .polozka {display: flex;align-items: center;gap: 5px;justify-content: center;transition: .4s all}
header .headeradmin .polozka a, header .headeradmin .polozka .oznacujicitext {color: #82939c;font-size: 13.5px;font-weight: 600;transition: .4s all;text-decoration: none;   }
header .headeradmin .polozka .oznacujicitext {padding: 10px 0}
header .headeradmin .user .fotka img {width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
header .fotka {border-radius: 50%;overflow: hidden;border: 2px solid #ffffff66;position: relative;width: 35px;height: 35px;}
header .switchpolozka {align-items: center;display: none}
header .switchpolozka.active {display: flex;}
header .switchpolozka .text {font-size: 15px;margin-bottom: 4px;font-weight: 500;}
header .switcher {display: flex;align-items: center}
header .submenicko {display: none;position: absolute;top: -15px;left: 100%;padding-top: 15px;z-index: 10}
header .hassubmenu {position: relative}
header .hassubmenu .polozka {padding: 15px;background: #1b243f;}
header .hassubmenu .polozka:hover {padding: 15px;background: #08112b;transition: .4s all}
header .submenicko.active, header .hassubmenu:hover .submenicko  {display: flex; text-align: left; left: -15px; top: 23px; flex-direction: column; width: 200px; -webkit-box-shadow: 10px 10px 45px 0px rgba(0,0,0,0.31); -moz-box-shadow: 10px 10px 45px 0px rgba(0,0,0,0.31); box-shadow: 10px 10px 45px 0px rgba(0,0,0,0.31);}
header .hassubmenu .polozka {justify-content: flex-start}
header .headeradmin .polozka .oznacujicitext {cursor: pointer}
header .headeradmin .polozka .oznacujicitext:hover {color: white}
header .headeradmin .polozka .oznacujicitext.active { color: white;}
header .headeradmin .polozka .ikona.active {opacity: 1}
/* HEADER KONEC */


.text-right {
    text-align: right;
    justify-content: flex-end;
}
.polozka.dash { padding: 27px 40px; background: #fff; border-radius: 8px; color: black; font-weight: 700;  transition: .4s background, .4s border; display: flex; align-items: center; gap: 10px; justify-content: space-between; }
.zelena-grad  { background: linear-gradient(-40deg, rgba(80,205,137,1) 0%, rgba(232,255,243,1) 100%)!important;}
.gridpeti {grid-template-columns:1fr 1fr 1fr 1fr 1fr}
.mt-50 { margin-top: 50px!important;}
.dashik .mensititul { font-size: 20px; line-height: 28px }
.dashik .vetsititul { font-size: 45px;line-height: 60px;font-weight: 700 }
.cmlabel {text-align: left; width: 100%; color: black; font-weight: 800; padding-top: 15px; border-top: 1px dashed #dedede; margin-top: 10px;}
/* DASHBOARD KONEC */

.hlava {padding: 2vh 0;}
.hlava .pravacast {display: flex;align-items: center;justify-content: end;gap:10px}
.hlava .levacast {display: flex;align-items: center;justify-content: start;flex-wrap: wrap;}
.kurz.empty { padding: 20px;background: #ffffff75;border-radius: 8px;color: black;font-weight: 700;border: 2px dotted #1b243f4d;cursor: pointer;transition: .4s all}
.kurz.empty:hover {background:#0168fa21;border: 2px dotted #0168FA }
.kurz.neaktivni {cursor: default;border: 2px dotted #1b243f4d}
.kurz.neaktivni:hover {background: #ffffff75;border: 2px dotted #1b243f4d}
.kurz { padding: 20px;background: #fff;border-radius: 8px;color: black;font-weight: 700;border: 2px solid #fff;transition: .4s background, .4s border;display: flex;align-items: center;gap: 10px;justify-content: space-between}
.kurz .prvnicast, .kurz .druhacast  {display: flex;align-items: center;gap: 10px;}
.kurz .prvnicast.stretch, .kurz .druhacast.stretch {align-items: stretch;}
.kurz .nulovacast  {display: flex;align-items: center;justify-content: center;}
.kurz .nulovacast input {margin-bottom: 0;}
.w-400 {width: 400px}
.w-100imp {width: 100%!important}
.p-40 {padding: 40px;}
.p-40imp {padding: 20px 40px!important;}
.kurz:hover {background:#0168fa21;border: 2px solid #0168FA }
.kurz a {color: #1b243f;}
.badge {display: flex;padding: 7px;justify-content: center;align-items: center;border-radius: 4px;font-size: 12px;font-style: normal;font-weight: 700;line-height: 12px;}
.badge.aktivni {background: #c1ffdf;color: #158e51;}
.badge.neaktivni {background: #c8e2ff;color: var(--primary-primary, #1C43CC);}
.badge.archiv {background: #fff9ee;color: #cc811c;}
.badge.pdf {  background: #fff;color: #465052;border: 1px solid #b9c3ce;}
.w70px {width: 70px}
.w170px {width: 170px}
.wfit {width: fit-content}
.odber {font-size: 15px; line-height: 20px; font-weight: 500; appearance: none; background: unset; resize: none; border: unset; margin: 0; padding: 0; margin-top: 10px; font-family: 'Montserrat';height: 80px}
.goback {width: 100%;color: #515a63!important;margin-top: 20px;display: none}
input.h1 {font-size: 2.4em;width: 100%;background: unset;border: unset;padding: 10px 0;font-weight: 900;border-bottom: 1px solid transparent;color: var(--color-dark);margin-bottom: 0}
input.h1:focus-visible {outline: unset;}
textarea.polozkafaktura {   font-size: 13px; width: 100%; background: unset; border: unset; padding: 10px 0; font-weight: 400; color: var(--color-dark); margin-bottom: 0; text-align: left; appearance: none; font-family: 'Montserrat'; overflow-y: hidden; column-count: unset; white-space: unset; resize: none; overflow: hidden;}
textarea.polozkafaktura:focus-visible {outline: unset;}
.titulek.vetsi {
    font-size: 22px;
}
.autogrid {grid-template-columns: auto 1fr}
.hlava .filtr {display: none;align-items: center; gap:12px}
.hlava .filtr.show {display: flex}
.filtr input {margin-bottom: 0;margin-top: 0;width: 250px}
.hlava .levacast .filtr { margin-left: 8px}
.hlava .filtr.show {    z-index: 9; display: flex; justify-content: flex-end; background: white; padding: 20px; position: absolute; flex-direction: column; top: 38px; -webkit-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.10); -moz-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.10); box-shadow: 10px 10px 18px 0px rgb(0 0 0 / 10%);border-radius: 6px 0 6px 6px; }
.podrzfiltr { position: relative; display: flex; flex-wrap: wrap; justify-content: flex-end; }
.podrzfiltr.alt{  flex-direction: column; margin-bottom: 25px; width: 100%; justify-content: flex-start; text-align: left; }
.podrzfiltr.alt .textikmensi {justify-content: flex-start}
.ikona.archiv {opacity: .2;filter: grayscale(1);transition: .4s all;cursor: pointer;display: flex;align-items: center;}
.ikona.archiv:hover, .ikona.archiv.active {opacity: 1;filter: grayscale(0);}
input.h1:hover {border-bottom: 1px solid #ccd8de;border-radius: 0;}
.cas {display: flex;align-items: center;gap: 10px;}
.cas input  {margin-bottom: 0;width: 40px;}
.textinputspesl {margin-bottom: 0;width: 300px}
.drobecekovka  {padding: 18px 0;font-size: 12px;color: #b1b1b1;background: rgb(80,205,137);background: linear-gradient(-90deg, rgba(80,205,137,1) 0%, rgba(232,255,243,1) 100%);}
.drobecek a {color: #1b243f}
.drobecek a.active {font-weight: 800;}
.drobecek {display: flex;align-items: center;justify-content: flex-start;gap: 10px;}
.grid .kurz:last-child {margin-bottom: 30px}
.submenuusera.show { display: flex; color: var(--color-one); justify-content: flex-end; right: 0; position: absolute; flex-direction: column; top: 0; padding-top: 38px; }
.submenuusera.show .holder { cursor: default;  width: 200px; background: white; -webkit-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.10); -moz-box-shadow: 10px 10px 18px 0px rgba(0,0,0,0.10); box-shadow: 10px 10px 18px 0px rgb(0 0 0 / 10%); border-radius: 6px; padding: 20px;}
.submenuusera {display: none}
.submenuusera.show .holder .polozka {width: 100%; display: flex;align-items: center;justify-content: space-between;cursor: pointer}
.submenuusera.show .holder .polozka .text {color: var(--color-dark);font-weight: 700}
.submenuusera.show .holder .polozka:hover .text {color: var(--color-one);}
header .user {position: relative}
header .user:hover {cursor: pointer;transition: .4s all;}
header .user:hover .fotka {border: 2px solid white}
.sipka-ikona    { fill: black; width: 18px; height: 18px; rotate: -90deg;}
textarea.p {font-size: 1.7em; width: 100%; background: unset; border: unset; padding: 10px 0; border-bottom: 1px solid transparent; color: var(--color-dark); margin-bottom: 0;}
textarea.p:focus, textarea.p:focus-visible, textarea.p:focus-within, textarea.p:active {outline: none;border: 0}
.logospolecnosti {height: 60px;position: relative;display: flex;justify-content: center;align-items: center;width: 60px;}
.logospolecnosti img {height: 100%;width: auto;mix-blend-mode: darken;}
.logospolecnosti svg {width: 40px;height: 40px;}
.titulek.odsazeny {padding-left: 15px;margin-left: 10px;border-left: 1px solid lightgray;}
.dnone {display: none}
.cursor-pointer {cursor: pointer}
.flexovka { display: flex; align-items: center; gap: 20px; }
.flexovka .logospolecnosti { height: 90px; position: relative; display: flex; justify-content: center; align-items: center; width: 90px; background: white; border-radius: 8px; overflow: hidden; }
.datum {display: flex;background: var(--primary-primary-light, #EEF6FF);padding: 8px;border-radius: 8px;gap: 6px;}
.datum.posplatnosti {background: #ff9393;color: #370707;}
.kurz.zvyrazneny {border: 2px solid #eaeaea;}
.kurz.zvyrazneny:hover {border:2px solid #0168FA}
.justifycenter {
    justify-content: center;
}
.gap-5 {gap: 5px}
.alignitemstrech {
    align-items: stretch;
}
.obsah.grid.omeznavysku {
    max-height: 460px;
    overflow: scroll;
    overflow-x: unset;
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}
.obsah.grid.omeznavysku::-webkit-scrollbar { 
    display: none;  /* Safari and Chrome */
}
select  {width: -webkit-fill-available; padding: 10px 12px; border-radius: 6px; border: 1px solid #E1E3EA; margin-bottom: 10px;}
.obsah.grid.omeznavysku .kurz:last-child {
    margin-bottom: 0px;
}
.nastred {
    margin: 0 auto;
}
.titulek.w-90 {width: 90%}
.titulek.w-80 {width: 80%}
.tooltip { position: relative; display: inline-block; } 
.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #939393; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 110%; left: 50%; margin-left: -65px; font-size: 12px;} 
.tooltip:hover .tooltiptext { visibility: visible; }
.clipnioverflowtext { max-width: 70%; text-overflow: ellipsis; width: 70%; overflow: auto; }
span.cm1span { text-transform: uppercase; font-size: 11px; color: darkgray; }
.text-left {text-align: left!important;}
.justify-start {justify-content: start!important;}
.tahlo .ikona {width: 24px;height: 24px;cursor: move}
.omezvysku{ max-height: 510px; overflow-y: scroll; }
/* KURZY KONEC */

.faktura {width: 900px; height: 1273px; background: white; margin: 0 auto;}
.faktura .holder .obsahfaktury {display: grid; justify-content: space-between; align-items: flex-start; grid-template-columns: 1fr 1fr; gap: 15px; margin: 30px 0 15px; align-items: stretch;}
.faktura .holder .spodekfaktury {display: grid; justify-content: space-between; align-items: flex-start; grid-template-columns: 1fr 1fr; gap: 15px; margin: 30px 0 15px; align-items: stretch;}
.faktura .holder .obsahfaktury.mt15 {margin-top: 15px;}
.faktura .holder {padding: 40px; max-width: 100%;}
.faktura .zeleny {background: #a5f2c8!important; }
.faktura .obsahfaktury .pravacast .holder, .faktura .obsahfaktury .levacast .holder {background: #eef8fa; padding: 20px 30px; border-radius: 20px; display: flex; flex-direction: column; height: 130px;}
.faktura .spodekfaktury .pravacast .holder, .faktura .spodekfaktury .levacast .holder {display: flex; flex-direction: column; justify-content: flex-end; text-align: right; padding: 0; line-height: 1.8; font-size: 20px; color: black; font-weight: 700;}

.faktura .holder .vrchfaktury {display: flex; align-items: center; justify-content: space-between;}
.faktura h1 {font-size: 24px; line-height: 30px;}
.faktura h1.bigger {font-size: 30px; line-height: 40px;margin-bottom: 0;
  margin-block-end: 0;}
.faktura h2 {font-size: 15px; line-height: 20px; font-weight: 600;}
.faktura h3 {font-size: 14px; font-weight: 600;}
.faktura .holder .logofaktury {width: 120px;}
.faktura .popisek {text-transform: uppercase; color: black; font-weight: 800; font-size: 12px; margin-top: 15px; font-family: 'Montserrat', sans-serif;}
.faktura h2.mt5 {margin-top: 5px;}
.mt40 {margin-top: 40px;}
input.dph {padding: 0; margin-bottom: 0; background: unset; border: unset; width: 17px; color: white; padding: 0; font-weight: 800; line-height: 15px; appearance: none; margin: 0;}
input.dph:focus-visible {outline: none;}
.faktura .polozkanani {padding: 20px; background: #fff; border-radius: 0; color: black; font-weight: 700; border: 0; transition: .4s background, .4s border; display: grid; align-items: center; gap: 10px; justify-content: space-between; border-bottom: 1px solid; grid-template-columns: 440px 100px 100px 100px;}
#holder-fakturacnipolozky .druhacast, #holder-fakturacnipolozky .treticast, #holder-fakturacnipolozky .ctvrtacast {text-align: right; position: relative; display: flex; justify-content: flex-end; gap: 4px;}
#holder-fakturacnipolozky .druhacast input, #holder-fakturacnipolozky .treticast input, #holder-fakturacnipolozky .ctvrtacast input {padding: 0; margin-bottom: 0; background: unset; border: unset; color: black; padding: 0; font-weight: 800; line-height: 15px; appearance: none; margin: 0; text-align: right; opacity: 1;}
#holder-fakturacnipolozky .druhacast input:focus-visible, #holder-fakturacnipolozky .treticast input:focus-visible, #holder-fakturacnipolozky .ctvrtacast input:focus-visible {outline: unset;}
.faktura .delete {display: none; position: absolute; right: -35px; top: -5px;}
.faktura .delete.active {display: block;}
.nahledovyobrazek {max-width: 800px; position: relative; display: flex; justify-content: center;}
.nahledovyobrazek .button {position: absolute; top: 50%;}
.fh5   {  text-align: right;
color: black;
margin-top: 5px;
font-size: 15px;    margin-block-end: 0;}
/* FAKTURA KONEC */


.certifikat {width: 900px; height: 1273px; background: white; margin: 0 auto;position: relative;color: black}

.certifikat .holder .obsahcertifikatu.spodek {
    display: table;
    margin: 30px auto;
    max-width: 600px;
}

.certifikat .holder .obsahcertifikatu.spodek .levacast {
    float: left;    margin-right: 40px;
}
.certifikat .holder.altpaddik {padding: 110px 0 0!important}
.certifikat .holder .obsahcertifikatu.spodek .pravacast {
    float: left;
}
.bgwhite {background: white!important}
.certifikat .holder .spodekcertifikatu {display: grid; justify-content: space-between; align-items: flex-start; grid-template-columns: 1fr 1fr; gap: 15px; margin: 30px 0 15px; align-items: stretch;}
.certifikat .holder .obsahcertifikatu.mt15 {margin-top: 15px;}
.certifikat .holder {padding: 40px; max-width: 100%;position: relative;z-index: 2;}
.certifikat .obsahcertifikatu .pravacast .holder, .certifikat .obsahcertifikatu .levacast .holder {background: #eef8fa; padding: 20px 30px; border-radius: 20px; display: flex; flex-direction: column; height: 130px;}
.certifikat .spodekcertifikatu .pravacast .holder, .certifikat .spodekcertifikatu .levacast .holder {display: flex; flex-direction: column; justify-content: flex-end; text-align: right; padding: 0; line-height: 1.8; font-size: 20px; color: black; font-weight: 700;}
.certifikat .zeleny {background: rgb(80,205,137); background: linear-gradient(-90deg, rgb(165 242 200) 0%, rgb(177 233 203) 100%)!important;}
.certifikat .holder .vrchcertifikatu {display: flex; align-items: center; justify-content: space-between;}
.certifikat h1 {font-size: 40px; line-height: 30px;}
.certifikat .pravehorni {max-width: 500px;color: black;}
.certifikat h1.bigger {font-size: 30px; line-height: 40px;}
.certifikat h2 {font-size: 25px; line-height: 20px; font-weight: 600;}
.certifikat h3 {font-size: 14px; font-weight: 600;}
.certifikat .holder .logocertifikatu {width: 200px;margin: 0px 0 30px}
.certifikat .popisek {text-transform: uppercase; color: black; font-weight: 800; font-size: 12px; margin-top: 15px; font-family: 'Montserrat', sans-serif;}
.certifikat h2.mt5 {margin-top: 5px;}
.mt40 {margin-top: 40px;}
input.dph {padding: 0; margin-bottom: 0; background: unset; border: unset; width: 17px; color: white; padding: 0; font-weight: 800; line-height: 15px; appearance: none; margin: 0;}
input.dph:focus-visible {outline: none;}
.certifikat .polozkanani {padding: 20px; background: #fff; border-radius: 0; color: black; font-weight: 700; border: 2px solid #fff; transition: .4s background, .4s border; display: grid; align-items: center; gap: 10px; justify-content: space-between; border-bottom: 1px solid; grid-template-columns: 440px 100px 100px 100px;}
#holder-certifikacnipolozky .druhacast, #holder-certifikacnipolozky .treticast, #holder-certifikacnipolozky .ctvrtacast {text-align: right; position: relative; display: flex; justify-content: flex-end; gap: 4px;}
#holder-certifikacnipolozky .druhacast input, #holder-certifikacnipolozky .treticast input, #holder-certifikacnipolozky .ctvrtacast input {padding: 0; margin-bottom: 0; background: unset; border: unset; color: black; padding: 0; font-weight: 800; line-height: 15px; appearance: none; margin: 0; text-align: right; opacity: 1;}
#holder-certifikacnipolozky .druhacast input:focus-visible, #holder-certifikacnipolozky .treticast input:focus-visible, #holder-certifikacnipolozky .ctvrtacast input:focus-visible {outline: unset;}
.certifikat .delete {display: none; position: absolute; right: -35px; top: -5px;}
.certifikat .delete.active {display: block;}
.certifikat .pozadi {position: absolute;z-index: 1;max-width: 700px;margin: 0 auto;    left: 100px;
    top: 200px;opacity: .15;}
.text-center {text-align: center}
.certifikat .stredzuzeny {max-width: 500px;margin: 0 auto;color: black;}
.certifikat .stredzuzenymene {max-width: 700px;margin: 0 auto;color: black;text-align: justify}
.bold {font-weight: 800}
.mt-30 {margin-top: 30px}
.mt-50 {margin-top: 50px}
.mt-15 {margin-top: 15px!important}
.mt-35 {margin-top: 35px}
.mt-25 {margin-top: 25px}
.certifikat .delsitext {line-height: 1.3}
.certifikat hr {max-width: 700px;margin: 30px auto ;opacity: .5;}
.certifikat img.podpis {max-height: 80px;width: auto;}
/* CERTIFIKAT KONEC */


.fakturagenerator {background: white}
.fakturagenerator .faktura .holder .obsahfaktury {display: flex;gap: 0}
.fakturagenerator .faktura .holder .obsahfaktury .levacast {width: 50%;margin-right: 7.5px;}
.fakturagenerator .faktura .holder .obsahfaktury .pravacast {width: 50%;    margin-left: 7.5px;}
.fakturagenerator .faktura .polozkanani {display: flex;gap: 0}
.fakturagenerator .polozkanani .prvnicast {width: 440px;}
.fakturagenerator .polozkanani .druhacast {width: 100px;}
.fakturagenerator .polozkanani .treticast {width: 100px;}
.fakturagenerator .polozkanani .ctvrtacast {width: 100px;}
.fakturagenerator  .faktura .holder .spodekfaktury {display: flex;gap: 0}
.fakturagenerator .faktura .holder .spodekfaktury .levacast {width: 50%;margin-right: 7.5px;}
.fakturagenerator .faktura .holder .spodekfaktury .pravacast {width: 50%;    margin-left: 7.5px;}

.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 15px 25px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}

input:focus-visible + label {
  outline: 2px solid rgba(0,102,204,1);
  border-radius: 3px;
}

.tabset > label:hover,
.tabset > input:focus + label,
.tabset > input:checked + label {
  color: #06c;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}
.tab-panels textarea, select  {
    width: calc(100% - 42px);
    padding: 20px;
    margin: 5px 0;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    font-family: var(--font-family);
}
.button.stred {margin: 20px auto}
/* TABY KONEC */


submenu {display: none}
.menu-btn-1 {height: 32px;width: 20px;cursor: pointer;display: none}
.menu-btn-1 span {scale: .7;}
.menu-btn-1 span, .menu-btn-1 span::before, .menu-btn-1 span::after {background: white;border-radius: 3px;content: '';position: absolute;width: 40px;height: 4px;margin-top: 13px;-webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.menu-btn-1 span::before {margin-top:-12px;}
.menu-btn-1 span::after {margin-top:12px;}
.menu-btn-1.active span {background: transparent;}
.menu-btn-1.active span::before {margin-top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.menu-btn-1.active span::after {margin-top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

#navstevnost {display: grid;grid-template-columns: 1fr;height: 90vh;    width: calc(100% - 40px);}
#navstevnost .widgetIframe iframe {
  height: 100%;
  width: 100%;
  padding: 20px;
  background: white;
  
}
#navstevnost .widgetIframe iframe .ng-scope{
    height: 100%;   
}
a.logowho {
    display: flex;
    gap: 10px;
    align-items: center;
    color: white;
    font-size: 10px;
    width: 160px;
    font-weight: 500;
}
span.who {
    position: relative;
    top: 1px;
    padding: 5px 10px;
    background: #1B84FF;
    border-radius: 8px;
}


@media only screen and (min-width: 1580px) {

}

@media only screen and (max-width: 1900px) {
  header .headeradmin .menu {display: flex;gap: 30px;}
}

@media only screen and (max-width: 1750px) {

}
@media only screen and (max-width: 1650px) {
	
}

@media only screen and (max-width: 1500px) {
	
  header .headeradmin .menu {display: flex;gap: 30px;}
}

@media only screen and (max-width: 1450px) {
	
}

@media only screen and (max-width: 1480px) {
  .button {font-size: 12px; }
  header .headeradmin .polozka .ikona {display: none}
}

@media only screen and (max-width: 1300px) {
  .menu-btn-1 {display: block}
  header .headeradmin .menu {display: none}
  header .headeradmin .menu.active {position: fixed; left: 0; top: 0; background: linear-gradient(-45deg, #1b243f, #1b243f, #00366b, #1b243f); width: 100%; height: 100vh; flex-wrap: wrap;        display: grid;
    z-index: 99;gap: 0;align-items: center;align-content: center; gap: 10px;}
  header .headeradmin .levacast { width: 80%; display: flex; gap: 20px; }
  input#search { width: 200px;}
  .hlava .pravacast {display: grid;
    grid-template-columns: 1fr; }
  .button.filtrovani {  width: 100%; }
  .button {  width: -webkit-fill-available }
  .mobilenone {display: none}
  header .submenicko { display: none; position: absolute; top: -15px; left: unset; padding-top: unset; margin-top: 15px; z-index: 10; }
  header .submenicko.active, header .hassubmenu:hover .submenicko {left: unset}
  .button {font-size: 11px;    padding: 10px 5px; }
 .prihlaseni .levacast {display: none}
.prihlaseni .pravacast {width: 100%;max-height: 100vh;overflow: hidden}
    .prihlaseni {max-height: 100vh;overflow: hidden}
}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 980px) {
.goback {display: block}
}

@media only screen and (max-width: 820px) {

}

@media (max-width: 760px) {

}

@media only screen and (max-width: 650px) {
	.prihlaseni .logincontent .holderloga img {height: 47px;width: auto;}
}
	
  
@media print {

  header, .drobecekovka, .noprint {display: none !important;}
}