/*
h1{font-size:14pt;}
h2{font-size:13pt;}
.item .code{font-size:8pt;}
.item .price, .detail .price {font-size:14pt;}
#user #cartPrice,.cart .r{font-size:12pt;}
#user{font-size:10pt;}
td, p, .vatprice{font-size:10pt;}
.submenu li {font-size:11pt;}
*/

.button, #content .button{
  line-height:24px;
  padding:.5rem 1rem;
  border:0px;
  background:#3BB6ED;
  font-weight:bold;
  color:white;
  border-radius:3px;
  cursor:pointer;
}

a.button{
  display:inline-block;
}

#page input.button{
  height:32px;
  line-height:16px;
  font-size:11pt;
}

.button:visited{
  color:#eef;  
}

.button:hover, #content .button:hover{
  text-decoration:none;
  background:#2ba6ff;
}

.button img.icon{
  width:24px;
  position:relative;
  top:-2px;
  margin-right:8px;
  margin-bottom:-8px;
  margin-left:-8px;

}

.icon, #content table img.icon{
  max-width:24px !important;
  height:auto;
}

.states{
  min-width:100px;
  text-align:center;
}

.states .inactive img{
  opacity:.9;
  scale:0.4;
}

.states>a.inactive{
  border:1px solid #eee;
  border-radius:12px;
}

.states>a{
  display:inline-block;
  width:24px;
  height:24px;
  text-align:center;
  margin-left:5px;
  margin-right:5px;
}

.state img{
}


.item .desc{font-size:11pt;}
.item h3{font-size:12pt;}

select.addItem {
	padding: 5px;
	max-width: 350px;
}

.qtyChange{
  display:inline-block;
  position:relative;
  top:8px;
  left:5px;
}
.qtyChange a{
  display:block;
  width:15px;
  height:10px;
  text-align:center;
  border:1px solid #ccc;
  margin:1px;
  line-height:10px;
  padding:2px;
}

.price, .oldprice{
  text-align:right;
  border:0px solid #aaa;
}

.vatprice{
  color:#06d;
  text-align:right;
  width:108px;
  float:right;
}

.item .price, .detail .price{
  float:right;
  clear:right;
  color:#3bb6ed;
  padding:12px 8px 0px;
  padding-left:8px;
  font-size:14pt;
}

.price .vatInfo{
  font-size:12pt;
  color:#666;
  transform: scaleX(0.9);
  display: inline-block;
  margin-left:-0.3rem;
}

.detail .price{
  clear:none;
  float:right;
  margin-right:10px;
}

#content .detail ul{
  position:relative;
  left:2rem;
  margin:0px;
  margin-bottom:20px;
  list-style-position: outside;
}


p.desc{
  margin-top:2rem;
  padding-top:2rem;
}

.col2 {
  column-count: 2;
  column-gap: 2rem;
  column-fill: balance;
}
.col3 {
  column-count: 2;
  column-gap: 2rem;
  column-fill: balance;
}



.detail{
  max-width:98% !important;
  float:left;
  padding-left:2%;
  border:0px solid #aaa;
  text-align:left;
}

#content .detail img.main{
  max-width:30rem !important;
  border:1px solid #aaa;
  border-radius:5px;
  margin-bottom:2rem;
}


#content .detail .video{
  max-width:40rem;
}

.imgDesc>h3{
  clear:left;
}


.obox{
  margin-top:20px;
  margin-bottom:20px;
  border:1px solid #ddd;
  background: #fcfcfc;
  padding:5px 5px;
}




.items{
  display: flex;
  flex-wrap: wrap;
  align-items: top;
  flex-direction: row;
}

#items{
  max-width:100%;
}

.items h2{
  clear:both;
  width:100%;
  margin-top:50px;
}



