#contenido{
    background: #fff;
    margin: 20px auto;
    /*overflow: hidden;*/
    overflow: auto;
    padding: 20px;
    border: 1px solid #828282;
    background-color: #FAFAFA;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; 
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.05);
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    #contenido{
        background: #fff;
        margin: 20px auto;
        overflow: auto;
        padding: 20px;
        border: 1px solid #828282;
        background-color: #FAFAFA;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px; 
        box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.05);
    }
}




/*Paloma*/
.TitleTouch {
    border: solid 1px #EAC97F;
    font-family: sans-serif;
    font-weight: bold;
    background: #ffffff;
    color: #7d3000;
    text-align: center;
    font-size: 26px;
}

#divBackgroundTouch {   
    position:fixed;
    top:0;
    left:0;
    background:#F0E5CC;
    width:100%;
    height:100%;
}

.SubtitleTouch {
    font-size: 12px;
    color: black;
}

.TableTdTouch {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
}

.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: 10px;
}

.btn-sq-sm {
  width: 100px !important;
  height: 50px !important;
  font-size: 30px;
  text-align: center;
}

.btn-sq-sm-cero {
    width: 305px !important;
    height: 50px !important;
    font-size: 34px;
    text-align: center;
}

.btn-lg-touch {
    padding: 22px 12px;
    font-size: 18px;
    line-height: 1.33;
}
   
.btn-sq-xs {
  width: 25px !important;
  height: 25px !important;
  padding:2px;
}

.TitleVentaTouch {
    background-color: #7d3000;
    color: #fff;
    text-align: center;
    font-size: 16px;
    height: 30px;
    font-weight: bold;
}

.TitleDetalleTouch {
    background-color: #7d3000;
    color: #fff;
    text-align: center;
    font-size: 16px;
    height: 30px;
}

.size-form {
    height: 40px;
}

.size-text {
    font-size: 16px;
}

.size-text-amount {
    font-size: 22px;
}

.size-text-alter {
    font-size: 16px;
}

.btn-block-Alter {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    height: 60px;
}

.btn-block-Apply {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    height: 70px;
}  

.ScrollDetalleTouch {
    height: 500px;
    width: 100%;
    overflow: scroll;
    border: #000000;
    border: solid 1px #7d3000;
}

   
.btn-block-out {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    height: 60px;
}

