@import "./desktop.css?v=23";
/*@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');*/

@media screen and (max-width: 767px) {
    .productimage,
    .detail-container
    {
        display:none;
    }
}

@font-face {
    	font-family: 'HelveticaNeueLTPro-Cn';
	src: url('../fonts/HelveticaNeueLTPro-Cn.eot') format('eot'); 
	src: url('../fonts/HelveticaNeueLTPro-Cn.eot?#iefix') format('embedded-opentype'),
       url('../fonts/HelveticaNeueLTPro-Cn.woff') format('woff'), 
	     url('../fonts/HelveticaNeueLTPro-Cn.ttf')  format('truetype'),
	     url('../fonts/HelveticaNeueLTPro-Cn.svg#HelveticaNeueLTPro-Cn') format('svg');
       font-weight: normal;
       font-style: normal;
}


.margin-right {margin-right:20px;}


@media screen and (max-width: 420px) {
    .dropdown-menu ul li>a {
        line-height: 32px;
        padding-left: 24px;
        padding-right: 24px
    }
}

/*jquery sweet*/
@font-face {
    font-family: 'BCOrion';
    src: url('../fonts/BC-Orion-Regular.eot');
    src: url('../fonts/BC-Orion-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BC-Orion-Regular.woff2') format('woff2'),
         url('../fonts/BC-Orion-Regular.woff') format('woff'),
         url('../fonts/BC-Orion-Regular.ttf')  format('truetype'),
         url('../fonts/BC-Orion-Regular.svg#BC Orion') format('svg');
}

@font-face {
    font-family: 'RePublic';
    src: url('../fonts/RePublic-Regular.eot');
    src: url('../fonts/RePublic-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RePublic-Regular.woff2') format('woff2'),
         url('../fonts/RePublic-Regular.woff') format('woff'),
         url('../fonts/RePublic-Regular.ttf')  format('truetype'),
         url('../fonts/RePublic-Regular.svg#RePublic') format('svg');
}

@font-face {
    font-family: 'RePublicBold';
    src: url('../fonts/RePublic-Bold.eot');
    src: url('../fonts/RePublic-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RePublic-Bold.woff2') format('woff2'),
         url('../fonts/RePublic-Bold.woff') format('woff'),
         url('../fonts/RePublic-Bold.ttf')  format('truetype'),
         url('../fonts/RePublic-Bold.svg#RePublic') format('svg');
}

@font-face {
    font-family: 'RePublicItalic';
    src: url('../fonts/RePublic-Regular-Italic.eot');
    src: url('../fonts/RePublic-Regular-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RePublic-Regular-Italic.woff2') format('woff2'),
         url('../fonts/RePublic-Regular-Italic.woff') format('woff'),
         url('../fonts/RePublic-Regular-Italic.ttf')  format('truetype'),
         url('../fonts/RePublic-Regular-Italic.svg#RePublic') format('svg');
}

/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v8/BngRUXNadjH0qYEzV7ab-oWlsbCLwR26eg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v8/BngRUXNadjH0qYEzV7ab-oWlsbCCwR26eg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v8/BngRUXNadjH0qYEzV7ab-oWlsbCIwR26eg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v8/BngRUXNadjH0qYEzV7ab-oWlsbCGwR0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body {
font-family: 'RePublic',Helvetica, Arial, sans-serif; 
/*font-family: Helvetica, Arial, sans-serif;*/
}


