@import url(//fonts.googleapis.com/css?family=Audiowide&subset=latin,latin-ext);
/*@font-face {
  font-family: 'Audiowide';
  src: "https://fonts.googleapis.com/css?family=Audiowide&subset=latin,latin-ext";
}*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Saira+Semi+Condensed:300,400,600,700&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Material+Icons:400);
/*@import url(//fonts.googleapis.com/css?family=Ubuntu+Mono:400&subset=latin,latin-ext);*/

/*@font-face {
  font-family: 'Open Sans';
  src: "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin,latin-ext";
}*/

BODY, TABLE, TD, DIV, INPUT {
    font-family: Arial CE, Helvetica CE, Arial, Helvetica;}
TABLE, TD, DIV, .popis {
    font-size: 11px; font-weight:normal; font-style:normal; color:#777;}
TD {text-align: center;}
a:visited {color: #9090ff;}
a:link {color: #9090ff;}
a:hover {color: red;}
html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;}
body {
    margin:0;}
/*.tab {
    font-size: 12px;
    font-weight:bold;
    white-space: pre;
    margin-top: 8;
    margin-bottom: 8;
    width: 60px;
    height: 18px;
    border-width: 0;
    text-align: left;}
*/
.headerbutton {
    display:inline-block;
    width:250px;
    background-color:#b0b0b0;
    border-radius:5px;
    cursor: pointer;
    margin:5px;
    font-family:Audiowide,Fallback,sans-serif;
    font-size:17px;
    color:white;
    text-shadow:0px 1px 5px #777;
    position:relative;
    padding:6px 0 6px 0;
    /*box-shadow: 0 0 3px #777 inset;*/}
    .headerbutton.disable {
        opacity:0.33;
        cursor: not-allowed;}
    .headerbutton.hide {
        display:none;}
.prejobnumber {
    font-size:15px;
    font-family:Arial CE, Helvetica CE, Arial, Helvetica;}
.jobnumber {
    font-size:22px;
    font-family:Arial CE, Helvetica CE, Arial, Helvetica;}
.filelist {
    width:72%;
    min-width:240px;
    max-width:550px;
    /*height:50px;*/
    text-align: left;
    padding: 10px 10px 5px 10px;
    background-color:#e8e8e8;
    margin:/*15px*/2px 100px /*10px*/2px 10px;
    cursor:pointer;
    top: 0;
    position: relative;
    z-index: 0;}
.fileupload {
    width:72%;
    min-width:240px;
    max-width:550px;
    height:50px;
    text-align: left;
    padding:10px;
    background-color:#e8e8e8;
    margin: /*15px*/2px 100px 10px 10px;
    cursor:pointer;
    top: 0;
    position: relative;
    z-index: 0;}
div.title {
    /*min-width:520px;*/
    padding: 10px 8px 0 8px;
    font-family:Audiowide,Fallback,sans-serif;
    font-size:28px;
    font-weight:700;
    color:#2197ff;}
    
div.caption {
    font-family:Audiowide,Fallback,sans-serif;
    font-size:18px;
    font-weight:700;
    color:#2197ff;
    width:calc(72% + 20px);;
    min-width:260px;
    max-width:570px;
    text-align:left;
    padding:0px;
    margin:15px 100px 0px 10px;}
    
div#footer {
    margin-top: 120px;
    width: calc(80% + 50px);
    min-width: 270px;
    max-width: 590px;
    text-align: justify;}
    
div.footercaption {
    font-size:18px;
    font-weight:700;
    font-family:Audiowide,Fallback,sans-serif;
    text-align:left;
    color:#2197ff;
    margin:40px 10px 5px 10px;}
    
div.footertext {
    margin:5px 10px 5px 10px;
    position:relative;
    
    /*max-height:150px;*/
    overflow:hidden;}
div.footertext div {
    font-size: 14px;
    font-family: Open Sans,Fallback,sans-serif;
    font-weight: 700;
    text-align:justify;
    color:#222;}
div.maskgradient {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 256, 255, 0)), to(rgba(255, 255, 255, 1)));
    position: absolute;
    top: calc(100% - 60px);
    right: 0;
    width: 100%;
    height: 60px;}    
div.col_exp_btn,
div.redirect_button {
    height:20px;
    text-decoration: none;
    background-color:#aaa;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    padding: 0 0 0 8px;
    position:relative;
    left:10px;}
div.col_exp_btn.active svg {
    transform: rotate(180deg);}
div.col_exp_btn:hover,
div.redirect_button:hover {
    cursor: pointer;
    background-color:#5af;}
div.col_exp_btn span,
div.redirect_button span {
    color:#fff;
    position:relative;
    top:-6px;}
div.col_exp_btn.active span.colaps {
    display:none;}
div.col_exp_btn:not(.active) span.expand {
    display:none;}    


div.righttext {}
div.rights {
    display:inline-block;
    font-size: 14px;
    font-family: Open Sans,Fallback,sans-serif;
    text-align:justify;
    color: #555;}

    
div#postconsole {
    margin:0 10px;
    text-align: left;}
    
div#dropzone.isDragover {
    background-color: #e0f5f7;}
div.interzone {
    width:72%;
    min-width: 240px;
    max-width: 550px;
    height: 11px;
    margin: 0px 100px 0px 10px;
    opacity: 0;}
div.interdropzone {
    width:72%;
    min-width: 240px;
    max-width: 550px;
    height: 11px;
    margin: 0px 100px 0px 10px;
    opacity: 0;
    outline: 2px dashed #92b0b3;
    outline-offset: -7px;}
div.interdropzone.isDragover {
    background-color: #e0f5f7;
    height: 30px;
    opacity: 1;}
@media screen and (min-width: 760px) {
    .filelist, .fileupload, div.caption, div.subcaption, div.interdropzone {
        margin-right:10px;}
}

span.filetext {
    font-size:15px;
    line-height:32px;}
span.dragtext {
    font-size:16px;
    float:right;}
@media screen and (max-width: 760px) {
    span.dragtext {
        display:none;}
}
@media screen and (max-width: 450px) {
    div#loadfileSubmit {
        display:none;}
}

.inline {
    display: inline-block;}
.middle {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform:translate(0, -50%);}
.fix-toolbar {
    /*padding: 15px 0 0 0;*/
    /*box-shadow: 0 -10px 20px #ccc inset;*/
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: fixed;
    top: 0;
    left: 0;
    /*opacity: 0.93;*/
    z-index: 500;}
.toolbarBox, .distance {
    width: 100%; /* 90% viewport width */
    /*max-width: 870px;*/
    height: 118px;
    background-color: #ffffff;
    /*border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    padding: 10px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;*/}
.toolbarBox {
    background-color:#eee;}
.boxA,.boxB,.boxC,.boxD,.boxE,.boxF,.boxG,.boxR,.boxBind,.boxBlancPg,.boxAdvSet {
    display: inline-block;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%)}
.boxA {
    margin-left:-325px;
    top:0px;
    width:150px;}
.boxA td { font-size:12px; line-height:21px;}
.boxB {
    margin-left:-173px;
    top:13px;
    width:170px;}
    div.DisplPgLabel {
        display:inline-block;
        width:95px;
        height:30px;
        text-align:center;}
    div.DisplPgLabel div {
        margin:0 0 1px 0;}
    div.DisplPgLabel div.sheets {
        margin-top:8px;}
    div.DisplPg {
        display:inline-block;
        text-align: right;
        width: 35px;
        line-height:30px;
        vertical-align:top;}
    h1.DisplColPg, h1.DisplBwPg, h1.totalSheetsCount {
        margin:0 0 1px 0;
        font-size: 30px;}
.boxC {
    margin-left:-39px;
    top: 9px;
    width:175px;}
/*.boxC.print {
    margin-left:-60px;
    top: 15px;
    width:175px;}*/
.boxR {
    margin-left:-43px;
    top: 37px;
    width:175px;
    text-align:left;}
.boxBind {
    margin-left:-43px;
    top: 62px;
    width:175px;
    text-align:left;}
.boxBlancPg {
    margin-left:-43px;
    top: 86px;
    width:175px;
    text-align:left;}
.boxAdvSet {
    margin-left:-61px;
    top: 102px;
    width:175px;
    text-align:left;}
.boxD {
    margin-left:-44px;
    top: 75px;
    width:150px;}
.boxE {
    margin-left:118px;
    top:6px;
    width:140px;}
/*.boxE.print {
    margin-left:130px;
    top:11px;
    width:140px;}*/
.boxF {
    margin-left:130px;
    top: 48px;
    width:150px;}
.boxF div {
    padding:6px 0 6px 0;}
.boxG.order {
    margin-left:300px;
    top: 3px;}
.boxG.order div.TotalPrice { height:48px;}
.boxG.print {
    margin-left:297px;
    top: 10px;
    width:250px;
    text-align:left;}
.boxHide {
    position:absolute;
    left: calc(100% - 60px);
    background-color:#eee;
    display:none;}
div.box.button select {
    /*box-shadow: 0 0 10px #999;*/
    height:18px;
    font-size:11px;
    width: 126px;}
/*div.box {
    padding: 3px 0 3px 0;}*/
input[type=text] {
    position: relative;
    top: 3px;
    padding:0;
    font-size: 17px;
    text-align: center;
    box-shadow: rgb(153, 153, 153) 0px 0px 10px;
    background-color: rgb(255, 255, 255);}
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    border: solid 1px #777;
    margin: 0;
    width: 26px; 
    height: 26px;
    font-size: 26px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-image: linear-gradient(3deg, #fff,#ddd,#fff);}
input[type=checkbox]:checked:after {
    position: relative;
    bottom: 3px;
    left: 2px;
    color: #00a0f0;
    font-family: Material Icons;
    content: "\2713";} /* check mark */
input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: middle;
    border: solid 1px #777;
    margin: 0;
    width: 20px; 
    height: 20px;
    font-size: 16px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;}
input[type=radio]:checked {
    background-color: #00a0f0;}
input[type=radio]:checked:after {
    position: relative;
    bottom: 0px;
    left: 6px;
    color: #fff;
    content: "•";} /* check mark */
div.copiesdone {
    height: 45;
    font-size: 30px;
    font-weight: 700;
    color: #0c0; /*green */
    /*width: 10px;*/}

/* responzibilní design podle šířky okna */
@media screen and (min-width: 821px) {
    input[type=checkbox] {
        width: 23px; 
        height: 23px;
        font-size: 23px;}
    .boxHide { top:119px;}
}
@media screen and (min-width: 651px) and (max-width: 820px) {
    .toolbarBox, .distance { height: 151px;}
    .boxA {       margin-left:-231px; top:28px;}
    .boxA td {    font-size:13px; line-height:22px;}
    .boxB {       margin-left:-72px;  top:53px;}
    .boxC {       margin-left:-103px; top:6px;}
    /*.boxC.print { margin-left:120px;  top:14px;}*/
    .boxR {       margin-left:49px;   top:9px;}
    .boxBind {    margin-left:49px;   top:35px;}
    .boxBlancPg { margin-left:49px;   top:61px;}
    .boxAdvSet {  margin-left:-175px; top:160;}
    .boxD {       margin-left:-157px; top:133px;}
    .boxE {       margin-left:201px;  top:3px; width:175px;}
    /*.boxE.print { margin-left:263px;  top:10px;}*/
    .boxF {       margin-left:66px;   top:83px;}
    .boxG.order { margin-left:223px;  top:40px;}
    .boxG.order div.TotalPrice { height:45px;}
    .boxG.print { margin-left:241px;  top:43px;}
    .boxHide { top:152px;}
}
@media screen and (min-width: 521px) and (max-width: 650px) {
    .toolbarBox, .distance { height: 200px;}
    .boxA {       margin-left:-158px; top:79px;}
    .boxA td {    font-size:13px; line-height:22px;}
    .boxB {       margin-left:8px;    top:102px;}
    .boxC {       margin-left:-20px;  top:5px;}
    /*.boxC.print { margin-left:20px;   top:5px;}*/
    .boxR {       margin-left:-178px; top:7px;}
    .boxBind {    margin-left:-178px; top:33px;}
    .boxBlancPg { margin-left:-178px; top:59px;}
    .boxAdvSet {  margin-left:-178px; top:160;}
    .boxD {       margin-left:-157px; top:133px;}
    .boxE { margin-left:8px;    top:51px; width:175px;}
    /*.boxE.print { margin-left:263px;  top:10px;}*/
    .boxF {       margin-left:153px;  top:3px;}
    .boxG.order { margin-left:150px;  top:80px;}
    .boxG.order div.TotalPrice { height:55px;}
    .boxG.print { margin-left:184px;  top:80px;}
    input[type=checkbox] {
        -webkit-appearance: none;
        -moz-appearance: none;
        vertical-align: middle;
        width: 26px; 
        height: 26px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 26px;
        background-color: white;
        border: solid 1px #777;
        margin: 0;}
    input[type=checkbox]:checked:after {
        position: relative;
        bottom: 3px;
        left: 2px;
        color: #00a0f0;
        content: "\2713";} /* check mark */
    .boxHide { top:201px;}
}
@media screen and (max-width: 520px) {
    .toolbarBox, .distance { height: 305px;}
    .boxA {       margin-left:-84px;  top:69px;}
    .boxA td {    font-size:13px; line-height:25px;}
    .boxB {       margin-left:-69px;  top:203px;}
    .boxC {       margin-left:59px;   top:39px;}
    /*.boxC.print { margin-left:-72px;  top:129px;}*/
    .boxR {       margin-left:-102px; top:8px;}
    .boxBind {    margin-left:-102px; top:39px;}
    .boxBlancPg { margin-left:52px;   top:9px;}
             .boxAdvSet {  margin-left:-175px; top:160;}
             .boxD {       margin-left:-157px; top:133px;}
    .boxE {       margin-left:57px;   top:141px; width:128px;}
    /*.boxE.print { margin-left:101px;  top:125px;}*/
    .boxF {       margin-left:69px;   top:70px;}
    .boxG.order { margin-left:79px;  top:182px;}
    .boxG.order div.TotalPrice { height:55px;}
    .boxG.print { margin-left:100px;  top:193px;}
    input[type=checkbox] {
        -webkit-appearance: none;
        -moz-appearance: none;
        vertical-align: middle;
        width: 29px; 
        height: 29px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 29px;
        background-color: white;
        border: solid 1px #777;
        margin: 0;}

    input[type=checkbox]:checked:after {
        position: relative;
        bottom: 3px;
        left: 2px;
        color: #00a0f0;
        content: "\2713";} /* check mark */
    .boxHide { top:306px;}
}

div#loadfileSubmit {
    /*width:85px;height:46px; border:solid 1px #aaa; border-radius:5px;*/}
div#loadfileSubmit svg{
    width: 72px;
    height: 60px;
    fill: #00a0ff;}

.transitobj {
    -webkit-transition: 3s ease-in-out;
    -moz-transition: 3s ease-in-out;
    -o-transition: 3s ease-in-out;
    transition: 3s ease-in-out;
}
#blancbefore:not(:checked) ~ #blancbeforeCount {display:none;}
#blancafter:not(:checked) ~ #blancafterCount {display:none;}


.box_shadow {
    background: #ffffff;
    border: 1px solid #b0b0b0;
    box-shadow: 0 0 15px #a0a0a0;
    margin: 5px;}

h3 {
    color: #909090;}
div.thmbtable {
    /*max-width: 220px;*/
    vertical-align: top;
    display:inline-block;
    padding:1px;}
div.thmbtable.off {
    opacity: 0.25;}
    
div.thmbinfo {
    padding-bottom: 10px;}
img.indexpage {
    /*max-width:200px; 
    max-height:283px;*/
    background: #ffffff;
    border: 1px solid #b0b0b0;
    box-shadow: 0 0 15px #a0a0a0;
    margin: 5px 8px 5px 8px;}
div.thmbtable:not(.complement) img.indexpage {
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;}
img.indexpage.front.duplexbind, img.indexpage.simplexbind {
    margin-right: 10px;
    margin-left: 0px;
    /*float: left;*/} /* right; */
img.indexpage.back.duplexbind {
    margin-left: 10px;
    margin-right: 0px;
    float: left;}
/*    
img.indexpage.landscape:not(.rotated) {
    max-width: 283px;
    transform: matrix(1,0,0,1,-41,41);
    -webkit-transform:matrix(1,0,0,1,-41,41);}
img.indexpage.landscape.rotated {
    max-width: 283px;
    transform: matrix(0,-1,1,0,-41,41);
    -webkit-transform: matrix(0,-1,1,0,-41,41);}
*/    
.rot90 {
    -webkit-transform: translateY(-100%) rotate(90deg); /* Safari */
    -moz-transform: translateY(-100%) rotate(90deg); /* Firefox 3.6 Firefox 4 */
    /*-moz-transform-origin: right top; */
    -ms-transform: translateY(-100%) rotate(90deg); /* IE9 */
    -o-transform: translateY(-100%) rotate(90deg); /* Opera */
    transform: translateY(-100%) rotate(90deg); /* W3C */  
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
}
.rot270 {
    -webkit-transform: translateX(-100%) rotate(-90deg); /* Safari */
    -moz-transform: translateX(-100%) rotate(-90deg); /* Firefox 3.6 Firefox 4 */
    /*-moz-transform-origin: right top; */
    -ms-transform: translateX(-100%) rotate(-90deg); /* IE9 */
    -o-transform: translateX(-100%) rotate(-90deg); /* Opera */
    transform: translateX(-100%) rotate(-90deg); /* W3C */  
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}
img.indexpage {
    float: left;}
img.indexpage.front.duplexbind:not(.landscape), img.indexpage.simplexbind:not(.landscape) {
    border-left-width: 5px;
    border-left-style: dotted;}
img.indexpage.front.duplexbind.landscape, img.indexpage.simplexbind.landscape {
    border-top-width: 5px;
    border-top-style: dotted;}
img.indexpage.back.duplexbind:not(.landscape)  {
    border-right-width: 5px;
    border-right-style: dotted;}
img.indexpage.back.duplexbind.landscape  {
    border-bottom-width: 5px;
    border-bottom-style: dotted;}
img.indexpage:hover {
    border-color: #08e;
    box-shadow: 0 0 15px #6be;}
    
div.TotalPgNum {
        position: absolute;
        z-index: 100;
        font-size: 9pt;
        width: 150px;
        height: 18px;
        color: #00a0ff;
        transform: translate(22%,35%);
        -webkit-transform:translate(22%,35%);
        display:none;}
    /*.thmbinfo:hover ~ .TotalPgNum {
        display: block;}*/
    .thmbtable:hover .TotalPgNum {
        display: block;}
    
div.duplexview {
    padding-top: 24px;
    height: 12px;
    padding-bottom: 12px;}
div.duplexview select {
    height:18px;
    font-size:11px;}
    
 /* zarovnání*/
div.thmbtable.duplex0.showblancpages div span.duplexview,
div.thmbtable.duplex1.front div span.duplexview,
div.thmbtable.duplex3.duplexpg.front div span.duplexview,
div.thmbtable.duplex3.simplexpg.front.showblancpages div span.duplexview{
    float:right;}
div.thmbtable.duplex1.back div span.duplexview,
div.thmbtable.duplex3.duplexpg.back div span.duplexview {
    float:left;}
    
/* all simplex */
div.thmbtable.duplex0:not(.complement) div span.duplex,
div.thmbtable.duplex0.showblancpages div span.simplex.center,
div.thmbtable.duplex0:not(.showblancpages) div span.simplex.right,
div.thmbtable.duplex0 div span.txtfront,
div.thmbtable.duplex0.showblancpages div span.txtback,
div.thmbtable.duplex0 div select.opt {
    display:none;}
    
/* all duplex */
div.thmbtable.duplex1 div span.simplex,
div.thmbtable.duplex1 div span.txtsimplex,
div.thmbtable.duplex1 div select.opt {
    display:none;}
div.thmbtable.duplex1.front div span.back,
div.thmbtable.duplex1.front div span.txtback {
    display:none;}
div.thmbtable.duplex1.back div span.front,
div.thmbtable.duplex1.back div span.txtfront {
    display:none;}
    
/* individual pages simplex/duplex */
div.thmbtable.duplex3 div span.txtsimplex,
div.thmbtable.duplex3 div span.txtfront,
div.thmbtable.duplex3 div span.txtback,
div.thmbtable.duplex3.simplexpg.showblancpages div span.simplex.center,
div.thmbtable.duplex3.simplexpg:not(.showblancpages) div span.simplex.right{
    display:none;}
div.thmbtable.duplex3.simplexpg div span.duplex {
    display:none;}
div.thmbtable.duplex3.duplexpg div span.simplex {
    display:none;}
div.thmbtable.duplex3.duplexpg.front div span.back {
    display:none;}
div.thmbtable.duplex3.duplexpg.back div span.back,
div.thmbtable.duplex3 + div.thmbtable.complement div span.back {
    position:relative;
    top:3px;}
div.thmbtable.duplex3.duplexpg.back div span.front, 
div.thmbtable.duplex3.duplexpg.back div select.opt {
    display:none;}
    
div.thmbtable.complement div span.duplex {
    float:left;}
div.thmbtable.duplex3.complement div span.duplex {
    position:relative;
    top:3px;}
div.thmbtable.duplex3.complement div span.duplex span.opt,
div.thmbtable.duplex0.complement div span.duplex span.opt {
    display:none;}

/* zobrazení complement stran */
div.thmbtable:not(.showblancpages) + div.thmbtable.complement, 
div.thmbtable.duplex1 + div.thmbtable.complement, 
div.thmbtable.duplex3.duplexpg + div.thmbtable.complement,
div.thmbtable.duplex3.simplexpg + div.thmbtable.complement div span span.opt{
    display: none;}
/* zobrazení závěrečné párové strany pro "front" duplexovou stranu */
div.thmbtable.duplex1.front.final + div.thmbtable.complement.final, 
div.thmbtable.duplex3.duplexpg.front.final + div.thmbtable.complement.final {
    display: inline-block;}
div.thmbtable.duplex3.duplexpg.front.final + div.thmbtable.complement div span span.opt{
    display: none;}

div#thmb {
    text-align:center;}
/* pokud autocolorpages jeste neni k dispozici, vsechny span.infocolor jsou .hideinfocolor a skryjí se */
div.thmbtable.hideinfocolor span.infocolor,
/* colormode = cust */
div#thmb.cust div.thmbtable.a_gray.c_gray div span.infocolor.colormode,
div#thmb.cust div.thmbtable.a_gray:not(.c_gray) div span.infocolor.graymode,
div#thmb.cust div.thmbtable:not(.a_gray):not(.c_gray) div span.infocolor.graymode,
div#thmb.cust div.thmbtable:not(.a_gray).c_gray div span.infocolor.colormode,
/* colormode = auto */
div#thmb.auto div.thmbtable.a_gray div span.infocolor.colormode,
div#thmb.auto div.thmbtable:not(.a_gray) div span.infocolor.graymode,
/* colormode = allcolor */
div#thmb.allcolor div.thmbtable div span.infocolor.graymode,
/* colormode = allbw */
div#thmb.allbw div.thmbtable div span.infocolor.colormode {
    display:none;}

/*div.duplexview:not(.duplex) {
    display:none;}*/

.alertbutton {
    /*background: #f4f4f4;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*border: 1px solid #666;*/
    box-shadow: 0 0 10px #bbb, 0 0 2px #aaa inset;
    color: #fff;
    display: inline-block;
    width: 100px;
    height: 22px;
    margin: 20px 12px 5px 12px;
    font-size: 14px;
    line-height: 22px;
    background-repeat: repeat-x;
    cursor: pointer;
    position: relative;}
div.wrapper.defaultCANCEL .alertbutton.CANCEL {left: -130px;}
div.wrapper.defaultCANCEL .alertbutton.OK {left: 130px;}
.alertbutton.CANCEL, .alertbutton.OK {
    background-color: #b0b0b0;
    /*background-image: url("../img/button_bg.png");*/}
div.wrapper.defaultCANCEL .alertbutton.CANCEL, div.wrapper:not(.defaultCANCEL) .alertbutton.OK {
    background-color: #00a7f5;
    /*background-image: url("../img/button_bg_active.png");*/}
.alertbutton.CANCEL:hover, .alertbutton.OK:hover {
    background-color: #00a7f5;
    /*background-image: url("../img/button_bg_active.png");*/}
/* traversing: hover prvek ovládá následný prvek */
div.wrapper.defaultCANCEL .alertbutton.OK:hover ~ .CANCEL {
    background-color: #b0b0b0;
    /*background-image: url("../img/button_bg.png");*/}
/* traversing: hover prvek ovládá následný prvek */
div.wrapper:not(.defaultCANCEL) .alertbutton.CANCEL:hover ~ .OK {
    background-color: #b0b0b0;
    /*background-image: url("../img/button_bg.png");*/}
div.wrapper.noCANCEL .alertbutton.CANCEL {
    display:none;}

div.thmbinfo {
    height:12px;}
.shadow {
    box-shadow: 0 0 5px #777;}
.shadow:hover {
    box-shadow: 0 0 12px #08e;
    cursor: pointer;}
/*span.infocolor.none {
    display: none;}*/
span.infocolor img {
    position:relative;
    top:2px;}
    
/*.infocolor.hidden {
    visibility: hidden;}*/
    
/*div.box {
    padding: 3px 0 3px 0;}*/
div.savebutton {
    width:147px;
    height:54px;
    background-color: #00a7f5;
    border-radius: 5px;
    cursor:pointer;}
div.savebutton.locked {
    opacity: 0.3;}
div.savebutton img {
    box-shadow: 0 0 15px #a0a0a0;
    border-radius:12px;
    cursor:pointer;}
div.colorprinter, div.bwprinter, div.bwprinter_insert, div.autoprinter {
    border-radius:8px;
    box-shadow: 0 0 15px #aaa;
    border: 1px solid #aaa;
    background-color:#eee;}
div.colorprinter, div.bwprinter {
    /*width:100px;*/
    height:30px;}
div.autoprinter {
    width:120px;
    height:95px;}
div.colorprinter:hover, div.bwprinter:hover, div.bwprinter_insert:hover, div.autoprinter:hover {
    border-color: #08e;
    box-shadow: 0 0 15px #6be;
    cursor:pointer;}
input.modeswitch:checked + span { /* nastyluje i <SPAN> následující po <INPUT ..RADIO> zabalený v kontaineru <LABEL> */
    box-shadow: 0 0 15px #5af;
    background-color: #9df;}

div.overlay {
  font-size: 62.5%;
  line-height: 1; 
  background: #ffffff;
  background: rgba(192, 192, 192, 0.25); /* pův. (255, 255, 255, 0.9) */
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999; }

  div.overlay div.wrapper {
    background: #ffffff;
    border: 1px solid #a8a8a8; /* pův.#e5e5e5 */
    box-shadow: 0 0 4px #a8a8a8 inset, 0 0 50px #a8a8a8; /* pův. 0 0 5px #e5e5e5 inset, 0 0 50px #f0f0f0 */
    /*height: 80px;*/
    left: 50%;
    margin: 0/*-60px*/ 0 0 -170px;
    padding: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform:translate(0, -50%);
    width: 300px;
    z-index: 10000;
    overflow-y: auto; }
    div.overlay div.wrapper h2 {
      font-size: 110%;
      font-weight: bold;
      margin: -20px -20px 0 -20px;
      padding: 15px;
      text-align: center;
      text-shadow: 0 1px 0 #ffffff;
      /*text-transform: uppercase;*/ }
    div.overlay div.wrapper p {
      font-size: 110%;
      margin: 12px 0;  /* 1.5em 0 */
      /* styl pro zkraceni dlouhych textu: */
      width: 100%;
      overflow: hidden;
      display: inline-block;
      text-overflow: ellipsis;
      /* konec stylu pro zkraceni dlouhych textu: */}
      div.overlay div.wrapper p span.current {
        font-weight: bold; }
    div.overlay div.wrapper div.progress {
      background: #ffffff;
      border: 1px solid #e5e5e5;
      margin-bottom: 10px;
      box-shadow: 0 0 5px #e5e5e5 inset, 0 0 20px #f0f0f0;
      height: 10px;
      overflow: hidden;
      position: relative;
      width: 300px; }
      div.overlay div.wrapper div.progress div.bar {
        background: #006ecc;
        bottom: 0;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
        height: 100%;
        left: 0;
        position: absolute;
        right: auto;
        top: 0;
        width: 0; }
      div.overlay div.wrapper div.progress div.done {
        background: #90d0ff;}
  /*div.overlay div.alert {
        height: 110px;}*/
  div.overlay div.alert div.progress {
        display:none;}
        
  div.overlay div.zoomview {
    background: #ffffff;
    border: 1px solid #909090;
    box-shadow: 0 0 4px #a8a8a8 inset, 0 0 50px #a8a8a8;
    height: 50px;
    left: 50%;
    padding: 0px;
    position: absolute;
    top: 50%;
    width: 50px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    cursor: -moz-zoom-out; 
    cursor: -webkit-zoom-out; 
    cursor: zoom-out;}      
        div.zoomview table {
            border-collapse: collapse;
            border-spacing: 0;}
        div.zoomview tr, div.zoomview td {
            margin: 0;
            padding: 0;}
        
div.alignpage {
    height: 2px;
    display:inline-block;
    padding:2px;
    visibility:hidden;}

span.detailInfoCaption {
    font-family:Audiowide,Fallback,sans-serif;
    font-size:14px;
    font-weight:700;
    color:#2197ff;}
table.boxSizes {
    width:100%;
    border-spacing: 0px;
    line-height:18px;}
table.boxSizes tr.odd {
    background-color:#e0f0ff;}
table.boxSizes td {
    font-size:12px;
    text-align:center;}