/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

Reset
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

.fila-seleccionada-listado-productos {
    background-color: black;
}

.inputActual {
    background-color: #e87352 !important;
}

.boton-login{
    font-size:30px;
    font-weight: bold;
    width: 75px !important;
    height: 75px !important;
}

.boton-login-especial{
    font-size:30px;
    font-weight: bold;
    width: 120px !important;
    height: 75px !important;
}

.keypad-key, .keypad-space {
    width: 3.5em;
    height: 3.5em;
}

.keypad-half-space {
    width: 1.75em;
}

.keypad-special {
    width: 4.7em;
    height: 3.5em;
}

@media only screen and (min-width: 200px) {
    #botones-clientes {
        float: left;
        max-width: 100px;
    }
    
    #erroresLogInForm {
        width: 150px;
    }
    
    .datos-ayuda {
        max-height: 320px;
        margin-bottom: 15px;
    }
    
    #input-comentario {
        width: 250px;
    }
    .ultima-transaccion {
        margin-left: 0;
        margin-top: 5px;
    }
        
    .ultima-transaccion-div {
        margin-left: auto;
        margin-right: auto;
        width: 126px;
        float: none;
    }
    
    .reimprimir_transaccion {
        width: 115px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    
    .div-logo-informativo {
        display:none
    }
    
    #tablaEstado {
        font-size:10px;
        line-height: 16px;
        height: 35px;
        background-color: #67b0d1;
        width: 100%;
        text-align: center;
        color: #fff;
    }
        
    #tablaEstado div {
        margin-right: 8px;
        margin-left: 3px;
        height: 16px;
        color: #fff;
        font-weight: bold;
        font-size: 11px;
        float: left;
        width: auto;
    }
    
    #ingreso_datos { 
        width: 230px;
        height: 65px;
        color:#fff;
        font-size:16px;
        background-color:#67b0d1;
        text-align: left;
        padding: 10px;
    }
    
    #aceptarUsuario2, #cambiar-computadora {
        display:none;
        height: 100%;
        width: 250px !important; 
        font-size: 1.3em;
        margin: 0; 
        margin-top:5px
    }

    input[type=text], input[type=password], input[type=number], input[type=email], form textarea.largo {
        width: 100px;
    }

    #tabla-pedido {
        display: block;
        float: left;
        background-color: #003a4d;
        height: 100%;
        color: white;
        width: 80%;
        font-size: 9px;
        margin: 0;
        border: 0;
    }
    
    #total {
        background-color: #e87352;
        padding: 0px;
        margin: 0px;
        position: relative;
        height: 100%;;
        width: 20%;
        color: #fff;
        border: 0;
        font-size: 13px;
        font-weight: bold;
        display: block;
        float: left;
        text-align: center;
        line-height: 58px;
    }
    
    .menu {
        float: left;
        display: block;
        height: 117px;
        overflow-y: auto;
        width: 100%;
        margin-top: 58px;
    }
    
    .boton-menu {
        background-color: #3bbdbf;
        margin: 3px;
        width: 100px;
        height: 51px;
        color: #fff;
        border: 0px;
        font-size: 12px;
        font-weight: bold;
        float: left;
    }
    .menu-productos {
        float: left;
        display: block;
        height: 160px;
        overflow-y: auto;
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
    }

    .boton-producto {
        border: 0;
        background-color: white;
        padding-left: 01px;
        padding-right: 08px;
        margin: 4px 3px 2px 3px;
        width: 100px;
        height: 75px;
        color: #0F515A;
        font-size: 0.8em;
        line-height: 11px;
        white-space: nowrap;
        padding-top: 52px;
        float: left;
    }

    .boton-mesa {
        border: 0;
        background-color: white;
        padding: 0;
        margin: 4px 3px 2px 3px;
        width: 100px;
        height: 75px;
        color: #0F515A;
        font-size: 2.5em;
        line-height: 11px;
        white-space: nowrap;
        float: left;
    }

    .opciones-derecha {
        display: block;
        float: left;
        width: 100%;
        overflow-y: auto;
        padding-top: 5px;
        height: 102px;
    }
    
    #opciones_botones button, .reporte-ventas-opciones button, .boton-general, #submenus button, .boton_comandas { 
        display: block; 
        text-decoration: none; 
        width: 120px;
        height: 64px;
    }

    #opciones button, #opciones_ordenes button, #opciones_vales button { 
        display: block; 
        text-decoration: none; 
        width: 100px;
        height: 40px;
        margin-left: auto;
        margin-right: auto;
        padding-right: 0px;
        padding-left: 0px;
        font-size: 12px;
    }

    .col-descripcion {
        min-width: 125px;
        max-width: 125px;
    }

    .col-descripcion-min {
        min-width: 185px;
        max-width: 185px;
    }
    
    .col-cantidad {
        min-width: 10px;
    }
    
    .col-precioU, .col-monto {
        min-width: 70px;
    }
    
    .col-num {
        min-width: 25px;
    }
    
    .premenu-opciones {
        max-height: 350px;
        overflow-y: auto;
        max-width: 252px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
        
    .boton-cantidad {
        background-color: #3bbdbf;
        margin-left: 2px;
        margin-right: 2px;
        margin-top: 1px;
        margin-bottom: 2px;
        width:59px;
        height:40px;
        color: #fff;
        border: 0px;
        font-weight:bold;
        float: left;
    }

    .opciones-abajo {
        bottom: 7px;
        position: relative;
        width: 100%;
        height: 47px;
        overflow-y: auto;
        left: 0;
    }

    .engloba-footer {
        display: block;
        margin-left: 0 ;
        margin-right: 0;
        width: 100%;   
    }

    #descripcion_pedido {
        height: 72px;
    }

    form input.largo, form select.largo, form textarea.largo {
        width: 134px;
    }

    #botones_clientes, #botones_clientes_domicilio, #botones_clientes_adicionales {
        float: right;
        max-width: 268px;
        margin-left: 0.5em;
        margin-top: 10px;
    }

    .boton-cliente {
        margin-bottom: 0.5em;
        float: left;
        margin-left: 5px;
    }
    
    tbody {
        overflow-y: auto;
    }

    #cuerpo-clientes, 
    #cuerpo-en-espera, 
    #cuerpo-pedido-completo, 
    #cuerpo-cuentas-abiertas, 
    #cuerpo-detalle-comanda, 
    #cuerpo-detalle, 
    #cuerpo-detalle-oferta, 
    #cuerpo-cuentas-abiertas-movimientos, 
    #cuerpo-areas,
    #cuerpo-eleccion-documentos,
    #cuerpo-productos-encontrados,
    #cuerpo-vendedores,
    #cuerpo-procedencias,
    #cuerpo-motivos-ajustes,
    #cuerpo-trazabilidades,
    #cuerpo-combo-oferta,
    #cuerpo-cuotas {
        max-height: 340px;
        max-width: 375px;
    }

    #cuerpo-control {
        max-height: 300px;
    }
    
    #cuerpo-sustitutos, #cuerpo-documentos-actuales, #cuerpo-cliente-telefonos, #cuerpo-cliente-telefonos-2, #cuerpo-cliente-direcciones, #cuerpo-cliente-nombres {
        max-height: 165px;
    }

    #cuerpo-cliente-telefonos, #cuerpo-cliente-telefonos-2 {
        overflow-x: hidden;
    }

    #cuerpo-cliente-direcciones {
        max-width: 750px;
    }
    
    #cuerpo-cliente-nombres {
        max-width: 470px;
    }
    
    #tabla-control {
        max-width: 230px;
        float: left;
    }
    
    #fecha-control {
        font-size: 1.5em;
        margin: 0 0 5px 5px;
    }
    
    #cuerpo-verifica-existencia {
        max-height: 175px;
        max-width: 100%;
    }
    
    #div_acciones_cuentas_abiertas_opcionales {
        width: 125px;
    }
    
    #cuentasAbiertasEliminar {
        margin-top: 20px !important;
    }
}