.item{
  width:262px;
  height:410px;
  float:left;
  padding:0px;
  border:1px solid #eee;
  border-top:1px solid #ddd;
  margin:10px 2px;
  overflow:hidden;
  background: -moz-linear-gradient(top, rgba(241,241,241) 0%, rgb(255,255,255) 15%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(241,241,241) 0%,rgb(255,255,255) 15%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(241,241,241) 0%,rgb(255,255,255) 15%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.item h3{
  height:40px;
  overflow:hidden;
  padding:3px 5px;
  /*margin-bottom:16px;*/
  margin-bottom:0px;
  border-top:1px solid #fff;
  border-bottom:0px solid #eaeaea;
  text-align:center;
  
}

.item,.item h3,.item .code, #content>h2{
}
#content>h2{
}

.item h3 a{
  color:#777;
}

.item .vc {
  display:table-cell;
  vertical-align:top;  
  vertical-align:middle;
  position:relative;
  width:262px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  background:#f6f6f6;
  height:160px !important;
  overflow: hidden;
}

.item .thumb {
  width:100%;
  position:relative;
  text-align:center;
}

.item .thumb a{
  width:100%;
  display:block;
  position:relative;
  display:block;
}

.item img{
  max-width:260px;
  max-height:160px;
  margin:auto;
  margin-bottom:-4px;
  border:0px;
  border:0px solid #ccc;
  position:relative;
}

.catPrev .item img{
  width:128px;
  height:128px;
  margin:0px;
}

.catPrev .item .vc{
  width:auto;
  height:128px !important;
  border:0;
}

.catPrev>h2{
  text-align:left;
  padding-top:14px;
  padding-bottom:3px;
  border-top:1px solid #eee;
  margin-top:40px;
}
.catPrev .item{
  height:160px;
  width:128px;
  background:white;
  border:1px solid #ddd;
}

.catPrev .item h2{
  text-align:center;
  background:white;
  overflow:hidden;
  padding:8px;
  margin-bottom:0px;
  border-bottom:0px solid #eaeaea;
  text-align:center;
  font-size:1rem;
  
}

.catIcon{
  width:128px;
  height:128px;
  background-position:center center;
}







.buy{
  margin-top:7px;
  padding:0px;
  padding-right:5px;
  float:right;
  text-align:center;
  border:0px solid #aaa;
}
.buy input{
  width:42px;
  height:22px;
  padding:5px;
  float:left;
  border:1px solid #ddd;
  text-align:center;
}

.item .buy{
  margin-top:1rem;
  margin-right:.6rem;
}

#items .item .buy.free{
  display:none;
}


.buy .add2cart{
  display:block;
  float:right;
  min-width:100px;
  height:33px;
  background:rgba(14,187,255,1);
  padding:0;
  border-bottom:1px solid #999;
}

.buy .add2cart img{
  max-width:33px;
  max-height:33px;
  margin:0;
}

.item .buy a:hover{
  text-decoration: none;
}

.buy a img{
  float:left;
  margin-right:-20px;
  padding:3px 0px;
  padding-left:4px;
}

.buy span{
  display:block;
  width:7rem;
  margin-right:.5rem;
  height:33px;
  color:white;
  line-height:35px;
  padding:0px;
  font-size:1rem;
}

.item p{
  clear:both;
  padding-top:3px;
  border:0px solid #ccc;
  line-height:1.2em;
}







#content .item p.desc,
#content .item p.descr,
#content .item .desc>p,
 {
  clear:both;
  padding-bottom:5px;
  line-height:1.5em;
  min-width:20rem;
  margin-left:2rem;
  padding-top:6px;
  color:#888;
  font-size:11pt;
}

#content #items .item .desc{
  max-height:150px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:small;
  margin:0 5px 5px 5px;
}

.imgDesc{
  clear:both;
}

.mainImg{ 
  margin-right:2rem;
}


.item .code{
  text-align:center;
  clear:both;
  padding:3px;
  margin:2px 0px;
  color:#3ECED2;
}

h1 span.code{
  font-size:16pt;
}

table.cart {
  border-collapse:collapse;
  margin:20px;
  margin-left:0px;
}

