/* add .. in front of name for instant location
/* ..Kiosk General Layout
/* ..Kiosk item layout
/* ..itemdetail
/* ..cashRegister
/* ..checkout*/
/*================================================*/
/*---------------------------------------*/
/*----------------------*/
/*VAR DEFINITION*/

/*17inch touch screen = 1280x1024*/

:root {
   font-size: min(3.8vw,18px);
   font-family: tahoma;
}
/* html {
   margin: 0 auto;
   padding: 0;
   width:100%;
   max-width: var(--browsermaxwidth);

} */
/* body {
   
} */

/*================================================*/
/* ..Kiosk General Layout
/*================================================*/
#navbar-logo-container{
   visibility: hidden;
}
#banner-container{
   display:none;
}
#page-container{
   display:none;
}
#menu-topbar{
   margin-top:20px;
}
#pricelist-logo{
   display:none;
}
#pricelist-pricecategory-selector-area{
   display:none;
}
#pricelist-caption i{
   display:none;
}
#pricelist-caption-container{
   display:none;
}
#pricelist-table-container .pricelist-table-view{
   display:none;
}
#menu-container{
   display:none;
}
body.kioskMode{
   overflow-x:  hidden;/*to eliminate bottom horz scroll bar*/
}
body.kioskMode #pricelist-container{
   max-width:99%;
   width:99%;
   align-content: flex-start;
   
}
/*----------------------*/
/* ..Kiosk sidebar
/*----------------------*/
#pl-sidebar-plgh-container{
   position: sticky;
   top:5px;
   width:auto;
   font-size:0.9em;
   z-index:99;
   max-height:100vh;
   display:flex;
   flex-direction: row;
   flex-wrap: wrap;
   width:135px;
   row-gap:0px;
   column-gap:0px;
   justify-content: flex-start;
   align-content: flex-start;
}
#pl-sidebar-plgh-container>div{
   width:min-content;
   border-bottom:1px solid grey;
   width:65px;
   max-width:65px;
   height:22px;
   border:1px solid grey;
   background:whitesmoke;
   margin-bottom:1px;
   text-align: center;
   border-radius:5px;
   cursor: pointer;
   word-break: break-all;
}
#pl-sidebar-plgh-container>div.pl-side-favorite{
   width:130px;
   max-width:130px;
   height:30px;
   font-size:1.4em;   
}

#pl-sidebar-plgh-container span{
   display:block;
/*    margin-top:-15px; */
}
#pl-sidebar-plgh-container img{
   display:none;
   width:50px;
   max-height:50px;
}

body.kioskMode #pl-order-top-panel-reset{
   font-size:20px;
}
/*----------------------*/
/* ..Kiosk item layout
/*----------------------*/

body.kioskMode #pricelist-table.gridView>tbody>tr:not(.pl-pltype){
   margin:0;
}

body.kioskMode #pricelist-table.gridView .pl-icg-desc-tag{
   display:none !important;;
}

body.kioskMode #pricelist-table.gridView .pl-icg-desc a{
   margin-top: -40px;
   background-color: #ffffff99;
}


body.kioskMode #pricelist-table.gridView .pl-icg-order{
   display:block;
   font-size:0.9em;
}

body.kioskMode #pricelist-table.gridView .pl-icg-item-order{
   margin:auto;
   width:100%;
   max-width:100%;
   display:flex;
   margin-left:2px;
   height:30px;
}

body.kioskMode #pricelist-table.gridView .pl-icg-item-order>div{
   display:block;
   width:fit-content;
   min-width:unset;
   display:flex;
   justify-content: space-between;
}
body.kioskMode #pricelist-table.gridView  .pl-order-inputform input{
   width:55px;
   max-width:55px;
   font-size:0.9em;
}

body.kioskMode #pricelist-table.gridView .pl-icg-item-order .pl-order-minus,
body.kioskMode #pricelist-table.gridView .pl-icg-item-order .pl-order-plus{
   margin:0 0 auto 0;
   display:block;
   margin-left:5px;
}


body.kioskMode #pricelist-table .pl-icg-img img{
   margin-top:-10px;
}

/*----------------------*/
/* ..itemdetail
/*----------------------*/
body.kioskMode #pl-itemdetail-container div.pl-icg-img{
   height:fit-content;
   min-height:unset;
}
body.kioskMode #pl-itemdetail-all-img-main-img{
   height:350px;
   min-height:unset;
}
/*----------------------*/
/* ..cashRegister
/*----------------------*/
#pl-cashReg-td{
   display:block;
   width:100%;
}
#pl-cashReg-container{
   display:flex;
   width:fit-content;
   margin:auto;
   column-gap:50px;
   justify-content: space-evenly;
}
#pl-cashReg-display{
   height:55px;
   margin-bottom:5px;
   width:100%;
   background:black;
   border-radius:5px;
   color:lightgreen;
   text-align: right;
   vertical-align: middle;
   font-size:50px;
   padding:0 10px;
   box-sizing:border-box;
   max-width:200px;
}
#pl-cashReg-container>div{
/*    display:flex;
   flex-direction:column-reverse */
}
#pl-cashReg-numberPad{
   
}
#pl-cashReg-itemPad{
   
}
#pl-cashReg-container button{
   height:65px;
   width:65px;
   max-height:65px;
   cursor: pointer;
}
#pl-cashReg-container button.pl-cashReg-number{
   font-size:30px;
}
#pl-cashReg-itemPad{
/*    display:flex; */
}
#pl-cashReg-container button.pl-cashReg-item{
   font-size:15px;
/*    display: inline-block; */
}
#pl-cashReg-container button.pl-cashReg-item>div{
   word-break: keep-all;
   text-wrap:nowrap;
}
#pl-cashReg-container button.pl-cashReg-blank{
   visibility: hidden;
}
/*----------------------*/
/* ..checkout*/
/*----------------------*/
#pl-cashRegMode-checkout-container{
   position:fixed;
/*    top:var(--navbar-outerheight); */
   top:0px;
/*    height:calc(100vh - var(--navbar-outerheight) - 10px); */
   height:calc(100vh - 0px);
   left:0px;
   width:calc(100vw - 0px);
   border:1px solid black;
   background:white;
   z-index:99;
   border-radius: 10px;
}
/* */
/*----------------------*/
/*---------------------------------------*/
/*================================================*/