@media only screen and (min-width: 601px) {
    #botones-clientes {
        float: right;
    }
    
    #erroresLogInForm {
        background-color: red;
        color: white;
        margin-bottom: 1em;
        padding-left: 10px;
        width: 640px;
        font-weight: bold;
        margin-left: auto;
        margin-right: auto;
    }
    
    .datos-ayuda {
        max-height: 430px;
        margin-bottom: 15px;
    }
    
    tbody {
        overflow-y: auto;
    }
    
    #cuerpo-areas,
    #cuerpo-detalle-comanda, 
    #cuerpo-vendedores,
    #cuerpo-motoristas,
    #cuerpo-monedas,
    #cuerpo-metas-por-cajero,
    #cuerpo-impresoras,
    #cuerpo-giftcards,
    #cuerpo-procedencias,
    #cuerpo-motivos-ajustes {
        max-height: 411px;
        max-width: 760px;
    }
    
    #cuerpo-trazabilidades,
    #cuerpo-combo-oferta  {
        max-height: 411px;
        max-width: 845px;
    }
    
    #cuerpo-detalle-comanda {
        max-width: 810px;
    }
    
    #tabla-sustitutos,
    #tabla-en-espera {
        max-width: 760px;
    }
    
    #cuerpo-documentos-pendientes-firma-electronica,
    #cuerpo-revision-credomatic,
    #cuerpo-cuentas-abiertas, 
    #cuerpo-cuentas-abiertas-movimientos, 
    #cuerpo-en-espera, 
    #cuerpo-sustitutos, 
    #cuerpo-pedido-completo, 
    #cuerpo-clientes, 
    #cuerpo-detalle,
    #cuerpo-detalle-oferta
    #cuerpo-eleccion-documentos,
    #cuerpo-regalias,
    #cuerpo-clau-promociones-regalos,
    #cuerpo-horario-regular,
    #cuerpo-horario-especial,
    #cuerpo-trazabilidad-descuadrada {
        max-height: 411px;
        min-width: 610px !important;
        max-width: fit-content;
    }
    
    #cuerpo-control {
        max-height: 247px;
    }
    
    #cuerpo-detalle-medias, #cuerpo-seleccion-correlativos {
        max-height: 83px;
    }
    
    #cuerpo-productos-encontrados {
        max-height: 452px;
        max-width: 710px;
    }
    
    #cuerpo-verifica-existencia,
    #cuerpo-listado-productos {
        max-height: 452px;
        max-width: 100%;
    }
    
    #botones_clientes, #botones_clientes_domicilio, #botones_clientes_adicionales {
        float: left;
    }
    
    .boton-cliente {
        margin-bottom: 0.5em;
        float: left;
        margin-left: 1em;
    }
    
    .boton-opcion {
        margin: 4px;
    }
    
    #descripcion_pedido {
        height: 58px;
    }
    
    #tablaEstado {
        background-color: #67b0d1;
        width: 100%;
        height:52px;
        text-align: center;
        line-height: 26px;
        color: #fff;
    }

    #tablaEstado div {
        color: #fff;
        font-weight: bold;
        margin-right: 12px;
        margin-left: 6px;
        font-size: 11px;
        float: left;
        width: auto;
        height:25px;
    }
            
    .div-logo-informativo {
        display: block;
    }
    
    #aceptarUsuario2 {
        height: 90px;
        margin-left: 10px;
        margin-top: 0;
        width: 100px !important;
    }
    #ingreso_datos {
        width: 630px;
        height: 70px;
        color:#fff;
        font-size:16px;
        background-color:#67b0d1;
    }
    
    #tabla-pedido {
        display: block;
        float: left;
        background-color: #003a4d;
        padding-left: 10px;
        padding-right: 10px;
        height: 100%;
        color: white;
        width: 82.8%;
        font-size: 14px;
        margin: 0;
        border: 0;
    }
    
    #total {
        background-color: #e87352;
        padding: 0px;
        margin: 0px;
        position: relative;
        height: 100%;;
        width: 15%;
        color: #fff;
        border: 0;
        font-size: 21px;
        font-weight: bold;
        display: block;
        float: left;
        text-align: center;
        line-height: 58px;
    }
    
    #areas, .menu {
        float: left;
        display: block;
        height: 95%;
        overflow-y: auto;
        width: 28%;
        padding-top: 5px;
        margin-top: 0;
    }

    #opciones-mesas {
        float: left;
        display: block;
        height: 95%;
        overflow-y: auto;
        width: 21%;
        padding-top: 5px;
        margin-top: 0;
    }

    .div-mesas {
        float: left;
        display: block;
        height: 95%;
        overflow-y: auto;
        width: 55%;
        padding-top: 5px;
        padding-left: 10px;
    }

    .menu-productos {
        float: left;
        display: block;
        height: 95%;
        overflow-y: auto;
        width: 70%;
        padding-top: 5px;
        padding-left: 10px;
    }

    .boton-menu {
        background-color: #3bbdbf;
        margin: 3px;
        width: 145px;
        height: 80px;
        color: #fff;
        border: 0px;
        font-size: 13px;
        font-weight: bold;
        float: left;
    }
    .boton-producto {
        border: 0;
        background-color: white;
        padding-left: 01px;
        padding-right: 08px;
        margin: 4px 3px 2px 3px;
        width:133px;
        height:75px;
        color: #0F515A;
        font-size: 0.8em;
        line-height: 10px;
        /*white-space: nowrap;*/
        padding-top: 40px;
        float: left;
    }
        
    .boton-mesa  {
        border: 0;
        background-color: white;
        padding: 0;
        margin: 4px 3px 2px 3px;
        width:250px;
        height:100px;
        color: #0F515A;
        font-size: 2.5em;
        line-height: 10px;
        float: left;
    }

    .opciones-derecha {
        display: block;
        float: none;
        width: 10%;
        overflow-y: auto;
        padding-top: 5px;
        height: 95% !important;
    }

    #opciones_botones button, .reporte-ventas-opciones button, .boton-general, #submenus button, .boton_comandas { 
        display: block; 
        text-decoration: none; 
        width: 120px;
        height: 64px;
    }
    
    #opciones button, #opciones_ordenes button, .boton-domicilio-opciones, #opciones_vales button { 
        display: block; 
        text-decoration: none; 
        width: 120px;
        height: 64px;
        margin-left: auto;
        margin-right: auto;
        padding-right: 7px;
        padding-left: 7px;
    }
    
    
    .col-num {
        min-width: 35px;
    }
    
    .col-descripcion {
        width: 455px;
        max-width: 455px;
    }
    
    .col-cantidad {
        min-width: 110px;
        text-align: right;
    }
    
    .col-precioU {
        min-width: 115px;
        text-align: right;
    }
    
    .col-monto, .col-descuento {
        min-width: 120px;
        text-align: right;
    }

    input[type=number], input[type=password] {
        width: 180px;
    }

    .datos-login {
        padding-left:2%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .contrasenia {
        margin-left:5%;
    }

    .premenu-opciones {
        max-width: 890px;
        margin-left: auto;
        margin-right: auto;
    }

    .boton-cantidad {
        background-color: #3bbdbf;
        margin: 3px;
        width:125px;
        height:65px;
        color: #fff;
        border: 0px;
        font-weight:bold;
        float: left;
    }

    .engloba-footer {
        width: 65%;
        height: auto;
    }

    .opciones-abajo {
        bottom: 10px;
        position: relative;
        width: 700px;
        left: 93px;
        height: 140px;
        overflow-y: initial;
    }

    .reimprimir_transaccion {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

    .ultima-transaccion-div {
        float: left;
    }

    .ultima-transaccion {
        margin-left: 5px;
    }

    #input-comentario {
        width: 810px;
    }

    form input.largo, form select.largo, form textarea.largo {
        width: 500px;
    }
    
    #tabla-control {
        max-width: 542px;
    }
    
    #fecha-control {
        font-size: 2em;
        margin: 13px 20px 0 0;
    }
    
    .col-descripcion-min{
        min-width: 215px;
    }
    
    #div_acciones_cuentas_abiertas_opcionales {
        width: 165px;
    }
}

