@import "fonts.css";
* {margin:0;padding:0;border:0;box-sizing:border-box;font-family:Roboto, sans-serif;}
body {font-size:14px;color:#000;}
h1{font-size:2em;margin:.3em 0 .5em 0;color:#194731;font-family:'Roboto Condensed',Roboto, sans-serif;}
h2{font-size:1.4em;margin:.8em 0 .5em 0;color:#194731;font-family:'Roboto Condensed',Roboto, sans-serif;}
h3{font-size:1.2em;margin:1em 0 .5em 0;color:#194731;}
h4{font-size:1em;margin:1em 0 .5em 0;}
p{font-size:1em;margin:.5em 0;}
b{font-weight:600;}
ol,ul {font-size:1em;margin:.3em 0 .3em 1.3em;}
li {margin:0.1em 0;}
hr {margin:1em 0;border:none;height:1px;background:#ccc;}
h1.first,h2.first,h3.first {margin-top:0;}
dl{display:block;margin:.5em 0;}
dl.sep {margin-top:1.5em;}
dt{display:inline-block;vertical-align:middle;padding-right:.75em;min-width:150px;}
dt.d200 {min-width:200px;}
dt.d250 {min-width:250px;}
dt.d300 {min-width:300px;}
dd{display:inline-block;vertical-align:middle;}
dl.fix{display: flex;gap: 10px;}
dl.fix dt{padding:0;min-width:auto;flex-shrink:0;}
dl.fix dd{flex-shrink:1;}
.small p {margin:.2em 0;}
.small dl {margin:.2em 0;}
.small dt {min-width:25%;}
span.small {font-size:.85em;}
span.sep {display:inline-block;margin:.5em 0;}

a{cursor:pointer;color:#194731;text-decoration:underline;}
a:hover{color:#E17D00;}
img,video {max-width:100%;}
.hid {display:none !important;}
.c {text-align:center !important;}
.l {text-align:left !important;}
.r {text-align:right !important;}
.b {font-weight:bold !important;}
.at {vertical-align:top !important;align-self:start !important;}
.am {vertical-align:middle !important;align-self:center !important;}
.ab {vertical-align:bottom !important;align-self:end !important;}
.fr {float:right !important;margin-left:1em;}
.fl {float:left !important;margin-right:1em;}
.ib {display:inline-block !important;}
.nw {white-space: nowrap !important;}

a.file::before {content:"";display:inline-block;width:16px;height:16px;vertical-align:middle;margin:2px 3px 2px 0;background:url(../icons-files.png);}
a.file.pdf::before {background-position:0 0;}
a.file.xls::before {background-position:-20px 0;}
a.file.xml::before {background-position:-40px 0;}
a.file.csv::before {background-position:-60px 0;}
a.ico>img {display:inline-block;vertical-align: middle;}


a.interval {display:inline-block;width:6em;border:1px solid #194731;background:#FFF url(../icon-calendar.png) calc(100% - 5px) 4px no-repeat;color:#000;font-size:1.2em;border-radius:6px;padding:.1em 34px .1em .3em;margin:.1em 0 .1em .5em;text-decoration:none;text-align:left;height:1.91em;vertical-align:middle;}
a.interval>span {display:block;font-size:.7em;text-align:right;}
a.interval>span>span {display:block;text-align:left;color:#666;}

a.partner {display:inline-block;width:15em;border:1px solid #194731;background:#FFF url(../icon-partner.png) calc(100% - 5px) 4px no-repeat;color:#000;font-size:1.2em;border-radius:6px;padding:.1em 34px .1em .3em;text-decoration:none;text-align:left;height:1.91em;vertical-align:middle;}
a.partner>span {font-size:.7em;}

/*Text*/
.rimg{float:right;margin:0 0 10px 10px;max-width:50%;}
.limg{float:left;margin:0 10px 10px 0;max-width:50%;}
img.cimg{display:block;margin:auto;}

.photogallery{text-align:center;margin:.5em 0;}
.photogallery img{display:inline-block;vertical-align:middle;margin:0.5em;max-width:calc(100% - 1em);}
.photogallery.small img{max-width:10em;max-height:10em;}

.right{float:right;margin-left:1em;}
.left{float:left;margin-right:1em;}
.right, .left{max-width:30%;text-align:center;}
.right img, .left img{ display:block;margin:auto;max-width:100%;}
@media (max-width:700px){
.right, .left{max-width:50%;}
}
@media (max-width:480px){
.right, .left{max-width:100%;float:none;margin-left:auto;margin-right:auto;}
}

.description{font-style:italic;font-size:.9em;}
img.border{border:2px solid #00a2cd;}

.ytvideo{margin:1em auto;width:100%;max-width:768px;position:relative;}
.ytvideo:before{display:block;content:"";width:100%;padding-top:56.25%;}
.ytvideo iframe{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;}


/*LAYOUT*/
body {display:flex;flex-direction:column;height:100vh;min-width:800px;min-height:500px;}
.ossd {flex:1 0 auto;padding:1em;display:flex;flex-direction:column;position:relative;}
footer {flex:none;border-top:1px solid #999;font-size:.9em;color:#666;text-align:right;padding:0 .5em;}
.footmenu {position:absolute;bottom:-28px;left:0;font-size:.9em;padding:.5em 15px;color:#666;}

#itemSaving{display:none;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;background-color:#000;color:#FFF;opacity:0.7;}
#itemSaving img{ position:absolute;top:50%;left:50%;margin-left:-32px;margin-top:-32px;}
#itemSaving div{ position:absolute;top:50%;left:0;right:0;text-align:center;margin-top:40px;}

#helpDlg{display:none;position:fixed;z-index:100;background:#FFC;padding:.5em;border:1px solid #000;border-radius:5px;max-width:600px;}
#intervalDlg,
#partnerDlg {display:block;position:absolute;z-index:110;background-color:#FFF;border:1px solid #194731;border-radius:6px;padding:.3em 1em;margin-top:2px;}

.filtergrp {position:relative;display:inline-block;}
.filterdlg {display:none;position:absolute;top: 33px;right: 0;z-index: 110;white-space: nowrap;background: #fff;border: 1px solid #194731;border-radius: 6px;padding: .3em 1em;text-align: left;}
.filterdlg.sel {display:block;}
.filteritems {text-align:right;padding:0 .5em;}

.modalwindow {position:fixed;z-index:100;background:#FFF;border:2px solid #194731;display:none;box-shadow:1px 1px 3px #CCC;}
.modalwindow .head {padding:2px 5px;cursor:move;background:#E17D00;}
.modalwindow .head h2{padding:.2em 0;margin:0 30px 0 0;font-size:1.2em;color:#FFF;}
.modalwindow .head a{position:absolute;right:7px;top:0;z-index:10;display:block;color:#FFF;text-decoration:none;font-size:1.5em;}
.modalwindow .head a.disp {top:5px;width:20px;height:20px;background:url(../icons.png) no-repeat;}
.modalwindow .head a.dispF {right:85px;background-position:0 0px;}
.modalwindow .head a.dispC {right:60px;background-position:0 -20px;}
.modalwindow .head a.dispL {right:35px;background-position:0 -40px;}
.modalwindow .buttons {border-top:1px solid #ccc;padding:4px;margin:0;text-align:center;}
.modalwindow .content {position:relative;padding:10px;max-height:450px;max-width:700px;overflow:auto;}
.modalwindow .content.big {max-height:90vh;max-width:90vw;}
.modalwindow:before {content:'';position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:#fff;opacity:0.7;filter:alpha(opacity=70);}

.modalwindow.dFull .fh,
.modalwindow.dCompact .ch,
.modalwindow.dLine .fh,
.modalwindow.dLine .lh {display:none !important;}


.preview {flex-direction:row;background:#E17D00;color:#FFF;cursor:pointer;}
.preview:hover,
.selected .preview {background:#b95b47;}
.inSet .preview{margin-left:.5em;}
.preview .date {font-style:italic;}
.preview .date.err {color:#FF0;font-weight:bold;}
.preview .vertIco {display:inline-block;vertical-align:middle;margin:0 5px 0 0;}

.modalwindow .preview {display:none;}
.modalwindow.dLine .preview {display:flex;}

.modalwindow .detailed {display:flex;}
.modalwindow.dLine .detailed {display:none;}
.modalwindow.dLine .selected .detailed {display:flex;}



.border {position:relative;border:1px solid #194731;padding:.75em;border-radius:5px;}
.border>.abs {position:absolute;padding:.75em;top:0;left:0;right:0;bottom:0;overflow:auto;}
.line {border-bottom:1px dotted #666;margin-bottom:.5em;}
.line:last-child {border-bottom:none;}

.dLine .line {border-bottom:none;}
.dLine .line.selected {border-bottom:1px dotted #666;}


.login {min-width:450px;margin:15vw auto 0;}

/*compact .ccol je po jine rozdeleni sloupcu v html v kompaktnim zobrazeni */
.row {display:flex;flex-direction:row;}
.row.np {margin: 0 -.5em;}
.row > [class^="col-"] {padding:.2em .5em;vertical-align:top;}
.col-1,.dCompact .ccol-1 {-ms-flex:1 1 8.333%;flex:1 1 8.333%;max-width:8.333%;min-width:110px;}
.col-2,.dCompact .ccol-2 {-ms-flex:1 1 16.666%;flex:1 1 16.666%;max-width:16.666%;min-width:210px;}
.col-3,.dCompact .ccol-3 {-ms-flex:1 1 25%;flex:1 1 25%;max-width:25%;}
.col-4,.dCompact .ccol-4 {-ms-flex:1 1 33.333%;flex:1 1 33.333%;max-width:33.333%;}
.col-5,.dCompact .ccol-5 {-ms-flex:1 1 41.666%;flex:1 1 41.666%;max-width:41.666%;}
.col-6,.dCompact .ccol-6 {-ms-flex:1 1 50%;flex:1 1 50%;max-width:50%;}
.col-7,.dCompact .ccol-7 {-ms-flex:1 1 58.333%;flex:1 1 58.333%;max-width:58.333%;}
.col-8,.dCompact .ccol-8 {-ms-flex:1 1 66.666%;flex:1 1 66.666%;max-width:66.666%;}
.col-9,.dCompact .ccol-9 {-ms-flex:1 1 75%;flex:1 1 75%;max-width:75%;}
.col-10,.dCompact .ccol-10 {-ms-flex:1 1 83.333%;flex:1 1 83.333%;max-width:83.333%;}
.col-11,.dCompact .ccol-11 {-ms-flex:1 1 91.666%;flex:1 1 91.666%;max-width:91.666%;}
.col-12,.dCompact .ccol-12 {-ms-flex:1 1 100%;flex:1 1 100%;max-width:100%;}


.colovf {overflow:auto;}

.hgroup {display:flex;flex-direction:column;height:100%;/*overflow:auto;*/}
.block-1,.row.h1 {-ms-flex:none;flex:none;}
.block-50,.row.h50 {-ms-flex:0 1 50%;flex:0 1 50%;}
.block-100,.row.h100 {-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;}


.vertIco {display:inline-block;vertical-align:middle;max-width:32px;margin-top:64px;}

.moveBtnDown,.moveBtnUp {display:inline-block;vertical-align:middle;width:30px;height:18px;background:url(../icons-drag.png) no-repeat;cursor:pointer;}
.moveBtnDown {background-position:-20px 0;}
.moveBtnUp {background-position:-50px 0;}
.moveBtnDown:hover {background-position:-80px 0;}
.moveBtnUp:hover {background-position:-110px 0;}
.moveBtnDown.dis {background-position:-140px 0;cursor:auto;}
.moveBtnUp.dis {background-position:-170px 0;cursor:auto;}

.minmaxbtns {position:absolute;z-index:10;top:5px;right:25px;background-color:#fff;}
.minbtn,.maxbtn {display:block;width:20px;height:20px;background:url(../icons-minmax.png) no-repeat;cursor:pointer;}
.minbtn {display:none;background-position:0 -20px;}
.maxbtn {display:block;background-position:0 0;}
.minbtn:hover {background-position:-20px -20px;}
.maxbtn:hover {background-position:-20px 0;}
.minbtn.dis {background-position:-40px -20px;cursor:auto;}
.maxbtn.dis {background-position:-40px 0;cursor:auto;}
.minmaxbtns.max .minbtn {display:block;}
.minmaxbtns.max .maxbtn {display:none;}


.dragContainer{position:relative;}
.dragPoint{display:inline-block;margin:0 5px 0 -.5em;vertical-align:middle;width:12px;height:18px;background:url(../icons-drag.png) no-repeat 0 0;cursor:grab;}
#dragPlaceholder {display:block;height:5px;margin:1em 0;background:#e5e5e5;}
#dragHelper{position:absolute;top:0;left:0;width:100%;z-index:50;background:#fff;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.75);pointer-events:none}
#dragHelper .detailed {display:none;}
#dragHelper .line:last-child {margin-bottom:0;}


.userdata {float:right;display:flex;}
.userdata>a>img {display:block;margin-left:1em;}
.userdata>div {margin-left:1em;min-width:450px;}

ul.tabs {clear:both;margin:0;padding-top:.5em;border-bottom:1px solid #194731;}
ul.tabs>li {list-style:none;display:inline-block;margin:.5em 0 -1px 0;vertical-align:bottom;border-radius:5px 5px 0 0;background:#CCC;border:1px solid #194731;cursor:pointer;}
ul.tabs>li>span {display:block;margin:.5em 1em;}
ul.tabs>li:hover,
ul.tabs>li.sel {margin-top:0;padding:.25em 0;color:#fff;}
ul.tabs>li.sel {background:#E17D00;border-bottom-color:#E17D00;}
ul.tabs>li:hover {background:#b95b47;}
ul.tabs>li.dis {-webkit-filter:opacity(.3);filter:opacity(.3);cursor:default;}
ul.tabs>li.dis:hover {background:#CCC;margin:.5em 0 -1px 0;padding:0;color:#194731;}


.panels {position:relative;border:1px solid #194731;top:/*-1px*/0;border-top:0;}
.panels>div {display:none;position:absolute;z-index:2;top:.5em;left:.5em;right:.5em;bottom:.5em;height:auto;}
.panels>div.sel {display:block;}
.panels>div.row.sel,
.panels>div.hgroup.sel {display:flex;}

/*TABLES*/
table {width:100%;border-collapse:collapse;margin:.5em 1px;}
table.short {width:auto;}
th,td {padding:.1em .2em;border:1px solid #194731;text-align:center;vertical-align:middle;}
th {font-weight:bold;background:#CCC;padding:.2em;}
.lineItems tr:hover td {background-color:#F2F2F2;}
.lineItems tr.nohover:hover td {background:none;}
th.slim,td.slim {width:10px;}

.artList{clear:both;border-top:1px solid #CCC;padding:.8em 0;}
.artList:first-child{border:none;padding-top:0;}
.artList img{max-height:8em;float:left;margin:.5em 1em .5em 0em;}
p.date {margin-top:-.5em;font-style:italic;}
.artList.unread p {font-weight:bold;}
.artList.read h2,
.artList.read p {color:#666;}



.check {position:relative;display:inline-block;vertical-align:middle;width:1em;height:1em;margin-right:.2em}
.check::after {content:"";position:absolute;top:calc(50% - .6em);left:0;width:1em;height:1em;}
.check.sel::after{top:calc(50% - .8em);left:.2em;border:none;border-right:3px solid #E17D00;border-bottom:3px solid #E17D00;transform:rotate(45deg);width:.5em;}


/*NOKA*/
.resetBtn {display:block;position:absolute;z-index:1;right:5px;top:5px;}

.itemlist {display:block;text-align:left;}
.itemlist.sep {margin:.5em 0 2em;}
.itemlist a.item {display:inline-block;vertical-align:top;width:14em;padding:.5em;margin:.5em;border:1px solid #194731;background-color:#fff;text-align:left;text-decoration:none;}
.itemlist a.item.single {margin:0 .3em 0 0;border:none;font-weight:bold;padding-right:1em;width:auto;vertical-align:middle;}
.itemlist a.item.tab {display:block;width:auto;margin:.2em 0;}
.itemlist a.item>img{display:block;margin:0 auto .3em;max-width:140px;max-height:210px;}
.itemlist a.item>div.color{margin:0 auto .3em;width:140px;height:140px;}
.itemlist a.item.sel2 {background:#CCC;}
.itemlist a.item.sel {background:#E17D00;color:#FFF;}
.itemlist a.item:hover {background:#b95b47;color:#FFF;}

.itemlist a.item.small{width:7em;text-align:center;}
.itemlist a.item.small>img{max-width:70px;max-height:105px;}
.itemlist a.item.small>div.color{width:70px;height:70px;}
.itemlist a.item.small.tab{width:auto;text-align:left;}

.itemblock.dis .itemlist a.item,
.itemlist a.item.dis {-webkit-filter:opacity(.3);filter:opacity(.3);cursor:default;background-color:#fff;color:#194731;}
.itemblock.dis .itemlist a.item:hover,
.itemlist a.item.dis:hover {background:none;color:#000;}
.itemlist .itemval {padding-left:2em;position:relative;display:inline-block;vertical-align:middle;}
.itemlist .itemval::after {content:"";position:absolute;top:calc(50% - .6em);left:0;width:1em;height:1em;border:1px solid #194731;}
.itemlist a.item.sel .itemval::after{top:calc(50% - .8em);left:.2em;border:none;border-right:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(45deg);width:.5em;}

.itemblock.dis .itemlist a.item .itemval::after,
.itemlist a.item.dis .itemval::after {content:"";position:absolute;top:calc(50% - .6em);left:0;width:1em;height:1em;border:1px solid #194731;transform:none;}
.itemlist .itemval .nameAdd {font-style:italic;font-weight:bold;}
.itemlist .iteminput {display:inline-block;margin-right:1em;}

.itemlist div.search a.item {display:none;}
.itemlist div.search a.item.sel,
.itemlist div.search a.item.sel2,
.itemlist div.search a.item.vis {display:inline-block;}
.itemlist div.search a.item.tab.sel,
.itemlist div.search a.item.tab.sel2,
.itemlist div.search a.item.tab.vis {display:block;}
.itemlist div.search p.none {display:none;}
.itemlist div.search p.none.vis {display:block;}


h3 .nameAdd {font-style:italic;font-weight:normal;}
.itemblock {clear:both;background-color:#f8f8f8;margin:.5em 0;padding:.2em;border:1px solid #ccc;border-radius:5px;}
h3.minmax {padding-left:25px;position:relative;cursor:pointer;}
h3.minmax::after {content:"+";position:absolute;top:-1px;left:-1px;color:#194731;text-align:center;font-weight:normal;border:1px solid #194731;border-radius:3px;line-height:1em;padding:0 .2em;font-size:1.25rem;}
.itemblock>.itemlist {display:none;}

.itemblock.sel>.itemlist {display:block;}
.itemblock.sel>h3.minmax::after {content:"−";}

.itemblock.dis {-webkit-filter:opacity(.3);filter:opacity(.3);cursor:default;}


.itemsel>div {margin-bottom:1em;color:#999;position:relative;}
.itemsel>div>span,
.itemsel>div>div{display:block;font-size:1.2em;padding-left:1em;color:#000;}
.itemsel>div span>i {display:block;font-size:.75em;color:#999;}
.itemsel>div span.small>p{font-size:.75em;margin:.4em 0;color:#000;}
.itemsel>div span.small>p>i {display:block;color:#999;}
.itemsel>div>div.changed{display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;
padding:2px;text-align:right;font-size:.8rem;font-style:italic;color:#000;background-color:#E17D00;opacity:.8;}

.icohelp {display:inline-block;vertical-align:middle;width:18px;height:18px;margin:0 .5em;background:#09F;color:#FFF;text-align:center;border-radius:50%;}
.icohelp::after {content:"?";font-size:1rem;vertical-align:top;}

.userdata .icohelp {position:absolute;top:2px;right:2px;margin:0;padding:2px;width:30px;height:30px;text-decoration:none;color:#fff;}
.userdata .icohelp:hover {background:#b95b47;color:#fff;}
.userdata .icohelp::after {font-size:1.3rem;}

.nokaimgs {position:relative;cursor:zoom-in;height:370px;border:1px solid #ccc;border-radius:5px;padding:10px;}
.nokaimg {display:none;position:absolute;top:0;left:0;right:0;bottom:0;max-height:350px;margin:auto;}
.nokaimg.flip {transform:scaleX(-1);}
.nokaimgs.img>.nokaimg.img,.nokaimgs.draw>.nokaimg.draw {display:block;}
.nokaimgsbtn {text-align:center;margin-top:10px;display:flex;flex-wrap:nowrap;justify-content:center;}

.sestavaimgs {position:relative;height:200px;}
.sestavaimgs.zoom {cursor:zoom-in;}
.sestavaimg {display:none;position:absolute;top:0;left:0;right:0;bottom:0;max-height:200px;margin:auto;}
.sestavaimg.flip {transform:scaleX(-1);}
.sestavaimgs.img>.sestavaimg.img,.sestavaimgs.draw>.sestavaimg.draw {display:block;}
.sestavaimgsbtn {text-align:center;margin-top:10px;display:flex;flex-wrap:nowrap;justify-content:center;}


.viimgs {height:100%;margin:10px;position:relative;}
.viimgs>img {display:none;max-height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;}
.viimgs>img.flip {transform:scaleX(-1);}
.viimgs>div {display:none;}
.viimgs>div,.viimgs>div>div {width:100%;height:100%;}
.viimgs canvas {display:block;}
.viimgs.img>img.img,.viimgs.draw>img.draw,.viimgs.model>div {display:block;}
.viiimgsbtn {text-align:center;}

/*FORM*/
label{vertical-align:middle;line-height:1.5em;}
dd span {display:inline-block;padding-right:.4em;}
dd span.nb {padding:0;}
dd span.note {font-style:italic;}
p.dl {margin:1em 0;text-align:center;}



input,button,textarea,select {font-size:1.2em;border-radius:6px;padding:.3em;margin:.1em 0 .1em .5em;vertical-align:middle;}
input:first-child,button:first-child,textarea:first-child,select:first-child,
input.first,button.first,textarea.first,select.first {margin-left:0;}
button,
input[type="button"],
input[type="submit"] {display:inline-block;padding:0.3em 0.8em;text-decoration:none;font-weight:bold;color:#fff;background:#E17D00;font-size:1.2em;cursor:pointer;border:none;}
button:hover,
button.sel,
input[type="button"]:hover,
input[type="submit"]:hover { background:#b95b47;}
input[type="text"],
input[type="password"]{width:15em;border:1px solid #194731;background:#FFF;color:#000;}
input[type="date"]{border:1px solid #194731;background:#FFF;color:#000;}
input[type="checkbox"]{vertical-align:middle;margin-right:0.5em;}
textarea{font-size:1em;width:18em;height:12em;border:1px solid #194731;background:#FFF;color:#000;}
select {border:1px solid #194731;width:auto;max-width:100%;background:#FFF;}
input.num,
select.num {width:4.2em;text-align:right;}
select.small {font-size:1em;padding:.4em .1em;}

input.dis,
select.dis,
textarea.dis {-webkit-filter:opacity(.3);filter:opacity(.3);cursor:default;}
.noclick {pointer-events:none;}

button.icon {background:#E17D00 no-repeat;margin:0 3px;width:30px;height:30px;padding:0;}
button.icon.txt {width:auto;padding-left:32px;padding-right:8px;}

button.icon.sel,button.icon:hover {background-color:#b95b47;}
button.icon.dis {background-color:#E5E5E5;cursor:auto;}
button.icon.viz {background-image:url(../icons-3d.png);background-position:4px 7px;}
button.icon.svg {background-image:url(../icons-3d.png);background-position:4px -23px;}
button.icon.mod {background-image:url(../icons-3d.png);background-position:4px -53px;}

button.icon.small {width:27px;height:27px;}
button.icon.small.viz {background-position:3px 6px;}
button.icon.small.svg {background-position:3px -24px;}
button.icon.small.mod {background-position:3px -54px;}
button.x::after{content:" ✕";}

.long {width:25em;}
.long2 {width:35em;}
.long3 {width:100%;margin-left:0;margin-right:0;}
.row2 {height:3.2em;}
.row4 {height:6.4em;}
.row8 {height:13em;}


.small input,.small button,.small textarea,.small select {font-size:1em;border-radius:4px;padding:0;}
.small button,button.small,
.small input[type="button"],
.small input[type="submit"] {font-size:1em;padding:.2em .5em;}

.btnBlock button {display:block;width:100%;margin:.1em 0;padding:.3em;text-align:center;}

p.err,span.err {color:#F00;font-weight:bold;}
dl.err dt {color:#F00;}
.err input,
.err textarea,
.err select,
.err .errAll {background:#ffbfc1;}

.inactive {font-weight:normal;color:#999;}
.preview .inactive {color:#CCC;}

p.warning {display:inline-block;position:relative;padding-left:24px;padding-right:24px;color:#F00;line-height:1.1em;}
p.warning::after{content:"";position:absolute;top:-2px;left:0;width:18px;height:18px;background:url(../warning.svg) no-repeat center center;background-size:contain;}
p.warning a.close {position:absolute;top:-2px;right:0;color:#fff;background-color:#F00;width:20px;height:20px;line-height:22px;text-align:center;border-radius:4px;text-decoration:none;}
p.warning button {background:#F00;font-size:1em;border-radius:4px;padding:.2em .5em;margin:.2em 0;}

.icon {display:inline-block;margin:0 4px;vertical-align:middle;width:24px;height:24px;background:no-repeat center center;background-size:contain;}
.icon.warning {background-image:url(../warning.svg);}
.icon.ok {background-image:url(../ok.svg);}

span.paramitm {display:block;font-size:.85em;}
.dCompact span.paramitm {display:inline;}
.dCompact span.paramitm::before {content:", ";}
.dCompact span.paramitm:first-child::before {content:" ";}


/*FILES*/
.files {position:relative;}
.files table {margin:.1em 0;width:auto;}
.files table td{border:none;padding:.1em 1em .1em 0;text-align:left;border-bottom:1px dotted #CCC;}
.files input[type="file"] {position:fixed;top:-100px;}
.files .filesDrag {display:none;position:absolute;top:0;left:0;right:0;bottom:0;min-height:80px;border:4px dashed #194731;border-radius:4px;background:#ccc;text-align:center;}
.files .filesDrag::after {content:"";height:100%;display:inline-block;vertical-align:middle;}
.files .filesDrag span {display:inline-block;vertical-align:middle;padding:1em;}
.filedragged .files .filesDrag{display:block;}
.files.noAdd>div,
.filedragged .files.noAdd .filesDrag {display:none;}

/*ONLYDRAGFILE*/
.dragzone {position:relative;}
.dragzone input[type="file"] {position:fixed;top:-100px;}
.dragzone .filesDrag {display:none;position:absolute;top:0;left:0;right:0;bottom:0;min-height:80px;border:4px dashed #194731;border-radius:4px;background:#ccc;text-align:center;}
.dragzone .filesDrag::after {content:"";height:100%;display:inline-block;vertical-align:middle;}
.dragzone .filesDrag span {display:inline-block;vertical-align:middle;padding:1em;}
.filedragged .dragzone .filesDrag{display:block;}

/*SIMPLE*/
.ml0 {margin-left:0;}
.mr0 {margin-right:0;}
.mh300 {min-height:300px;}
.mh400 {min-height:400px;}
.mh500 {min-height:500px;}


/*pro PAGES*/
a.download {display: inline-block;vertical-align:middle;width:250px;font-size:1.2em;font-weight:bold;color:#000;background:#ccc;border-radius:6px;padding:8px;margin: 8px;text-decoration: none;cursor:pointer;}
a.download:hover {background:#b95b47;color:#fff}
a.download::after {content: "";min-height: 70px;display: inline-block;vertical-align: middle;}
a.download>span{display: inline-block;vertical-align:middle;}
a.btn {display: inline-block;vertical-align:middle;font-size:1.2em;font-weight:bold;color:#fff;background:#E17D00;border-radius:6px;padding:0.3em 0.8em;margin:.1em 0 .1em .5em;text-decoration: none;cursor:pointer;}
a.btn:hover {background:#b95b47;}