.highlight label {color:#fa7a50}

.resultdesc h1 {line-height:2.4rem;font-size: 1.8rem; margin-bottom:10px; }

h1 {color:#555;
    font-weight:normal !important; 
    margin-top:0.5em;font-size: 35px; 
    font-family: 'BCOrion',Helvetica, Arial, sans-serif; 
 }

h2 {font-size: 28px;font-weight: normal !important; 
    margin-top:0.5em;color:#555;
    font-family: 'RepublicItalic',Helvetica, Arial, sans-serif; 
}


.h5, h5 {
    font-size: 1.1rem;color:#999;
}

a, a:focus, a:hover {
    color: #f29100;
}

.around:hover {cursor:pointer  }

.text-right {text-align:right}

.no-margin-left {margin-left:0 !important;  }
.no-margin {margin:0 !important;  }
.no-padding {padding:0 !important;  }
.no-padding-left {padding-left:0 !important;  }
.no-padding-right {padding-right:0 !important;  }

.margin-bottom {margin-bottom:5px !important;  }


/*form check*/
.margin-top-big {margin-top:20px;}
.margin-bottom-big {margin-bottom:20px;}

.width100 {width:100% !important;  }

/*.emptybtn {height:94px !important;  }*/
*.emptybtn {height:102px !important;  }

#popupLogin .portlet {padding:10px }


.breadcrumb {
    background: none;
    padding:  0.5rem 0 0 0;
    margin: 0;
    border: 0px;
    border-radius: 0px;
    color:#777 !important;

}


#user-form .ui-input-text input,
#user-form textarea
{color:#000 !important;background:#fff !important;  }


.ui-page-theme-a .ui-btn.btnprimary, 
html .ui-bar-a .ui-btn.btnprimary, 
html .ui-body-a .ui-btn.btnprimary, 

.ui-page-theme-a .ui-btn .btnprimary, 
html .ui-bar-a .ui-btn .btnprimary, 
html .ui-body-a .ui-btn .btnprimary, 

.form .ui-page-theme-a .ui-btn, 
html .form .ui-bar-a .ui-btn, 
html .form .ui-body-a .ui-btn, 
html body .form  .ui-group-theme-a .ui-btn, 
html head + body  .form .ui-btn.ui-btn-a, 
.form .ui-page-theme-a .ui-btn:visited, 
html .form  .ui-bar-a .ui-btn:visited, 
html  .form .ui-body-a .ui-btn:visited, 
html body  .form .ui-group-theme-a .ui-btn:visited, 
html head + body .form  .ui-btn.ui-btn-a:visited {
    background-color: #006ec9 !important;
    color: #fff !important;
}


#titlePage .m-btn.btn-15x,
.m-btn.btn-15x {height:147px !important;
 }
 

/* #titlePage .novinky {height:100%}*/
 
#titlePage .m-btn.btn-2x

{height:200px !important;
 overflow:hidden;
 }
 
 .card-header,.card-header a {color:#fff;border-bottom:none;background: none}
 
 .card-body a {color:#333}
 
 .m-btn.btn-2x
{height:197px !important;
 overflow:hidden;
 }
 
 
.img-2x
{height:196px !important;
 overflow:hidden;
 }
 
 .img-2x-title
{height:200px !important;
 overflow:hidden;
 }
 
.col-md-4 .m-btn {width:100% !important; }

.img-3x
{
 /*height:305px !important;
 overflow:hidden;   */
 }

.help-block {color:red; }

.ui-field-contain {margin:0;}
.ui-shadow {
  -webkit-box-shadow:none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.numberinput  .ui-input-text,
#own-dimensions .ui-input-text {margin-top:0;margin-bottom:0em;}


.numberinput  label {margin-bottom:8px !important;}

#own-dimensions .input-append,
#number-row .input-append,
#raznicevysekrozmer .input-append
{}

#own-dimensions .ui-input-text,
#number-row .ui-input-text,
#raznicevysekrozmer .ui-input-text
{width:100%;float:left;}

#number-row #ciselna-rada .ui-input-text {
float:left; 
  margin-top: 0;
}

#baleni .ui-input-text
{width:60%;float:left}
#baleni .input-append
{width:49%;float:left;}
#baleni .add-on
{display:block;float:left;margin-right:10px}

#own-dimensions .add-on,
#number-row .add-on,
#raznicevysekrozmer .add-on
{display:block;float:left;margin-right:10px}


/*.col-md-9.calcForm  {margin:0;padding:0 !important;}*/
.calcForm>div,.resultBox>div {background:#fff;padding:15px}

.ui-btn-corner-all{-moz-border-radius:0;-webkit-border-radius: 0;border-radius: 0;}

.ui-dialog-background {
    opacity: 1;
    display: block !important;
    -webkit-transition: opacity 0.5s ease-in;
}

.ui-dialog-background.pop.in {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in;
}

.ui-dialog {
    min-height: 100% !important;
    background: transparent !important;
}

#debug .span1  {
   width: 70px !important;
   text-align: right !important;
}
#debug .span2  {
   width: 200px !important;
   text-align: left !important;
   margin-left: 0 !important;
}


/* Title page */

#slider_right {margin-top:-8px;z-index:0}

#titlePage.row-fluid [class*="span"]:nth-child(4n+1) {

   margin-left: 0;
}

.request-form .row-fluid .span4:nth-child(3n+1),
.calculation-form .row-fluid .span4:nth-child(3n+1) {
   margin-left: 0;
}


.request-form label,
.calculation-form label {
   font-size:18px;
   font-weight:normal;
}

.myicon-grid a i
{
   background: url(/img/piktogramy-final-2019-5.svg);
    background-repeat:no-repeat;
    display:block;
    width: 95px;
    height: 88px;
    display:block;
    /*float:left;*/
    position:relative;
   margin-left:auto;margin-right:auto;
   padding-left:0 !important;
    
    }
    
#slider_right.myicon-grid a
{   position:relative;
    height:95px;width:95px;
    }
    
#slider_right.myicon-grid a i
{   position:absolute;
    
    top:0px;
    }
    
    
    .myicon-grid a i.btn-leaflet-individual {   
       background: url(../img/muj-pozadavek1.png) !important;  
       background-repeat:no-repeat !important;  
       background-position: 15px 8px !important;
       height:86px;
    }
    
     .myicon-grid a i.btn-t1000 {   
       background-image: url(../img/ico-t1000.png) !important;  
       background-repeat:no-repeat;
       width:129px;
       height:70px;
       float:none !important;
    }
    
   .t1000-icons a  span {   
       font-size:14px !important;
    }

    .t1000-icons {   
       margin-top:5px;
       margin-bottom:0px;
    }
    
    
     .t1000-icons a.m-btn {   
       padding:0;margin-bottom:5px;
       height:93px;
       text-align:center;
       color:#000 !important;
       background:#bfc9d2;
    }
    
    .t1000-icons a.m-btn .ui-btn,
    .btn-t1000 .ui-btn {   
       display:block;
       background:transparent !important;
       position:absolute;
       right:0px;
       top:10px;
    }
    
    .btn-t1000 .ui-btn {   
       top:0px;
    }
    
    .t1000-icons a.m-btn:hover,
    .t1000-icons a.m-btn:focus,
    .t1000-icons a.m-btn.active {
        background-color: #647d94;  
    }
    
    
    .t1000-icons a.m-btn:link,.t1000-icons  a.m-btn:visited, .t1000-icons .menuicons a:link, 
    .t1000-icons .menuicons a:visited, .t1000-icons .m-btn a:link, .t1000-icons .m-btn a:visited {
    color: #000 !important;

}
    
    .myicon-grid a i.btn-t1000.btn-t1000-pockani {
    background-position:0 0;height:92px;
    }
    
    .myicon-grid a i.btn-t1000.btn-t1000-nocni {
    background-position:-143px 0;height:92px;
    }
    

    
    .myicon-grid a i.btn-t1000.btn-t1000-manlisty {
    background-position:-143px -101px;
    }
    
    .myicon-grid a i.btn-t1000.btn-t1000-bannery {
    background-position:0 -211px;
    }
    
    .myicon-grid a i.btn-t1000.btn-t1000-podlahova {
    background-position:-143px -211px;
    }
    

    
   .icontext,.icontext2 {
    display:block;
    }
    
    .icontext {
    padding-top:10px;    
    float:left;
    /*min-height:100px;*/
    }
    
    .icontext2 {
    border-top:1px solid rgba(255,255,255,0.5) ;      
    clear:both;
    margin:10px 15px  0 15px;
    padding-top:10px;
    }
    
    .icontextlarge {
    height:136px;
    }
    
   .rightbottombox {
    height:115px;
    }
    
    
    
    .divider {
    display:block;    
    clear:both;
    }
    
    .myicon-grid strong,.myicon-grid small {
        display:block;  
        /* color:#0a1b3d !important; */
    }
    
    
    .myicon-grid .btn-news strong,.myicon-grid .btn-news small {
        display:inline;  
    }

    /*
     .myicon-grid strong {
    font-weight:normal;
	font-size: 24px; 
	line-height: 30px; 	
    }
    
    .myicon-grid strong {
        
	font-size: 17px; 
	line-height: 22px; 	
    }
    */
     .myicon-grid strong.smaller {
        
	font-size: 18px; 
	line-height: 24px; 	
    }
    
    
    
     .myicon-grid strong.long { 
	line-height: 22px; 	
        margin-bottom:5px;
    }
        
    .myicon-grid small {
    font-size:13px;
    }
    
  .m-btn.ui-icon-carat-d.ui-btn-icon-right::after {
    top: 80px;
    }

/*    .ui-icon-action.ui-btn-icon-right::after {
    top: 20px !important;
    }*/
 
  
  
   .myicon-grid a i.btn-photobook {background-position:-866px -486px;height:94px;}  

 .myicon-grid a i.btn-leaflet {background-position:0px 0px;}
.myicon-grid a i.btn-leaflet-1lom {background-position:0px -144px;}

.myicon-grid a i.btn-leaflet-krizovy {background-position:0px -1007px;}

.myicon-grid a i.btn-leaflet-2lomyph {background-position:0px -432px;}
.myicon-grid a i.btn-leaflet-2lomypz {background-position:0px -576px;}
.myicon-grid a i.btn-leaflet-2lomypo {background-position:0 -720px;}
.myicon-grid a i.btn-leaflet-3lomypz {background-position:0 -864px;}
.myicon-grid a i.btn-leaflet-3lomypa {background-position:0 -1152px;}

.myicon-grid a i.btn-leaflet-k {background-position:-3299px 0px;}

.myicon-grid a i.btn-knihy {background-position:-144px 0;}
.myicon-grid a i.btn-knihy1 {background-position:-144px -144px;}
.myicon-grid a i.btn-knihy2 {background-position:-144px -288px;}
.myicon-grid a i.btn-knihy3 {background-position:-144px -432px;}
.myicon-grid a i.btn-knihy4 {background-position:-144px -576px;}
.myicon-grid a i.btn-knihy5 {background-position:-144px -720px;}


.myicon-grid  a i.btn-booklet {background-position:-288px 0px;}
.myicon-grid  a i.btn-booklets {background-position:-288px -144px;}
.myicon-grid  a i.btn-bookleto {background-position:-288px -288px;}
.myicon-grid  a i.btn-bookletp {background-position:-288px -432px;}



.myicon-grid  a i.btn-binder {background-position:-432px 0px;}
.myicon-grid  a i.btn-binder1 {background-position:-432px -144px;}
.myicon-grid  a i.btn-binder2 {background-position:-432px -288px;}
.myicon-grid  a i.btn-binder3 {background-position:-432px -432px;}
.myicon-grid  a i.btn-binder4 {background-position:-432px -576px;}
.myicon-grid  a i.btn-binder5 {background-position:-432px -720px;}
.myicon-grid  a i.btn-binder6 {background-position:-432px -864px;}


.myicon-grid  a i.btn-folder {background-position:-576px 0px;}
.myicon-grid  a i.btn-folder1 {background-position:-576px -144px;}
.myicon-grid  a i.btn-folder2 {background-position:-576px -288px;}
.myicon-grid  a i.btn-folder3 {background-position:-576px -432px;}
.myicon-grid  a i.btn-folder4 {background-position:-576px -576px;}
.myicon-grid  a i.btn-folder5 {background-position:-576px -720px;}
.myicon-grid  a i.btn-folder6 {background-position:-576px -864px;}

.myicon-grid  a i.btn-folder7 {background-position:-576px -1008px;}
.myicon-grid  a i.btn-folder8 {background-position:-576px -1152px;}
.myicon-grid  a i.btn-folder9 {background-position:-576px -1296px;}
.myicon-grid  a i.btn-folder10 {background-position:-576px -1440px;}
.myicon-grid  a i.btn-folder11 {background-position:-576px -1580px;}
.myicon-grid  a i.btn-folder12 {background-position:-576px -1720px;}
.myicon-grid  a i.btn-folder13 {background-position:-576px -1868px;}
.myicon-grid  a i.btn-folder14 {background-position:-576px -2012px;}
.myicon-grid  a i.btn-folder15 {background-position:-576px -2156px;}
.myicon-grid  a i.btn-folder16 {background-position:-576px -2300px;}
.myicon-grid  a i.btn-folder17 {background-position:-576px -2444px;}

.myicon-grid  a i.btn-manlisty {background-position:-720px 0px;}
.myicon-grid  a i.btn-manlisty1 {background-position:-720px -144px;}
.myicon-grid  a i.btn-rozradovace {background-position:-720px -288px;}


.myicon-grid  a i.btn-sticker {background-position:-864px 0;}
.myicon-grid  a i.btn-sticker1 {background-position:-864px -144px;}
.myicon-grid  a i.btn-sticker2 {background-position:-864px -288px;}

.myicon-grid  a i.btn-cards {background-position:-1008px 0px;}
.myicon-grid  a i.btn-cards1 {background-position:-1008px -144px;}
.myicon-grid  a i.btn-cards2 {background-position:-1008px -288px;}

.myicon-grid  a i.btn-tags2 {background-position:-1152px 0px;}
.myicon-grid  a i.btn-tags1 {background-position:-1152px -144px;}
.myicon-grid  a i.btn-tags {background-position:-1152px -288px;}

.myicon-grid  a i.btn-calendar {background-position:-1296px 0px;}
.myicon-grid  a i.btn-calendar1 {background-position:-1296px -144px;}
.myicon-grid  a i.btn-calendar2 {background-position:-1296px -288px;}
.myicon-grid  a i.btn-calendar3 {background-position:-1296px -432px;}
.myicon-grid  a i.btn-calendar4 {background-position:-1296px -576px;}
.myicon-grid  a i.btn-calendar5 {background-position:-1296px -720px;}
.myicon-grid  a i.btn-calendar6 {background-position:-1296px -864px;}

.myicon-grid  a i.btn-calendar7 {background-position:-1296px -1008px;}
.myicon-grid  a i.btn-calendar8 {background-position:-1296px -1152px;}
.myicon-grid  a i.btn-calendar9 {background-position:-1296px -1296px;}
.myicon-grid  a i.btn-calendar10 {background-position:-1296px -1440px;}
.myicon-grid  a i.btn-calendar11 {background-position:-1296px -1580px;}
.myicon-grid  a i.btn-calendar12 {background-position:-1296px -1720px;}

.myicon-grid  a i.btn-poster {background-position:-1440px 0px;}

.myicon-grid  a i.btn-krvazba {background-position:-1580px 0px;}
.myicon-grid  a i.btn-krvazba1 {background-position:-1580px -144px;}
.myicon-grid  a i.btn-krvazba2 {background-position:-1580px -288px;}
.myicon-grid  a i.btn-krvazba3 {background-position:-1580px -432px;}
.myicon-grid  a i.btn-krvazba4 {background-position:-1580px -576px;}
.myicon-grid  a i.btn-krvazba5 {background-position:-1580px -720px;}

.myicon-grid  a i.btn-canvas {background-position: -1720px 0px;}

.myicon-grid  a i.btn-pohlednice {background-position:-1868px 0px;}

.myicon-grid  a i.btn-pad {background-position:-2012px 0px;}
.myicon-grid  a i.btn-pad1 {background-position:-2012px -144px;}
.myicon-grid  a i.btn-pad2 {background-position:-2012px -288px;}
.myicon-grid  a i.btn-pad3 {background-position:-2012px -432px;}
.myicon-grid  a i.btn-pad4 {background-position:-2012px -576px;}
.myicon-grid  a i.btn-pad5 {background-position:-2012px -720px;}
.myicon-grid  a i.btn-pad6 {background-position:-2012px -864px;}

.myicon-grid  a i.btn-samopropis {background-position:-2156px 00px;}

.myicon-grid  a i.btn-special {background-position:-2300px 0px;}
.myicon-grid  a i.btn-special1 {background-position:-2300px -144px;}
.myicon-grid  a i.btn-special2 {background-position:-2300px -288px;}
.myicon-grid  a i.btn-special3 {background-position:-2300px -432px;}
.myicon-grid  a i.btn-special4 {background-position:-2300px -576px;}
.myicon-grid  a i.btn-special5 {background-position:-2300px -720px;}
.myicon-grid  a i.btn-special6 {background-position:-2300px -864px;}

.myicon-grid  a i.btn-online {background-position:-2444px 0px;}
.myicon-grid  a i.btn-online1 {background-position:-2444px -144px;}
.myicon-grid  a i.btn-online2 {background-position:-2444px -288px;}
.myicon-grid  a i.btn-online3 {background-position:-1296px -1580px;}

.myicon-grid  a i.btn-dotiskknih {background-position:-2588px 0px;}

.myicon-grid  a i.btn-dtp {background-position:-2732px 0px;}

.myicon-grid  a i.btn-screw {background-position:-2876px 0px;}
.myicon-grid  a i.btn-photoalbum {background-position:-2876px -144px;}
.myicon-grid  a i.btn-box {background-position:-3020px -0px;}

.myicon-grid  a i.btn-box11 {background-position:-3020px -144px;}
.myicon-grid  a i.btn-box12 {background-position:-3020px -288px;}
.myicon-grid  a i.btn-box13 {background-position:-3020px -432px;}
.myicon-grid  a i.btn-box14 {background-position:-3020px -576px;}
.myicon-grid  a i.btn-box15 {background-position:-3020px -720px;}

.myicon-grid  a i.btn-box21 {background-position:-3164px -144px;}
.myicon-grid  a i.btn-box22 {background-position:-3164px -288px;}
.myicon-grid  a i.btn-box23 {background-position:-3164px -432px;}

.myicon-grid  a i.btn-box31 {background-position:-3308px -144px;}
.myicon-grid  a i.btn-box32 {background-position:-3308px -288px;}
.myicon-grid  a i.btn-box33 {background-position:-3308px -432px;}

.myicon-grid  a i.btn-box41 {background-position:-3452px -144px;}
.myicon-grid  a i.btn-box42 {background-position:-3452px -288px;}
.myicon-grid  a i.btn-box43 {background-position:-3452px -432px;}

.myicon-grid  a i.btn-box51 {background-position:-3596px -144px;}
.myicon-grid  a i.btn-box52 {background-position:-3596px -288px;}
.myicon-grid  a i.btn-box53 {background-position:-3596px -432px;}

.myicon-grid a i.btn-nocni {background-position:-3740px 0;} 
.myicon-grid a i.btn-mujpozadavek {background-position:-3740px -144px;} 
.myicon-grid a i.btn-pockani {background-position:-3740px -288px;} 


.myicon-grid a i.btn-klopy1 {background-position:-3884px 0;} 
.myicon-grid a i.btn-klopy2 {background-position:-3884px -144px;} 
.myicon-grid a i.btn-klopy3 {background-position:-3884px -288px;} 
.myicon-grid a i.btn-klopy4 {background-position:-3884px -432px;} 
.myicon-grid a i.btn-klopy5 {background-position:-3884px -576px;} 
.myicon-grid a i.btn-klopy6 {background-position:-3884px -720px;} 


#PadCover_postpress_kniharna-menu li  {
 	 background-image:url(../img/piktogramy-final3-black.svg) !important;
 	 background-repeat:no-repeat !important;
     padding-left:117px;
     height:83px;
 }
 
 #PadCover_postpress_kniharna-menu li a {
     height:83px;
     line-height:63px !important;
 }
 #PadCover_postpress_kniharna-menu li:nth-child(1)  {
     background-position:-20px -372px !important;
 }        
 #PadCover_postpress_kniharna-menu li:nth-child(2)  {
     background-position:-134px -372px !important;
 }
 #PadCover_postpress_kniharna-menu li:nth-child(3)  {
     background-position:-256px -372px !important;
 }
   #PadCover_postpress_kniharna-menu li:nth-child(4)  {
     background-position:-366px -372px !important;
 }
 
 .card.tracking {margin-bottom:0;margin-top:-7px;}

