@media print {
  .no-print {
    display: none !important; /* Oculta el div completamente */
  }
}
.table{
	margin-bottom: 10px;
}

#comandas-container{
    width: 95%;
    height: calc(100vh - 200px);
    float: left;
    text-align:center;
}
#comandas_prioridad_alta {
    border: 4px solid #999;
    height: calc(50vh - 100px);
    overflow: scroll;
    max-height: 50%;
    width: 100%;
}
.pedidos-ver{
    background:url(../img/corcho.jpg) repeat;
    border: 10px solid transparent;
    -webkit-border-image: url(../img/border.png) 60 round; /* Safari 3.1-5 */
    -o-border-image: url(../img/border.png) 60 round; /* Opera 11-12.1 */
    border-image: url(../img/border.png) 60 round;
    float:left;
    height: calc(100vh - 160px);
    margin:0 auto;
    min-height: 300px;
    width:100%;
}
#area_trabajo{
    overflow-y:auto !important;
    overflow-x:hidden !important;
}
#comandas_contenedor_aside{
    float: right;
    height: calc(100vh - 200px);
    margin: 0 15px 0 0;
    position: absolute;
    right: -185px;
    top: 80px;
    width: 200px;
    /*TODO: Linea TEMPORAL con el proposito de ocultar para entrega parcial 2018-05-30*/
    /*display: none;*/
}
.comanda-pedido img{
    height:30px;
    left: 50%;
    margin:0 auto;
    position: absolute;
    top: 15px;
    width:30px;
}
.comanda-pedido{/*esto va en el tema*/
    background: -moz-radial-gradient(center, ellipse cover, rgba(221,200,135,0.8) 0%, rgba(221,200,135,0.95) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(221,200,135,0.8) 0%,rgba(221,200,135,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(221,200,135,0.8) 0%,rgba(221,200,135,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccddc887', endColorstr='#f2ddc887',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-shadow:         -2px 2px 2px 2px rgba(50, 50, 50, 0.7);
    -moz-box-shadow:    -2px 2px 2px 2px rgba(50, 50, 50, 0.7);
    -webkit-box-shadow: -2px 2px 2px 2px rgba(50, 50, 50, 0.7);
    color:#FFF;
    float:left;
    font-family: italic;
    font-size: 10pt !important;
    left:0%;
    margin:10px 4px 0px 5px;
    padding:5px;
    position: relative;
    text-align: center;
}
.comanda_prioridad_baja div{
    background-color: rgba(33,168,216, 0.9);
}
.comanda_prioridad_media div{
    background-color: #E3B000;
}
.comanda_tiempo_medidor div{
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    -o-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    -webkit-box-shadow: 2px 2px 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 1px 2px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 2px 2px 1px 2px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 2px 2px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 1px 2px rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 10px 5px;
}
.comanda_prioridad_alta div{
    background-color: #C60F13;
}
.comanda-pedido .comanda-button{
    border:1px !important;
    font-size: 9pt;
    font-weight: bold;
    margin: 4px;
    min-height: 25px;
    padding: 10px 10px;
    text-align: center;
    width:auto;
}
.comanda-button.button.comanda-despachar {
    background: rgb(3, 145, 125);
    color: rgb(159, 255, 215);
}
.wis_seccion .comanda-button.button.comanda-despachar .glyphicon.glyphicon {
    color: rgb(159, 255, 215);
    background: none;
    padding-right: 5px;
}
.comanda-button.button.comanda-preprarar {
    background: rgb(92, 33, 145);
    color: rgb(255, 156, 255);
}
.wis_seccion .comanda-button.button.comanda-preprarar .glyphicon.glyphicon {
    color: rgb(255, 156, 255);
    background: none;
    padding-right: 5px;
}
.comanda-pedido .comanda-button:hover{
    color: #FFF;
}
.comanda-pedido .red-button{
    background: #f72a3e; /* Old browsers */
    background: -moz-linear-gradient(top, #f72a3e 0%, #c60d1a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f72a3e 0%,#c60d1a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f72a3e 0%,#c60d1a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f72a3e', endColorstr='#c60d1a',GradientType=0 );
    float:right;
}
.comanda-pedido .green-button{
    background: #2aed3e; /* Old browsers */
    background: -moz-linear-gradient(top, #2aed3e 1%, #087708 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2aed3e 1%,#087708 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2aed3e 1%,#087708 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aed3e', endColorstr='#087708',GradientType=0 );
    border-radius: 20% !important;
    float:left;
}
.green-button span{
    text-align: center !important;
}

.comanda-pedido .comanda-tbdatos td,
.comanda-pedido .comanda-tbdatos th{
    color: #333;
}
.comanda-pedido .comanda-tbdatos th{
    font-weight: normal;
}
.comanda-pedido .comanda-tbdatos td{
    font-weight: bold;
}
.comanda-pedido .comanda-tbitems{
    margin: 5px 0;
    width: 100%;
}
.comanda-pedido .comanda-tbitems th{
    background: rgba(50, 50, 50, 0.6) none repeat scroll 0 0;
}
.comanda-pedido .comanda-tbitems td{
    background: rgba(50, 50, 50, 0.3) none repeat scroll 0 0;
}
.comanda-pedido .comanda-tbitems tr:nth-child(even) { background: rgba(0, 0, 0, 0.08) }
.comanda-pedido .comanda-tbitems tr:nth-child(odd) { background: rgba(0, 0, 0, 0.25)}

.comanda-pedido .comanda-tbitems td,
.comanda-pedido .comanda-tbitems th{
    border-top: 2px solid #333;
    padding: 1px 3px;
}
#comandas-container #comanda_toolbar {
    background: #ccc;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,1);
    height: 30px;
    float: right;
    position:relative;
}
#comandas-container #comanda_toolbar > div{
    float: left;
}
#comandas-container #comanda_toolbar .comanda_toolbar_item{
    border-right:3px solid #0097ae;
    height: 100%;
    padding: 3px;
}
.comanda_toolbar_item div{
    height: 26px;
}
#comandas-container #comanda_toolbar .comanda_toolbar_item span{
    cursor: pointer;
}
#comandas_cantidad_visor{
    position: relative;
}
#comandas_notificacion {
    position: absolute;
    top: 0;
    right: 0;
}
#comandas_notificacion {
    background: red;
    border-radius: 25px;
    color: #fff;
    font-size: 20px;
    height: 18px;
    padding: 0;
    position: absolute;
    right: -7px;
    top: 21px;
    width: 18px;
}
#comandas_notificacion i{
    color: #fff;
    line-height: 11px;
    padding: 0;
}
#comandas-container #comanda_toolbar #comanda_toolbar_flotante .comanda_toolbar_item div{
    background: -moz-radial-gradient(center, ellipse cover, rgba(221,200,135,0.8) 0%, rgba(221,200,135,0.95) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(221,200,135,0.8) 0%,rgba(221,200,135,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(221,200,135,0.8) 0%,rgba(221,200,135,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccddc887', endColorstr='#f2ddc887',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    color: #773525;
    float:left;
    font-size: 15px;
    font-weight: bold;
    height: 26px;
    line-height: 30px;
    vertical-align: central;
    padding: 0 10px 0 0;
}
#comandas-container #comanda_toolbar #comanda_toolbar_flotante b{
    background: -moz-radial-gradient(center, ellipse cover, rgba(221,200,135,0.8) 0%, rgba(221,200,135,0.95) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(221,200,135,0.8) 0%,rgba(221,200,135,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(221,200,135,0.8) 0%,rgba(221,200,135,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccddc887', endColorstr='#f2ddc887',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-shadow:         -2px 2px 2px 2px rgba(50, 50, 50, 0.7);
    -moz-box-shadow:    -2px 2px 2px 2px rgba(50, 50, 50, 0.7);
    -webkit-box-shadow: -2px 2px 2px 2px rgba(50, 50, 50, 0.7);
    color: red;
    float:left;
    font-size: 22px;
    font-weight: bolder;
    line-height: 22px;
    padding: 0 7px 5px 7px;
    
}
.comanda_tiempo_medidor {
    float: right;
    font-size: 20px;
    margin: 10px;
    top: 0;
}
.comanda_tiempo_medidor div{
    font-family: Helvetica;
}
.comanda_tiempo_medidor p{
    font-size: 11px;
}
.comanda_header_table {
    float: left;
    margin: 25px 0 10px;
}
.comanda_header_table .comanda_header_data{
    float:left;
}
.comanda_header_table.tabla_centrar{
    margin: 25px 0 10px !important;
}

.comanda_header_data {
    float: left;
    margin: 10px;
    color: #000;
    text-align: left;
}
.comanda_mesa b {
    font-size: 22px;
    color: rgba(33,168,216, 1);
    text-shadow: 1px 1px 1px #000;
}

.prioridad_item_campo {
    float: left;
    height: 23px;
    margin: 0px 0px 0 0px;
    text-align: left;
}

.prioridad_item_cantidad {
    background: rgba(50,150,200, 0.9);
    border-radius: 20px 0 0 20px;
    height: 23px;
    text-align: center;
    width: calc(25% - 15px);
}

.prioridad_item_producto {
    background: rgba(50,150,200, 0.9);
    text-align: left;
    width: calc(75% + 15px);
}

.comanda_prioridad_item {
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 18px;
    height: 24px;
    margin: 0 0 0 -15px;
    overflow:hidden;
}

.pedido_prioridad_alta {
    color: red;
}

.pedido_prioridad_normal{
    color: green;
}

.pedido_prioridad_alta, .pedido_prioridad_normal{
    text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
    font-size: 21px;
    text-transform: uppercase;
}

.pedido_item ul {
    margin: 0;
    padding: 0px 0 0 15px;
}
.comanda_notificacion_0{
    display: none;
}

#aside_control{
    cursor: pointer;
}

.comanda-button.button.comanda-imprimir {
    background: rgba(50,150,200, 0.9);;
    color: rgb(255, 255, 255);
}
@media print{
  .oculto-impresion, .oculto-impresion *{
    display: none !important;
  }
}