/*RESOLUCION DE PANTALLAS
PANTALLA DE PALOMA MAC*/
@media screen and (min-width: 1440px) and (min-height: 766px) { 
    .btn-sq-sm {
      width: 100px !important;
      height: 50px !important;
      font-size: 30px;
      text-align: center;
      padding: 2px;
    }
    
    .btn-sq-sm-cero {
        width: 305px !important;
        height: 50px !important;
        font-size: 34px;
        text-align: center;
        padding: 2px;
    }
    
    .btn-lg-touch {
        padding: 21px 16px;
        font-size: 16px;
        line-height: 1.33;
    }
    
    .size-form {
        height: 40px;
        font-size: 15px;
    }
    
    .size-text {
        font-size: 14px;
    }
    
    .size-text-amount {
        font-size: 18px;
    }
    
    .size-text-alter {
        font-size: 14px;
    }
    
    .btn-block-Alter {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 50px;
    }

    .btn-block-Apply {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 60px;
    }  

    .ScrollDetalleTouch {
        height: 500px;
        width: 100%;
        overflow: scroll;
        border: #000000;
        border: solid 1px #7d3000;
    }

    .DetailForm {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormCantidad {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormPrecio {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormImporte {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
    
    .btn-block-Line {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 40px;
        font-size: 16px;
    }
    
    .txtTotalFilaVista {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
}

/*PANTALLA DE PALOMA*/
@media screen and (min-width: 1920px) and (min-height: 946px) {
    .btn-sq-sm {
      width: 130px !important;
      height: 70px !important;
      font-size: 30px;
      text-align: center;
      padding: 2px;
    }
    
    .btn-sq-sm-cero {
        width: 395px !important;
        height: 70px !important;
        font-size: 34px;
        text-align: center;
        padding: 2px;
    }
    
    .btn-lg-touch {
        padding: 26px 16px;
        font-size: 18px;
        line-height: 1.33;
    }
    
    .size-form {
        height: 50px;
        font-size: 18px;
    }
    
    .size-text {
        font-size: 16px;
    }
    
    .size-text-amount {
        font-size: 22px;
    }
    
    .size-text-alter {
        font-size: 16px;
    }
    
    .btn-block-Alter {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 60px;
    }

    .btn-block-Apply {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 70px;
        font-size: 22px;
    }  
    
    .ScrollDetalleTouch {
        height: 680px;
        width: 100%;
        overflow: scroll;
        border: #000000;
        border: solid 1px #7d3000;
    }
    
    .DetailForm {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 17px;
    }
}

/*PANTALLA DE PROTONOTARIO*/
@media screen and (max-width: 1024px) and (max-height: 768px) {  
    .TitleVentaTouch {
        background-color: #7d3000;
        color: #fff;
        text-align: center;
        font-size: 16px;
        height: 35px;
        font-weight: bold;
    }

    .TitleDetalleTouch {
        background-color: #7d3000;
        color: #fff;
        text-align: center;
        font-size: 16px;
        height: 35px;
    }
    
    .btn-sq-sm {
      width: 100px !important;
      height: 44px !important;
      font-size: 30px;
      text-align: center;
      padding: 2px;
    }
    
    .btn-sq-sm-cero {
        width: 305px !important;
        height: 45px !important;
        font-size: 32px;
        text-align: center;
        padding: 2px;
    }
    
    .btn-lg-touch {
        padding: 21px 16px;
        font-size: 16px;
        line-height: 1.33;
    }
    
    .size-form {
        height: 40px;
        font-size: 15px;
    }
    
    .size-text {
        font-size: 14px;
    }
    
    .size-text-amount {
        font-size: 18px;
    }
    
    .size-text-alter {
        font-size: 14px;
    }
    
    .btn-block-Alter {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 45px;
    }

    .btn-block-Apply {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 55px;
    }  

    .ScrollDetalleTouch {
        height: 460px;
        width: 100%;
        overflow: scroll;
        border: #000000;
        border: solid 1px #7d3000;
    }

    .DetailForm {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormCantidad {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormPrecio {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormImporte {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
    
    .btn-block-Line {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 40px;
        font-size: 16px;
    }
    
    .txtTotalFilaVista {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
} 

/*PANTALLA DE PROTONOTARIO 2DA RESOL*/
@media screen and (max-width: 800px) and (max-height: 600px) {  
    .TitleVentaTouch {
        background-color: #7d3000;
        color: #fff;
        text-align: center;
        font-size: 16px;
        height: 35px;
        font-weight: bold;
    }

    .TitleDetalleTouch {
        background-color: #7d3000;
        color: #fff;
        text-align: center;
        font-size: 16px;
        height: 35px;
    }
    
    .TableTdTouch {
        text-align: center;
        font-weight: bold;
        font-size: 12px;
    }
    
    .btn-sq-sm {
      width: 80px !important;
      height: 32px !important;
      font-size: 20px;
      text-align: center;
      padding: 2px;
    }
    
    .btn-sq-sm-cero {
        width: 244px !important;
        height: 34px !important;
        font-size: 22px;
        text-align: center;
        padding: 2px;
    }
    
    .btn-lg-touch {
        padding: 15px 10px;
        font-size: 13px;
        line-height: 1.33;
    }
    
    .size-form {
        height: 28px;
        font-size: 11px;
    }
    
    .size-text {
        font-size: 12px;
    }
    
    .size-text-amount {
        font-size: 15px;
    }
    
    .size-text-alter {
        font-size: 10px;
    }
    
    .btn-block-Alter {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 30px;
        font-size: 13px;
    }

    .btn-block-Apply {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 45px;
    }  

    .ScrollDetalleTouch {
        height: 330px;
        width: 100%;
        overflow: scroll;
        border: #000000;
        border: solid 1px #7d3000;
    }

    .DetailForm {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormCantidad {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormPrecio {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormImporte {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
    
    .btn-block-Line {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 30px;
        font-size: 12px;
    }
    
    .txtTotalFilaVista {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
} 

/*PANTALLA DE PROTONOTARIO 3RA RESOL*/
@media screen and (max-width: 1280px) and (min-height: 821px) {  
    .TitleVentaTouch {
        background-color: #7d3000;
        color: #fff;
        text-align: center;
        font-size: 18px;
        height: 38px;
        font-weight: bold;
    }

    .TitleDetalleTouch {
        background-color: #7d3000;
        color: #fff;
        text-align: center;
        font-size: 16px;
        height: 36px;
    }
    
    .btn-sq-sm {
      width: 100px !important;
      height: 55px !important;
      font-size: 32px;
      text-align: center;
      padding: 2px;
    }
    
    .btn-sq-sm-cero {
        width: 305px !important;
        height: 60px !important;
        font-size: 34px;
        text-align: center;
        padding: 2px;
    }
    
    .btn-lg-touch {
        padding: 21px 16px;
        font-size: 16px;
        line-height: 1.33;
    }
    
    .size-form {
        height: 42px;
        font-size: 16px;
    }
    
    .size-text {
        font-size: 14px;
    }
    
    .size-text-amount {
        font-size: 18px;
    }
    
    .size-text-alter {
        font-size: 14px;
    }
    
    .btn-block-Alter {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 50px;
    }

    .btn-block-Apply {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 60px;
        font-size: 22px;
    }  

    .ScrollDetalleTouch {
        height: 550px;
        width: 100%;
        overflow: scroll;
        border: #000000;
        border: solid 1px #7d3000;
    }

    .DetailForm {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormCantidad {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormPrecio {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormImporte {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
    
    .btn-block-Line {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 40px;
        font-size: 16px;
    }
    
    .txtTotalFilaVista {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
} 

/*PANTALLA DE PROTONOTARIO 4TA RESOL*/
/*@media screen and (max-width: 1024px) and (min-height: 821px) {  
    .TitleVentaTouch {
        background-color: #7d3000;
        color: #fff;
        text-align: center;
        font-size: 18px;
        height: 38px;
        font-weight: bold;
    }

    .TitleDetalleTouch {
        background-color: #7d3000;
        color: #fff;
        text-align: center;
        font-size: 16px;
        height: 36px;
    }
    
    .btn-sq-sm {
      width: 100px !important;
      height: 46px !important;
      font-size: 32px;
      text-align: center;
      padding: 2px;
    }
    
    .btn-sq-sm-cero {
        width: 305px !important;
        height: 52px !important;
        font-size: 34px;
        text-align: center;
        padding: 2px;
    }
    
    .btn-lg-touch {
        padding: 21px 16px;
        font-size: 16px;
        line-height: 1.33;
    }
    
    .size-form {
        height: 42px;
        font-size: 16px;
    }
    
    .size-text {
        font-size: 14px;
    }
    
    .size-text-amount {
        font-size: 18px;
    }
    
    .size-text-alter {
        font-size: 14px;
    }
    
    .btn-block-Alter {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 50px;
    }

    .btn-block-Apply {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 66px;
        font-size: 22px;
    }  

    .ScrollDetalleTouch {
        height: 530px;
        width: 100%;
        overflow: scroll;
        border: #000000;
        border: solid 1px #7d3000;
    }

    .DetailForm {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormCantidad {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormPrecio {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormImporte {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
    
    .btn-block-Line {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 40px;
        font-size: 16px;
    }
} */

/*PANTALLA DE KATY*/
@media screen and (min-width: 2136px) and (min-height: 1219px) {
    .TitleTouch {
        border: solid 1px #EAC97F;
        font-family: sans-serif;
        font-weight: bold;
        background: #ffffff;
        color: #7d3000;
        text-align: center;
        font-size: 46px;
    }
    
    .TitleVentaTouch {
        background-color: #7d3000;
        color: #fff;
        text-align: center;
        font-size: 37px;
        height: 60px;
        font-weight: bold;
    }

    .TitleDetalleTouch {
        background-color: #7d3000;
        color: #fff;
        text-align: center;
        font-size: 37px;
        height: 60px;
    }

    .SubtitleTouch {
        font-size: 18px;
        color: black;
    }
    
    .TableTdTouch {
        text-align: center;
        font-weight: bold;
        font-size: 34px;
    }
    
    .btn-sq-sm {
      width: 170px !important;
      height: 75px !important;
      font-size: 58px;
      text-align: center;
      padding: 2px;
    }

    .btn-sq-sm-cero {
        width: 518px !important;
        height: 80px !important;
        font-size: 60px;
        text-align: center;
        padding: 2px;
    }

    .btn-lg-touch {
        padding: 36px 14px;
        font-size: 30px;
    }
    
    .size-form {
        height: 70px;
        font-size: 28px;
    }
    
    .size-text {
        font-size: 25px;
    }
    
    .size-text-amount {
        font-size: 40px;
    }
    
    .size-text-alter {
        font-size: 22px;
    }
    
    .btn-block-Alter {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 80px;
        font-size: 32px;
    }

    .btn-block-Apply {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 90px;
        font-size: 38px;
    }  
    
    .ScrollDetalleTouch {
        height: 780px;
        width: 100%;
        overflow: scroll;
        border: #000000;
        border: solid 1px #7d3000;
    } 
    
    .DetailForm {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 22px;
    }
    
    .txtFormCantidad {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 25px;
    }
    
    .txtFormPrecio {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 25px;
    }
    
    .txtFormImporte {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 25px;
        color: #000000;
        font-weight: bold;
    }
   
    .btn-block-Line {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 62px;
        font-size: 30px;
    }    
    
    .txtTotalFilaVista {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
}

/*PANTALLA DE KATY 2DA RESOL*/
@media screen and (min-width: 2136px) and (max-height: 1153px) {
    .TitleTouch {
        border: solid 1px #EAC97F;
        font-family: sans-serif;
        font-weight: bold;
        background: #ffffff;
        color: #7d3000;
        text-align: center;
        font-size: 46px;
    }
    
    .TitleVentaTouch {
        background-color: #7d3000;
        color: #fff;
        text-align: center;
        font-size: 37px;
        height: 60px;
        font-weight: bold;
    }

    .TitleDetalleTouch {
        background-color: #7d3000;
        color: #fff;
        text-align: center;
        font-size: 37px;
        height: 60px;
    }

    .SubtitleTouch {
        font-size: 18px;
        color: black;
    }
    
    .TableTdTouch {
        text-align: center;
        font-weight: bold;
        font-size: 34px;
    }
    
    .btn-sq-sm {
      width: 160px !important;
      height: 70px !important;
      font-size: 42px;
      text-align: center;
      padding: 2px;
    }

    .btn-sq-sm-cero {
        width: 483px !important;
        height: 75px !important;
        font-size: 47px;
        text-align: center;
        padding: 2px;
    }

    .btn-lg-touch {
        padding: 36px 14px;
        font-size: 30px;
    }
    
    .size-form {
        height: 65px;
        font-size: 26px;
    }
    
    .size-text {
        font-size: 22px;
    }
    
    .size-text-amount {
        font-size: 40px;
    }
    
    .size-text-alter {
        font-size: 22px;
    }
    
    .btn-block-Alter {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 80px;
        font-size: 32px;
    }

    .btn-block-Apply {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 90px;
        font-size: 38px;
    }  
    
    .ScrollDetalleTouch {
        height: 700px;
        width: 100%;
        overflow: scroll;
        border: #000000;
        border: solid 1px #7d3000;
    } 
    
    .DetailForm {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 20px;
    }
    
    .txtFormCantidad {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 25px;
    }
    
    .txtFormPrecio {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 25px;
    }
    
    .txtFormImporte {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 25px;
        color: #000000;
        font-weight: bold;
    }
    
    .btn-block-Line {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 62px;
        font-size: 30px;
    }  
    
    .txtTotalFilaVista {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
}


/*PANTALLA DE PALOMA MAC 2da resolución*/
@media screen and (min-width: 665px) and (min-height: 609px) { 
    .btn-sq-sm {
      width: 100px !important;
      height: 50px !important;
      font-size: 30px;
      text-align: center;
      padding: 2px;
    }
    
    .btn-sq-sm-cero {
        width: 305px !important;
        height: 50px !important;
        font-size: 34px;
        text-align: center;
        padding: 2px;
    }
    
    .btn-lg-touch {
        padding: 21px 16px;
        font-size: 16px;
        line-height: 1.33;
    }
    
    .size-form {
        height: 40px;
        font-size: 15px;
    }
    
    .size-text {
        font-size: 14px;
    }
    
    .size-text-amount {
        font-size: 18px;
    }
    
    .size-text-alter {
        font-size: 14px;
    }
    
    .btn-block-Alter {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 50px;
    }

    .btn-block-Apply {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 60px;
    }  

    .ScrollDetalleTouch {
        height: 500px;
        width: 100%;
        overflow: scroll;
        border: #000000;
        border: solid 1px #7d3000;
    }

    .DetailForm {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormCantidad {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormPrecio {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
    }
    
    .txtFormImporte {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
    
    .btn-block-Line {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        height: 40px;
        font-size: 16px;
    }
    
    .txtTotalFilaVista {
        width: 100%;
        padding: 10px 10px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box; 
        font-size: 14px;
        color: #000000;
        font-weight: bold;
    }
}








.VentaTouch {
    /* border: solid 1px #0A0A2A; */
    font-family: sans-serif;
    font-size: 14px;
    color: #0A0A2A;
    background: #088A08;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

.DetalleTouch {
    border-radius: 5px;
    background: rgb(240, 229, 204);
    width: 100%;
}

.DetalleTouch td {
    padding: 3px;
    font-size: 14px;
    border-bottom: solid 1px #935117;
    text-align: center;
}

.tabletouch {
    font-family: arial,verdana;
    font-size: 15px;
    color: #0A0A2A;
    /* border: solid 1px #0A0A2A; */
    background-color: #F0E5CC;
}

.producto-linea-modal {
    white-space: normal !important;
    max-width: 200px;
    width: 200px;
    min-height: 60px;
}

input.error {
    border: 1px solid red;
    background-color: #fff;
    color: #000;
    border-radius: 0px;
    width: 100%;
    padding: 5px;
    box-shadow: 0px 2px 2px rgba(173, 0, 0, 0.35);
}

.icon {
    padding: 10px;
    background: #4CAF50;
    border-radius: 100%;
    color: #fff;
}

.CajaCabeceras1 {
    border-top: solid 1px #0A0A2A;
    border-left: solid 1px #0A0A2A;
    border-right: solid 1px #0A0A2A;
    font-family: sans-serif;
    font-size: 14px;
    color: #0A0A2A;
    background-color: #F7F2E0;
    padding: 15px 15px 15px 15px;
    width: 100%;
}

.CajaTitulos1 {
    background: #A65B1A;
    padding: 5px;
    color: #fff;
    border-radius: 0px;
    font-weight: 400;
    width: 100%;
    border: 1px solid transparent;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.TxtTotales {
    padding: 4px;
    font-size: 14px;
    line-height: 1.42857;
    vertical-align: middle;
    border: solid 1px #A65B1A;
    /* background-color: rgb(255, 255, 255); */
    border-radius: 2px;
    /* box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; */
    /* transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; */
    text-align: right;
    background: #F0E5CC;
    color: #000;
}

.txtImporte {
    font-size: 14px;
    padding: 14px 7px;
    border: solid 1px #A65B1A;
    /* background-color: rgb(255, 255, 255); */
    border-radius: 2px;
    /* box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; */
    /* transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; */
    text-align: center;
    background: #F0E5CC;
    color: #000;
}

.txtCampoNumeros{
    font-size: 14px;
    padding-bottom: 30px;
    border: solid 1px #A65B1A;
    /* background-color: rgb(255, 255, 255); */
    border-radius: 2px;
    /* box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; */
    /* transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; */
    text-align: center;
    background: #F0E5CC;
    color: #000;
}

.CajaPie {
    width: 86%;
    background-color: #F7F2E0;
    border: solid 1px #0A0A2A;
    /* border-top: 0px; */
    /* margin-top: 0px; */
    padding: 5px;
    /* padding-top: 2px; */
}

.CajaCuerpo {
    width: 100%;
    background-image: url(../img/fondo1.png);
    padding: 5px;
}

.CajaCuerpo td {
    font-size: 14px;
    border-bottom: solid 1px rgba(138, 76, 22, 0.37);
    text-align: center;
    /* padding: 5px 1px 1px 1px; */
    padding: 5px;
}

.formapago {
    text-align: center;
    border-right: 1px solid #0A0A2A;
}

.CajaComentario {
    width: 86%;
    background-color: rgb(240, 229, 204);
    border-left: solid 1px #0A0A2A;
    border-right: solid 1px #0A0A2A;
    padding: 5px;
}

.CajaVentaComentario {
    width: 86%;
    padding: 5px;
    background-color: #F7F2E0;
    border-left: solid 1px #0A0A2A;
    border-right: solid 1px #0A0A2A;
    border-bottom: solid 1px #0A0A2A;
}

.CajaScroll {
    width: 86%;
    background-image: url(../img/fondo1.png);
    border-bottom: solid 1px #0A0A2A;
    border-left: solid 1px #0A0A2A;
    border-right: solid 1px #0A0A2A;

}

.titlesup {
    border: 0px solid #FFF;
}

.cod {
    border-right: 1px solid #A65B1A;
    font-family: sans-serif;
    border-bottom: 1px solid #A65B1A;
    background-color: #E6E6E6;
    padding: 4px;
    margin: 0px;
}

.dataTables_length {
    width: 40%;
    float: left;
    font-family: sans-serif;
    font-size: 15px;
    color: #0A0A2A;
} 
.ui-dialog-titlebar-close:before {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #fff;
    font-size: 18px;
}

.ui-widget-content {
    border: 1px solid #3f771b33;
    /* background: #f5f3e5 url(images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) 50% top repeat-x; */
    color: #312e25;
    background: #fff;
    /*//box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);*/
    border-radius: 0px;

}

.ui-dialog .ui-dialog-titlebar {
    /* padding: .4em 1em; */
    position: relative;
    font-weight: 500;
}

.ui-widget-header {
    /* border: 1px solid #d4ccb0; */
    /* background: #ece8da url(images/ui-bg_gloss-wave_100_ece8da_500x100.png) 50% 50% repeat-x; */
    color: #FFFFFF;
    background: #43ac6a;
    padding: 10px;
    border: 1px solid transparent;
    font-weight: bold;
    border-radius: 0px;
    margin-right: -4px;
    margin-left: -4px;
    margin-top: -5px;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background: #fff; 
    margin: 0px;
}

.ui-widget-overlay {
    /* background: #2b2922 url(images/ui-bg_inset-soft_15_2b2922_1x100.png) 50% bottom repeat-x; */
    opacity: .5;
    background: #000;
    filter: Alpha(Opacity=90);
}

.Filtro{
    background-color: #000; 
    width: 100%;
    in-height: 20px;
    /* padding: 19px; */
    padding: 30px 30px 15px 15px;
    background: #F0E5CC;
    -moz-box-shadow: 10px 10px 5px #CCC;
    /* -webkit-box-shadow: 10px 10px 5px #CCC; */
    /* box-shadow: 0px 6px 6px rgba(153, 153, 153, 0.72); */
    box-shadow: none;
    border-radius: 2px;
    border: 1px solid #EAC97F;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.05);
    /* margin-bottom: 20px; */
    /* background-color: #f9f9f9; */
    /* border: 1px solid transparent; */
    /* border-radius: 3px; */
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); */
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); */
    /* border: 1px solid #DEDEDE; */
}

.Filtro{
    background-color: #000; 
    width: 100%;
    in-height: 20px;
    /* padding: 19px; */
    padding: 30px 30px 15px 15px;
    background: #F0E5CC;
    -moz-box-shadow: 10px 10px 5px #CCC;
    /* -webkit-box-shadow: 10px 10px 5px #CCC; */
    /* box-shadow: 0px 6px 6px rgba(153, 153, 153, 0.72); */
    box-shadow: none;
    border-radius: 2px;
    border: 1px solid #EAC97F;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.05);
    /* margin-bottom: 20px; */
    /* background-color: #f9f9f9; */
    /* border: 1px solid transparent; */
    /* border-radius: 3px; */
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); */
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); */
    /* border: 1px solid #DEDEDE; */
}
.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
    font-family: sans-serif;
    font-size: 15px;
    color: #0A0A2A;
    padding-bottom:  10px;
}

.dataTables_info { 
    width: 25%;
    float: left;
    font-family: sans-serif;
    padding-top: 10px;
    font-size: 15px;
    color: #0A0A2A;
}
.dataTables_paginate {
    width: 100%;
    float: right;
    padding-top: 10px;
    text-align: right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
th.acciones{
    color:#fff;
    background: #000;
    font-size: 14px;
}
table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;
    color:#084B8A;
    border-top: 1px solid #824815;
    border-bottom:  1px solid #824815;
    border-left:  1px solid #824815;
    border-right:  1px solid #824815; 
}

table.display thead th {

    text-align: center;  
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a54f08), color-stop(1, #AB5811) );
    background:-moz-linear-gradient( center top, #a54f08 5%, #8C5322 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a54f08', endColorstr='#AB5811');
    background-color:#a54f08; 
    color:#FFFFFF; 
    font-size: 15px; 
    font-weight: 400;
    border-left: 1px solid #BF691E;
    padding: 4px; 
}


tr.odd {
    background: #F0E5CC;     
}

.TituloFiltroFecha {
    /* background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A65B1A), color-stop(1, #7F4614) ); */
    background: transparent;
    /* background-color: #A65B1A; */
    padding: 0px 5px 0px 5px;
    text-align: center;
    color: #084B8A;
    font-size: 15px;
    font-weight: 400;
}

.TabFormulario {
    padding: 30px 30px 15px 15px;
    background: #F0E5CC;
    -moz-box-shadow: 0px 3px 6px rgba(153, 153, 153, 0.37);
    -webkit-box-shadow: 0px 3px 6px rgba(153, 153, 153, 0.37);
    box-shadow: 0px 3px 6px rgba(153, 153, 153, 0.37);
    border: 1px solid #EAC97F;
    border-radius: 2px;
}


.ndh-well {
    padding: 30px 30px 15px 15px;
    background: #F0E5CC;
    -moz-box-shadow: 10px 10px 5px #CCC;
    /* -webkit-box-shadow: 10px 10px 5px #CCC; */
    /* box-shadow: 0px 6px 6px rgba(153, 153, 153, 0.72); */
    box-shadow: none;
    border-radius: 2px;
    border: 1px solid #EAC97F;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.05);
}
/*table.display tfoot th {
        padding: 3px 18px 3px 10px;
        border-top: 1px solid black;

        font-weight: bold;
}*/
.FormularioPermisos{
    border: solid 1px #D0D0D0;
    border-radius: 2px;
    padding: 15px;
    background: #FBFBFB;
    /* padding: 30px 30px 15px 15px; */
    -moz-box-shadow: 7px 7px 3px #CCC;
    -webkit-box-shadow: 10px 10px 5px #CCC;
    box-shadow: 0px 5px 6px rgba(153, 153, 153, 0.64);
}

.CabeceraPermisos{
    color: #fff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A65B1A), color-stop(1, #AB5811) );
    background:-moz-linear-gradient( center top, #A65B1A 5%, #7F4614 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A65B1A', endColorstr='#AB5811');
    padding: 8px 8px 8px 8px;
    height: 20px;
}


table.display td {
    padding: 5px 10px;
    padding-top: 3px;
    font-family: sans-serif;
    font-size: 14px;
    border-left: 1px solid rgba(236, 219, 178, 0.49);
    border-top: 1px solid #F3D184; 
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    table.display td {
        /*PALOMA*/
        padding: 2px 2px;
        padding-top: 3px;
        font-family: sans-serif;
        font-size: 14px;
        border-left: 1px solid rgba(236, 219, 178, 0.49);
        border-top: 1px solid #F3D184; 
    }
}


.TablaPermisos th {
    padding: 8px;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #A65B1A), color-stop(1, #AB5811) );
    background: -moz-linear-gradient( center top, #A65B1A 5%, #7F4614 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A65B1A', endColorstr='#AB5811');
    border-top: solid 1px #0A0A2A;
    border-bottom: solid 1px #0A0A2A;
    border-left: solid 1px #0A0A2A;
    border-right: solid 1px #0A0A2A;
    text-align: center;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
    color: #0A0A2A;
    background: #E6E6E6 url('img/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background:#E6E6E6 url('img/sort_desc.png') no-repeat center right;
}

.sorting {
    color: #0A0A2A;
    background: #E6E6E6 url('img/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
    color: #0A0A2A;
    background: url('img/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('img/sort_desc_disabled.png') no-repeat center right;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
    background-color: #ddffdd;
}

table.display tr.even.gradeA {
    background-color: #eeffee;
}

table.display tr.odd.gradeC {
    background-color: #ddddff;
}

table.display tr.even.gradeC {
    background-color: #eeeeff;
}

table.display tr.odd.gradeX {
    background-color: #ffdddd;
}

table.display tr.even.gradeX {
    background-color: #ffeeee;
}

table.display tr.odd.gradeU {
    background-color: #ddd;
}

table.display tr.even.gradeU {
    background-color: #eee;
}



tr.even {
    background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
}

.top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

.top .dataTables_info {
    float: none;
}

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

tfoot input.search_init {
    color: #999;
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 50%;
    height: 22px;
    line-height: 22px;
}

.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
    /* background-color: #978E7D; */
    background-color: #978E7D; 
    padding: 5px;
    color: #FFF;
    /* border: 1px solid #965218; */
    padding: 3px 7px;
    background: #a54f08;
    margin: 0 3px;
    border-radius: 1px;
    cursor: pointer;
}


.paging_full_numbers span.paginate_button {
    background-color: #FFF; 
    background: #E4E4E4;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 2px;
    /* box-shadow: 0px 1px 1px 2px rgba(0, 0, 0, 0.04); */
    font-family: sans-serif;
    font-size: 13px;
    color: #0A0A2A;
    text-decoration: none;
    /* text-shadow: 1px 1px 1px #FFF; */
    border: 1px solid #D8D8D8;
}

.paging_full_numbers span.paginate_button:hover {
    border-color: #88807A; 
    color: #FFFFFF;
    background: #A8540D;
    border: 1px solid transparent;
}

.paging_full_numbers span.paginate_active {
    background: #A9540D;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 2px;
    /* box-shadow: 0px 1px 1px 2px rgba(0, 0, 0, 0.04); */
    font-family: sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: none;
    /* text-shadow: 1px 1px 1px #FFF; */
    border: 1px solid #A8540D;
}
/*-----------------login-----------------*/
form:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#content {
    background: #f9f9f9;
    background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -ms-box-shadow: 0 1px 0 #fff inset;
    -o-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border: 1px solid #c4c6ca;
    margin: 0 auto;
    padding: 25px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: 400px;
}
/*-----------------aviso-----------------*/
.aviso {
    font-size: 14px;
    border-left: solid 1px #777;
    padding: 7px;
    padding-left: 15px;
    border-right: solid 1px #777;
    border-radius: 10px;
    margin: 20px;
    text-align: left;
    background: #CCC;
}
#content h1 {
    color: #7E7E7E;
    font: bold 25px Helvetica, Arial, sans-serif;
    letter-spacing: -0.05em;
    line-height: 20px;
    margin: 10px 0 30px;
}
#content h1:before,
#content h1:after {
    content: "";
    height: 1px;
    position: absolute;
    top: 10px;
    width: 27%;
}
#content h1:after {
    background: rgb(126,126,126);
    background: -moz-linear-gradient(left,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(left,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    right: 0;
}
#content h1:before {
    background: rgb(126,126,126);
    background: -moz-linear-gradient(right,  rgba(126,126,126,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(right,  rgba(126,126,126,1) 0%,rgba(255,255,255,1) 100%);
    left: 0;
}
#content:after,
#content:before {
    /*background: #f9f9f9;
    background: -moz-linear-gradient(top,  rgba(248,248,248,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -o-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: -ms-linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(top,  rgba(248,248,248,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f9f9f9',GradientType=0 );
    border: 1px solid #c4c6ca;
    content: "";
    display: block;
    height: 100%;
    left: -1px;
    position: absolute;
    width: 100%;*/
}
#content:after {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
    top: 0;
    z-index: -1;
}
#content:before {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    top: 0;
    z-index: -2;
}
#content form { margin: 0 20px; position: relative }
#content form input[type="text"],
#content form input[type="password"] {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -moz-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,0.08) inset;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #eae7e7;
    border: 1px solid #c8c8c8;
    color: #777;
    font: 13px Helvetica, Arial, sans-serif;
    margin: 0 0 10px;
    padding: 15px 10px 15px 40px;
    width: 80%;
}
#content form input[type="text"]:focus,
#content form input[type="password"]:focus {
    -webkit-box-shadow: 0 0 2px #ed1c24 inset;
    -moz-box-shadow: 0 0 2px #ed1c24 inset;
    -ms-box-shadow: 0 0 2px #ed1c24 inset;
    -o-box-shadow: 0 0 2px #ed1c24 inset;
    box-shadow: 0 0 2px #ed1c24 inset;
    background-color: #fff;
    border: 1px solid #ed1c24;
    outline: none;
}
#username { background-position: 10px 10px !important }
#password { background-position: 10px -53px !important }

#content form div a {
    color: #004a80;
    float: right;
    font-size: 12px;
    margin-top: 10px;
    text-decoration: underline;
}

/*Estilo Nota Garantia*/
.Garantia{
    background-color: #ECF6CE;
    border-bottom: 1px solid #0B0B3B;  
}
.Vencido{
    background-color: #FE2E2E;
    border-bottom: 1px solid #FFFFFF;  
    color: #fff;
}
.Advertencia{
    background-color: #adcce2;

}

/*Estilos de la mesa de regalo*/

.header-h4 {
    border-bottom: 1px solid rgba(163, 158, 147, 0.29);
    padding: 13px;
    background: rgba(245, 245, 220, 0.42);
    margin-left: -20px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.06);
    margin-right: -20px;
    margin-top: -20px;
}

#contenedor {
    /*background: #fff; */
    /* margin: 20px auto; */
    overflow: hidden;
    padding: 20px;
    /* border: 1px solid #C7C4C4; */
    background-color: #F0E5CC;
    /* -webkit-border-radius: 1px; */
    -moz-border-radius: 1px;
    border-radius: 2px;
    /* box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.16); */
    border: 1px solid #EAC97F;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.05);
}

.text-header {
    background: #ECECEC;
    padding: 10px;
    color: #000;
    margin-left: -20px;
    margin-top: -20px;
    margin-right: -20px;
    text-align: center;
}

.contedor-agregar {
    background: #ECECEC;
    padding-top: 10px;
    border: 1px solid #ccc;
    border-bottom: none;
}

.tablatotal-table {
    background: #FFFFFF;
    width: 100%;
    height: 1px;
    overflow: scroll;
    overflow-x: scroll;
    color: #084B8A;
    border: 1px solid #A5530D;
}

.tablatotal {
    background: #FFFFFF;
    width: 100%;
    height: 1px;
    overflow: scroll;
    overflow-x: scroll;
    color: #084B8A;
    border: 1px solid #A5530D;
}

.header-table {
    background: #a54f08; /* Old browsers */
    background: -moz-linear-gradient(top,  #a54f08 20%, #a65b1a 74%, #a34803 100%, #bc5b38 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#a54f08), color-stop(74%,#a65b1a), color-stop(100%,#a34803), color-stop(100%,#bc5b38)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a54f08 20%,#a65b1a 74%,#a34803 100%,#bc5b38 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a54f08 20%,#a65b1a 74%,#a34803 100%,#bc5b38 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a54f08 20%,#a65b1a 74%,#a34803 100%,#bc5b38 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a54f08 20%,#a65b1a 74%,#a34803 100%,#bc5b38 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a54f08', endColorstr='#bc5b38',GradientType=0 ); /* IE6-9 */
    font-size: 15px;
    font-weight: 400;
    padding: 20px;
    color: #fff;
}

.text-transparent {
    border: none;
    text-align: center;
}

.contenedor-total-compra {
    /*background: rgb(245, 239, 225); */
    /* border: 1px solid #BB824E; */
    /* padding: 5px; */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.19);
}

.tablatotal-md {
    background: #FFFFFF;
    width: 100%;
    padding: 10px;
    border: 1px solid rgba(204, 204, 204, 0.63);
}

.header-table-md {
    font-size: 15px;
    font-weight: 400;
    padding: 20px;
    color: #000;
}

.header-md {
    background: #27892B;
    padding: 7px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

/*Estilos de la mesa de regalo*/




/*
 * Sorting classes for columns
 */
/* For the standard odd/even */

.contedor-agregar {
    background: #ECECEC;
    padding-top: 10px;
    border: 1px solid #ccc;
    border-bottom: none;
}

/*ESTE APARTADO ES PARA QUE RESALTA LA PRIMERA FILA*//*
tr.odd td.sorting_1 {
        background-color: #E0F8E0;
}

tr.odd td.sorting_2 {
        background-color: #E0F8E0;
}

tr.odd td.sorting_3 {
        background-color: #E0F8E0;
}

tr.even td.sorting_1 {
        background-color: #E0F8E0;
}

tr.even td.sorting_2 {
        background-color: #E0F8E0;
}

tr.even td.sorting_3 {
        background-color: #E0F8E0;
}*/

/*FIN DE APARTADO ES PARA QUE RESALTA LA PRIMERA FILA*/


/* For the Conditional-CSS grading rows */
/*
        Colour calculations (based off the main row colours)
  Level 1:
                dd > c4
                ee > d5
        Level 2:
          dd > d1
          ee > e2
*/
/*tr.odd.gradeA td.sorting_1 {
        background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
        background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
        background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
        background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
        background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
        background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
        background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
        background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
        background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
        background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
        background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
        background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
        background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
        background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
        background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
        background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
        background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
        background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
        background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
        background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
        background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
        background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
        background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
        background-color: #e2e2e2;
}*/


/*
 * Row highlighting example
 */
/*
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
        background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
        background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
        background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
        background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
        background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
        background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
        background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
        background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
        background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
        background-color: #DBFF70;
}*/


/*
 * KeyTable
 */
/*
table.KeyTable td {
        border: 3px solid transparent;
}

table.KeyTable td.focus {
        border: 3px solid #3366FF;
}

table.display tr.gradeA {
        background-color: #eeffee;
}

table.display tr.gradeC {
        background-color: #ddddff;
}

table.display tr.gradeX {
        background-color: #ffdddd;
}

table.display tr.gradeU {
        background-color: #ddd;
}

div.box {
        height: 100px;
        padding: 10px;
        overflow: auto;
        border: 1px solid #8080FF;
        background-color: #E5E5FF;
    width: 100px;
}*/

/*css de proyectos de venta*/
#si-facturar {
    display: none;
}

.contenedor-datos-totales {
    background: #fff;
    margin-bottom: 10px;
    padding-top: 30px;
    padding-bottom: 50px;
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.contenedor-datos-totales-left {
    padding: 30px;
    margin-top: -30px;
    background: rgba(166, 89, 23, 1);
    color: #fff;
    /* width: 40%; */
    text-align: center;
}

.contenedor-datos-header {
    background: rgb(245, 245, 245);
    margin-top: -20px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
}

.contenedor-datos-resultado {
    margin-top: -10px;
}

#parcialidad {
    display: none;
}

#referencia {
    display: none;
}
/*css de proyectos de venta*/

.TextCostoInventario {
    color: #fff;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    font-weight: 400;
    background: #A65B1A;
}

.TextInv{
    color: #fff;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    font-weight: 400;
    background: #A65B1A;
}

.titletr {
    background-color: #FBF5EF;
    border-bottom: solid 1px #0B0B3B;
    text-align: match-parent; 
    font-weight: 600;
}

.titletr1 {
    background-color: #FBF5EF;
    border-bottom: solid 1px #0B0B3B;
    /* text-align: center; */
    font-weight: 600;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #F0E5CC;
}

.alt2 {
    background: #F0E5CC;

}

.estile2 {
    background: #FBF5EF;
    border: 1px solid #000;
}

.TituloFormulario {
    background: #A65B1A;
    padding: 5px;
    color: #fff;
    border-radius: 2px;
    font-weight: 400;
}



.CajaTableHeader {
    background: #A65B1A;
    padding: 5px;
    color: #fff;
    text-align: center;
    border-radius: 0px;
    font-weight: 400;
}
/*background: #985116;
    padding: 5px;
    color: #fff;
    border-radius: 2px;*/
.CajaCabeceras {
    /* border-top: solid 2px #0A0A2A; */
    /* border-left: solid 2px #0A0A2A; */
    /* border-right: solid 2px #0A0A2A; */
    font-family: sans-serif;
    font-size: 14px;
    border: 1px solid #000;
    color: #0A0A2A;
    background-color: #F7F2E0;
    padding: 15px 15px 15px 15px;
    width: 86%;
    border-bottom: 1px solid #000;
}

.btn-ndh-icon {
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    border-radius: 2px;
    box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.12);
    padding: 5px 7px;
}

/*@media (min-width: 768px) {
    .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
  }
}*/

.CajaResultadoRedAct {
    border-left: solid 1px #0A0A2A;
    border-right: solid 1px #0A0A2A;
    border-bottom: solid 1px #0A0A2A;
    font-family: sans-serif;
    font-size: 14px;
    color: #0A0A2A;
    background-color: #F7F2E0;
    padding: 5px;
}

.CajaPiePV {
    background-color: #F7F2E0;
    border-bottom: solid 1px #0A0A2A;
    border-left: solid 1px #0A0A2A;
    border-right: solid 1px #0A0A2A;
    width: 100%;
    padding: 4px;
}

.TituloContenido {
    padding: 8px;
    text-align: center;
    color: #000;
    /*//border-bottom: 1px solid #CCCBCB;*/
    border-radius: 1px;
    font-weight: 400;
    margin-top: -15px;
    margin-right: -15px;
    margin-left: -15px;
}

.TituloContenedor {
    text-align: left;
    color: #000;
    /* padding: 5px; */
    border-radius: 1px;
    /* font-weight: 400; */
    /* margin-top: -15px; */
    /* margin-right: -15px; */
    /* margin-left: -15px; */
}

.TituloFiltro {
    /*background: #EAD8AF;*/
    padding: 8px;
    text-align: center;
    color: #000;
    border-radius: 1px;
    font-weight: 400;
    margin-top: -25px;
    margin-right: -25px;
    margin-left: -10px;
}

.table-border-bottom {
    border-bottom: 1px solid #A65B1A;
}

.error {
    background-color: #f04124;
    border-color: #ea2f10;
    color: #ffffff;
    border-radius: 0px;
    box-shadow: none;
    padding: 9px;
    width: 100%; 
}

.LoginError {
    background-color: #f04124;
    border-color: #ea2f10;
    color: #ffffff;
    border-radius: 0px;
    box-shadow: none;
    padding: 9px;
    width: 100%; 
}

.user {
    background-color: #F2F2F2;
    border: 1px solid #A65B1A;
    border-collapse: separate;
    border-spacing: 5px;
}

.hoy {
    background-color: #A65B1A;
    color: #fff;
    text-align: center;
    border: 1px solid #A65B1A;
}

.user01 {
    background-color: #F2F2F2;
    border: 1px solid #A65B1A;
    border-collapse: separate;
    border-spacing: 5px;
}

.header-panel {
    background: #a54f08;
    color: #fff;
    padding: 10px;
    font-size: 18px;
    font-weight: 200;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

.TablaRecepcionUnidad {
    background-image: url(../img/fondo1.png);
    border: solid 1px #0A0A2A;
    font-family: sans-serif;
    font-size: 14px;
    color: #0A0A2A;
}

.CajaComentario2 {
    width: 100%;
    background-color: rgb(240, 229, 204);
    border-left: solid 1px #0A0A2A;
    border-right: solid 1px #0A0A2A;
    padding: 5px;
}

.CajaCabecerasP {
    border-top: solid 1px #0A0A2A;
    border-left: solid 1px #0A0A2A;
    border-right: solid 1px #0A0A2A;
    font-family: sans-serif;
    font-size: 14px;
    /* border-bottom: 0px; */
    color: #0A0A2A;
    background-color: #F7F2E0;
    padding: 15px 15px 15px 15px;
    width: 1140px;
}

.TiuloTabla {
    background: #A65B1A;
    padding: 5px;
    color: #fff;
    border-radius: 0px;
    font-weight: 400;
    width: 100%;
    border: 1px solid transparent;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.icon_user_md {
    background: #A9550E;
    color: #fff;
    border-radius: 100%;
    padding: 10px 14px;
    font-size: 16px;
}

.icon_lista {
    font-size: 16px;
    color: #092F0A;
    margin-left: 10px;
    background: #FFFFFF;
    padding: 5px;
    border-radius: 2px;
    border: 1px solid #D2D2D2;
}

.yui3-macprefradio .yui3-macprefradio-button {
    /* border: 1px solid #999; */
    float: left;
    /* padding: 0.5em 0.5em; */
    /* -webkit-border-radius: 6px; */
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    /* border-radius: 6px; */
    /* text-align: center; */
    /* width: 152px; */
    padding: 10px 5px;
    /* height: 40px; */
    color: #FFF;
    background-color: #4CAF50;
    /* border-color: #46b8da; */
}

.CajaCabecerasTopNone {
    border-top: none;
}

.SinPadding {
    padding: 0px;
}

/*FACTURACION PALOMA 14/OCT*/
.CajaCuerpo2 {
    width: 100%;
    /*background-image: url(../img/fondo1.png);*/
    padding: 5px;
}

.CajaCuerpo2 td {
    font-size: 14px;
    border-bottom: solid 1px rgba(216, 216, 216, 1);
    text-align: center;
     padding: 5px 1px 1px 1px; 
    padding: 5px;
}

.TxtImpuestosRetenidos {
    padding: 4px;
    font-size: 14px;
    line-height: 1.42857;
    vertical-align: middle;
    border: solid 1px #e2e2e2;
    border-radius: 2px;
    text-align: right;
    background: #ffffff;
    color: #000;
}

.TxtImpuestosTrasladados {
    padding: 4px;
    font-size: 14px;
    line-height: 1.42857;
    vertical-align: middle;
    border: solid 1px #e2e2e2;
    border-radius: 2px;
    text-align: right;
    background: #ffffff;
    color: #000;
}

.CajaTitulosMedusa {
    background: #A65B1A;
    padding: 5px;
    color: #fff;
    border-radius: 0px;
    font-weight: 400;
    width: 86%;
    border: 1px solid transparent;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.txtCampoNumber{
    padding: 4px;
    font-size: 14px;
    line-height: 1.42857;
    vertical-align: middle;
    /*padding-bottom: 30px;*/
    border: solid 1px #A65B1A;
    /* background-color: rgb(255, 255, 255); */
    border-radius: 2px;
    /* box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; */
    /* transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; */
    text-align: center;
    background: #F0E5CC;
    color: #000;
}

.DetalleScroll {
    width: 100%;
    background-color: #f7f7f7;
    border: solid 2px #e2e2e2;
    /*background-image: url(../img/fondo1.png);*/
    /*border-bottom: solid 1px #0A0A2A;
    border-left: solid 1px #0A0A2A;
    border-right: solid 1px #0A0A2A;*/

}

.CajaTitulos2 {
    background: #eeeeee;
    padding: 5px;
    color: #040404;
    border-radius: 0px;
    font-weight: 400;
    width: 100%;
    border: solid 2px #e2e2e2;
}

.CajaVentaComentario2 {
    width: 100%;
    padding: 5px;
    background-color: #f7f7f7;
    border: solid 2px #e2e2e2;
}

.TxtTotalesFact {
    padding: 4px;
    font-size: 14px;
    line-height: 1.42857;
    vertical-align: middle;
    border: solid 1px #e2e2e2;
    border-radius: 2px;
    text-align: right;
    background: #ffffff;
    color: #000;
}

.TxtTotalesFact {
    padding: 4px;
    font-size: 14px;
    line-height: 1.42857;
    vertical-align: middle;
    border: solid 1px #e2e2e2;
    border-radius: 2px;
    text-align: right;
    background: #ffffff;
    color: #000;
}