.m-btn.tracking  {height:94px;margin-bottom:3px !important;}
.m-btn.tracking h2 {padding:0 !important;margin:0 !important;font-size:18px;}

.m-btn.tracking .ui-input-text input  {
    background: white; 
    color:black;
}

.m-btn.tracking .ui-btn  {
    padding-top:5px;
    padding-bottom:5px;
}

.menuicons a:link,
.menuicons a:visited

{color: #000 !important; text-decoration: none}

/*2 cast mbtn */
a.m-btn.white:link,
a.m-btn.white:visited,
.m-btn.white a:link,
.m-btn.white a:visited


{color: #fff !important;}


a.m-btn.white {color: #000;}



a.m-btn.open {background-color: #6e6c6d;}
/*header box*/
 .m-btn.m-btn-h {

    background-color: #bfc9d2; 
    display: block;}
 .submenu {margin-bottom:20px;}


/*link to T1000 and CT */
a.m-btn.btn-t1000 
{color: #000 !important;
    margin-top:0;
    font-size: 1.2em;
    line-height: 1.9em;
}

a.m-btn.btn-news
{color: #000 !important;
    margin-top:0;

}


a.m-btn.btn-t1000
{
    background: #0a1b3d  url(../img/logo.png) center right no-repeat !important;
    background-size: 100px 60px;
    height:142px;
    margin-bottom:0px  !important;

}

a.m-btn.btn-t1000:hover,
a.m-btn.btn-t1000:focus  {
    background: #647d94 url(../img/logo.png) center right no-repeat !important;  
}
    

.myicon-grid .btn-news strong

{
   font-size:14px;font-weight:bold;
}


a.m-btn.btn-ct
{
    /*background: #e8e9ed url(../img/t1000logo.png) center right no-repeat;*/
}


ul#loginMenu 
{margin-top:00px;margin-bottom:0;
}
#loginMenu li
{float:right; list-style-type:none;}



#loginMenu li
{padding-right:20px;  }

#loginMenu li a
{text-decoration:none;line-height:40px;height:40px; display:inline-block;}



#loginMenu div
{
    /*display:inline-block;*/
    float:right;}

#loginMenu .m-btn 
{display:block;float:left;margin-left:15px; }


#loginMenu .currency form
{height:30px !important;display:block;width:100px; float:right; }

#loginMenu .basket
{white-space: nowrap;}


/*main menu*/
ul#mainMenu {margin-top:20px;}
#mainMenu>li {margin-top:0;padding:0px 10px;}
#mainMenu>li {border-right:1px solid #f29100;}
ul#mainMenu>li.klient {margin:0;margin-top:-5px;padding-left:25px;}
ul#mainMenu li.klient a {color:#fff !important;}
#mainMenu>li.klient {margin-top:0;display: inline-block;float:right;padding:0px; }
#mainMenu>li.klient a {background:#333;display:block;padding:7px 5px;}
#mainMenu>li.menukontakty,
#mainMenu>li:last-child {border-right:none;}

i.hicon {background: url(../img/horni-ikony.png);width:40px;height:40px;display:inline-block;line-height: 1;vertical-align: middle;}

i.hicon.ilogin {background-position:-157px -22px;}
i.hicon.ibasket {background-position:-355px -22px;}

#topMenu  {
              position:relative;
              
}

#topMenu hr  {
              position:absolute;
              top:51px;
            border: none;
            height: 2px;
            /* Set the hr color */
            color: #eee; /* old IE */
            background-color: #eee; /* Modern Browsers */
         width:100%;
              
}

/*

#topMenu h1,#topMenu h2  {
              text-align:right;
              float:right;
              margin:0;
}

*/

#topMenu h1  {font-size: 42px;line-height:62px; margin-bottom:20px;
}
/*
#topMenu h2  {font-size: 42px;font-weight:normal;line-height:42px;
}
*/
#topMenu a  {color:#6e6d6c;text-decoration: none;}

#topInfo { /*background:rgb(110, 108, 109);color:white;*/padding:5px 0;}

#topInfo ul {border-bottom:1px solid #ddd;}


#topInfo li {padding:0 10px;}
.brandwrapper {background:#fff; }
.brand {float:left;margin-top:15px;margin-bottom:8px }
.slogan {
    /* font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;*/
    font-family: 'HelveticaNeueLTPro-Cn',"Helvetica-Narrow", Helvetica,Arial,sans-serif;
    display:block;clear:both;margin-top:15px;font-size:1.4rem;line-height:2rem;
text-align:center;
}
.slogan .quote {
     font-size:2rem;color:#f29100;line-height:2rem;  }

.slogan strong {
     text-transform: uppercase; }

p.slogan  {
     margin-bottom: 0; }

.brand img {width:100%;height:100%; }
ul.menuicons {list-style-type: none; padding: 0;        
}

ul.menuicons li {text-align: center;  
                        
}

i.menuicon {background: url(../img/horni-ikony.png);width:40px;height:40px;display:inline-block;line-height: 1;
          }


.produkty i.menuicon {background-position:-43px -88px;}
.onas i.menuicon {background-position:-165px -88px;}
.kontakty i.menuicon {background-position:-292px -88px;}
.klientskyprogram i.menuicon {background-position:-436px -88px;}
.obchodnipodminky i.menuicon {background-position:-604px -88px;}


.menuicons li   {float:left;display:block;
                  
                   
                   text-align:center;
                   
}




.menuicons li a   {font-size:15px;font-weight:normal;display:block;text-align:center; margin-left:auto;
                 margin-right:auto; }
.menuicons li a.ui-btn   {margin-bottom:0px;}


/*jquery min correct*/
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {

    text-shadow: none;
}
.ui-body-a, .ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a {

    text-shadow:none;
}



/*Result*/
/*.resultspan .m-btn {width:100%;}*/
  

  #result .resultdesc {margin-bottom:10px;}
  #result .resultdesc.m-btn {margin-top:0px;}
  #result .resultdesc h3 {margin:10px;}
  #result .resultdesc h2 {font-size:24px;font-weight:normal;margin-top:0px;margin-bottom:0px;}
  #result .resultdesc p,
 
  
  #result .resultdesc p,
  #result .resultdesc p small {font-size:13px;}
  
  #result .resultdesc {padding:10px;
 }
 
  /* #result .tobasket {margin-top:15px;clear:both;
 }  */
    
    
  #result .price h3  {margin:2px 0 !important;font-size:1.4rem;}
  
  #result .pricetab button {margin-top:0px;}
  
  
/*Gift*/
.gift {background-color:#5f0401;min-height:222px;
       background-size: 100% auto; 
       background-repeat: no-repeat; 
       background-position: center bottom; 
       background-image: url('/media/img/fotak.jpg');
       padding:10px !important;
       margin-bottom:15px;
}


/*Tipsy*/

.tipsy { font-size: 12px; position: absolute; padding: 5px; z-index: 100000; }

.help:hover { cursor:pointer; }

.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: left; }

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow { position: absolute; width: 0; height: 0; border: 5px solid transparent; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }

.tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top: 0; border-top: none; }
.tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom: 0; border-bottom: none; }
.tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left: 50%; margin-left: -5px; }
.tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left: 10px; }
.tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right: 10px; }
.tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top: 50%; margin-top: -5px; }
.tipsy-e .tipsy-arrow { right: 0; border-right: none; }
.tipsy-w .tipsy-arrow { left: 0; border-left: none; }

.tipsy  ul {margin:0;padding:0}





/*mbtn presunuto do desktop sekce*/

.ui-page-theme-a .request-form .ui-btn, 
html .request-form .ui-bar-a .ui-btn, 
html .request-form .ui-body-a .ui-btn, 
html body .request-form .ui-group-theme-a .ui-btn,
.ui-page-theme-a .calculation-form .ui-btn, 
html .calculation-form .ui-bar-a .ui-btn, 
html .calculation-form .ui-body-a .ui-btn, 
html body .calculation-form .ui-group-theme-a .ui-btn,
.ui-page-theme-a .ui-body-inherit.ui-input-text
{
    
    border: none;
    text-shadow: none;
      
}

.ui-page-theme-a .request-form .ui-btn, 
html .request-form .ui-bar-a .ui-btn, 
html .request-form .ui-body-a .ui-btn, 
html body .request-form .ui-group-theme-a .ui-btn,
.ui-page-theme-a .calcForm .ui-btn, 
html .calcForm .ui-bar-a .ui-btn, 
html .calcForm .ui-body-a .ui-btn, 
html body .calcForm .ui-group-theme-a .ui-btn,
.ui-page-theme-a .ui-body-inherit.ui-input-text
{
    background-color: transparent;
     
    
}

.ui-input-text input[type=number]
{
    font-size:16px;
    margin:4px 0;
   
    
}

/*
.ui-page-theme-a .ui-btn, 
html .ui-bar-a .ui-btn, 
html .ui-body-a .ui-btn, 
html body .ui-group-theme-a .ui-btn, 
.ui-page-theme-a .ui-body-inherit.ui-input-text {
    background-color: transparent;
    border: medium none;
    text-shadow: none;
}*/

/*
.ui-page-theme-a .ui-body-inherit.ui-input-text
{
     
}*/

/*font-size on large text*/
#Knihy-form label[for=material_cover_id],
#Knihy-form label[for=Book_postpress_povrchy_cover],
#Knihy-form label[for=Book_postpress_povrchy_outercover],
#Knihy-form label[for=Book_postpress_slepotisk],
#Knihy-form label[for=Book_postpress_razba]

{
    font-size: 17px;   
}


.ui-select a.ui-btn {
    color: #ddd;   
}


#product-desc br {
    content: " ";
    display: none;  
}

.product-block {
    margin-bottom: 20px;
}


.text-box {
    height: 139px;
}

#Individuální tiskovina-form div.text-box div.ui-field-contain textarea {
    height: 100px;
}

.productimg {
    height: 197px;overflow:hidden;
}

.productimg img {
    margin-top: -10px;
}

.titleimg {
   /* height: 309px;overflow:hidden;   */
}

.titleimg img {
    height:100%;
}

/*footer*/
footer {margin-top:1rem;}


.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
    background-color: #0a1b3d;
    border-color: none;
    color: #fff;
    font-weight: bold;
    text-shadow:none;
}



.vysek  img {
    max-height: 100%;
    max-width: 100%;
}

/*
@media screen and (max-width: 950px){
    request-form label, .calculation-form label {
        font-size: 16px !important;
    }
}*/

@media (min-width: 1200px) {
        .navmenucontainer {margin-top:-60px}
}

@media screen and (max-width: 1280px){
.request-form label,
    .calculation-form label {
        font-size:15px; 
    }

 }   

@media screen and (max-width: 65em){
       

       #topMenu h1 {font-size: 38px;}
      a.m-btn.btn-t1000 {font-size: 1em;}
      
      .gift {background-color:#5f0401;min-height:222px;
       background-size: auto 100%; 
       background-repeat: no-repeat; 
       background-position: right top;       
	}
  
  
  .tobasket .alert,
  .gift {margin-top:15px;}
        
}