table.cart td, table.cart th{
  border:1px solid #dfdfdf;
  padding:9px;
  color:#555;
}
table.cart th{
  background: -moz-linear-gradient(top, rgba(241,241,241) 0%, rgb(255,255,255) 45%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(241,241,241) 0%,rgb(255,255,255) 45%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(241,241,241) 0%,rgb(255,255,255) 45%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


table.cart td .preview img{
  margin-top:2px;
  border:1px solid #ddd;
  max-height:60px;
  max-width:90px;
}

table.cart.mini td .preview img{
  border:0px solid #eee;
  margin-left:0px;
}

table.cart td{
	background:#fff;
  border-left:0px;
  border-right:0px;
}
table.cart tr td:first-child{
  border-left:1px solid #ddd;
}
table.cart tr td:last-child{
  border-right:1px solid #ddd;
}

table.cart tr.sendLater td{
  background:#ffb;
}

table.cart .buy{
  margin-top:0px;
  height:auto;
}
table.cart .buy input{
  margin-top:0px;
  width:40px;
}

table.cart.mini {
  margin:1rem;
}
table.cart.mini td{
  vertical-align:top;
  padding-top:1rem;
  padding-bottom:1rem;
}
table.cart.mini td{
  padding-left:0px;
  border-color:#eee;
}
table.cart.mini td.sum{
  padding-left:1rem;
  padding-top:1rem;
  padding-bottom:1rem;
}

table.cart.mini .name{
  max-width:18rem;
}
table.cart.mini img{
  max-width:90px;
  max-height:90px;
}

table.cart.mini .buy input{
  margin-top:.5rem;
}

table.users{
  font-size:16px;
}
table.users td{
  padding:5px;
}
table.list{
  color:#555;
}

.cartBack{
  padding:1rem;
  background:#ddd;
  color:#555;
}

.fullbtn{
  padding:.7rem;
  background:#3BB6ED;
  color:white;
  margin:.5rem;
  border-radius:2px;
}

#preview{
	position:absolute;
	border:1px solid #fff;
	background:#fff;
	padding:0px;
	display:none;
	color:#000;
  border-radius:4px;
  box-shadow:0px 0px 5px #888;
}
#preview img{
  margin:0px;
  margin-bottom:0px;
  max-height:auto !important;
  max-width:400px !important;
  max-height:400px !important;
  border-radius:3px;
}

.submenu{
  display:block;
  float:left;
  xwidth:260px;
  xmin-height:400px;
  padding-top:0px;
  padding-right:20px;
}

.submenu ul{
  list-style-type:none;
  margin:0px;
  display:block;
}

.submenu>ul{
  border:0px solid #ccc;
  margin-left:14px;
  /*
  background-color:#07c;
  */
}

.submenu li a{
  display:block;
  padding:5px 8px 5px 20px;
  margin:0px;
  border:0px solid #ddd;
    background-image: url("../graphics/arrow4.png");
    background-repeat: no-repeat;
    background-position: 0px 50%;

}
.submenu li{
  display:block;
}

.submenu li a:hover {
  background-image: url("../graphics/arrow4a.png");
  text-decoration:none;
  transition:700ms;
  color:#444;
}

.submenu li a.active {
  background-image: url("../graphics/arrow4a.png");
  color:#012;
}

.submenu li li a{
  padding:5px 8px;
  padding:5px 8px 5px 20px;
  width:192px;
}

.submenu li li {
  width:142px;
  margin-left:10px;
}

.submenu.admin li li a{
  width:142px;
}

.submenu>ul>li{
  margin-bottom:10px;
  margin-left:0px;
}

#content #itemsList .submenu ul{
  margin:5px;
}

#itemsList .submenu{
  width:240px;
  margin-left:-5%;
}

#itemsList .submenu li a{
  padding-top:0;
  padding-bottom:0;
  /*background-image: none;*/
  font-size:1.1rem;
  color:#777;
}
#itemsList .submenu ul li{
  margin:0;
}
#itemsList .submenu ul li{
  line-height:1.4rem;
}
#itemsList.prev{
  max-width:940px;
}
#itemsList.prev table{
  margin:0;
  width:100%;
}
#itemsList h2{
  font-size:12pt;
}
#itemsList.prev table td{
  min-width:80px;
  padding-left:20px;
  padding-right:20px;
}
#itemsList.prev table td.name{
  width:500px;
}