@media only screen and (min-width: 1000px)
{
    #cuerpo-pedido-completo {
        max-width: 1170px;
    }
    
    #cuerpo-detalle,
    #cuerpo-detalle-oferta {
        max-width: 1050px;
    }
    
    input.largo, select.largo, form textarea.largo {
        width: 500px;
    }
    
    .engloba-footer {
        margin-left: 28.55%;
        width: 700px;
    }
    
    .boton-menu {
        height: 65px;
        width: 125px;
    }
    
    #tablaEstado div {
        font-size: 13px;
    }
    
    .opciones-abajo {
        bottom: 0;
        left: 0;
    }
    
    #botones_clientes, #botones_clientes_domicilio, #botones_clientes_adicionales {
        max-width: 135px;
    }
    
    .boton-cliente {
        margin-bottom: 0.5em;
        float: left;
        margin-left: 1em;
    }
    
    #opciones button, #opciones_ordenes button, .boton-domicilio-opciones, #opciones_vales button {
        width: 133px;
    }
    
    #cuerpo-detalle-comanda {
        max-width: 1215px;
    }
}

table {
    color: #FFF;
    border-collapse: collapse;
    float: left;
    display: block;
    table-layout: fixed;
    word-wrap:break-word;
}

table tbody {
    overflow-y: auto;
}