@media screen and (max-width: 400px){
    
 ul.myicon-grid li {height:100px;}
} 


@media screen and (max-width: 51.4375em){
    
      #mainMenu>li {border-right:0 !important;}
    
      
    
      #topMenu h1 {
            float: none;
            font-size: 48px;
            
            text-align: left;
        }
    .calcForm .m-btn, #titlePage .m-btn {
        height: auto !important;
    }
}
@media screen and (min-width: 51.4376em){
   
   .calcForm .m-btn {min-height:134px !important;}
    .m-btn.btn-2x
    {height:297px !important;
     overflow:hidden;  
     }
   
 } 
 
 
 @media screen and (min-width: 768px){
 .titleimg {
    height: 404px;overflow:hidden;   
}

.img-3x
{
 height:345px !important;
 overflow:hidden;   
 }  
 }
 
  
 @media screen and (min-width: 992px){
  .tobasket  {padding-left:0 !important;  }
  .md-no-padding-left {padding-left:0 !important;  }

} 
 
 
  @media screen and (max-width: 767px){
 .titleimg {
    height: 609px;
  }
  
      #topMenu h1 {
            font-size: 32px;
        }


.img-3x
{
 height:605px !important;   
 }

  .gallery-top {  
    width: 305px;   
}

} 




@media screen and (max-width: 25em){


}



 /* main vertical scroll */
  #main {
  position:relative;
  overflow:hidden;
  height: 450px;
  }

  /* root element for pages */
  #pages {
  position:absolute;
  height:20000em;
  }

  /* single page */
  .page {
  }

  /* root element for horizontal scrollables */
  .scrollable {
  position:relative;
  overflow:hidden;
  width: 510px;
  height: 450px;
  }

  /* root element for scrollable items */
  .scrollable .items {
  width:20000em;
  position:absolute;
  clear:both;
  }

  /* single scrollable item */
  .item {
 
  cursor:pointer;
  /*width:500px;
  height:450px;
  padding:10px;*/
  }

  /* main navigator */
  #main_navi {
  float:left;
  padding:0px !important;
  margin:0px !important;
  }
  
  
  .myicon-grid  #main_navi strong {
    font-size: 15px;
    line-height: 18px;
}

  #main_navi li {
  background-color:#333;
  border-top:1px solid #666;
  clear:both;
  color:#FFFFFF;
  font-size:12px;
  height:62px;
  list-style-type:none;
  padding:5px;
  width:190px;
  cursor:pointer;
  }

  #main_navi li:hover {
  background-color:#444;
  }

  #main_navi li.active {
  background-color:#555;
  }

  #main_navi img {
  float:left;
  margin-right:10px;
  }

  #main_navi strong {
  display:block;
  }

  #main div.navi {
  margin-left:250px;
  cursor:pointer;
  }

  
  
  


/*swipper*/

  .swiper-container {
        margin-left: auto;
        margin-right: auto;
        height: 700px;
         width: 100%;
  
    }
    .swiper-container a {
        
        display: block;
        width:100%;
        height:100%;
  
    }
    
    .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    
   .swiper-slide div {

    padding:5px 5px 5px 90px ;
    color:white !important;
    
    
     
        text-align: left;
        font-size: 12px;  
    }

  
  
    
    
    
    .gallery-top {
        height:100%;
        overflow: hidden;
     
    }
    .gallery-thumbs {
       height:100%;
  
     }  
      
    
    .gallery-thumbs .swiper-slide {
        display:block;  
        background:#6e6c6d;
        cursor: pointer;
    }
    
    .gallery-thumbs .swiper-slide-active {
        background:#444;
    }


    .calcForm .styled-disabled-input input:disabled {
        border: 0 none;
        
    }
    
    
    /*product menu*/
    
#mainMenu .ui-btn-icon-notext::after,#mainMenu .ui-btn-icon-left::after,#mainMenu .ui-btn-icon-right::after {
      
      top: 50px !important;
  }
 


.cbp-hssubmenu2 li.myicon-grid  {    
    position: relative ;
    
}

.help-inline {color:#f00}

/*Scrolling text*/

.horizontal_scroller,.vertical_scroller {
    position:relative;
    width:100%;
    display:block;
    overflow-x:hidden;
    border:none;
    margin:10px 0px;
    height: 30px;

    * {
        margin: 0px;
    }
}

.scrollingtext {
    position:absolute;
    white-space:nowrap;
    z-index:0;
    font-size:20px;
}


/*Hide columntoggle button*/
ui-table-columntoggle-btn {
    display: none !important;
}



.ui-btn {
    font-size: 13px !important;
    
}


#SheetCut_color-menu li a.ui-btn {
  
    line-height: 38px;
    
}                


.icon1000 {
    height: 38px;
    line-height: 38px;
    /*width: 60px;*/
    background: url("../img/icon-web-1000-12.svg");
    padding: 0 0 5px 60px;
    display:block;
    float:left;
    width: 58px;
		}   
		

.icon-naklad        {background-position:0px 0px;}
.icon-naklad-1      {background-position:0px -68px;}
.icon-naklad-5      {background-position:0px -136px;}
.icon-naklad-10     {background-position:0px -204px;}
.icon-naklad-20     {background-position:0px -272px;}
.icon-naklad-25     {background-position:0px -340px;}
.icon-naklad-50     {background-position:0px -408px;}
.icon-naklad-100    {background-position:0px -476px;}
.icon-naklad-150    {background-position:0px -544px;}
.icon-naklad-200    {background-position:0px -612px;}
.icon-naklad-250    {background-position:0px -680px;}
.icon-naklad-300    {background-position:0px -748px;}
.icon-naklad-350    {background-position:0px -816px;}
.icon-naklad-400    {background-position:0px -884px;}
.icon-naklad-450    {background-position:0px -952px;}
.icon-naklad-500    {background-position:0px -1020px;}
.icon-naklad-600    {background-position:0px -1088px;}
.icon-naklad-700    {background-position:0px -1156px;}
.icon-80volumen     {background-position:0px -1224px;}

.icon-papir         {background-position:-68px 0px;}
.icon-papir-135-l   {background-position:-68px -68px;}
.icon-papir-135-m   {background-position:-68px -136px;}
.icon-papir-150-l   {background-position:-475px -340px;}
.icon-papir-150-m   {background-position:-475px -408px;}
.icon-papir-170-l   {background-position:-68px -204px;}
.icon-papir-170-m   {background-position:-68px -272px;}
.icon-papir-250-l   {background-position:-68px -340px;}
.icon-papir-250-m   {background-position:-68px -408px;}
.icon-papir-300-l   {background-position:-68px -476px;}
.icon-papir-300-m   {background-position:-68px -544px;}
.icon-papir-80-o    {background-position:-68px -612px;}
.icon-papir-90-o    {background-position:-68px -680px;}
.icon-papir-100-o   {background-position:-68px -748px;}
.icon-papir-90-l    {background-position:-68px -816px;}
.icon-papir-90-m    {background-position:-68px -884px;}
.icon-papir-200-m   {background-position:-68px -1020px;}
.icon-papir-200-l   {background-position:-68px -1088px;}
.icon-papir-250-d   {background-position:-68px -1156px;}
.icon-papir-115-m   {background-position:-68px -1224px;}
.icon-papir-115-l   {background-position:-68px -1292px;}
.icon-papir-350-m   {background-position:-68px -1360px;}
.icon-papir-350-l   {background-position:-68px -1428px;}


.icon-strany        {background-position:-136px 0px;}
.icon-stran-textu {background-position:-1019px -203px;}
.icon-pocetstran-8  {background-position:-136px -68px;}
.icon-pocetstran-12 {background-position:-136px -136px;}
.icon-pocetstran-16 {background-position:-136px -204px;}
.icon-pocetstran-20 {background-position:-136px -272px;}
.icon-pocetstran-24 {background-position:-136px -340px;}
.icon-pocetstran-28 {background-position:-136px -408px;}
.icon-pocetstran-32 {background-position:-136px -476px;}
.icon-pocetstran-36 {background-position:-136px -544px;}
.icon-pocetstran-40 {background-position:-136px -612px;}
.icon-pocetstran-44 {background-position:-136px -680px;}
.icon-pocetstran-48 {background-position:-136px -748px;}
.icon-pocetstran-52 {background-position:-136px -816px;}
.icon-pocetstran-56 {background-position:-136px -884px;}
.icon-pocetstran-60 {background-position:-136px -952px;}
.icon-pocetstran-64 {background-position:-136px -1020px;}
.icon-pocetstran-68 {background-position:-136px -1088px;}
.icon-pocetstran-72 {background-position:-136px -1156px;}



.icon-format    {background-position:-204px 0px;}
.icon-dl-w      {background-position:-204px -68px;}
.icon-a6-w      {background-position:-204px -136px;}
.icon-a5-w      {background-position:-204px -204px;}
.icon-a4-w      {background-position:-204px -272px;}
.icon-a3-w      {background-position:-204px -340px;}
.icon-a2-w      {background-position:-204px -408px;}
.icon-dl-t      {background-position:-204px -476px;}
.icon-a6-t      {background-position:-204px -544px;}
.icon-a5-t      {background-position:-204px -612px;}
.icon-a4-t      {background-position:-204px -680px;}
.icon-a3-t      {background-position:-204px -748px;}
.icon-a2-t      {background-position:-204px -816px;}
.icon-a1-t,      
.icon-a1        {background-position:-204px -884px;}
.icon-a0,
.icon-a0-t      {background-position:-204px -952px;}
.icon-b1-t,
.icon-b1        {background-position:-204px -1020px;}
.icon-b0-t,
.icon-b0        {background-position:-204px -1088px;}
.icon-a7-w      {background-position:-204px -1156px;}
.icon-a8        {background-position:-204px -1224px;}


.icon-barva             {background-position:-272px 0px;}
.icon-4-4               {background-position:-272px -78px;}
.icon-4-1               {background-position:-272px -146px;}
.icon-4-0               {background-position:-272px -214px;}
.icon-1-1               {background-position:-272px -282px;}
.icon-1-0               {background-position:-272px -350px;}
.icon-2-0               {background-position:-272px -418px;}
.icon-3-0               {background-position:-272px -486px;}

.icon-pocetstran-celkem {background-position:-271px -544px;}
.icon-pocetstran-barva  {background-position:-271px -612px;}
.icon-pocetstran-cb     {background-position:-271px -680px;}
.icon-pocetlistu-barva  {background-position:-272px -748px;}
.icon-pocetlistu-cb     {background-position:-272px -816px;}    
.icon-pocetlistu-celkem {background-position:-272px -883px;}
.icon-pocetkusu-celkem  {background-position:-272px -952px;}


.icon-vazba                 {background-position:-340px 0px;}
.icon-vazba-blok            {background-position:-340px -68px;}
.icon-vazba-slozky          {background-position:-340px -136px;}
.icon-obalka-ne             {background-position:-340px -204px;}
.icon-obalka-ano            {background-position:-340px -272px;}
.icon-vazba-lepeni-blok     {background-position:-340px -340px;}
.icon-vazba-vrtani-2        {background-position:-340px -408px;}
.icon-vazba-vrtani          {background-position:-340px -476px;}
.icon-vazba-vrtani-ne       {background-position:-340px -612px;}

.icon-vazba-zadna           {background-position:-340px -748px;}

.icon-krvazba-bila  {background-position:-340px -816px;}
.icon-krvazba-cerna {background-position:-340px -884px;}

.icon-vazba-krouzkova-bila  {background-position:-340px -816px;}
.icon-vazba-krouzkova-cerna {background-position:-340px -884px;}

.icon-vazba-lepeni-ne       {background-position:-340px -952px;}
.icon-orez                  {background-position:-340px -1020px;}
.icon-ocka                  {background-position:-340px -1088px;}
.icon-vysek                 {background-position:-340px -1156px;}

