@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;600;800&display=swap');

body {width:100%;height:100%;border:0;margin:0;padding:0;background:#ffffff;overflow-x:hidden;font-size:13px;text-shadow:-1px -1px 3px #5b5a5028;}
html {width:100%;height:100%;}
body, body *, input, textarea, button, a, strong, b, u, i, ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, span, p, article, div, * {letter-spacing: -0.02em; box-sizing:border-box;font-family: 'Jost', sans-serif;color:#5b5a50; }
h1,h2,h3,h4,.h1,.h2,.h3,.h4 {margin:0;padding:0;font-weight:900;font-size:200%}

a img {border:0;}
a, input, textarea, button, select, a img {outline:0;}
input, textarea, button, select {font-size:100%;}
a {text-decoration:none;}
table {width:100%;}               
td {margin:0;padding:9px;}
ul {list-style:none;margin:0;padding:0;}
li {margin:0;padding:0;}
.fl {float:left;}
.fr {float:right;}
.chyba {color:#ffffff;border-bottom: 0;background: #da560b;width:100%;padding:8px;}
.cr {color:red;}
.uspech {color:#ffffff;border-bottom: 0;background: #76b200;width:100%;padding:8px;}
.cg {color:#CDDC39;}
.tc {text-align:center;}
.tr {text-align:right;}
.tj {text-align:justify;}

/* JS MODULES ------------------------------------ */

.nice textarea {min-height:192px;max-height:70vh;}
.nice input, .nice textarea, .nice select {border:0px;border: 1px solid #e4e6eb;padding: 17px 18px;width: 100%;border-radius:3px;color:#676767;}
.nice input:hover, .nice textarea:hover {border: 1px solid #a4a6ab;}
.nice input:focus, .nice textarea:focus {border: 1px solid #5b5a50;}
.nice .counter-number {text-align:right;font-size:80%;font-weight:bold;}

.nice.flex {display:flex;flex-wrap:wrap;gap:12px;}
.nice.flex > * {display:flex;flex: 1 1 auto;align-items:center;justify-content:center;}
.nice.flex select, .nice.flex input, .nice.flex textarea, .nice.flex label {display:flex;padding-right:8px;}

.uspech *, .uspech {display:inline-block !important;text-align:left !important;color: #ffffff !important;}

.excel-seznam {margin:12px 0px;flex-direction:column;display:flex;}
.excel-seznam .row {display:flex;margin-bottom:3px;flex:1 1 100%;}
.excel-seznam > *, .excel-seznam > * > * {display:flex;flex:1 1 100%;}

.Login {position:fixed;top:0;left:0;right:0;bottom:0;width:320px;height:310px;margin:auto;border:1px solid #e7e7e7;border-radius:4px;background: transparent url(../im/corporate/lesstimber-logo.svg) no-repeat center 28px / 125px;}
.mw20 > .Login {padding-top:100px;}

.icon-span-line {display:flex;flex-direction:row;align-items: center;}
.icon-span-line > img {display:flex;}
.icon-span-line > span {display:flex;}
.icon-span-line.button:hover > span {color:#5b5a50;}
.icon-span-line.button:hover {background:#ffffff;box-shadow: 0px 0px 0px 1px #5b5a50;}

.lab > input, .lab > textarea, .lab > select {width: 100%;}
.lab > label {width:100%;font-size:125%;}

button {background-color: #d0f83d;color: #5b5a50;font-weight: bold;padding: 8px;border-radius: 4px; border: 0; margin-top: 0px;cursor:pointer;}
.button.orange {background-color:orange;}
.button.green {background-color:#CDDC39;}
button:hover {background-color:#5b5a50;color:#ffffff;}
.button {background-color: #d0f83d;font-weight: bold;padding: 8px;border-radius: 4px; border: 0; margin-top: 0px;cursor:pointer;}
.button:hover {background-color:#5b5a50;color:#ffffff;}
button, .button, .button > * {text-transform:uppercase;}

.uploader {position:relative;overflow:hidden;border: 6px dashed #f3f5ea;padding:24px;cursor:pointer;margin:24px;}
.uploader:hover {border-color:#5b5a50;}
.uploader > input[type=file] { opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:100;}
.uploader .forms {width:100%;overflow:hidden;display:flex;flex-direction:column;}
.uploader .forms form {position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content:start;align-items:center;border-bottom: 1px solid #e4e6eb;padding:6px;}
.uploader .forms form > input[type=file] { opacity:0;position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;}
.uploader .forms form > .name {flex: 1 1 100%;display:flex;}
.uploader .forms form > .size {flex: 1 1 30%;display:flex;justify-content:end;font-size:60%;}
.uploader .forms form > .loading-bar {width:100%;overflow:hidden;flex: 1 1 100%;display:flex;padding:4px 0px 0px;}
.uploader .forms form > .loading-bar > .bar {width:0;display:flex;border-bottom:2px solid #0c91df;font-size:8px;line-height:1;text-transform:uppercase;justify-content:end;}
.uploader .drop {cursor:pointer;}
.uploader .drop > .loading-bar {width:100%;overflow:hidden;flex: 1 1 100%;display:flex;padding:6px;}
.uploader .drop > .loading-bar > .bar {width:0;display:flex;border-bottom:4px solid #0c91df;font-size:8px;line-height:1;text-transform:uppercase;justify-content:end;}
.uploader .drop > .loading-bar > .bar, .uploader .forms form > .loading-bar > .bar {transition:width 300ms ease-out;}

.parent-empty {background: transparent url(../im/icons/close.svg) no-repeat right center / 24px;border:1px solid #eeeeee;border-left:0px;border-right:0px;}
.parent-empty > span {display:flex;opacity:0;width:24px;height:32px;overflow:hidden;}

.row {display:flex;flex-wrap:wrap;align-items:center;justify-content:start;border:1px solid #eeeeee;border-bottom:0px;padding:9px 12px;border-radius:0px;font-size:12px;}
.row:nth-child(1) { border-radius: 4px 4px 0px 0px;  }
.row:nth-last-child(1) { border-radius: 0px 0px 4px 4px; border:1px solid #eeeeee;  }
.row .img {width:64px;}
.row .img img {max-width:64px;max-height:32px;display:flex;}
.row > srong {display:flex;flex: 1 1 60%;}
.row .buttons {display:flex;flex: 1 1 20%;justify-content:end;}
.row .row-wrap, .row .step-wrap, .row .otazka-wrap, .row .odpoved-wrap {display:flex;flex: 1 1 100%;width:100%;flex-direction: column;padding: 0px 0px 0px 16px;}
.row button {padding:4px;}
.row .row-wrap .parent-empty, .row .row-wrap form {width:100%;}
.row .row-wrap form {margin:12px 0px;border:1px solid #eeeeee;padding: 12px;}
.row:hover {background-color:#5b5a5011;}

.ico-xslx {background: transparent url(../im/icons/file-xlsx.svg) no-repeat 4px center / 28px;padding-left:32px;font-weight:bold;}

.button-panel {}
.button-panel a.let-empty {float:right;padding: 4px;border-radius: 4px;background-color: #5b5a50;color: #ffffff;font-weight: bold; border: 0; margin-top: 0px;cursor: pointer;text-transform:uppercase;}

.buttons-panel {}
.buttons-panel > span {font-size:125%;padding:12px;}
.buttons-panel > a {font-size: 125%;padding: 5px 16px;box-shadow: 0px 0px 0px 1px #afafaf;margin-left: 12px;font-weight: bold;text-transform: uppercase;border-radius: 4px;}
.buttons-panel > a:hover {background-color:#5b5a5011;}

.buttons {}
.buttons > span {font-size:100%;padding:4px;}
.buttons > a {font-size: 100%;padding: 4px;box-shadow: 0px 0px 0px 1px #afafaf;margin-left: 4px;font-weight: bold;text-transform: uppercase;border-radius: 4px;}
.buttons > a:hover {background-color:#5b5a5011;}

.links {padding-top:24px;}
.links a { background-color:#acbb16; color: #ffffff;font-weight: 800; padding: 12px 26px; border-radius: 4px; border: 0; margin-top: 0px;cursor: pointer; font-size: 150%;text-transform: uppercase;}
.links a:hover {background-color:#5b5a50;}
.ar-rw {background-image: url(../im/icons/arrnext-white.svg); background-repeat:no-repeat;background-position:right center;background-size:32px;}
.links a.ar-rw {padding-right:28px;}


h1, h2, h3, h4, .h {font-size: 230%;line-height:2;}
.seznam-item-desc .tit {font-size: 150%;text-transform: uppercase;padding: 12px 0px;}
.article {font-size:115%;color:#878787;}
.menu a {font-size:125%;}

.Wrap {width:100%;overflow-x:hidden;}
.mw20 {padding:0px;width:100%;}
.mw20 > * {padding:20px;}
.mw-in > *, .mw-tin {padding-left:20%;padding-right:20%;width:100%;padding-left:calc((100% - 1280px) / 2);padding-right:calc((100% - 1280px) / 2);}
.tin > .mw-tin { padding-left:30%;padding-right:30%;width:100%;padding-left:calc((100% - 800px) / 2);padding-right:calc((100% - 800px) / 2); }
@media (max-width: 1366px) { .mw-in > *, .mw-tin {padding-left:64px;padding-right:64px;width:100%;} }
@media (max-width: 800px) { .mw-in > *, .mw-tin {padding-left:32px;padding-right:32px;} }
@media (max-width: 480px) { .mw-in > *, .mw-tin {padding-left:24px;padding-right:24px;} }

/* main settings */
.report {position:fixed;bottom:-100%;right:0;width:312px;z-index:2000;max-height:60%;opacity:0;transition: opacity 100ms ease-in;overflow:auto;overflow-x:hidden;padding: 4px;}
.report.open {opacity:1;bottom:36px;}
.report > .body {box-shadow:0px 0px 18px -10px #5b5a50;box-shadow:0px 6px 48px -10px #5b5a5038, 0px 0px 3px -1px #5b5a5038;}

.APWrap, .APSideMenu, .APWindow {transition: all 90ms ease-out;}
.APWrap {left:0;width:100%;position:relative;z-index:4001;}
.APMenu {bottom:0;left:0;width:100%;height:36px;position:fixed;z-index:4101;display: flex;flex-direction: row; justify-content: start;align-items:center;padding:0px 24px;}
.APMenu > a {width:32px;}
.APMenu > form {}
.APMenu > form > input {width: 208px; background: transparent;color: #ffffff;padding-left: 32px;background: #444444 url(../im/icons/search.svg) no-repeat 2px center / 27px;border: 0;height: 32px;border-radius: 18px;}
.APMenu > a > img {width:100%;float:left;padding:4px;}
.APSideMenu {left:0px;width:256px;position:fixed;height:auto;max-height:calc(100% - 32px);bottom:-100%;overflow:auto;overflow-x:hidden;z-index:4051;display: flex;flex-direction: column; justify-content:start;padding:24px;}
.APSideMenu a > img {width:32px;padding:5px;margin:0;height:32px;}
.APWindow {left:-100%;width:75%;width:calc(70% - 256px);position:fixed;height:auto;height:calc(100% - 32px);bottom:32px;overflow:auto;overflow-x:hidden;z-index:4002;align-items: end;display: flex;flex-direction:column;}
.APWindow > form , .APWindow > div {width:100%;}
.APWindow > div.buttons-panel, .APWindow > div.list {}
.APWindow > form {padding-left:12px;padding-right:12px;}
.APWindow .row {border-radius:0;border-right:0px;border-left:0px;border-bottom:1px solid #5b5a5011;border-top:0;}
.APSideMenu.open {bottom:32px;padding-top:16px;top:0;}
.APWindow.open {left:256px;}
.APMenu a, .APSideMenu a {display:flex;}
.APWindow form {margin-top:24px;}
.APSideMenu a {border-radius: 4px;margin-top: 6px;}
.APMenu strong {display:flex;margin-right:24px;}
.APMenu {background:#24262b;box-shadow: 0px 0px 48px 4px #5b5a500f;}
.APMenu a:hover,.APMenu a.closer.is-opened {background: #ffffff;border-radius: 32px;}
.APSideMenu a.active, .APSideMenu a:hover, .APSideMenu a.closer.is-opened {box-shadow: inset -4px 2px 15px -12px #5b5a50;color: #5b5a50;font-weight: 800;}
.APSideMenu {background:#ffffff;border-right: 1px solid #b9b9bb;}
.APWindow {background:#ffffff;border-right: 1px solid #b9b9bb;border-top: 1px solid #b9b9bb;}
.APMenu a, .APMenu strong {color:#b9b9bb;}
.APWindow .img img {background-color:#c7cdb1;} 
.APSideMenu .button-wrap button {width:100%;}
.APSideMenu .button-wrap {margin-bottom:32px;}
.pt32 {padding-top:32px;}
.pb32 {padding-bottom:32px;}

.Frame {padding:0;border:0;margin:0;min-height:100vh;position:relative;float:left;width:100%;}
.Frame iframe {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0px;}

.MainMenu {width:300px;height:100vh;display:flex;flex-wrap:wrap;gap:8px;justify-content:start;align-items:start;background: #ffffff;overflow:auto;float:left;padding:0px;position:relative;box-shadow: 5px 0px 5px -10px #5b5a50;position: relative;box-shadow: 5px 0px 18px -18px #5b5a50;z-index: 20;}
.MidWrap {width:calc(100% - 300px);min-height:100vh;display:flex;flex-wrap:wrap;gap:8px;justify-content:start;background: #ffffff;float:left;}
.MainMenu.menuform {background: #f3f5ea;}
.MainMenu .menu {display:flex;flex-wrap:wrap;align-items:start;position:relative;z-index:1333;width:100%;}
.MainMenu .menu.menu-hidden {display:flex;flex-wrap:wrap;align-items:start;position:relative;z-index:1333;width:100%;}
.MainMenu a {display:flex;padding: 12px 0px 12px 0px;position:relative;flex: 1 1 100%;}
.MainMenu a.logo {flex: 1 1 100%;align-self:start;align-items: start;justify-content: start;padding: 16px;}
.MainMenu a.right {padding: 12px 0px 12px 20px;}
.MainMenu .menu-wr {display:flex;flex-wrap:wrap;flex: 1 1 100%;}
.MainMenu a img {max-width: 135px; position: relative;top: 2px;}
.MainMenu,.MainMenu .menu {transition: all 0ms linear;}
.MainMenu a, .MainMenu * {color:#5b5a50;}
.MainMenu a {font-weight:400;align-items:center;}
.MainMenu li, .MainMenu ul {display:flex;flex-direction:column;flex: 1 1 100%;}
.MainMenu ul {padding:16px 0px 16px 16px;}
.MainMenu a:after {content:'';display:block;position:absolute;bottom:0px;left:0px;height:3px;background:#cddc39;transition: all 150ms ease-in;width:0;opacity:0;}
.MainMenu a.right:after {right:0;left:auto;} 
.MainMenu a:hover:after, .MainMenu a.active:after  {width:100%;width:calc(100% - 20px);opacity:1;}
.MainMenu a.active:after {background:#8bc34a;}
.MainMenu a.active {color:#5b5a50;font-weight:bold;}
.MainMenu a.logo:after {display:none;}
.MainMenu a.respo {display:none;}
.MainMenu a.respo img {width:32px;margin:18px;float:left;padding:0px;float:left;}


.LeftWrap .MainMenu {position: fixed;transition: all 150ms linear;height: 32px;width: 32px;overflow: hidden;}
.LeftWrap .MainMenu.active {height: 100%;width: 300px;overflow:auto;}
.LeftWrap .MainMenu {padding-top:48px;}
.LeftWrap .MainMenu a.fixed-button {display:block;position:fixed;top:0px;left:0px;width:32px;height:32px;padding:0px;background:#ffffff;margin:0;flex: 1 1 0;}
.LeftWrap .MainMenu a:after {display:none;}
.LeftWrap .MainMenu a.fixed-button img {display:block;width:32px;height:32px;float:left;position:static;}
.LeftWrap .MainMenu.active a.fixed-button {background: #ffffff url(../im/icons/close.svg) no-repeat center center / 32px;}
.LeftWrap .MainMenu.active a.fixed-button img {opacity:0;}
.LeftWrap .MidWrap {width:100%;padding:0px;}

.ext-icons {display:flex;flex-direction:column;padding:16px;flex:1 1 100%;gap:8px;}
.ext-icons a:hover {color:#8bc34a;}
.ext-icons > div {display:flex;border-radius:4px;border:1px solid #e7e7e7;padding:12px;box-shadow: 0px 3px 5px -5px #000000, inset 0px 11px 15px -20px #000000;}
.ext-icons > div * {display:flex;justify-content:center;align-items:center;}
.ext-icons .ico-user {padding-left:32px;background: transparent url(../im/icons/user.svg) no-repeat 4px center / 28px;}
.ext-icons .ico-user > div {flex:1 1 100%;}
.ext-icons .ico-user > a {flex:1 1 100%;padding:0px;}
.ext-icons .ico-user > a:after, .ext-icons .ico-user > a:hover:after  {display:none;}
.ext-icons .ico-date {padding-left:32px;background: transparent url(../im/icons/time.svg) no-repeat 4px center / 28px;font-size:150%;justify-content:center;align-items:center;}
.ext-icons .ico-date > * {padding-right:16px;}
.ext-icons .ico-date b {}
.ext-icons .ico-date strong {font-weight:800;}
.ext-icons .ico-date .is-time {}
.ext-icons .ico-num {justify-content:start;align-items:center;}
.ext-icons .ico-num > div {padding-left:16px;justify-content:start;flex: 1 1 100px;}
.ext-icons .ico-num > .num {font-weight:300;font-size:300%;align-items:start;flex: 1 1 32px;justify-content:start;}


.Breadcrumbs {padding-top: 2px; padding-bottom: 2px;float: left; border-bottom: 1px solid #e9e9e9; margin-top: 0px;box-shadow: 0px 0px 18px -16px #5b5a50;}
.Breadcrumbs a {display:inline-block;padding:9px 30px 9px 9px; background: transparent url(../im/icons/arrnext.svg) no-repeat right center / 24px;float:left;font-weight:800;text-transform:uppercase;}
.Breadcrumbs a:nth-child(1) {padding:4px 32px 0px 0px;}
.Breadcrumbs a:nth-last-child(1) {padding:9px;background:transparent;text-decoration:underline;}
.home img {height:26px;}

.bar-wrap {float:left;width:100%;padding-bottom:24px;padding-top:12px;}
.bar-info {float:left;width:100%;padding:32px 0px 8px;}
.bar-name {float:left;width:50%;}
.bar-percent {float:left;width:50%;text-align:right;}
.bar-name, .bar-percent {font-size:130%;}
.bar-box {background:#c7cdb1;border-radius:3px;overflow:hidden;float:left;width:100%;}
.bar {float:left;width:0;height:7px;background:#5b5a50;}


.Form {min-height:80vh;padding:72px 0px 0px;margin:0px;background:#f3f5ea;}
.Form .form-tin {padding-top:32px;padding-bottom:32px;background:#ffffff;box-shadow: 0px -10px 32px -31px #5b5a50;position: relative; z-index: 100;float:left;padding-bottom:64px;}
.Form form {padding:0px;}
.dotaznik-head {padding-bottom:32px;}
.dotaznik-head > .article {padding-top:32px;}
.Form .button-panel button {padding: 24px 64px;}
.pole label {width:auto;float:left;font-size:130%;font-weight:bold;position:relative;top:12px;left:12px;padding:0px 7px;background:#ffffff;z-index:100;}

.Form .chyba {background:#ffffff;border:1px solid #da560b;border-radius:3px;padding:8px;color:#5b5a50;position:relative;}
.Form .pole .chyba, .form-tin .chyba {margin-top:12px;width:auto;max-width:100%;float:left;}
.Form .uspech {background:#ffffff;border:1px solid #76b200;border-radius:3px;padding:8px;color:#5b5a50;position:relative;}
.Form .pole .uspech, .form-tin .uspech {margin-top:12px;width:auto;max-width:100%;float:left;}
.Form .pole .chyba:before,  .form-tin .chyba:before {position:absolute;content:'';display:block;width:24px;height:12px;margin:0px;left:8px;top:-11px;z-index:99;background: transparent url(../im/icons/chyba.svg) no-repeat left top / 24px 12px;}
.Form .pole .uspech:before, .form-tin .uspech:before {position:absolute;content:'';display:block;width:24px;height:12px;margin:0px;left:8px;top:-11px;z-index:99;background: transparent url(../im/icons/uspech.svg) no-repeat left top / 24px 12px;}
.Form .chyba, .Form .uspech {font-size:125%;}
.Form .pole-children .chyba:before, .Form .pole-children .uspech:before {bottom:-11px;top:auto;transform: rotate(180deg);}
.Form .pole-children .chyba, .Form .pole-children .uspech {margin-top:0px;margin-bottom:12px;}

.Form .button-panel {padding:12px 0px 32px;float:left;}

.pole {float:left;width:100%;}

.label.checkbox {position:relative;overflow:hidden;cursor:pointer;}
.label.checkbox > input[type="checkbox"] {opacity:0;position:absolute;}
.label.checkbox > span {position:relative;padding:4px 4px 4px 24px;float:left;}
.label.checkbox > input[type="checkbox"] + span:before {content:'';position:absolute;top:0;bottom:0;left:0;margin:auto 0;width:20px;height:20px;background: transparent url(../im/icons/checkbox.svg) no-repeat -20px center / 40px ;}
.label.checkbox > input[type="checkbox"]:checked + span:before {background-position:0px center;}

label.radio {position:relative;overflow:hidden;cursor:pointer;}
label.radio > input[type="radio"] {opacity:0;position:absolute;}
label.radio > span {position:relative;padding:4px 4px 4px 24px;float:left;}
label.radio > input[type="radio"] + span:before {content:'';position:absolute;top:0;bottom:0;left:0;margin:auto 0;width:20px;height:20px;background: transparent url(../im/icons/radio.svg) no-repeat -20px center / 40px ;}
label.radio > input[type="radio"]:checked + span:before {background-position:0px center;}

.div-pas {position:relative;}
.a-pas {position:absolute;width:32px;height:32px;top:11px;right:14px;background: transparent url(../im/icons/pas-show.svg) no-repeat center center / 32px; }
.div-pas.active .a-pas { background-image: url(../im/icons/pas-hide.svg); }
.div-pas input {padding-right:60px;}

.article.otazka {color:#5b5a50;width:100%;float:left;font-weight:bold;}
.odpovedi {width:100%;float:left;padding:12px 0px 32px;}
.odpovedi > label {width:100%;float:left;}
.article.odpoved {width:100%;float:left;}

.product-wrap-slide {float:left;width:100%;margin:32px 0px;}
.product-box {float:left;width:30%;padding-right:3.33%;}
.product-box .image {float:left;width:100%;position:relative;}
.product-box .image:before {content:'';display:block;padding-top:56.75%;}
.product-box .image img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;margin:0px auto auto;}
.product-box .title {padding-top:12px;float:left;width:100%;font-weight:bold;font-size:150%;}
.product-box .article {padding-top:12px;float:left;width:100%;}
.product-box .button {padding-top:12px;float:left;width:100%;}
.product-box .button a {width:auto;float:left;}

.abs-button {position:absolute;top:36px;z-index:1000;height:32px;box-sizing:border-box;padding:7px;text-transform:uppercase;}
.abs-button.prev {left:24px;background: transparent url(../im/icons/al.svg) no-repeat left center / 32px;padding-left:32px;}
.abs-button.next {right:24px;background: transparent url(../im/icons/ar.svg) no-repeat right center / 32px;padding-right:32px;}

.DownloadTable {padding-top:63px;}


/* ///////////////////  RESPO  ////////////////////  */

@media (max-width: 1280px) {
    h1, h2, h3, h4, .h {font-size:200%;}
    .links a {font-size:130%;padding:12px 20px;}  
}

@media (max-width: 1080px) { 

}

@media (max-width: 800px) {
    h1, h2, h3, h4, .h {font-size: 175%;line-height: 1.2;}
}

@media (max-width: 770px) {

}

@media (max-width: 720px) {
    
}

@media (max-width: 640px) {

}

@media (max-width: 520px) {

    
}

@media (max-width: 480px) {

}