table tbody, table thead {
    display: block;
}

th, td {
    border: solid #FFF 1px;
}

form input {
    background-color: #4c9dc1;
}

#divTecladoLogIn {
    width: 400px;
    margin: auto;
    padding-top: 10px;
}

.div-footer {
    width: 100%;
    border: #000033;
    bottom: 0;
    position: fixed;
}

.div-logo-informativo {
    width:320px;
    margin: auto;
}

html, body {
    background: url('/POSTouch/web/bundles/touchpos/images/back-touch.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    background-color: #245468;
}

.texto {
    font-size: 10px;
    font-family: courier new;
}

td.centrar {
    text-align: center;
    border: 5px;
    border-color: red;
}

.boton {
    background-color: white;
    padding: 0px;
    margin: 0px;
}

.boton-opcion {
    background-color: white;
    padding: 0px;
    width:126px;
    height:64px;
    background-color: #3ABDBF;
    border: 0;
    color: #FFF;
    text-transform: uppercase;
}

#div_header {
    height: auto;
    width: 100%;
    margin-bottom: 10px;
    z-index: 1;
}

#div_content {
    height: 69%;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.imagen {
  width: 90px;
  height: 85px;
  margin: 0px;
  padding: 0px;
}

.col-codigo, .col-serie, .col-inicio, .col-fin {
    min-width: 95px;
}