.icon-skladani          {background-position:-408px 0px;}
.icon-150x420           {background-position:-408px -68px;}
.icon-200x200           {background-position:-408px -134px;}
.icon-140x140           {background-position:-408px -204px;}
.icon-100x100           {background-position:-408px -272px;}
.icon-60x60             {background-position:-408px -340px;}
.icon-90x90             {background-position:-408px -408px;}
.icon-280x200           {background-position:-408px -476px;}
.icon-200x140           {background-position:-408px -544px;}
.icon-140x100           {background-position:-408px -612px;}
.icon-100x60            {background-position:-408px -680px;}
.icon-200x90            {background-position:-408px -748px;}
.icon-45x45             {background-position:-408px -816px;}    
.icon-65x45             {background-position:-408px -884px;} 

.icon-krvazba-stribrna  {background-position:-408px -1156px;}
.icon-krvazba-modra     {background-position:-408px -1224px;}


.icon-vzordesek {background-position:-476px 0px;}
.icon-vzordesek-1 {background-position:-476px -68px;}
.icon-vzordesek-2 {background-position:-476px -136px;}

.icon-u-200             {background-position:-476px -476px;}
.icon-u-140             {background-position:-476px -544px;}
.icon-u-100             {background-position:-476px -612px;}
.icon-u-60             {background-position:-476px -680px;}
.icon-u-90             {background-position:-476px -748px;}
.icon-u-45             {background-position:-476px -816px;}    


.icon-razba                 {background-position:-543px 0px;}
.icon-razba-folie-zlata     {background-position:-543px -68px;}
.icon-razba-folie-stribrna  {background-position:-543px -136px;}
.icon-razba-folie-modra  {background-position:-543px -272px;}
.icon-razba-folie-cervena  {background-position:-543px -340px;}
.icon-razba-slepotisk       {background-position:-543px -204px;}

.icon-canvas   {background-position:-545px -408px;}

.icon-pocetlistu    {background-position:-612px 0px;}
.icon-pocetlistu-1  {background-position:-612px -68px;}
.icon-pocetlistu-2  {background-position:-612px -136px;}
.icon-pocetlistu-3  {background-position:-612px -204px;}
.icon-pocetlistu-4  {background-position:-612px -272px;}
.icon-pocetlistu-25 {background-position:-612px -340px;}
.icon-pocetlistu-40 {background-position:-612px -408px;}
.icon-pocetlistu-50 {background-position:-612px -476px;}
.icon-pocetlistu-80 {background-position:-612px -544px;}

.icon-lepeni        {background-position:-680px 0px;}

.icon-naklad-800    {background-position:-680px -340px;}
.icon-naklad-900    {background-position:-680px -408px;}
.icon-naklad-1000   {background-position:-680px -476px;}
.icon-naklad-1bal   {background-position:-680px -544px;}
.icon-naklad-2bal   {background-position:-680px -612px;}
.icon-naklad-3bal   {background-position:-680px -680px;}
.icon-naklad-4bal   {background-position:-680px -748px;}
.icon-naklad-8bal   {background-position:-680px -816px;}
.icon-naklad-10bal  {background-position:-680px -884px;}
.icon-naklad-15bal  {background-position:-680px -952px;}
.icon-naklad-20bal  {background-position:-680px -1020px;}
.icon-naklad-25bal  {background-position:-680px -1088px;}

.icon-listuveslozce {background-position:-747px -0px;}

.icon-papir-300-d   {background-position:-748px -340px;}
.icon-papir-c5-o    {background-position:-748px -408px;}
.icon-papir-c5b-o   {background-position:-748px -476px;}
.icon-papir-c65-o   {background-position:-748px -544px;}
.icon-papir-c65b-o  {background-position:-748px -612px;}
.icon-papir-c4b-o   {background-position:-748px -680px;}
.icon-papir-c4-o    {background-position:-748px -748px;}
.icon-135l-135l     {background-position:-748px -816px;}
.icon-135m-135m     {background-position:-748px -884px;}
.icon-170l-135l     {background-position:-748px -952px;}
.icon-170m-135m     {background-position:-748px -1020px;}
.icon-170l-170l     {background-position:-748px -1088px;}
.icon-dl-b-o        {background-position:-748px -1156px;}
.icon-dl-o          {background-position:-748px -1224px;}

.icon-obalka {background-position:-816px 0px;}
/* obalka ano / ne 135m nepouzivano*/

.icon-a4-sanon-pvc {background-position:-816px -272px;}
.icon-a5-sanon-pvc {background-position:-816px -204px;}
.icon-pocetstran-4 {background-position:-816px -340px;}

.icon-barva-1list       {background-position:-884px 0px;}
.icon-barva-2list       {background-position:-884px -68px;}
.icon-barva-3list       {background-position:-884px -135px;}
.icon-barva-4list       {background-position:-884px -203px;}

.icon-a7                {background-position:-884px -272px;}
.icon-a7-t              {background-position:-884px -340px;}
.icon-90-90             {background-position:-882px -407px;}
.icon-a4-sanon          {background-position:-884px -476px;}
.icon-a5-sanon          {background-position:-884px -544px;}
.icon-a4                {background-position:-884px -612px;}
.icon-a5                {background-position:-884px -680px;}
.icon-a6                {background-position:-884px -748px;}
.icon-dl                {background-position:-884px -816px;}
.icon-a4plus            {background-position:-884px -884px;}
.icon-300-300           {background-position:-884px -952px;}
.icon-297-110           {background-position:-884px -1020px;}
.icon-210-145           {background-position:-884px -1088px;}
.icon-3a6           {background-position:-884px -1156px;}


.icon-vzorskladani      {background-position:-952px -0px;}
.icon-vzorskladani-z    {background-position:-952px -68px;}
.icon-vzorskladani-c    {background-position:-952px -136px;}

.icon-naklad-15         {background-position:-952px -340px;}
.icon-pocet-slozek-50   {background-position: -952px -408px;}
.icon-pocet-slozek-100  {background-position: -952px -476px;}
.icon-pocet-slozek-150  {background-position: -952px -544px;}
.icon-pocet-slozek-200  {background-position: -952px -612px;}
.icon-pocet-slozek-250  {background-position: -952px -680px;}
.icon-pocet-slozek-300  {background-position: -952px -748px;}
.icon-pocet-slozek-350  {background-position: -952px -816px;}
.icon-pocet-slozek-400  {background-position: -952px -884px;}
.icon-pocet-slozek-450  {background-position: -952px -952px;}
.icon-pocet-slozek-500  {background-position: -952px -1020px;}
.icon-pocet-slozek-600  {background-position: -952px -1088px;}

.icon-stojanek      {background-position:-1020px 0px;}
.icon-stojanek-bez  {background-position:-1020px -68px;}
.icon-stojanek-s    {background-position:-1020px -136px;}

.icon-170m-170m     {background-position:-1020px -340px;}
.icon-250l-170l     {background-position:-1020px -408px;}
.icon-250m-170m     {background-position:-1020px -476px;}
.icon-250l-135l     {background-position:-1020px -544px;}
.icon-250m-135m     {background-position:-1020px -612px;}
.icon-250m-80o      {background-position:-1020px -680px;}
.icon-250m-100o     {background-position:-1020px -748px;}
.icon-250l-80o      {background-position:-1020px -816px;}
.icon-250l-100o     {background-position:-1020px -884px;}
.icon-250l-90l      {background-position:-1020px -952px;}
.icon-250m-90m      {background-position:-1020px -1020px;}
.icon-135l-80       {background-position:-1020px -1088px;}
.icon-250l-90l      {background-position:-1020px -1156px;}
.icon-250l-115l     {background-position:-1020px -1224px;}
.icon-250m-115m     {background-position:-1020px -1292px;}

.icon-baleni                {background-position:-1089px 0px;}
.icon-baleni-do-folie       {background-position:-1089px -68px;}
.icon-baleni-do-kartonu     {background-position:-1089px -136px;}
.icon-baleni-standard       {background-position:-1089px -204px;}
.icon-300l-135l             {background-position:-1089px -272px;}
.icon-300m-135m             {background-position:-1089px -340px;}
.icon-300m-80o             {background-position:-1089px -408px;}
.icon-300m-100o              {background-position:-1089px -476px;}
.icon-300l-80o             {background-position:-1089px -544px;}
.icon-300l-100o              {background-position:-1089px -612px;}
.icon-300l-90l              {background-position:-1089px -680px;}
.icon-300m-90m              {background-position:-1089px -748px;}
.icon-300l-115l             {background-position:-1089px -816px;}
.icon-300m-115m             {background-position:-1089px -884px;}
.icon-200l-200l             {background-position:-1089px -952px;}
.icon-200m-200m             {background-position:-1089px -1020px;}
.icon-250l-250l             {background-position:-1089px -1088px;}
.icon-250m-250m             {background-position:-1089px -1155px;}
.icon-300l-80volumen             {background-position:-1089px -1224px;}
.icon-250l-80volumen             {background-position:-1089px -1292px;}


.icon-velikost-razby        {background-position:-1156px 0px;}
.icon-velikost-razby-225    {background-position:-1156px -68px;}
.icon-velikost-razby-400    {background-position:-1156px -136px;}
.icon-vybava                {background-position:-1156px -204px;}
.icon-pvc-kapsa-ano         {background-position:-1156px -272px;}
.icon-pvc-kapsa-ne          {background-position:-1156px -340px;}
.icon-drzak-sanon-ano       {background-position:-1156px -408px;}
.icon-drzak-sanon-ne        {background-position:-1156px -476px;}
.icon-drzak-tuzky-ano       {background-position:-1156px -544px;}
.icon-drzak-tuzky-ne        {background-position:-1156px -612px;}
.icon-pvc                   {background-position:-1156px -680px;}
.icon-kovovy                {background-position:-1156px -748px;}
.icon-drzak-cd-ano          {background-position:-1156px -816px;}
.icon-drzak-cd-ne           {background-position:-1156px -884px;}
.icon-kovove-ruzky-ano      {background-position:-1156px -952px;}
.icon-kovove-ruzky-ne       {background-position:-1156px -1020px;}
.icon-zlate                 {background-position:-1156px -1088px;}
.icon-stribrne              {background-position:-1156px -1156px;}
.icon-300m-80volumen             {background-position:-1156px -1224px;}
.icon-250m-80volumen             {background-position:-1156px -1292px;}

.icon-lamino        {background-position:-1224px -0px;}
.icon-lamino-ano    {background-position:-1224px -68px;}
.icon-lamino-ne     {background-position:-1224px -136px;}
.icon-lamino-lesk   {background-position:-1224px -204px;}
.icon-lamino-mat    {background-position:-1224px -272px;}
.icon-200-300       {background-position:-1224px -340px;}
.icon-200-600       {background-position:-1224px -408px;}
.icon-300-400       {background-position:-1224px -476px;}
.icon-300-900       {background-position:-1224px -544px;}
.icon-400-400       {background-position:-1224px -612px;}
.icon-400-600       {background-position:-1224px -680px;}
.icon-500-700       {background-position:-1224px -748px;}
.icon-600-600       {background-position:-1224px -816px;}
.icon-600-800       {background-position:-1224px -884px;}
.icon-800-1000      {background-position:-1224px -952px;}
.icon-900-1300      {background-position:-1224px -1020px;}

.icon-tisk-na-platno    {background-position:-1292px -0px;}

