body{
  font-family: Arial, sans-serif;
}

.cr{color: red;}
.cg{color: green;}
.cb{color: blue;}
.cw{color: white;}

.bgb{ background-color: black;}
.bgg{ background-color: green;}
.bgr{ background-color: red;}


table.list{
    border-collapse: collapse;
}

tr.header, tr.header td {
    background-color: rgb(204,204,153);
    color: #FFFFFF;
    font-weight: bold;
    
    border: 1px solid ;
}

tr.l1 {
    background-color: rgb(210,255,210);
}
tr.l2 {
    background-color: rgb(230,255,230);
}
tr.error{
	border: 2px solid red;
}

input[type=submit], span.ptr, label.ptr, div.ptr, img.ptr, button.ptr, label {
    cursor:pointer;    
}



.b{font-weight: bold;}

.vam{vertical-align: middle;}

.r{text-align: right;}
.l{text-align: left;}
.c{text-align: center;}

.fs14{font-size: 14px;}


input[type=submit].guardar {
    background: url(/img/save32.png) no-repeat;
    padding-left: 35px;
    border: 0;
    display: block;
    height: 32px;
    width: 85px;
}

input[type=submit].search {
    background: url(/img/search32.png) no-repeat;
    padding-left: 35px;
    border: 0;
    display: block;
    height: 32px;
    width: 80px;
}
input[type=submit].enviar {
    background: url(/img/send-32.png) no-repeat;
    padding-left: 35px;
    border: 0;
    display: block;
    height: 32px;
    width: 85px;
}
button[type=button].agregar {
    background: url(/img/add32.png) no-repeat;
    padding-left: 35px;
    border: 0;
    height: 32px;
    width: 150px;
}
button[type=button].tilde {
    background: url(/img/select32.png) no-repeat;
    padding-left: 35px;
    border: 0;
    height: 32px;
    width: 150px;
}
button[type=button].remove {
    background: url(/img/remove32.png) no-repeat;
    padding-left: 35px;
    border: 0;
    height: 32px;
    width: 80px;
}
button[type=button].print {
    background: url(/img/print32.png) no-repeat;
    padding-left: 35px;
    border: 0;
    height: 32px;
    width: 80px;
}
button[type=button].delete {
    background: url(/img/delete32.png) no-repeat;
    padding-left: 35px;
    border: 0;
    height: 32px;
    width: 80px;
}
input[type=submit].checkin {
    background: url(/img/online32.png) no-repeat;
    padding-left: 35px;
    
    height: 35px;
    width: 180px;
}
input[type=submit].checkout {
    background: url(/img/offline32.png) no-repeat;
    padding-left: 35px;
    
    height: 35px;
    width: 180px;
    border
}

select.producto{ font-size:18px;}
input.subtotal{ font-size:20px;}