#user .loginForm{
  display:inline-block;
  display:contents;
}

#user{
  display:block;
  background-color:#fff;
  float:right;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  padding:4px 0px 2px;
  margin-top:23px;
  margin-right:-16px;
}
#user a{
  display:inline-block;
  padding:4px;
  margin:0px;
  line-height:1.5em;
  text-align:right;
  padding-left:36px;
  padding-right:36px;
  background-repeat:no-repeat;
  background-position: left center;
}

#user #register, #user #profile{
  background-image: url("../graphics/profile1.png");
}
#user #register{
  border:1px solid #ddd;
  border-radius:5px;
  padding:5px 8px 5px 36px;
  height:18px;
  margin: 0px 0px 0px 25px;
  line-height:18px;
  background-color: #eefaff;
  background-image: url("../graphics/profile1.png");
}

#user #cart{
  height:1.3em;
  background-image: url("../graphics/cart2top.svg");
  display:block;
  float:right;
  margin:0px 0px 0px 24px;
  padding-right:5px;
  background-repeat:no-repeat;
  background-position: left center;
  padding:4px;
  padding-left:36px;    
}

#cartCurrency{
  padding-left:5px;
}

#user #logout{
  background-image: url("../graphics/key1.png");
}

#user .lfi{
  height:16px;
  padding:6px 8px;
  border:1px solid #ccc;
  text-align:center;
  border-radius:5px;
}

#user .loginButton{
  height:30px;
  padding:4px 12px;
  border:0px;
  background:#3BB6ED;
  font-weight:bold;
  color:white;
  border-radius:5px;
}


.inputRow{
  clear:both;
  min-height:40px;
}

.inputRow input{
  padding:5px;
}

.inputRow select{
  padding:5px;
  min-width:155px;
}

.inputRow .inputLabel{
  display:block; float:left;
  width:150px;
}
.required {
  font-weight:bold;
  color:red;
}
.form_errors{
  padding:12px;
  padding-left:22px;
  margin:22px 0px;
  color:#a00;
  background:rgba(255,255,235,0.8);
  border:1px solid #ccc;
}
.form_errors *{
  color:#a00;
}

.firmData input[readonly]{
  background:#eee;
  border:1px solid #fff;
}
.firmData select[readonly], .firmData select[readonly] option{
  background:#eee;
  border:1px solid #fff;
  padding:1px;
}



#floatbox{
  width:170px;
  height:18px;
  display:none;
  z-index:255;
  position:absolute;
  background:white;
  padding:6px;
  border:1px solid #aaa;
  -webkit-box-shadow: 0px 0px 2px #aaa;
  box-shadow: 0px 0px 2px #aaa;
  background-image: url("../graphics/cart2.png");
  background-repeat: no-repeat;
  background-position: 2px 50%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius:4px;
}
#floatbox #floatLink{
  width:110px;
  cursor:pointer;
  float:left;
  padding:0px;
  padding-left:30px;
  line-height:18px;
}
  
#floatbox #close{
  cursor:pointer;
  margin-top:3px;
  margin-right:3px;
  margin-left:10px;
}

table.address {
  border-collapse:separate;
  margin:20px;
  margin-left:0px;
}

table.address td, table.address th{
  border:1px solid #dfdfdf;
  padding:6px 10px;
}
table.address td{
	background:#fff;
}

.catDesc{
  padding:0px 0px;
  border:0px solid #ccc;
  background:rgba(255,255,255,0.8);
  margin-right:22px;
  margin-bottom:12px;
}

.item, .item>h3, .catDesc, .form_errors{
}

.breadCrumbs{
  margin-top:10px;
  float:left;
}
.orderStates{
  min-height:40px;
  padding-top:20px;
}

.orderStates input[type='radio']{
}
.orderStates>div:not(:last-child){
  float:left;
  margin-right:40px;
}