.icon-pocet-slozek-700  {background-position:-1292px -204px;}
.icon-pocet-slozek-800  {background-position:-1292px -272px;}
.icon-pocet-slozek-900  {background-position:-1292px -340px;}
.icon-pocet-slozek-1000 {background-position:-1292px -408px;}
.icon-pocetlistu-75     {background-position:-1292px -476px;}
.icon-naklad-2          {background-position:-1292px -544px;}
.icon-naklad-3          {background-position:-1292px -612px;}
.icon-pocetlistu-30,
.icon-naklad-30         {background-position:-1292px -680px;}
.icon-pocetlistu-7      {background-position:-1292px -748px;}
.icon-pocetlistu-13     {background-position:-1292px -816px;}
.icon-naklad-40         {background-position:-1292px -884px;}
.icon-naklad-60         {background-position:-1292px -952px;}
.icon-naklad-80         {background-position:-1292px -1020px;}
.icon-naklad-120        {background-position:-1292px -1088px;}
.icon-naklad-450        {background-position:-1292px -1156px;}


.icon-plakaty       {background-position:-1360px -0px;}
.icon-135m-80      {background-position:-1360px -204px;}
.icon-80-80        {background-position:-1360px -272px;}
.icon-samopropis    {background-position:-1360px -340px;}

.icon-foto-tapety       {background-position:-1428px -0px;}
.icon-zpusob-tisku      {background-position:-1428px -204px;}
.icon-tisk-jednostranny {background-position:-1428px -272px;}
.icon-tisk-oboustranny  {background-position:-1428px -340px;}

.icon-bannery   {background-position:-1496px -0px;}
.icon-900-1600  {background-position:-1496px -204px;}
.icon-a3        {background-position:-1496px -272px;}
.icon-a2        {background-position:-1496px -340px;}
.icon-a3-r      {background-position:-1496px -408px;}
.icon-a2-r      {background-position:-1496px -476px;}
.icon-a5plus    {background-position:-1496px -544px;}
.icon-sirka-mm  {background-position:-1496px -611px;}
.icon-a5-mm     {background-position:-1496px -680px;}
.icon-vyska-mm  {background-position:-1496px -747px;}



.icon-billboard         {background-position:-1564px -0px;}

.icon-potah             {background-position:-1564px -204;}
.icon-90-mat            {background-position:-1564px -272px;}
.icon-v2-lepena         {background-position:-1564px -340px;}
.icon-v8-tuha-sita      {background-position:-1564px -408px;}


.icon-drzak-w           {background-position:-1632px 0px;}
.icon-drzak-6-20-plast  {background-position:-1632px -68px;}
.icon-tvar-visacky      {background-position:-1632px -203px;}
.icon-30-30             {background-position:-1632px -272px;}
.icon-50-70             {background-position:-1632px -340px;}
.icon-visacka-1         {background-position:-1632px -408px;}
.icon-visacka-2         {background-position:-1632px -475px;}
.icon-visacka-3         {background-position:-1632px -543px;}
.icon-visacka-4         {background-position:-1632px -610px;}

.icon-samolepka         {background-position:-1700px -0px;}
.icon-samolepka-pvc     {background-position:-1700px -68px;}
.icon-samolepka-papir   {background-position:-1700px -136px;}
.icon-mechanika         {background-position:-1700px -204px;}
.icon-a5-sirka          {background-position:-1700px -272px;}
.icon-a4-sirka          {background-position:-1700px -340px;}
.icon-a3-sirka          {background-position:-1700px -408px;}

.icon-mat               {background-position:-1700px -544px;}
.icon-folie-barevne     {background-position:-1700px -611px;}
.icon-pvc-zluta       {background-position:-1700px -680px;}
.icon-pvc-zelena      {background-position:-1700px -747px;}
.icon-pvc-oranzova    {background-position:-1700px -815px;}
.icon-pvc-cervena     {background-position:-1700px -883px;}

.icon-barva-listy       {background-position:-1768px 0px;}
.icon-ofset-pocet       {background-position:-1768px -68px;}
.icon-velikost-mechaniky{background-position:-1768px -204px;}
.icon-a5-vyska          {background-position:-1768px -272px;}
.icon-a4-vyska          {background-position:-1768px -340px;}
.icon-lesk              {background-position:-1768px -544px;}
.icon-super-lesk        {background-position:-1768px -611px;}

.icon-papir-listy       {background-position:-1836px 0px;}
.icon-samopropis-pocet  {background-position:-1836px -68px;}

.icon-tvar-krouzku-1    {background-position:-1836px -272px;}
.icon-tvar-krouzku-2    {background-position:-1836px -340px;}
.icon-kryci             {background-position:-1836px -544px;}
.icon-420-148           {background-position:-1836px -611px;}
.icon-140-297           {background-position:-1836px -680px;}

.icon-cislovani    {background-position:-1834px -1155px;}
.icon-cislovani-ano     {background-position:-1836px -1225px;}
.icon-cislovani-ne      {background-position:-1836px -1293px;}



.icon-data                  {background-position:-1904px 0px;}
.icon-data-ano              {background-position:-1904px -68px;}
.icon-data-ne               {background-position:-1904px -136px;}
.icon-pocet-krouzku-2       {background-position:-1904px -272px;}
.icon-pocet-krouzku-4       {background-position:-1904px -340px;}

.icon-material              {background-position:-1972px 0px;}
.icon-400-b                 {background-position:-1972px -68px;}
.icon-120-bb                {background-position:-1972px -136px;}
.icon-vyska-mechaniky-100   {background-position:-1972px -272px;}
.icon-pocet-listu-mech      {background-position:-1972px -340px;}
.icon-vyska-mechaniky-80    {background-position:-1972px -408px;}
.icon-vyska-10              {background-position:-1972px -476px;}
.icon-vyska-13              {background-position:-1972px -544px;}
.icon-vyska-15              {background-position:-1972px -612px;}
.icon-vyska-16              {background-position:-1972px -680px;}
.icon-vyska-20              {background-position:-1972px -748px;}
.icon-vyska-25              {background-position:-1972px -816px;}
.icon-vyska-30              {background-position:-1972px -884px;}
.icon-vyska-35              {background-position:-1972px -952px;}
.icon-vyska-40              {background-position:-1972px -1020px;}
.icon-vyska-45              {background-position:-1972px -1088px;}
.icon-vyska-50              {background-position:-1972px -1156px;}
.icon-sirka  {background-position:-1972px -1224px;}




.icon-finish                {background-position:-2040px 0px;}
.icon-tvar-vysek-samolepky  {background-position:-2040px -68px;}
.icon-orez-samolepky        {background-position:-2040px -136px;}
.icon-pocet-ok              {background-position:-2040px -204px;}
.icon-doba-1                {background-position:-2040px -272px;}
.icon-doba-3                {background-position:-2040px -340px;}
.icon-doba-6                {background-position:-2040px -408px;}
.icon-doba-9                {background-position:-2040px -476px;}
.icon-vyska-55              {background-position:-2040px -952px;}
.icon-vyska-60              {background-position:-2040px -1020px;}
.icon-vyska-63              {background-position:-2040px -1088px;}
.icon-vyska-65              {background-position:-2040px -1156px;}
 .icon-vyska  {background-position:-2040px -1224px;}


.icon-fotopapir     {background-position:-2108px 0px;}
.icon-fotopapir-m   {background-position:-2108px -68px;}
.icon-fotopapir-l   {background-position:-2108px -136px;}
.icon-170m-170m-cA2 {background-position:-2108px -204px;}
.icon-170l-170l-cA2 {background-position:-2108px -272px;}
.icon-200m-200m-cA2 {background-position:-2108px -340px;}
.icon-200l-200l-cA2 {background-position:-2108px -408px;}
.icon-200m-170m-cA2 {background-position:-2108px -476px;}
.icon-200l-170l-cA2 {background-position:-2108px -544px;}
.icon-135m-90m-cA2 {background-position:-2108px -612px;}
.icon-135l-90l-cA2 {background-position:-2108px -680px;}
.icon-200m-135m-cA2 {background-position:-2108px -748px;}
.icon-200l-135l-cA2 {background-position:-2108px -816px;}
.icon-250m-170m-cA2 {background-position:-2108px -884px;}
.icon-250l-170l-cA2 {background-position:-2108px -952px;}
.icon-170m-90m-cA2 {background-position:-2108px -1020px;}
.icon-170l-90l-cA2 {background-position:-2108px -1088px;}




.icon-pocetkusu     {background-position:-2176px 0px;}
.icon-papir-obalka     {background-position:-2176px -68px;}
.icon-papir-vnitrek     {background-position:-2176px -136px;}


.icon-potah {background-position:-1564px -203px;}
.icon-potah-90mat {background-position:-1564px -203px;}
.icon-potah-v2 {background-position:-1564px -340px;}
.icon-potah-v8 {background-position:-1564px -408px;}
.icon-potah-v8-lepena {background-position:-1564px -475px;}

.icon-zpusob {background-position:-1428px -203px;}
.icon-zpusob-1str {background-position:-1428px -272px;}
.icon-zpusob-2str {background-position:-1428px -340px;}


.icon-sirka,
.icon-vyska,
.icon-sirka-mm,
.icon-vyska-mm,
.icon-pocetstran1,
.icon-pocetstran-cb,
.icon-pocetstran-barva,
.icon-samopropis-pocet,
.icon-ofset-pocet,
.icon-pocetlistu-barva,
.icon-pocetlistu-cb     {margin-left:8px;margin-right:8px;height: 68px;}

.icon-pocetstran-celkem,
.icon-pocetlistu-celkem,
.icon-pocetkusu-celkem select
{margin-left:16px;margin-right:16px;height: 68px;}


.icon-sirka select,
.icon-vyska select,
.icon-sirka-mm select,
.icon-vyska-mm select,
.icon-pocetstran-cb select,
.icon-pocetstran-barva select,
.icon-samopropis-pocet select,
.icon-ofset-pocet select,
.icon-pocetlistu-cb select,
.icon-pocetlistu-barva select,
.icon-pocetstran-celkem select,
.icon-sirka select,
.icon-pocetlistu-celkem select,
.icon-pocetstran-listu select,
.icon-pocetkusu-celkem select
{margin-top:18px;}

.icon-vyska select {margin-bottom: 100px;}


/*jquery select box correction*/
.ui-select>.ui-btn {padding: 0.1em 0 0 0 !important;font-size:12px !important}

.ui-select .ui-btn > span:not(.ui-li-count) {
  
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.ui-dialog-contain {
    max-width: 300px !important;
}


#BinderA4_postpress_mechanika-menu li.ui-li-divider
{
    height: 110px;
    line-height: 110px;
    padding: 0 0 5px 170px;
}

#BinderA4_postpress_mechanika-menu li.ui-li-divider:nth-child(1)
{
    background: #0a1b3d url("../img/d-klasicka.png") no-repeat;   
}

#BinderA4_postpress_mechanika-menu li.ui-li-divider:nth-child(11)
{
background: #0a1b3d url("../img/o-kulata.png") no-repeat;
}

#BinderA4_postpress_mechanika-menu li.ui-li-divider:nth-child(16)
{
background: #0a1b3d url("../img/q-hranata.png") no-repeat;
}


.ui-selectmenu .ui-header {
    height: 30px;
}

.prodn-povrch
{
background: #ffffe5 !important;
color:black !important;
}

.kda-leskl
{
background: #dbe1e4 !important;
color:black !important;
}

.kda-matn
{
background: #a0a9ae !important;
color:black !important;
}

.Specil
{
background: #ffd700 !important;
color:black !important;
}


.Exklusiv
{
background: #D4AF37 !important;
color:black !important;
}

ul#Catalogue_number_of_pieces1-menu li a {
    text-align:center;
    
}


.ui-listview > .ui-li-static, .ui-listview > .ui-li-divider, .ui-listview > li > a.ui-btn {
    text-align:center;
}

div[data-role="dialog"] .ui-btn{
    padding:0 1em;
}

[id$=_material_id-listbox] span.badge,
[id$=_material_id-dialog] span.badge {width:70px;font-size:24px;font-weight:normal}

/*dropdownmenu*/