.col-tipodoc, .col-activo {
    min-width: 60px;
    max-width: 60px;
}

.col-transac, .col-personas {
    min-width: 110px;
    text-align: right;
}

.col-codigo-det, .col-mesa, .col-odv {
    min-width: 135px;
    max-width: 135px;
}

.col-descripcion-det, .col-observaciones-det {
    width: 455px;
}

.col-observaciones {
    min-width: 215px;
    max-width: 215px;
}

.col-estado {
    min-width: 86px;
    max-width: 86px;
}

.col-cantidad-det, .col-porcentaje, .col-meta-unidades {
    min-width: 66px;
    max-width: 66px;
    text-align: right;
}

.col-precioU-det {
    min-width: 100px;
    text-align: right;
}

.col-monto-det {
    min-width: 110px;
    text-align: right;
}

.col-monto-totalizar {
    min-width: 120px;
    text-align: right;
}

table td, table th {
    height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
}

.col-grupo, .col-documento-nombre {
    min-width: 200px;
    max-width: 200px;
}

.col-documento-valor, .col-documento-minimo, .col-documento-porcentaje {
    min-width: 134px;
    max-width: 134px;
    text-align: right;
}

.col-fecha {
    min-width: 159px;
    max-width: 159px;
}

.col-cliente-nombre {
    max-width: 194px;
    min-width: 194px;
}

.col-tienda {
    min-width: 117px;
    max-width: 117px;
}

.col-comentario, .col-meta-producto, .col-fop {
    min-width: 182px;
    max-width: 182px;
}

.col-cuenta-numero, .col-credito-anulado {
    min-width: 80px;
    max-width: 80px;
    text-align: right;
}

.col-detalle-comanda-tiempo, .col-tipo-doc {
    min-width: 56px;
    max-width: 56px;
}

.col-cantidad-existencia, .col-cantidad-inventario, .col-listado-productos {
    min-width: 110px;
    max-width: 110px;
    text-align: right;
}

.col-listado-productos-descripcion {
    min-width: 275px;
    max-width: 275px;
}

#ClienteForm {
    text-align:right;
    padding-left: 4px;
}

#HorarioRegularForm, #HorarioEspecialForm {
    text-align:right;
    padding-left: 4px;
}

#DigitadoForm, #DatosVendedorForm, #DatosImpresoraForm {
    text-align:right;
    padding-right:15px;
    float: left;
}

#DatosVendedorForm, #DatosImpresoraForm {
    width: 651px;
}

.head-pedido-completo {
    display: block;
    padding-right: 20px;
    padding-left: 10px;
    border: 2px;
}

#opciones *, #opciones_botones *, #opciones_botones, .reporte-ventas-opciones, .reporte-ventas-opciones * { 
    padding:0; 
    margin: 0; 
    list-style-type:none;
}

#opciones ul li {
    float: left; 
}

#opciones ul li button, #opciones_botones button, .reporte-ventas-opciones button, .boton-general, #opciones_ordenes button, #opciones-mesas button, 
#submenus button, .boton_comandas, .boton-domicilio-opciones, #opciones_vales button {
    background-color: #3BBDBF; 
    margin: 3px;
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #0F515A;
}