#content ul.errors{
  margin:0px;
  margin-left:15px;
  color: #a00;
}

.minithumb{
  width:60px;
  height:40px;
  border:1px solid #aaa;
  margin:2px;
  text-align:center;
  position:relative;
  vertical-align:middle;
}

.minithumb img{
  position:relative;
  margin-bottom:-4px;
}
.minithumb .minithumb{
  border:none;
  margin:0px;
}

table.order{
  width:97%;
  border-collapse:collapse;
  margin-bottom:20px;
}
table.order tr td{
  border:1px solid #ccc;
}
table.order>tr>td,
table.order>tbody>tr>td{
  border:1px solid #ddd;
  padding:4px;
}

table.order .orderHead{
  background:#ccefff;
  color:#000;
  padding:5px;
}




#content ol li {
  padding:10px;
  font-size:10pt;
}

.lb td{
  border:1px solid #ccc;
  padding:2px 4px;
}


.pdfi{
  display:inline-block;
  padding-left:30px;
  padding-right:10px;
  background-image:url(/graphics/pdf26.png);
  background-position:center left;
  background-repeat:no-repeat;
  font-size:small;
  min-height:30px;
  line-height:30px;
}


ul>br{
  display:none;
}

#content .hlist img{
  max-width:6rem !important;
  margin-left:2rem;
}

.flex{
  width:100%;
  display:flex;
  gap:2rem;
  max-width:none;
}

.hlist{
  flex: 1;
}

.flex, .hlists{
  clear:left;
}

.orderPaymentDelivery {
  width: 100%;
}

.orderPaymentDelivery .orderPayment,
.orderPaymentDelivery .orderDelivery {
  min-width: 0;
}


.admin.itm label{
  display:block;
  padding:1ex;
}
.admin.itm label span{
  float:left;
  min-width:8em;
}
.admin.itm .fr label span{
  min-width:5em;
}
.admin.itm input{
  border:1px solid #bbb;
  font-size:1rem;
}
.admin.itm select{
  padding:.2rem;
}

.extImages{
  clear:both;
  margin-top:2rem;
}

.biyond-links{
  margin-top:1rem;
}
.biyond-links img{
  width:80px;
}
.biyond-links a{
  display:inline-block;
  margin-left:0.5rem;
  padding: 5px;
  border-radius:10px;
  position:relative;
  top:-1rem;
  font-size:1.2rem;
  color:#ab106c;
}
.biyond-links a:first-child{
  top:0;
  margin-left:0;
}

#content p div {
    font: inherit;
}



.biyond-guide {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.biyond-guide .guide-step {
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
}
.biyond-guide .guide-step h3 {
    color: #333;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.biyond-guide .guide-step h2 {
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    }
.biyond-guide .guide-step p {
    margin-bottom: 10px;
    line-height: 2;
}
    
.biyond-guide .app-download {
    text-align: center;
    margin: 20px 0;
}

.biyond-guide .app-download img {
    margin: 0 10px;
    height: 240px;
}

.biyond-guide .app-installed {
    background: #e8f4fd;
    border: 1px solid #b3d9ff;
    border-radius: 5px;
    padding: 15px;
    margin: 15px 0;
}

.biyond-guide .biyond-modules-selection {
    margin: 20px 0;
}

.biyond-guide .modules-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin: 15px 0;
}

.biyond-guide .module-item {
    flex: 0 0 calc(50% - 7.5px);
    border: 2px solid #ddd;
    border-radius: 8px;
    padding: 1px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fff;
}

.biyond-guide .module-item {
    flex: 0 0 210px;
}

.biyond-guide .module-item:hover {
    border-color: rgb(176, 227, 252);
    background: #f0f8ff;
}

.biyond-guide .module-item input[type="radio"] {
  display: none;
}

.biyond-guide .module-item input[type="radio"]:checked + label {
    background: rgb(152, 242, 182);
}

.biyond-guide .module-item label {
    display: block;
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
}

.biyond-guide .module-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 10px;
}

