.tpv-container {
  min-height: 650px;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr 1fr;
  grid-template-rows: repeat(9,1fr);
  grid-gap: 10px;
  padding: 10px;
}
.tpv-container .client-area {
  grid-row: 1 / 6;
}
.tpv-container .salesprsn-area{
  grid-row: 6 / 10;
}
.tpv-container .item-detail-area {
  grid-row: 1 / 5;
}
.tpv-container .qty-area {
  grid-row: 5 / 6;
}
.tpv-container .qty-area input{
  font-size: 20px;
  background: #bbb;
  border: 0px;
  color: white;
  font-weight: bold;
}
.tpv-container .num-pad-area {
  grid-row: 6 / 10;
}

.tpv-container .num-pad-area .num-pad-keys{
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: repeat(4,1fr);
  grid-gap: 10px;
  padding: 10px;
  text-align: center;
}
.tpv-container .num-pad-area .num-pad-keys .num-pad-key-9{
  grid-column: 1fr;
}
.tpv-container .num-pad-area .num-pad-keys .num-pad-key-0{
  grid-column: 1 / 3;
  border-radius: 30px !important;
   padding-top: 5% !important;
}
.tpv-container .num-pad-area .num-pad-keys .num-pad-key-E{
  grid-column : 4 / 5;
  grid-row : 3 / 5;
  border-radius: 30px !important;
  background: black ;
  color: green ;
  padding-top: 50% ;
  font-size: 4em ;
  font-weight: bold ;
}

.tpv-container .detail-ticket-area{
  grid-row: 1 / 10;
  border: 2px solid #222;
}
.tpv-container .actions-buttons-area{
  grid-row: 1 / 10;
  border: 2px solid #222;
}
.tpv-num-pad-key-button{
      border-radius: 50% ;
      border: 2px solid #222 ;
      background: black ;
      color: green ;
      font-weight: bold ;
      font-size: 3em ;
      padding-top: 10% ;
  }
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    .tpv-num-pad-key-button{
      border-radius: 50% ;
      height: 50px;
      width: 100%;
      border: 2px solid #222 ;
      background: black ;
      color: green ;
      font-weight: bold ;
      font-size: 2em ;
      padding-top: 5% ;
  }
}


a.tpv, a.tpv:hover, a.tpv:active, a.tpv:focus{
    text-decoration: none;
    color: green;
}