html { font-size: 16px; font-family: 'Roboto', sans-serif;}
body { background-color: #f8f9fa !important; color: var(--bs-gray-700); font-family: 'Roboto', sans-serif;}
.card,.jumbotron { box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);background-color: #fff;background-clip: border-box;border: 0 solid rgba(0,0,0,.125);border-radius: 1rem; }
.rounded { border-radius: 1rem !important; }
.jumbotron { padding: 3rem !important; }
.table-sm > :not(caption) > * > * { font-size: .8rem}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 400; line-height: 1.2; color: var(--bs-gray-700);}
.h1, .h2, .h3, .h4, h1, h2, h3, h4 { letter-spacing: -.05rem; font-weight: 700;}
.h1 .badge, .h2 .badge, .h3 .badge, .h4 .badge, h1 .badge, h2 .badge, h3 .badge, h4 .badge { letter-spacing: 0; font-weight: 400;}
.badge { font-weight: 400;}
.h1, h1 { font-size: 2.5rem; line-height: 1.3; margin-bottom: 2rem; margin-top: .5rem; }
.h2, h2 { font-size: 2.25rem; line-height: 1.3;}
.h4, h4 { font-size: 1.25rem; line-height: 1.375; }
.h5, h5 { font-size: 1rem; line-height: 1.625; }
.h6, h6 { font-size: .875rem !important; line-height: 1.75}
.h4, .h5, .h6, h4, h5, h6 { font-weight: 700;}
h6+h4 { margin-top: .25rem }
.text-sm { font-size: .875rem !important;}
h1 .badge { font-size: .8rem; vertical-align: super;}
.link-dark:focus, .link-dark:hover { color: #198754;}
#sidebarMenu .link-dark:focus, #sidebarMenu .link-dark:hover, #sidebarMenu .link-dark.active { color: white !important; background: #198754; border-radius: 1rem; }
#sidebarMenu .btn-toggle:hover,#sidebarMenu .btn-menu:hover { color: #fff !important; background: linear-gradient(133deg, #20ac5b 30%, #7DCF9F); }
.page-link,a { color: #000;}
#sidebarMenu .btn { text-align: left;}
#pageFaktura #content,#pageFaktura #content>.container,#pageFaktura #content>.container>.row ,#pageFaktura #content>.container>.row>.col-sm-9>.card { height: 100%; }
.dokladMenu>a, .dokladMenu>div>a { box-shadow: 0 20px 27px 0 rgba(0,0,0,.05); border-radius: 1rem; }
.dokladMenu a>i { display: block; margin:0 auto; font-size: 1.5rem; }
.table-doklad > :not(:first-child) { border-top: 0px solid currentColor;}
.table-doklad { margin-bottom: 0; }
.table-doklad th { font-size: 1rem; font-weight: 400; color: #ccc; position: sticky;top: 48px;background: #fff; z-index: 10 }
.table-doklad th a { color: inherit }
.table-doklad > :not(caption) > * > * { vertical-align: middle; }
.table-doklad tr:last-child td { border-bottom-width: 0px !important;}
.table-responsive { overflow-x: inherit; -webkit-overflow-scrolling: inherit; }
.ui-widget.ui-widget-content.ui-autocomplete {border-radius: .3rem; box-shadow: 0 20px 27px 0 rgba(0,0,0,.05); margin-top:6px }
.ui-autocomplete.ui-menu .ui-menu-item-wrapper { padding: .5rem 1rem; display: block; text-decoration:none; }
.produkty_sleva { width: auto; max-width: 75px}
.produkty_jednotka { width: auto; max-width: 75px}
.produkty_jednotky { width: auto; max-width: 75px}
.form-floating > label { opacity: .65;}
.form-groupmy .invalid-feedback { display: none !important}
.toast-container { z-index: 9999;}
body.exp-silver .expectum-gradient .expectum-animation, body.exp-silver .prefooter, .bg-expectum { background: linear-gradient(133deg, #20ac5b 30%, #2868b8);background-size: 150% 150%; -webkit-animation: none;-moz-animation: none;animation: none; }
.logo { text-decoration: none; font-size: 2rem; color: #fff; font-weight: 700; letter-spacing: -0.05rem; font-family: 'Roboto', sans-serif;}
.logo span { letter-spacing: -0.1rem; font-weight: 300; }
/*
* Sidebar
*/
.sidebar { box-shadow: 0 20px 27px 0 rgba(0,0,0,.05); position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; padding: 48px 0 0; scrollbar-color: var(--bs-gray-500) transparent; scrollbar-width: thin; }
@media (max-width: 991.98px)
{
.sidebar { top: 3rem; padding: 0px 0 0; }
#content { padding-left: 0; padding-right: 0; }
.card.h-100 { height: auto !important; }
html { font-size: 14px;}
#getMeIco { position: static !important}
.table-doklad th { position: static;}
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
@media (max-width: 1100px)
{
.table-doklad th { position: static;}
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}
.sidebar-sticky { position: relative; top: 0; height: calc(100vh - 48px); padding-top: .5rem; overflow-x: hidden; overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */}
@supports ((position: -webkit-sticky) or (position: sticky))
{
.sidebar-sticky { position: -webkit-sticky; position: sticky; }
}
.sidebar .nav-link { font-weight: 500; color: #333;}
.sidebar .nav-link .feather { margin-right: 4px; color: #999;}
.sidebar .nav-link.active { color: #007bff;}
.sidebar .nav-link:hover .feather,.sidebar .nav-link.active .feather { color: inherit;}
.sidebar-heading { font-size: .75rem; text-transform: uppercase;}
/*
* Navbar
*/
.btn-toggle::before { width: 1.25em; line-height: 0; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e"); transition: transform .35s ease; transform-origin: .5em 50%; position: absolute; right: 15px;}
.btn-toggle[aria-expanded="true"]::before { transform: rotate(90deg);}
.btn-toggle[aria-expanded="true"] { color: rgba(0, 0, 0, .85);}
.btn-menu,.btn-toggle { border-radius: 0; display: flex; width: 100%; align-items: center; padding: .5rem .5rem .5rem 1rem; font-weight: 600; color: rgba(0, 0, 0, .65); background-color: transparent; border: 0; transition: none }
.btn-menu.link-success,.btn-toggle.link-success { color: var(--bs-success) !important }
.btn-toggle-nav a { display: inline-flex; padding: .25rem .75rem .25rem .5rem; margin-top: .125rem; margin-left: 2rem; text-decoration: none; font-size: .85rem;}
.navbar-brand { padding-top: .5rem; padding-bottom: .5rem; font-size: 1.75rem; height: 100%; line-height: 2rem; background-color: rgba(0, 0, 0, .15); box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);}
.navbar.sticky-top { box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);}
.navbar .navbar-toggler { top: .25rem; right: 1rem;}
.navbar .form-control { padding: .75rem 1rem; border-width: 0; border-radius: 0;}
.form-control-dark { color: #fff; background-color: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .1);}
.form-control-dark:focus { border-color: transparent; box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);}
small .label { vertical-align: text-top; }
.width350 { max-width: 350px;}
tr.noBorder > td { border-top: 0px !important; }
.produkt { width: 12.5%; padding: 15px; float: left; line-height: 15px; overflow:hidden; position:relative;}
.produkt img { margin-bottom: 5px;}
.produkt a {color: #3b3b3b; font-size: 11px; text-decoration: none }
.produkt .overlay { background:rgba(0,0,0,.5); text-align:center; padding:45px 0 66px 0; opacity:0; -webkit-transition: opacity .25s ease; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.produkt:hover .overlay { opacity:1;}
.produkt:hover a { text-decoration: none !important;}
.produkt .plus { font-weight:900; color:rgba(255,255,255,.85); font-size:96px;}
.VypisProdukty::after { content: " ";clear: both; display: table;}
.moveIT { vertical-align: bottom; }
/*
* Sidebar
*/
/* Hide for mobile, show later */
.katvypis { width: 19.5%; display: block; height: 68px; background-color: #f1f1f1; margin: 0.2%; padding: 10px 5px 0 10px; overflow: hidden; position: relative; float: left; font-weight: normal; line-height: 20px; color: #333333; font-size: 13px; }
.katvypis:hover { background: #e7ecf2; color: #000; }
.katvypis img { float: left; margin: -10px 10px 0 -10px; }
.main .page-header { margin-top: 0;}
.placeholders { margin-bottom: 30px; text-align: center;}
.placeholders h4 { margin-bottom: 0;}
.placeholder { margin-bottom: 20px;}
.placeholder img { border-radius: 50%;}
.table .pull-right .input-group { width: 116px; }
a:hover .form-control-feedback { color: #000;}
.bigger { font-size: 120%;}
.biggest { font-size: 150%;}
.opacity90 {filter: alpha(opacity=88); -moz-opacity:0.88; opacity: 0.8;}
.opacity70 {filter: alpha(opacity=75); -moz-opacity:0.75; opacity: 0.7;}
.opacity50 {filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;}
.opacity30 {filter: alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3;}
.gallery { margin-right: -7px; margin-top: 10px;}
.gallery > a { display: inline-block; margin: 0 7px 7px 0; }
.marginT0 { margin-top: 0px !important;}.marginT, .marginT1 { margin-top: 10px !important;}.marginTT, .marginT2 { margin-top: 20px !important;}.marginTTT, .marginT3 { margin-top: 30px !important;}.marginTTTT, .marginT4 { margin-top: 40px !important;}.marginTTTTT, .marginT5 { margin-top: 50px !important;}.marginTTTTTT, .marginT6 { margin-top: 60px !important;}.marginTTTTTTT, .marginT7 { margin-top: 70px !important;}.marginTTTTTTTT, .marginT8 { margin-top: 80px !important;}
.marginB0 { margin-bottom: 0px !important;}.marginB, .marginB1 { margin-bottom: 10px !important;}.marginBB, .marginB2 { margin-bottom: 20px !important;}.marginBBB, .marginB3 { margin-bottom: 30px !important;}.marginBBBB, .marginB4 { margin-bottom: 40px !important;}.marginBBBBB, .marginB5 { margin-bottom: 50px !important;}.marginBBBBBB, .marginB6 { margin-bottom: 60px !important;}.marginBBBBBBB, .marginB7 { margin-bottom: 70px !important;}.marginBBBBBBBB, .marginB8 { margin-bottom: 80px !important;}
.marginR0 { margin-right: 0px !important;}.marginR, .marginR1 { margin-right: 10px !important;}.marginRR, .marginR2 { margin-right: 20px !important;}.marginRRR, .marginR3 { margin-right: 30px !important;}.marginRRRR, .marginR4 { margin-right: 40px !important;}.marginRRRRR, .marginR5 { margin-right: 50px !important;}.marginRRRRRR, .marginR6 { margin-right: 60px !important;}.marginRRRRRRR, .marginR7 { margin-right: 70px !important;}.marginRRRRRRRR, .marginR8 { margin-right: 80px !important;}
.marginL0 { margin-left: 0px !important;}.marginL, .marginL1 { margin-left: 10px !important;}.marginLL, .marginL2 { margin-left: 20px !important;}.marginLLL, .marginL3 { margin-left: 30px !important;}.marginLLLL, .marginL4 { margin-left: 40px !important;}.marginLLLLL, .marginL5 { margin-left: 50px !important;}.marginLLLLLL, .marginL6 { margin-left: 60px !important;}.marginLLLLLLL, .marginL7 { margin-left: 70px !important;}.marginLLLLLLLL, .marginL8 { margin-left: 80px !important;}
.paddingT0 { padding-top: 0px !important;}.paddingT1,.paddingT { padding-top: 10px !important;}.paddingT2,.paddingTT { padding-top: 20px !important;}.paddingT3,.paddingTTT { padding-top: 30px !important;}.paddingT4,.paddingTTTT { padding-top: 40px !important;}.paddingT5,.paddingTTTTT { padding-top: 50px !important;}.paddingT6,.paddingTTTTTT { padding-top: 60px !important;}.paddingT7,.paddingTTTTTTT { padding-top: 70px !important;}.paddingT8,.paddingTTTTTTTT { padding-top: 80px !important;}
.paddingB0 { padding-bottom: 0px !important;}.paddingB1,.paddingB { padding-bottom: 10px !important;}.paddingB2,.paddingBB { padding-bottom: 20px !important;}.paddingB3,.paddingBBB { padding-bottom: 30px !important;}.paddingB4,.paddingBBBB { padding-bottom: 40px !important;}.paddingB5,.paddingBBBBB { padding-bottom: 50px !important;}.paddingB6,.paddingBBBBBB { padding-bottom: 60px !important;}.paddingB7,.paddingBBBBBBB { padding-bottom: 70px !important;}.paddingB8,.paddingBBBBBBBB { padding-bottom: 80px !important;}
.paddingL0 { padding-left: 0px;}.paddingL,.paddingL1 { padding-left: 10px !important;}.paddingLL,.paddingL2 { padding-left: 20px !important;}.paddingLLL,.paddingL3 { padding-left: 30px !important;}.paddingLLLL,.paddingL4 { padding-left: 40px !important;}.paddingLLLLL,.paddingL5 { padding-left: 50px !important;}.paddingLLLLLL,.paddingL6 { padding-left: 60px !important;}.paddingLLLLLLL,.paddingL7 { padding-left: 70px !important;}.paddingLLLLLLLL,.paddingL8 { padding-left: 80px !important;}
.paddingR0 { padding-right: 0px;}.paddingR,.paddingR1 { padding-right: 10px !important;}.paddingRR,.paddingR2 { padding-right: 20px !important;}.paddingRRR,.paddingR3 { padding-right: 30px !important;}.paddingRRRR,.paddingR4 { padding-right: 40px !important;}.paddingRRRRR,.paddingR5 { padding-right: 50px !important;}.paddingRRRRRR,.paddingR6 { padding-right: 60px !important;}.paddingRRRRRRR,.paddingR7 { padding-right: 70px !important;}.paddingRRRRRRRR,.paddingR8 { padding-right: 80px !important;}
/** OLDS **/
.xxS-highlight { background-color: #DCE4E9 !important; color: #404040 !important; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);}
.loader { display:block; z-index: 999999 !important;font-weight: normal; width: 300px; height: 100px; text-align: center; font-size: 20px; line-height: 100px; background-color: #f2dede; border: 1px solid #ebccd1; position: absolute; top: 250px; left: 50%; margin-left: -150px; box-shadow: #ffffff 0px 0px 20px;-webkit-box-shadow: #ffffff 0px 0px 20px; -moz-box-shadow: #ffffff 0px 0px 20px; }
.contenturl { border: 1px solid #ccc; padding: 10px; max-height: 600px; overflow: auto;}
.boxinfoFloat { min-width: 150px; min-height: 50px; background: #99ba33; margin-bottom: 10px; color: #fff; font-size: 14px; padding: 44px 10px 10px; }
.huge { font-size: 30px}
.w90 { width: 90px !important; }
.produkty_nazev {border-radius: 4px 4px 0px 0px;}
.produkty_info {border-radius: 0px 0px 4px 4px; margin-top: -1px;}
/* Classes */
.hide{display:none;}
.hidn{display:none;}
.cls{clear:both;}
.fl{float:left;}
.fr{float:right;}
.ir{margin:0 0 3px 10px;border:3px solid #ACD146;}
.il{margin:0 10px 3px 0;border:3px solid #ACD146;}
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}
.hr hr{display:none;}
.hr{}
.click { cursor: pointer }
.click-no { cursor: Default }
a.click { text-decoration: none }
a.click:hover { text-decoration: underline}
.hidden { display: none}
.small { font-size: 80%; filter: alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}
.text-small { font-size: 10px;}