table.canvas {
  width: 100%;
}

table.canvas tbody tr {
  cursor: pointer;
}

table.canvas tbody tr.odd {
  background-color: #FFFFFF;
}

table.canvas tbody tr.even {
  background-color: #F5F3F6;
}

table.canvas tbody tr.selected {
  background-color: #CCC9C8;
}

table.canvas tbody tr.checked {
  background-color: #AEFFAE;
}

table.canvas tbody tr.fromsearch {
  background-color: #FFFF6A !important;
}

#detCanvas .qta {
  text-align: right;
  width: 75px;
}

#detCanvas .imp {
  text-align: right;
}

#detCanvas span.scoprz {
  background-color: yellow;
  font-weight: bold;
}

#detCanvas input[type='text'].qta.error, #detCanvas input[type='text'].qta.errorCnf {
  background-color: red;
  color: white;
}

#detCanvasMsg {
  margin-top: .5em;
  display: block;
  position:fixed;  
  width: 60%;
  left: 20%;
  top: 0;
  z-index: 99999;
}

#detCanvasMsg div {
  padding: .5em .4em .5em .4em;
  font-size: 16px;
  width: 100%;
  background-color: red;
  text-align: center;
  color: white;
  font-weight: bold;
  -webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
}

#detCanvasMsg div span.important{
  font-size: 18px;
  color: black;
  font-weight: bold;
}

.promo_slide {
  cursor: pointer;
}

.promo_slide:hover {
  background: #CCC9C8;
}