.biyond-guide .g-okruh {
   border-radius: 20px;
   border:0px solid #fff;
}
.g-okruh .module-image {
    width: 70%;
    height: 200px;
    border:1px solid #aaa;
    padding: 10px;
    border-radius: 20px;
    background-color: #fff;
}


.biyond-guide .module-name {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.biyond-guide .module-code {
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
}

.biyond-guide .module-descr {
    display: none;
    font-size: 11px;
    color: #888;
    line-height: 1.3;
}

.biyond-guide .success-message {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
    padding: 15px;
    border-radius: 5px;
    margin: 15px 0;
}

.biyond-guide .error-message {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 15px;
    border-radius: 5px;
    margin: 15px 0;
}

.biyond-guide .biyond-btn,
.biyond-guide .biyond-submit {
    display: inline-block;
    padding: 10px 20px;
    background: #007cba;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    margin: 10px 0;
    float:right;
    font-size: inherit;
}

.biyond-guide .biyond-btn:hover {
    background: #005a87;
    text-decoration: none;
}

.biyond-guide .biyond-btn-large {
    padding: 15px 30px;
    font-size: 16px;
    margin: 10px;
    display: inline-block;
}

.biyond-guide .biyond-btn-secondary {
    background: #6c757d;
    color: white;
}

.biyond-guide .biyond-btn-secondary:hover {
    background: #545b62;
}

.biyond-guide .question-buttons {
    text-align: center;
    margin: 30px 0;
}

.biyond-guide .biyond-inputRow {
    margin: 10px 0;
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.biyond-guide .biyond-inputRow:nth-child(odd) {
    margin-right: 2%;
}

.biyond-guide .biyond-inputLabel {
    display: inline-block;
    width: 140px;
    margin-right: 10px;
    font-weight: bold;
    vertical-align: top;
    padding-top: 8px;
}

.biyond-guide .biyond-input {
    width: 200px;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
}

.biyond-guide .biyond-submit {
    background: #007cba;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    float:right;
    margin-top: 10px;
}

.biyond-guide .biyond-submit:hover {
    background: #005a87;
}

.biyond-account-creation-buttons {
    text-align: center;
    margin: 15px 0;
}

.biyond-account-creation-buttons .biyond-btn {
    margin: 0 10px;
}

table.biyond{
  border-collapse:collapse;
  border:none;
  margin:0px;
}

table.biyond.cart table tr td{
  border: none;
}
table.biyond td .preview img {
	max-height: 90px;
	max-width: 120px;
}
.biyond table td input, .biyond table td select{
  padding:10px 10px;
  border-radius: 5px;
  border:1px solid #aaa;
}
.biyond table td input[type="submit"]{
  padding:10px 10px;
  background: #007cba;
  color: white;
  border: none;
  border-radius: 5px;
}

.biyond table.active td{
  min-width: 5rem;
}

.active td.reproduct{
  cursor: pointer;
  text-decoration: underline;
  color: #007cba;
}


.w45 {
    width: 45%;
}

.nresult {
    color: #721c24;
    padding: 10px;
    border-radius: 5px;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    margin: 5px 0;
}

.presult {
    color: #155724;
    padding: 10px;
    border-radius: 5px;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    margin: 5px 0;
}




@media print {

  *{
     box-shadow:none !important;
     border-radius:0px !important;
     background-image:none;
  }

  #top, #menubar, #left, #footer, input, .orderState, .noPrint
  {
    visibility: hidden; width:1px;height:1px;margin:0px;border:0px;
    position:absolute;
    top:0px;
    display:none;
  }
  #content{width:990px;}
  
  #itemsList.prev table td{
    min-width:0;
    padding:1mm 2mm;
  }
  #itemsList.prev table td.name{
    width:9.5cm;
  }
  h1{
    margin:0 0.5cm !important;
  }
  #itemsList.prev h1{
    margin:-0.5cm 0 -1cm !important;
  }
  #itemsList.prev{
    margin-left:0.5cm;
  }
  
  td.heading,tr.heading,h2.heading {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  
}