.imprimir {
  font-size: 12px;
}
.imprimir-grande {
  font-size: 14px;
  font-weight: bold;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#map_div {
    height: 100%;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

td.bgnew {
    background: url(/img/new375.png) no-repeat right top;
    background-size: contain;
    padding-right: 30px;
    background-size: 35px;
}

div.veganlevel {
    background: url(/img/veganicon500.png) no-repeat left;
    background-size: contain;
    padding-left: 25px;
    background-size: 25px;
    font-size: 25px;
    font-weight: bold;
    display: inline;
    cursor: pointer;
}

div.vlevel1 {
/** /black/**/
  color: rgb(200,255,200);
  text-shadow: 0px 0px 10px rgb(0,0,0);
}
div.vlevel2 {
/** /green/**/
  color: rgb(0,153,0);
  text-shadow: 0px 0px 10px rgb(0,153,0);
}
div.vlevel3 {
/** /silver/**/
  color: rgb(200,200,200);
  text-shadow: 0px 0px 10px rgb(200,200,200);
}
div.vlevel4 {
/** /gold/**/
  color: rgb(200,200,0);
  text-shadow: 0px 0px 10px rgb(200,200,0);
}
div.vlevel5 {
/** /diamond/**/
  color: rgb(0,255,255);
  text-shadow: 0px 0px 10px rgb(0,0,0);
}


.strike{
	text-decoration: line-through;
}

.grilla {
border: solid 2px black;
table-layout: fixed;
}

.grilla tr td {
border: solid 1px black;
}

.grilla tr.topsolid td {
	border-top-width: 3px;
}

.lcase {
  text-transform: lowercase;
}
.ucase {
  text-transform: uppercase;
}
.ccase {
  text-transform: capitalize;
}


@-webkit-keyframes newblink2 {
  from { background-color: #39A224; }
  to { background-color: #107923; }
}
@-moz-keyframes newblink2 {
  from { background-color: #39A224; }
  to { background-color: #107923; }
}
@-o-keyframes newblink2 {
  from { background-color: #39A224; }
  to { background-color: #107923; }
}
@keyframes newblink2 {
  from { background-color: #39A224; }
  to { background-color: #107923; }
}

.newblink2 {
  -webkit-animation: newblink2 2s infinite; /* Safari 4+ */
  -moz-animation:    newblink2 2s infinite; /* Fx 5+ */
  -o-animation:      newblink2 2s infinite; /* Opera 12+ */
  animation:         newblink2 2s infinite; /* IE 10+ */
}

@-webkit-keyframes newblink6 {
  from { background-color: #FFCC00; }
  to { background-color: #CCCC00; }
}
@-moz-keyframes newblink6 {
  from { background-color: #FFCC00; }
  to { background-color: #CCCC00; }
}
@-o-keyframes newblink6 {
  from { background-color: #FFCC00; }
  to { background-color: #CCCC00; }
}
@keyframes newblink6 {
  from { background-color: #FFCC00; }
  to { background-color: #CCCC00; }
}

.newblink6 {
  -webkit-animation: newblink6 2s infinite; /* Safari 4+ */
  -moz-animation:    newblink6 2s infinite; /* Fx 5+ */
  -o-animation:      newblink6 2s infinite; /* Opera 12+ */
  animation:         newblink6 2s infinite; /* IE 10+ */
}

@-webkit-keyframes newblink8 {
  from { background-color: #FF0000; }
  to { background-color: #FF6600; }
}
@-moz-keyframes newblink8 {
  from { background-color: #FF0000; }
  to { background-color: #FF6600; }
}
@-o-keyframes newblink8 {
  from { background-color: #FF0000; }
  to { background-color: #FF6600; }
}
@keyframes newblink8 {
  from { background-color: #FF0000; }
  to { background-color: #FF6600; }
}

.newblink8 {
  -webkit-animation: newblink8 2s infinite; /* Safari 4+ */
  -moz-animation:    newblink8 2s infinite; /* Fx 5+ */
  -o-animation:      newblink8 2s infinite; /* Opera 12+ */
  animation:         newblink8 2s infinite; /* IE 10+ */
}


@-webkit-keyframes newblink9 {
  from { background-color: #2d9dc2; }
  to { background-color: #9bdee4; }
}
@-moz-keyframes newblink9 {
  from { background-color: #2d9dc2; }
  to { background-color: #9bdee4; }
}
@-o-keyframes newblink9 {
  from { background-color: #2d9dc2; }
  to { background-color: #9bdee4; }
}
@keyframes newblink9 {
  from { background-color: #2d9dc2; }
  to { background-color: #9bdee4; }
}

.newblink9 {
  -webkit-animation: newblink9 2s infinite; /* Safari 4+ */
  -moz-animation:    newblink9 2s infinite; /* Fx 5+ */
  -o-animation:      newblink9 2s infinite; /* Opera 12+ */
  animation:         newblink9 2s infinite; /* IE 10+ */
}


img.fb{
	height: 30px; width: 30px;
	border: 2px solid blue;
}
img.ig{
	height: 30px; width: 30px;
	border: 2px solid brown;
}

img.tw{
	height: 30px; width: 30px;
	border: 2px solid skyblue;
}

img.wa{
	height: 30px; width: 30px;
	border: 2px solid green;
}

.cp{
    cursor: pointer;
}
.m0{
	margin: 0px;
}

tr.straik {
	color: white;text-shadow: 4px 4px #000000;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2NkYGCQBAAAIwAbDJgTxgAAAABJRU5ErkJggg==');
    background-repeat: repeat-x;
    background-position: 50% 50%;
  background: url(data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7)
    repeat-x
    center;
}