#opciones ul li ul, #opciones_botones ul {
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    bottom: 100%;
}

#opciones ul li ul li, #opciones_botones ul li {
    border: none;
}

#opciones ul li ul li button, #opciones_botones button, #submenus button, .boton_comandas, .boton-domicilio-opciones {
    margin: 3px;
    border: solid #166772 2px;
}

#opciones li { 
    position:relative; 
    float:left;
}

#aceptarCliente:disabled, #total-cancelar:disabled, .pago:disabled, #ver_orden:disabled, #imprimir_orden:disabled, #en_transito:disabled, #cerrar_orden:disabled,
#aceptarOrdenesAnteriores:disabled, #anular_orden:disabled, #quitar_en_transito:disabled, #regresar_orden:disabled, #asignar_factura:disabled, 
#regresa_a_tienda:disabled, #ver_vale:disabled, #entregar_vale:disabled, #bloquear_vale:disabled, #imprimir_vale:disabled, #multiplicar_vale:disabled, #imprimir_ruta_orden:disabled,
#cambiar_nit_orden:disabled, #agregar_webifica_orden:disabled, #cambiar_tiempo_ofrecido:disabled, #divArqueo button:disabled, #agregar-oferta:disabled {
    opacity:0.5;
}

.col-clientes-codigo {
    width: 145px;
}
.col-clientes-nombre {
    width: 200px;
}
.col-clientes-facturarA {
    width: 200px;
}

.col-clientes-nit {
    width: 90px;
}

.col-clientes-correo {
    width: 200px;
}

.col-clientes-telefono, .col-nombre-vendedor {
    width: 80px;
}

.col-clientes-celular {
    width: 82px;
}

.col-clientes-ext {
    width: 80px;
}

.col-clientes-direccion {
    width: 510px;
}

.col-clientes-tienda {
    width: 96px;
}

.col-clientes-obs {
    width: 111px;
}

#cuerpo-totalizar td:first-child {
    width: 144px;
}

.encabezado, th {
    font-weight: bold;
}

#formaDePago label {
    width: 130px
}

#spinning {
    z-index: 2000;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.8;
}

#mensaje-espera {
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
    max-width: 760px;
}

body {
    font-size: 14px;
    font-family: Verdana;
    color: #313131;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

h1, h2, h3 {
    font-family:    Georgia, "Times New Roman", Times, serif;
    font-size: 18px;
    color:          #404040;
    font-weight: bold;
}

h1 {
    font-size:      45px;
    padding-bottom: 30px;
}

h2 {
    font-weight:   bold;
    color:         #FFFFFF;
    /* Font is duplicated of body (sans-serif) */
    font-family:      "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

    margin-bottom:    10px;
    background-color: #194D9F;
    padding:          2px 4px;
    display:          inline-block;
    text-transform:   uppercase;
}

p {
    padding-bottom: 20px;
}

ul#demo-list a {
    /*background: url(../images/blue-arrow.png) no-repeat right 6px;*/
    padding-right: 10px;
}

ul, ol {
    padding-left: 20px;
}

ol li {
    list-style-type: decimal;
}

ul li {
    list-style-type: none;
}

#header {
    position: relative;
    padding: 30px 30px 20px 30px;
}

#wrapper {
    width:  970px;
    margin: 0 auto;
}

.content {
    background-color: white;
    border: 1px solid #DFDFDF;
    padding: 10px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    margin-bottom: 20px;
    word-wrap: break-word;
}

#search {
    position: absolute;
    top: 50px;
    right: 30px;
}

#search input[type="search"] {
    -webkit-appearance: textfield;
}

#search-field {
    width: 190px;
}

#search label {
    display: block;
    float: left;
    width: 20px;
    height: 25px;
    /*background: url(../images/search.png) no-repeat left 5px;*/
}

#search label span {
    display: none;
}

input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], form select, form textarea {
    border:      0px;
    padding:     5px 6px;
    color:       #fff;
    background-color:#67b0d1;
    font-family: Arial, Helvetica, sans-serif;
    font-size:   16px;
}

#ingreso_datos input[type=password], #ingreso_datos input[type=number] {
    background-color:black;
}