.prirodni-txt   
{color:#fbc200 !important;
} 
.prirodni-bck,
.materialci-p-p
{background:#fbc200 !important;
} 

.white-txt
{color:#fff !important;
}

.white-bck
{background:#fff !important;
}

.black-txt
{color:#000 !important;
}

.black-bck
{background:#000 !important;
}

.lesk-txt
{color:#69c7e9 !important;
}

.lesk-bck,
.materialci-l-l
{background:#69c7e9 !important;
} 

.mat-txt
{color:#b1c800 !important;
} 

.mat-bck,
.materialci-m-m
{background:#b1c800 !important;
} 




.form-group-inner {padding:0 10px;}
 
#slider_right>.row{ margin-right:0 !important;} 

#slider_right { padding-right:0 !important;} 

@media (min-width: 992px) and (max-width: 1199px) {
    #page .container {
    padding-left: 0;padding-right: 0;    
  }
  #slider_right  a i { background-size:70px !important;}  
    
}


@media (min-width: 768px) and (max-width: 991px) {
  #cbp-hsmenu-wrapper {margin-left:15px;margin-right:15px;}
  #slider {margin-left:15px;margin-right:15px;margin-top:15px;margin-bottom:15px;overflow:hidden}
}

@media (max-width: 767px) {
  #slider {margin-top:15px;margin-bottom:20px;overflow:hidden !important}
}


/*box*/

/*svg {
    height:320px;
}*/
input.nr-pages-color,
input.nr-sheets-color
{background: url(/img/4-0.svg) no-repeat right -96px center; }
input.nr-pages-bw,
input.nr-sheets-bw
{background: url(/img/1-0.svg) no-repeat right -96px center; }


/*images*/
.detail-container {margin-top:-80px}
.detail {
    position: relative;
    width: 160px;
    height: 160px;
    overflow: hidden; 
    float:left;
    margin:10px;
}

/*
.detail img {
    
    position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
    border-radius: 50%;
}
*/
/*images*/

.img-circle {
  border-radius: 50% ; /* set radius in percents*/
}

/**gallery margins**/  
ul.gallery{    
margin-left: 0;     
margin-right:0;  
}    

.zoom {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(2.5);    
-moz-transform: scale(2.5);  
-webkit-transform: scale(2.5);  
-o-transform: scale(2.5);  
transform: scale(2.5);    
position:relative;      
z-index:100; 
cursor:pointer;
}

/**To keep upscaled images visible on mobile, 
increase left & right margins a bit**/  
@media only screen and (max-width: 768px) {   
ul.gallery {      
margin-left: 15vw;       
margin-right: 15vw;
}

/**TIP: Easy escape for touch screens,
give gallery's parent container a cursor: pointer.**/
.DivName {cursor: pointer}
}    

/*Images end*/



#pstype- {display:none}

#result .price h3 strong {white-space: nowrap}

.loader {
    margin-left: auto;
    margin-right: auto;
    margin-top:200px;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 220px;
    animation: spin 2s linear infinite;
}


#resultdata {
    
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


#color2-btn label {background:#9BB1E5}
#color3-btn label {background:#F7B0D8}
#color4-btn label {background:#FFFFB6}

/* Classes*/
.show {
  display: block !important;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.invisible {
  visibility: hidden;
}


#result h1 {display:none;}

#shopbasket .col-md-7 h1 ,
table h1 
{font-size:14px;font-weight:bold}

#ajaxLoginForm {margin-top:20px;margin-bottom:30px;}

.orderbutton {margin-bottom:20px;}

.btn.pull-right {margin-left:10px;}

nav[aria-label="breadcrumb"] {margin-top:20px;}

#centercolumn h1,
#middle-wrapper h1 {margin-top:2rem;}

.grouped-list .btn .item-label {white-space:normal !important}

.lowercase {text-transform: lowercase;}

.tooltip{
  z-index: 999999 !important;
}

.cbp-hsmenu-wrapper {margin-bottom:10px;margin-top:5px;}

.card.novinky {min-height:240px;}
.card a {color:black;}
.card a svg {color:#f29100;}

.titleHeading {background:#eee;padding:24px 0;}

form .row.form-group {margin-bottom:30px;}
.form-check.form-check-block .form-check-label {display:block;}

#cena_doprava_result {color:#f29100}

.ordertableheader {border: 0px solid #000; 
             border-bottom: 
                 1px solid #000;
             font-size:12px;                 
}
.ordertable h3 {font-size:15px;}
.ordertable,.ordertable p {font-size:12px;}


 .input-group input.form-control {padding:0;}


 .template-upload.fade,
.template-upload .fade,
.template-download.fade,
.template-download .fade
{opacity:1 !important;}

.template-download img
{max-width:250px;}


.fileupload-buttonbar {margin-top:20px;}
#result .card {margin-bottom:10px}
#result .card-body {padding:5px}

#order_sent #summary {display:none}

#result .alert {margin-top:20px}
#result .alert a {color:#eee}


.pagination .page-item a {
 border:0;
 border-radius:30px!important;
 transition:all .3s;
 padding:0 11px;
 margin:0 3px;
 min-width:30px;
 text-align:center;
 box-shadow:none;
 height:30px;
 line-height:30px;
 color:#2c2c2c;
 cursor:pointer;
 font-size:14px;
 text-transform:uppercase;
 background:transparent
}
.pagination .page-item a:focus,
.pagination .page-item a:hover {
 color:#2c2c2c;
 background-color:hsla(0,0%,87%,.3);
 border:none
}

.nowrap {white-space: nowrap;}

.tablesmall tr,.tablesmall td {
   height: 10px;
 
}

.tablesmall>tbody>tr>td, .tablesmall>tbody>tr>th, .tablesmall>tfoot>tr>td, .tablesmall>tfoot>tr>th, .tablesmall>thead>tr>td, .tablesmall>thead>tr>th
{
  padding:5px; 
}

.basketFooter h3 {font-size:1.4em;white-space: nowrap;}

.myicon-grid.klopy a i.fa-question-circle {display:none;}

.uk-card.active { 
 border: 1px solid #e2017b !important;
}

.field-model-cover input[type=radio] + label, input[type=checkbox] + label { display:inline !important; }


#model-product label { 
 border: 1px solid #e3e3e3;
 padding:5px;
 margin-bottom:10px !important;
}


.radio.selected {
    box-shadow: 0px 8px 16px 0px #EEEEEE;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
    background-color: #f29100;    
}

/*custom radio*/
.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 13.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 40px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000
}

.option-input:hover {
    background: #9faab7
}

.option-input:checked {
    background: #f29100
}

.option-input::before {
    height: 40px;
    width: 40px;
    position: absolute;
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 40px
}


.option-input:checked::after {
    -webkit-animation: click-wave 0.25s;
    -moz-animation: click-wave 0.25s;
    animation: click-wave 0.25s;
    background: #f29100;
    content: '';
    display: block;
    position: relative;
    z-index: 100
}

.option-input.radio {
    border-radius: 50%
}

.option-input.radio::after {
    border-radius: 50%
}


.file-caption-name {
    display: none !important;
}


#pieces select,
#nr_sheets select
{display:none;}  

/*
#format > div > label,
#papir > div > label,
#barva > div > label,
#pieces > div > label,
#barvarazby > div > label,
#papirobvn > div > label,
#papirob > div > label,
#cover > div > label,
#cover_type > div > label,
#outer_cover > div > label,
#color_cover > div > label,
#material_cover > div > label,
#nr_sheets > div > label,
#papirrozd > div > label,
#barvadesky-btn > div > label,
#formatbloku-btn > div > label
{display:none;}  */


textarea.form-control {
    border:1px solid #e3e3e3 !important;
}

.rangeinput span.input-group-text {display:none !important;
    
}

.cookie-consent-popup {
    animation-name: show;
    animation-duration: 1s;
    animation-timing-function: ease;
    display: none;
   /* position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;*/
    z-index: 999999;
}

.cookie-consent-popup.open {
    display: block;
    opacity: 1;
    animation-name: show;
    animation-duration: 1s;
    animation-timing-function: ease;
}

.cookie-consent-controls {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-out;
    -moz-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
}

.cookie-consent-controls.open {
    max-height: 600px;
}

.cookie-consent-details {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-out;
    -moz-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
}

.cookie-consent-details.open {
    max-height: 600px;
}

@keyframes show {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes hide {
    from {opacity: 1;}
    to {opacity: 0;}
}


.cookie-consent-popup{
    width: 420px;
    height: auto;
    background-color: #fff;
    position: fixed;
    bottom: 88px;
    border-radius: 10px;
    right: 5%;
    padding: 10px 20px;
    border: 1px solid #f29100;
}

.cookie-consent-popup label{
    font-weight: normal;
}

@media screen and (max-width: 420px) {
  .cookie-consent-popup{
    width: 90%;
    left:5%;
    bottom: 22px;
    }
}

.saleon {
    /*background: #f29100 none repeat scroll 0 0;*/
    background: #ba1b02 none repeat scroll 0 0;
    
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    left: -26px;
    padding: 2px 25px;
    position: absolute;
    text-transform: uppercase;
    top: 16px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.product-list .btn {
    overflow: hidden;    
}

.product-list .grouped-list-overview {
    overflow: hidden;
}

@media (min-width: 576px) {
    .product-list .grouped-list-overview {
        max-height: calc(239px * 3);
    }
}

@media (min-width: 992px) {
    .product-list .grouped-list-overview {
        max-height: 205px;
    }
}

@media (min-width: 1200px) {
    .product-list .grouped-list-overview {
        max-height: 235px;
    }
}

.discountBtn {
    position: absolute;    
    z-index:10000;
    top:-10px;
    right: 0;    
}

#page h1 {width:90%}

.discountBtn img {
    width: 90px;    
    height: 90px;    
}
 
@media screen and (max-width: 520px) {
   #page h1 {width:100%}
  .discountBtn {
        position: relative;
    }
    .discountBtn img {
       width: 100px;    
        height: 100px;    
    }
}

#preorderform-bonus_points-source {width:90%}

.field-preorderform-bonus_points .input-group-text {
    border: none;
    border-left:0 !important;
}

.hide {display: none !important}


.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}


.loader-container {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    background: rgba(0, 0, 0, .2);
    z-index: 1;
}

.spinner {
    width: 64px;
    height: 64px;
    border: 8px solid;
    border-color: #3d5af1 transparent #3d5af1 transparent;
    border-radius: 50%;
    animation: spin-anim 1.2s linear infinite;
}

@keyframes spin-anim {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.custom-control-input {
    opacity: 1 !important;
    z-index: 1 !important;
}


#contactpayment .custom-control {
    display: block;
}

input[type="checkbox"].custom-control-input {position:relative;display:inline-block;margin-right:10px !important}

.invalid-feedback {display:inline-block}

footer {
    padding: 24px 0;
}

footer {
    margin-top: 1rem;
    background-color: #2c2c2c;
}

footer, 
footer a,
footer a:hover
{
    color: #fff;
}

.footer ul li a, .footer ul li a:hover {
    text-decoration: none;
}

.footer nav {
    flex: 1;
}

.footer .copyright {
    flex: 1;
}

.footer ul {
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}


.btn-primary {
    background-color: #f29100;
    color: #fff;
    border: 1px solid #f29100;
    cursor: pointer;
}

.btn-primary:hover {
    background-color: transparent;
    color: #f29100;
    border: 1px solid #f29100;
}

.nav-pills.nav-pills-just-icons .nav-item .nav-link {
    text-align: center;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    padding: 0;
    max-width: 80px;
    min-width: auto;
    margin-bottom: 4px
}

.nav-pills.nav-pills-just-icons .nav-item .nav-link i {
    line-height: 80px
}

/*.nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link {
    margin-right: 19px
}*/

.nav-pills .nav-item .nav-link {
    padding: 10px 23px;
    min-width: 100px;
    font-weight: 400;
    text-align: center;
    color: #444
}

.nav-pills .nav-item .nav-link,
.nav-pills .nav-item .nav-link:hover {
    background-color: hsla(0, 0%, 87%, .3)
}

.nav-pills .nav-item .nav-link.active,
.nav-pills .nav-item .nav-link.active:focus,
.nav-pills .nav-item .nav-link.active:hover {
    background-color: #9a9a9a;
    color: #fff;
    box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .3)
}

.nav-pills .nav-item .nav-link.disabled,
.nav-pills .nav-item .nav-link:disabled,
.nav-pills .nav-item .nav-link[disabled] {
    opacity: .5
}

.nav-pills .nav-item i {
    display: block;
    line-height: 60px;
    font-size: 24px
}

.nav-pills.nav-pills-neutral .nav-item .nav-link {
    background-color: hsla(0, 0%, 100%, .2);
    color: #fff
}

.nav-pills.nav-pills-neutral .nav-item .nav-link.active,
.nav-pills.nav-pills-neutral .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-neutral .nav-item .nav-link.active:hover {
    background-color: #fff;
    color: #f29100
}

.nav-pills.nav-pills-primary .nav-item .nav-link.active,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-primary .nav-item .nav-link.active:hover {
    background-color: #f29100
}

.nav-pills.nav-pills-info .nav-item .nav-link.active,
.nav-pills.nav-pills-info .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-info .nav-item .nav-link.active:hover {
    background-color: #2ca8ff
}

.nav-pills.nav-pills-success .nav-item .nav-link.active,
.nav-pills.nav-pills-success .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-success .nav-item .nav-link.active:hover {
    background-color: #18ce0f
}

.nav-pills.nav-pills-warning .nav-item .nav-link.active,
.nav-pills.nav-pills-warning .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-warning .nav-item .nav-link.active:hover {
    background-color: #ffb236
}

.nav-pills.nav-pills-danger .nav-item .nav-link.active,
.nav-pills.nav-pills-danger .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-danger .nav-item .nav-link.active:hover {
    background-color: #ff3636
}

.tab-space {
    padding: 20px 0 50px
}

.nav-align-center {
    text-align: center
}

.nav-align-center .nav-pills {
    display: inline-flex
}




.form-group, .input-group {
    margin-bottom: 10px;
    position: relative;
}


.input-group .input-group-btn {
    padding: 0 12px
}


element.style {
}
.form-group, .input-group {
    margin-bottom: 10px;
    position: relative;
}
.form-group {
    margin-bottom: 1rem;
}

.dropdown-menu {
    font-size: 14px;
}

.input-group .input-group-btn {
    padding: 0 12px;
}

.input-group-btn .btn {
    border-width: 1px;
    padding: 11px 0.7rem;
}

.btn-success {
    background-color: #000;
    color: #fff;
}

.auth-icon.seznam {
    display: block;
    width: 32px;
    height: 32px;
    background: url("/img/seznam_icon.png") no-repeat;
    background-size: 100% auto;
    border-radius: 3px;
    margin: 0 auto;
}


/*DTP form*/
.field-model-jednosloupecny,
.field-model-dvousloupecny,
.field-model-trisloupecny {
    font-weight:bold;
}

#grafika  div[role=radiogroup] label {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
}


