body{
    background-color: #F2F5F9;
    /*background-color: #fbf9f6;*/
    font-family: 'Titillium Web';
    font-size: 14px;
    color: #292836;
}

.bgtest{background-color: #343434;}
.cistic{clear:both}

a {color: #000000; text-decoration: none;-webkit-text-decoration-skip: objects;}
a:hover {text-decoration: none; transition-duration: 0.1s;}
.bgtest{background-color: #323232;}

:hover{transition-duration: 0.5s;}

.w-100{width: 100%;}
.w-95p{width: 95%;}

.hide{display: none;}

.line-100{width: 100%; height: 0.50px; background-color: #dbdbdb;}
.line-height-36{line-height: 36px;}
.line-height-25{line-height: 30px;}
.line-box{width: 100%; height: 0.50px; background-color: #e6e6e6;}

.cursor-ruka{
  cursor: pointer;
  user-select: none;
}

.oddelright{border-right: solid 2px #F2F5F9;}

.font-12{font-size: 12px;}
.font-13{font-size: 13px;}
.font-14{font-size: 14px;}
.font-15{font-size: 15px;}
.font-16{font-size: 16px;}
.font-17{font-size: 17px;}
.font-18{font-size: 18px;}

.text-600{font-weight: 600;}
.text-700{font-weight: 700;}
.text-mini{font-size: 11px;font-weight: 700;color: #acacac;}
.text-mini-hard{font-size: 11px;font-weight: 700;color: #ffffff;}
.text-nadpis{font-size: 28px;font-weight: 700;}
.text-nadpis-sub{font-size: 22px;font-weight: 700;}
.text-nadpis-sub-sub{font-size: 12px;font-weight: 400;color: #978ea3;}
.text-nadpis-sub-mini{font-size: 16px;font-weight: 700;}
.text-nadpis-big{font-size: 24px;font-weight: 600;}
.text-nadpis-mini{font-size: 11px;font-weight: 600;color: #ada5b7;}
.text-form-color{font-weight: 300;margin-bottom: 5px;color: #a1a5b7;}
.text-form-nadpis{font-weight: 300;margin-bottom: 5px;color: #a1a5b7;}
.text-form-nadpis-mini{font-size: 13px;font-weight: 600;margin-bottom: 5px;}
.text-navigace{font-size: 13px; font-weight: 600}

.text-box{font-size: 14px; font-weight: 600;}
.text-box-up{font-size: 18px; font-weight: 600;}
.text-box-big{font-size: 24px; font-weight: 600;}
.text-box-sub{font-size: 14px; color: #60656e;}
.text-box-mega{font-size: 36px;}
.text-box-list-nadpis{font-size: 16px; font-weight: 600;}

.text-invert{ background-color: #2c7be5; color: #ffffff; padding: 5px; border-radius: 2px;}

.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}

.color-medium{color: #4d4f62;}
.color-main{color: #2c7be5;}
.color-sub{color: #a6c5f7;}
.color-highlighting{color: #00b2ff;}
.color-light{color: #a1a5b7;}
.color-shadow{color: #a1a5b7;}
.color-shadows{color: #676767;}
.color-warning{color: #b13b3b;}
.color-active{color: #36ad29;}

a.button-box-more {
  color: #4A90E2;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s ease;
}

a.button-box-more:hover{
  color: #000000;
}

a.box-radek {
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  height: 45px;
  line-height: 45px;
  padding: 0px 10px;
  width: 100%;
  transition: 0.3s ease;
}

a.box-radek:hover{background-color: #edecf1;}

a.box-radek-point {
  display: inline-block;
  line-height: 30px;
  padding: 0px 5px 0px 22px;
  width: 100%;
  transition: 0.3s ease;
  position: relative;
  border-radius: 4px;
  margin-left: -5px;
  font-size: 14px;
  margin-top: 6px;
  left: -3px;
}

a.box-radek-point:hover{background-color: #edecf1;}

a.box-radek-point::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background-color: #6FCF97;
  border-radius: 50%;
}

.box-radek-popis{
  display: inline-block;
  height: 43px;
  line-height: 43px;
  font-weight: 600;
}

.box-home-height{
  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* obsah půjde dolů */
  height: 100%; /* musí mít nějakou výšku */
}

.form-pole-normal{width: 100%; border: 0; border-radius: 2px; padding: 10px 18px; background-color: #f5f8fa; outline: none; font-weight: 600;}
.form-pole-normal:focus{background-color: #eef3f7;}
.form-pole-normal.light{color: #818181;}
  
.form-pole-normal-bold{width: 100%; border: 0; border-radius: 2px; padding: 10px 18px; background-color: #f5f8fa; outline: none; color: #2c7be5; font-weight: 700;}
.form-pole-normal-bold:focus{background-color: #eef3f7;}

.form-pole-big-light{width: 100%; border-radius: 2px; padding: 10px 18px; background-color: #ffffff; outline: none; font-weight: 600; height: 115px; border: solid 1px #ececec;}
.form-pole-big-light:focus{background-color: #eef3f7;}

.form-pole-mini{width: 100%; border: 0; border-radius: 2px; padding: 10px 5px; background-color: #f5f8fa; outline: none; font-weight: 600;}
.form-pole-mini:focus{background-color: #eef3f7;}

.form-pole-w80{width: 90px; border: 0; border-radius: 2px; padding: 10px 5px; background-color: #f5f8fa; outline: none; font-weight: 600;}
.form-pole-w80:focus{ background-color: #eef3f7;}

.form-pole-w110{width: 110px; border: 0; border-radius: 2px; padding: 10px 5px; background-color: #f5f8fa; outline: none; font-weight: 600;}
.form-pole-w110:focus{ background-color: #eef3f7;}

.form-pole-select-normal{width: 100%; border: 0; border-radius: 2px; padding: 10px 18px; background-color: #f5f8fa; outline: none; border-right: 16px solid transparent; font-weight: 600;}
.form-pole-select-normal:focus{background-color: #eef3f7;}

.form-pole-select-normal-bold{width: 100%; border: 0; border-radius: 2px; padding: 10px 18px; background-color: #f5f8fa; outline: none; border-right: 16px solid transparent; font-weight: 700; color: #2c7be5;}
.form-pole-select-normal-bold:focus{background-color: #eef3f7;}

.form-pole-select-mini{width: 100%; border: 0; border-radius: 2px; padding-left: 8px; padding-top: 10px; padding-bottom: 10px; background-color: #f5f8fa; outline: none; border-right: 12px solid transparent; font-weight: 600;}
.form-pole-select-mini:focus{background-color: #eef3f7;}

.form-pole-select-mini-bold{width: 100%; border: 0; border-radius: 2px; padding-left: 8px; padding-top: 10px; padding-bottom: 10px; background-color: #f5f8fa; outline: none; border-right: 12px solid transparent; font-weight: 600; color: #2c7be5;}
.form-pole-select-mini-bold:focus{background-color: #eef3f7;}

.form-pole-mini-float{width: 100%; border: 0; border-radius: 2px; padding: 15px 18px; background-color: #f5f8fa; outline: none;}

.form-pole-color{color: #2c7be5; width: 100%; border: 1px solid #cbcbcb; border-radius: 2px; padding: 10px 18px; background-color: #ffffff; outline: none; font-weight: 600; display: inline-block;}
.form-pole-color:focus{background-color: #eef3f7;}

.form-pole-80{width: 78%;border: 0;}
.form-pole-60{width: 58%;border: 0;}
.form-pole-40{width: 40%;border: 0;}
.form-pole-35{width: 35%;border: 0;}
.form-pole-30{width: 30%;border: 0;}
.form-pole-22{width: 22%;border: 0;}
.form-pole-20{width: 20%;border: 0;}
.form-pole-17{width: 17%;border: 0;}
.form-pole-15{width: 15%;border: 0;}
.form-pole-12{width: 12%;border: 0;}
.form-pole-10{width: 10%;border: 0;}
.form-pole-8{width: 8%;border: 0;}
.form-pole-5{width: 5%;border: 0;}

.form-pole-center{text-align: center;}

.form-pole-ohraniceni{border: 2px solid #c5d9f8; border-radius: 18px; line-height: 25px; text-align: center; background-color: #f9fbfd;}

.form-oddeleni{
  width: 100%;
  text-align: center;
  background-image: url("../../assets/img/line-bg.png");
  background-repeat: repeat-x;
  height: 50px;
  display: inline-block;
}

.form-oddeleni-popis{
  background-color: #e3ebf6;
  text-align: center;
  display: inline-block;
  padding: 4px 12px;
  color: #2c7be5;
  font-size: 13px;
  border-radius: 6px;
}

.link-shadow{
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #e8edef;
  border-radius: 5px;
}

.link-icons{display: inline-block; width: 30px; height: 30px;}

.link-icons.arrow-right{display:inline-block; background-image: url('../img/arrow-right.svg');background-repeat: no-repeat; background-size: 16px; background-position: center;}
.link-icons.print{display:inline-block; background-image: url('../img/print.svg');background-repeat: no-repeat; background-size: 16px; background-position: center;}
a.link-color{font-size: 13px; background-color: #4A90E2; display: inline-block; padding: 6px 10px; border-radius: 4px; color: #ffffff;}

.page-menu{
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #212121;
  width: 250px;
  z-index: 100;
}

.page-hamburger{
  z-index: 101;
  position: fixed;
}

.page{padding: 20px 85px 5px 40px;}
.page-top{padding: 10px 90px 0px 140px;}

.page-main {
  display: flex;
}

.page-main-l {
  width: 90px;
  margin-right: 10px;
}

.page-main-r {
  flex: 1;
  padding-right: 10px;
}

.page-logo{
  display: inline-block;
  width: 100px;
  background-image: url('../img/rebeka-logo.svg');
  background-repeat: no-repeat;
  background-size: 100px;
  width: 100px;
  height: 38px;
}

.menu{
    padding-left: 10px;
    margin-top: 35px;
    color: #a7a5b7;
}

.menu-nadpis{
    font-weight: 700;
    font-size: 14px;
}

.menufoot{
    font-size: 13px;
    padding-left: 10px;
}

.menupageicon{
  margin-top: 31px;
}

.boxbgminisub{
  border-radius: 5px;
  background-color: #f4f4f4;
}

.boxbg{
    background-color: #ffffff;
    padding: 20px 25px;
    width: 100%;
    border-radius: 15px;
}

.boxbgcolor{
  background-color: #2c7be5;
  padding: 20px 25px;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 #f0f1f1, 0 1px 3px 0 #f0f1f1;
}

.boxbgcolorlight{
  background-color: #e7f0fd;
  padding: 20px 25px;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #eae1e1;
}

.boxbgwrap{
  background-color: #ffffff;
  padding: 40px 30px;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 #f0f1f1, 0 1px 3px 0 #f0f1f1;
}

.boxbgwrapsub{
  padding: 12px 20px;
}

.box-a4-bg{
  background-color: #f9fbfd;
  width: 96%;
}

.box-a4{
  background-color: #ffffff;
  border-radius: 4px;
  border-top: 4px solid #edf2f9;
  box-shadow: 0 1px 3px 0 #f0f1f1, 0 1px 3px 0 #f0f1f1;
  width: 21cm;
  height: 29.7cm;
  margin: 0 auto;
}

.box-a4-print-top{
  padding-left: 65px; 
  padding-right: 65px; 
  padding-top: 30px;
}

.box-a4-print-bottom{
  padding-left: 65px; 
  padding-right: 65px; 
  padding-bottom: 30px;
}


@media print {
  .box-a4-print-top{
    padding-left: 35px; 
    padding-right: 35px; 
    padding-top: 15px
  }

  .box-a4-print-bottom{
    padding-left: 35px; 
    padding-right: 35px; 
    padding-bottom: 15px
  }
}
  

.boxline{
  width: 100%;
  height: 0.1px;
  background-color: #f3f6fb;
}

.boxlinebig{
  width: 100%;
  height: 2px;
  background-color: #f3f6fb;
}

.boxicon{
  width: 45px;
  height: 45px;
  border-radius: 5px;
}

.boxicon.doklady{background-color: #fff8dd;}
.boxicon.zakazky{background-color: #f1faff;}
.boxicon.poznamky{background-color: #f4b9c7;}

.boxicon-ico{
  display: inline-block;
  width: 45px;
  height: 45px;
}

.menu-link-icon{width: 25px; height: 25px;}
.menu-link-icon.home{background-image: url('../img/home.svg');background-repeat: no-repeat; background-size: 16px; background-position: top 8px left 6px;}
.menu-link-icon.list{background-image: url('../img/list.svg');background-repeat: no-repeat; background-size: 18px; background-position: top 8px left 4px;}
.menu-link-icon.calculator{background-image: url('../img/calculator.svg');background-repeat: no-repeat; background-size: 16px; background-position: top 8px left 6px;}
.menu-link-icon.calendar{background-image: url('../img/calendar.svg');background-repeat: no-repeat; background-size: 18px;background-position: top 8px left 5px;}
.menu-link-icon.settings{background-image: url('../img/settings.svg');background-repeat: no-repeat; background-size: 18px;background-position: top 8px left 6px;}
.menu-link-icon.book{background-image: url('../img/book.svg');background-repeat: no-repeat; background-size: 18px;background-position: top 8px left 6px;}
.menu-link-icon.task{background-image: url('../img/task.svg');background-repeat: no-repeat; background-size: 16px;background-position: top 8px left 8px;}
.menu-link-icon.email{background-image: url('../img/email.svg');background-repeat: no-repeat; background-size: 18px;background-position: top 8px left 6px;}
.menu-link-icon.wheel{background-image: url('../img/wheel.svg');background-repeat: no-repeat; background-size: 18px;background-position: top 8px left 5px;}
.menu-link-icon.tax{background-image: url('../img/menu/menu-tax-color.svg');background-repeat: no-repeat; background-size: 20px;background-position: top 0px left 0px;}
.menu-link-icon.order{background-image: url('../img/menu/menu-orders-color.svg');background-repeat: no-repeat; background-size: 20px;background-position: top 0px left 0px;}
.menu-link-icon.list{background-image: url('../img/notes.png');background-repeat: no-repeat; background-size: 20px;background-position: top 0px left 0px;}

.icons{display: inline-block; width: 24px; height:24px;}
.icons-bg{display: inline-block; width: 28px; height:28px;}
.icons-bg:hover{background-color:#e9edf0; border-radius: 2px;}

.icons.search{background-image: url('../img/search.svg');background-repeat: no-repeat;}
.icons.notification{background-image: url('../img/notification.svg');background-repeat: no-repeat;}
.icons.user{background-image: url('../img/user.svg');background-repeat: no-repeat;}
.icons.world{background-image: url('../img/world.svg');background-repeat: no-repeat;}
.icons.back{background-image: url('../img/arrow-back.svg');background-repeat: no-repeat; background-size: 26px;}
.icons.bell{background-image: url('../img/bell.svg');background-repeat: no-repeat; background-size: 22px;}
.icons.maps{background-image: url('../img/maps.svg');background-repeat: no-repeat; background-size: 22px;}
.icons.home{background-image: url('../img/home.svg');background-repeat: no-repeat; background-size: 18px; background-position: top 6px left 0px;}
.icons.back{background-image: url('../img/back-button.png');background-repeat: no-repeat; background-size: 18px; background-position: top 6px left 0px;}
.icons.invoice-detail{background-image: url('../img/invoice-list.png');background-repeat: no-repeat; background-size: 18px; background-position: top 6px left 0px;}
.icons.arr-down{background-image: url('../img/arrow-down.svg');background-repeat: no-repeat; background-size: 22px;}
.icons.arr-top{background-image: url('../img/arrow-top.svg');background-repeat: no-repeat; background-size: 22px;}
.icons.arr-right{background-image: url('../img/arrow-right-small.svg');background-repeat: no-repeat; background-size: 22px;}
.icons.arr-right-blue{background-image: url('../img/arrow-right-blue.png');background-repeat: no-repeat; background-size: 22px;}
.icons.logout{background-image: url('../img/logout.svg');background-repeat: no-repeat; background-size: 22px; background-position: center;}
.icons.wallet{background-image: url('../img/wallet.svg');background-repeat: no-repeat; background-size: 20px;}
.icons.money{background-image: url('../img/uhrada.svg');background-repeat: no-repeat; background-size: 20px;}
.icons.check-ano{background-image: url('../img/check.png');background-repeat: no-repeat; background-size: 18px;}
.icons.check-ne{background-image: url('../img/check-ne.svg');background-repeat: no-repeat; background-size: 18px;}

.icons-bg.logout{background-image: url('../img/logout.svg');background-repeat: no-repeat; background-size: 22px; background-position: center;}

.iconsmini{display: inline-block; width: 24px; height:24px;}
.iconsmini.user{background-image: url('../img/user.svg');background-repeat: no-repeat; background-size: 16px; background-position: top 0px left 0px;}
.iconsmini.company{background-image: url('../img/building.png');background-repeat: no-repeat; background-size: 16px; background-position: top 0px left 0px;}
.iconsmini.logout{background-image: url('../img/logout.svg');background-repeat: no-repeat; background-size: 16px; background-position: top 0px left 0px;}

.aligncenter{
  text-align: center;
}

.centrovat{
  margin: 0px auto;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
}

.centrovatpage{
  margin        : 0;
  padding       : 0;
  display       : grid;
  place-content : center;
  min-height    : 100vh;
}

.page-menu-fixed{
	position: fixed;
	top: 15px;
	left: 20px;
	width: 50px; /* nebo jiná šířka dle potřeby */
	text-align: left;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 6px;
	padding-bottom: 20px;
}

.page-menu-fixed-box{
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}

.page-menu-fixed-box-home{background-image: url('../img/menu/menu-white-home.svg');}
.page-menu-fixed-box-fakturace{background-image: url('../img/menu/menu-fakturace.svg');}
.page-menu-fixed-box-catalog{background-image: url('../images/menu/menu-white-catalog.svg');}
.page-menu-fixed-box-customers{background-image: url('../images/menu/menu-white-customers.svg');}
.page-menu-fixed-box-import{background-image: url('../img/menu/menu-white-import.svg');}
.page-menu-fixed-box-modules{background-image: url('../images/menu/menu-white-modules.svg');}
.page-menu-fixed-box-orders{background-image: url('../images/menu/menu-white-orders.svg');}
.page-menu-fixed-box-pages{background-image: url('../img/menu/menu-white-pages.svg');}
.page-menu-fixed-box-reports{background-image: url('../img/menu/menu-white-reports.svg');}
.page-menu-fixed-box-settings{background-image: url('../images/menu/menu-white-settings.svg');}

.page-menu-fixed-box-a-fakturace:hover{background-color: #8d8d8d;transition-duration: 0.5;}
.page-menu-fixed-box-a-catalog:hover{background-color: #e7bfaf;transition-duration: 0.5;}
.page-menu-fixed-box-a-customers:hover{background-color: #fac0de;transition-duration: 0.5;}
.page-menu-fixed-box-a-import:hover{background-color: #5cae84;transition-duration: 0.5;}
.page-menu-fixed-box-a-modules:hover{background-color: #a5b768;transition-duration: 0.5;}
.page-menu-fixed-box-a-orders:hover{background-color: #cb9fc5;transition-duration: 0.5;}
.page-menu-fixed-box-a-pages:hover{background-color: #ecc4a5;transition-duration: 0.5;}
.page-menu-fixed-box-a-reports:hover{background-color: #7dbeb2;transition-duration: 0.5;}
.page-menu-fixed-box-a-settings:hover{background-color: #b7b7b7;transition-duration: 0.5;}

.page-menu-fixed-box-a-fakturace.active{background-color: #8d8d8d;transition-duration: 0.5;}
.page-menu-fixed-box-a-catalog.active{background-color: #e7bfaf;transition-duration: 0.5;}
.page-menu-fixed-box-a-customers.active{background-color: #fac0de;transition-duration: 0.5;}
.page-menu-fixed-box-a-import.active{background-color: #5cae84;transition-duration: 0.5;}
.page-menu-fixed-box-a-modules.active{background-color: #a5b768;transition-duration: 0.5;}
.page-menu-fixed-box-a-orders.active{background-color: #cb9fc5;transition-duration: 0.5;}
.page-menu-fixed-box-a-pages.active{background-color: #ecc4a5;transition-duration: 0.5;}
.page-menu-fixed-box-a-reports.active{background-color: #7dbeb2;transition-duration: 0.5;}
.page-menu-fixed-box-a-settings.active{background-color: #b7b7b7;transition-duration: 0.5;}

.page-menu-fixed-box-a{
  position: relative;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: background-color 0.3s ease;
}

.page-menu-fixed-box-a-tooltip{
  margin-left: 0px;
  z-index: 9999;
}

.page-menu-fixed-box-a-tooltip::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

.page-menu-fixed-box-a .page-menu-fixed-box-a-tooltip {
  display: none;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 125%;
}

.page-menu-fixed-box-a:hover .page-menu-fixed-box-a-tooltip {
  display: block;
}

.addlineinvoice-plus{
  display: inline-block;
  width: 50px;
  height: 40px;
  background-image: url('../img/plus.svg');
  background-repeat: no-repeat;
  background-size: 24px; 
  background-position: center;
  cursor: pointer;
}

.addlineinvoice-delete{
  display: inline-block;
  width: 50px;
  height: 40px;
  background-image: url('../img/delete.svg');
  background-repeat: no-repeat;
  background-size: 24px; 
  background-position: center;
  cursor: pointer;
}

.alertposition{
  position: fixed;
  top: 20px;
  right: 30px;
  z-index: 9999;
}

.timeline .timeline-item{position:relative;padding:0;margin:0;display:flex;align-items:flex-start}
.timeline .timeline-item:last-child .timeline-line{bottom:100%}
.timeline .timeline-line{display:block;content:" ";justify-content:center;position:absolute;z-index:0;left:0;top:0;bottom:0;transform:translate(50%);border-left-width:1px;border-left-style:dashed;border-left-color:#e4e6ef}
.timeline .timeline-icon{z-index:1;flex-shrink:0;margin-right:1rem}
.timeline .timeline-content{width:100%;overflow:auto;margin-bottom:1.5rem}
.timeline.timeline-center .timeline-item{align-items:center}
.timeline.timeline-center .timeline-item:first-child .timeline-line{top:50%}
.timeline.timeline-center .timeline-item:last-child .timeline-line{bottom:50%}

.timeline-label{position:relative; font-size: 11px;}
.timeline-label:before{content:"";position:absolute;left:56px;width:3px;top:0;bottom:0;background-color:#eff2f5}
.timeline-label .timeline-item{display:flex;align-items:flex-start;position:relative;margin-bottom:1.7rem}
.timeline-label .timeline-item:last-child{margin-bottom:0}
.timeline-label .timeline-label{width:50px;flex-shrink:0;position:relative;color:#3f4254}
.timeline-badge {flex-shrink:0;background:#ffffff;width:1rem;height:1rem;border-radius:100%;display:flex;justify-content:center;align-items:center;z-index:1;position:relative;margin-top:1px;margin-left:-1px;padding:3px!important;border:6px solid #883131!important}


.switch {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 18px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(8px);
  -ms-transform: translateX(8px);
  transform: translateX(8px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 9px;
}

.slider.round:before {
  border-radius: 50%;
}

.print-font-12 {
  font-size: 12px;
}

.print-font-13 {
  font-size: 13px;
}

.print-font-16 {
  font-size: 16px;
}

.print-font-18 {
  font-size: 18px;
}

@media print {
  .print-font-12 {
    font-size: 11px;
  }

  .print-font-13 {
    font-size: 11px;
  }

  .print-font-16 {
    font-size: 14px;
  }

  .print-font-18 {
    font-size: 13px;
  }
}

/* Custom radio button */
.radiobutton {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  padding-right: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 30px;
}

/* Hide the browser's default radio button */
.radiobutton input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radbutcheckmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiobutton:hover input ~ .radbutcheckmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiobutton input:checked ~ .radbutcheckmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radbutcheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiobutton input:checked ~ .radbutcheckmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radiobutton .radbutcheckmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.form-vyber{
  display: inline-block;
}

.form-vyber-box{
  display: inline-block;
  width: 100%;
  text-align: center;
}

.login-box{
  width: 400px;
}

.login-mezera{
  margin-top: 180px;
}

/* ALL */

.row .three{
  padding: 80px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #2c3e50;
  color: #3e3a3a;
  text-align: center;
}

.hamburger .line{
  width: 20px;
  height: 3px;
  background-color: #3e3a3a;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 1px;
}

.hamburger:hover{
  cursor: pointer;
}

/* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  -o-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

.overlay {
  position: fixed;
  top: 0;
  left: 50px;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  /*background-color: rgba(0, 0, 0, 0.5);  poloprůhledný černý */
  z-index: 200; /* zajišťuje, že je nad všemi ostatními prvky */
  display: none; /* začíná skryté */
}

.overlay.active {
  display: block; /* po přidání třídy "active" se zobrazí */
}

.bubble-checkbox {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e7e6e6;
  border-radius: 3px;
  overflow: hidden;
  font-family: Calibri;
  font-size: 12px;
  font-weight: 700;
}

.bubble-checkbox span {
  padding: 4px 14px;
  background-color: white;
  color: #333;
}

.bubble-checkbox input[type="checkbox"] {
  display: none;
}

.bubble-checkbox label {
  display: flex;
  align-items: center;
  background-color: #2c7be5;
  padding: 4px 6px;
  cursor: pointer;
}

.bubble-checkbox label svg {
  stroke: white;
  stroke-width: 3;
  fill: none;
  width: 18px;
  height: 18px;
}

.bubble-checkbox input[type="checkbox"]:checked + label {
  background-color: #f6f6fb;
}

.head-search-box{
  margin-top: 7px;
}

.head-search {
  width: 400px;
  height: 40px;
  border-style: none;
  border-radius: 10px;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  color: #9c9c9c;
  background-image: url(../img/search.svg);
  background-repeat: no-repeat;
  background-size: 16px 17px;
  background-position: left 18px center;
  padding-left: 55px;
  margin-bottom: 15px;
}

.head-search:hover {
  background-color: #e2e2e2;
  transition-duration: 0.3s;
}

.donut-box{
  width: 190px;
  margin-top: -10px;
}

.bg-donut-1{background-color: #2C5AA0;}
.bg-donut-2{background-color: #357ABD;}
.bg-donut-3{background-color: #4A90E2;}

.progress-home{
  border-radius: 3px;
}

.graf-stranka{
  height: 40px;
  width: 220px;
}

.graf-home{
  height: 40px;
  width: 100%;
}

.poznamka-pole{
  background-color: #EFF1F7;
  border-radius: 10px;
  min-height: 450px;
  width: 100%;
  border: none;
  text-align: left;
  vertical-align: top;
  padding: 14px 18px;
}