.button-grey,
.button-green {
    font-size: 0.85em;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
    outline: none;
    text-align: center;
    text-transform: uppercase;
    padding: 3px 10px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button-grey {
    color: #868686;
    font-weight: normal;
    padding: 5px 10px;
    border: solid 1px #d7d7d7;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d7d7d7));
    background: -moz-linear-gradient(top,  #ffffff,  #d7d7d7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7');
}

.button-green {
    padding: 5px 12px;
    color: white;
    border: solid 1px #a7da39;
    background: #a7da39;
    background: -webkit-gradient(linear, left top, left bottom, from(#a7da39), to(#6a9211));
    background: -moz-linear-gradient(top,  #a7da39,  #6a9211);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7da39', endColorstr='#6a9211');
}

.blocks-welcome {
    overflow: hidden;
}

.blocks-welcome > div {
    background-color: whitesmoke;
    float: left;
    width: 240px;
    margin-right: 14px;
    text-align: center;
    padding: 26px 20px;
}

.blocks-welcome > div.block-demo {
    margin-right: 0;
}

.blocks-welcome .illustration {
    padding-bottom: 20px;
}

.blocks-help {
    overflow: hidden;
}

.blocks-help {
    margin-top: 30px;
    padding: 18px;
    border: 1px solid #E6E6E6;
}

.blocks-help > div {
    width: 254px;
    float: left;
}

.flash-message {
    padding: 10px;
    margin: 5px;
    margin-top: 15px;
    background-color: #ffe;
}

.error {
    color: red;
}

#login label, #contact_label {
    display: block;
    float: left;
    width: 90px;
    font-family: 'Courier New',Courier,monospace;
}

ul#menu {
    float: right;
    margin-bottom: 20px;
    padding-left: 0;
}

#menu li {
    padding-left: 0;
    margin-right: 10px;
    display: inline;
}

/* ===========================================================================
Formularios
======================================================================== */
form > div > div {
    clear: both;
}

form label {
    width: 115px;
    font-weight: normal;
    display: inline;
}

form input, form textarea, form select {
    padding: 5px;
    margin-bottom: .5em;
    font-size: 16px;
}

textarea {
    height: 100px;
    width: 600px;
}

form textarea.mediana {
    height: 100px;
    width: 500px;
}

form label + div[id*="fecha"] {
    display: inline-block;
    overflow: hidden;
}

form label + div[id*="fecha"] > div {
    float: left;
    margin-right: 2em;
}

form p.ayuda {
    color: #555;
    font-size: 14px;
    margin: .5em 0 .5em 200px;
}

form input[type="submit"] {
    margin: 0 0;
}

form input.corto, form select.corto {
    width: 100px;
}

input.corto, select.corto {
    width: 100px;
}

form input.mediano, form select.mediano, input.mediano, select.mediano {
    width: 210px;
}

form input.totales,label.totales {
    width: 150px;
    text-align: right;
    font-size: 24px;
}

form > div:first-child > ul:first-child, /* mensajes de error globales */
form div > * > ul:first-child,           /* mensajes de error de cada campo */
form > * > ul, 
form label + ul {
    background: #C00;
    color: #FFF;
    list-style: none;
    margin: 0 0 1em;
    padding: .2em;
}

form > div:first-child > ul:first-child li,
form div > * > ul:first-child li,
form label + ul li {
    margin: 0;
    padding: .2em;
}

form > div:first-child > ul:first-child li + li,
form div > * > ul:first-child li + li,
form label + ul li + li {
    margin-top: .5em;
}

input:invalid,textarea:invalid{
    background-color:#f0dddd
}

#botones_cantidad {
    display:none;
    font-size:2em;
    float: left;
}

.boton_premenu {
    float:left;
}

#ingreso_datos_reportes {
    width: 660px;
    height: 125px;
    color:#fff;
    font-size:16px;
    background-color:#67b0d1;
    text-align: left;
    padding: 10px;
    float: left;
    margin-right: 7px;
}

.boton-general {
    border: solid #166772 3px;
}

.botones-seleccion-reporte {
    margin-left: 4px;
    float:left;
}

input[type=number], input[type=password] {
    -moz-appearance: textfield;
}

::-webkit-inner-spin-button { 
    -webkit-appearance: none;
}

::-webkit-outer-spin-button { 
    -webkit-appearance: none;
}

.datos-ayuda > h4 {
    font-weight: bold;
}

.datos-ayuda {
    overflow-y: auto;
}