/*AKCE Munken*/
/*#page #bookv2-form .dropdown-menu#papir ul li.li-header#mattype-28 {color:red !important;font-weight: bold}
#bookv2-form #papir-btn .result {color:red !important;}

#page #bookv8l-form .dropdown-menu#papir ul li.li-header#mattype-28 {color:red !important;font-weight: bold}
#bookv8l-form #papir-btn .result {color:red !important;}

#page #bookv8lod-form .dropdown-menu#papir ul li.li-header#mattype-28 {color:red !important;font-weight: bold}
#bookv8lod-form #papir-btn .result {color:red !important;}
*/

#calcinfo {
    p {margin-bottom:0; font-size:0.9rem}
    p:first-child {
        strong {
           
            margin-bottom: 0px;
            display: block;
        }
    }

    small {
       font-size:1rem;
        display: inline-block;
        font-weight: bold;
        margin-top: 13px;
        margin-bottom: 0px;
    }
}

.field-bookv2-postpress-vysekpriprava {
    display: none;
}

/* ---------------- */

.main-motto {
    aspect-ratio: 1110 / 309;
    position: relative;
    width: 100%;

    img {
        position: absolute;
        top: 0px;
        left: 0px;

        object-fit: cover;
    }

    .motto {
        width: 100%;

        margin-bottom: 40px;
        margin-left: 30px;

       /* transform: rotate(-5deg);*/

        .top {
            background: #0CC0DF;

            color: white;
            font-family: "Bebas Neue", sans-serif;
            font-weight: bold;
            font-size: 45px;

            padding: 8px 35px 5px 35px;

            text-align: center;
            text-wrap: nowrap;

            text-transform: uppercase;

            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

            z-index: 2;

            transform: translateY(calc(-50% - 20px));
        }

        .bottom {
            background: #ED2DA3;
            color: white;
            font-size: 27px;
            font-weight: bold;

            padding: 8px 35px 5px 35px;

            text-align: center;
            text-wrap: nowrap;

            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

            z-index: 1;

            transform: translateX(calc(-50% - 20px));
        }
    }

    .vice {
        position: absolute;
        bottom: 20px;
        right: 20px;

        color: #F29100!important;
        border: 2px solid #F29100!important;
        background: white;

        padding: 8px 32px;

        text-decoration: none;
        font-weight: semibold;
    }
}

@media (max-width: 767px) {
    .main-motto {
        aspect-ratio: 16 / 9;

        .motto {
            height: 100%;
            width: 100%;

            transform: none;

            margin-bottom: 0px!important;
            margin-left: 0px!important;

            flex-direction: column;
            justify-content: center;
            gap: 10px;

            .top {
                transform: none;
            }

            .bottom {
                transform: none;
            }
        }

        .vice {
            position: static;
            z-index: 1;
        }
    }
}

.myicon-grid.specials {
    a {
       /* background: linear-gradient(to right, #fff 0px, #fff 40px, #bfc9d2 40px);*/
        color: black;

        img {
            width: 95px;
            max-width: 95px;
            aspect-ratio: 1/1;
            object-fit: contain;
            transform: scale(1.3);
            position: relative;
            left: 0px;
        }

        strong {
            font-weight: 900;
        }
    }
}

.search-form {
    input {
        border: 1px solid #F29100;
        border-right: 0px;
        height: 42px;
        padding: 2px 5px 0px 22px!important;

        border-radius: 21px 0px 0px 21px!important;
        outline: none;
        z-index: 0!important;
    }

    input:focus {
        border-color: #F29100;
    }

    button {
        border: 1px solid #F29100;
        border-left: 0px;

        height: 42px;

        border-radius: 0px 21px 21px 0px!important;
        background: transparent;
        box-shadow: none!important;
    }

    button:hover {
        border-left: 0px;
    }
}

.basket {
    span {
        color: white;
        background: #F29100;

        line-height: 1em;
        font-size: 0.7em;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        padding-top: 2px;
        padding-left: 1px;

        height: 22px;
        aspect-ratio: 1 / 1;

        border: 2px solid white;
        border-radius: 50%;

        position: relative;
        top: -9px;
        left: -9px;
    }
}

/* ----------------- */
.cyan {color:#38B6FF; }
.magenta {color:#CD1285; }
.yellow {color:#F1D04A; }
.black {color:#000000; }
.cmyk {
    .cmyk-banner.cyan {background: #38B6FF; color: black!important;}
    .cmyk-banner.magenta {background: #CD1285; color: black!important;}
    .cmyk-banner.yellow {background: #F1D04A; color: black!important;}
    .cmyk-banner.black {background: #000000; color: white!important;}

    a {
        color: inherit;
        text-decoration: none!important;

        display: block;
        height: 100%;
    }

    .cmyk-banner {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 20px;

        height: 100%;

        transition: all .2s;

        * {
            text-align: center;
        }

        h2 {
            font-weight: 700;
        }
    }

    .cmyk-banner:hover {
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
}


.footer {
    .motto {font-size:1.5rem;
      /*  transform: rotate(-3deg);*/
    }

    @media (min-width: 768px) {
        .col-md-4 {
            border-left: 2px solid rgba(255, 255, 255, 0.2);
        }
    }
}




/*printdata radio*/
.printdataradio  {
  
  display:flex
}

.printdataradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.printdataradio input[type="radio"]:empty,
.printdataradio input[type="checkbox"]:empty {
  display: none;
}

.printdataradio input[type="radio"]:empty ~ label,
.printdataradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 1em;
  
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.printdataradio input[type="radio"]:empty ~ label:before,
.printdataradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.printdataradio input[type="radio"]:hover:not(:checked) ~ label,
.printdataradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.printdataradio input[type="radio"]:hover:not(:checked) ~ label:before,
.printdataradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #fff !important;
  /*color: #C2C2C2;*/
}

.printdataradio input[type="radio"]:checked ~ label,
.printdataradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.printdataradio input[type="radio"]:checked ~ label:before,
.printdataradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  /*color: #333;*/
  color: #fff !important;
  background-color: #ccc;
}

.printdataradio input[type="radio"]:focus ~ label:before,
.printdataradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.printdataradio-default input[type="radio"]:checked ~ label:before,
.printdataradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.printdataradio-primary input[type="radio"]:checked ~ label:before,
.printdataradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f29100;
}

.printdataradio-success input[type="radio"]:checked ~ label:before,
.printdataradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.printdataradio-danger input[type="radio"]:checked ~ label:before,
.printdataradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.printdataradio-warning input[type="radio"]:checked ~ label:before,
.printdataradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.printdataradio-info input[type="radio"]:checked ~ label:before,
.printdataradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}

.calculationpage .form-group {margin-bottom:0}

:not(.form-floating) > .input-sm.select2-container--krajee-bs4 .select2-selection--single .select2-selection__clear {
    margin-right: 1rem;
}


.calcForm h3 {
    /*background:black;
    color:white;*/
    font-weight :bold;
    font-size:0.9rem;
    
}


.calcForm h3 span {
    
    color:black;
    
    
}

.calcForm h3 span.number {
    background: black;
    color: white;
    width: 28px; /* Fixed width */
    height: 28px; /* Fixed height */
    display: inline-flex; /* Inline and flexible */
    align-items: center; /* Vertically center text */
    justify-content: center; /* Horizontally center text */
    border-radius: 5px;
    font-size: 1.2rem; /* Larger font size */
    vertical-align: middle; /* Align with other inline elements */
    line-height: 1; /* Reset line height for consistency */
    margin-right:7px;
}


.durationtab div.radio>label {
    font-size: 0.8rem; border: 1px solid #e0e0e0;padding:1rem}

.durationtab div.radio>label span {
    display:block;font-weight:normal}


.durationtab .field-duration-0 div.radio>label {
    background: no-repeat;
    background-image: url('/img/piktogramy/duration-icon-0.svg');
    background-position: right center;
    background-origin: content-box;
    padding-right: 5px;
}

.durationtab .field-duration-1 div.radio>label {
    background: no-repeat;
    background-image: url('/img/piktogramy/duration-icon-1.svg');
    background-position: right center;
    background-origin: content-box;
    padding-right: 5px;
}

/*when a radio button is checked, change radio button's label's background to #004A6E and its color to EBEBEB*/
.durationtab .radio:nth-child(1) label:has(input[type="radio"]:checked) {
  border-color: #f29100;
  color: #f29100;
}

  /*shopbasket*/
  form .row.form-group.field-cart-used_points {margin-bottom:0px;}

  .bg-primary {
    background-color: #38B6FF !important;
  }

.calcForm .card h3 {
    font-size:1.1rem;
    
}