.tr-fixed {
    position: relative;
}

.tbody-fixed {
    overflow: auto;
    width: 100%;    
}

.col-esconder {
    visibility: hidden;
    display: none;
}

#cuerpo-pedido {
    overflow: auto;
}

tbody tr:nth-child(even), thead tr:nth-child(odd) {
    background-color: #279BA5;
}

tbody tr:nth-child(odd), thead tr:nth-child(even) {
    background-color: #40B4BE;
}

.fila-seleccionada {
    background-color: #e87352 !important;
}

#tabla-pedido tbody tr, #cuerpo-totalizar tr {
    background-color: #003a4d;
}

#ui-datepicker-div table tr {
    background-color: white;
}

.ui-datepicker-title {
    color: #000 !important;
}

#tabla-control {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    float:none;
}

.sin-imagen {
    padding: 0;
    font-size: 1.1em;
    line-height: 1.1em;
}

.sin-imagen span{
    display: block;
    word-wrap: break-word;
    white-space: normal;
}

#tabla-pedido td, .ui-datepicker-calendar td{
    height: auto;
}

#tabla-ordenes, .ui-datepicker-calendar thead, #tabla-vales {
    color: black;
}

.ui-datepicker-calendar thead, #tabla-ordenes-DivHeaderRow thead, #tabla-ordenes-DivMainContent thead, #tabla-vales-DivHeaderRow thead, #tabla-vales-DivMainContent thead {
    display: table-header-group;
}

.ui-datepicker-calendar tbody, #tabla-ordenes-DivMainContent tbody, #tabla-vales-DivMainContent tbody {
    display: table-row-group;
}

#tabla-ordenes th, #tabla-ordenes td, #tabla-colores td, #tabla-ordenes-DivHeaderRow th, #tabla-vales th, #tabla-vales td, #tabla-vales-DivHeaderRow th {
    color: black;
    text-align: center;
    font-weight: bold;
}

#tabla-ordenes table, #tabla-ordenes-DivMainContent table, #tabla-ordenes-DivHeaderRow table, #tabla-vales table, #tabla-vales-DivMainContent table, #tabla-vales-DivHeaderRow table {
    margin-left: 0.5em;
}

#tabla-ordenes td, #tabla-ordenes th, #tabla-colores td, #tabla-ordenes-DivHeaderRow th, #tabla-vales td, #tabla-vales th, #tabla-vales-DivHeaderRow th {
    border: solid #00A7B6 1px;
}

#tabla-pedido, #tabla-pedido td {
    border: 0;
}

.boton-pago {
    width: 92px;
}

.keypad-spacebar {
    width: 22.3em;
}

#div-forma-de-pago {
    float: left;
    max-width: 288px;   
}

#ingreso_importe {
    float: left;
    width: 290px;
}

#ingreso_importe div {
    float: left;
    height: 54px;
}

#total-cancelar {
    margin-left: 19px;
    width: 92px;
    visibility: visible;
}

#DatosVendedorForm select {
    height: 50px;
    margin-bottom: 10px;
}

#TurnoForm label {
    display: -webkit-inline-box;
    width: 110px;
    font-size: 25px;
    font-weight: bolder;
    vertical-align: super;
}

#TurnoForm input[type=radio] {
    width: 45px;
    height: 45px;
    margin-right: 10px;
}

#comandas {
    width: 90%;
    height: 90%;
    float: left;
    overflow-y: auto;
}

#comandas div {
    width: auto;
    height: auto;
    background-color: #FFF;
    margin: 5px;
    display: inline-block;
    padding: 5px;
}

#comandas label {
    display: block;
    font-size: 20px;
    font-weight: bolder;
}

#comandas .col-observaciones {
    min-width: 115px;
    max-width: 115px;
}

.boton-domicilio-opciones { 
    font-size: 12px !important;
}

.fila-seleccionada-ordenes, .fila-seleccionada-vales {
    border: solid black 5px !important;
}

.pendiente-servir {
    background-color: #e87352;
}

.servido {
    background-color: #0dd100 !important;
}

.ui-dialog .ui-dialog-titlebar {
    width: -moz-calc(100%) !important;
    width: -webkit-calc(100%) !important;
    width: calc(100%) !important;
}

#cuerpo-control {
    padding-right: 10px;
}

.billetes {
    font-weight: bolder;
    font-size: 30px !important;
    width: 54px;
    height: 54px;
    margin: 2px;
}