.button{height:5vh;background:var(--MainBg-color);border-radius:5px;color:var(--MainLbl-color);border:solid 2px var(--Logo-color);font-weight:400;cursor:pointer;min-width:100px;font-size:max(1.2vw,14px);outline:0;padding:1px 5px 1px 5px}.button:hover{height:5vh;background:var(--MainBg-color);border-radius:5px;color:var(--HypeLk-color);border:solid 2px var(--Logo-color);font-weight:400;min-width:100px;cursor:pointer;font-size:max(1.2vw,14px);outline:0;padding:1px 5px 1px 5px}.buttonLanded{height:5vh;background:var(--MainBg-color);border-radius:5px;color:var(--Danger-color);border:solid 2px var(--Red-color);font-weight:400;cursor:pointer;min-width:100px;font-size:max(1.2vw,14px);outline:0}.buttonLanded:hover{height:5vh;background:var(--MainBg-color);border-radius:5px;color:var(--Red-color);border:solid 2px var(--Red-color);font-weight:400;min-width:100px;cursor:pointer;font-size:max(1.2vw,14px);outline:0}.btnInvoice{height:3vh;width:1.5vw;cursor:pointer}.btnCreate{height:3vh;margin-left:20px}.but{border:0;cursor:pointer;min-width:15px;min-height:15px;max-width:15px;max-height:15px}.searchbtn{height:4vh}.camerabtn{height:4vh}*{font-size:1rem;font-family:"Roboto",sans-serif}a{text-decoration:none}a:link{color:var(--Logo-color);font-size:.9rem;font-weight:400}a:visited{color:var(--Logo-color);font-size:.9rem;font-weight:400}a:hover{color:var(--HypeLk-color);font-size:.9rem;font-weight:400}a:active{color:var(--Logo-color)}h1,h2,h3,h4,h5,h6,h7,h8,h9,h10,h11{font-weight:400;line-height:1}h1{font-size:max(.9rem,10px);font-family:Roboto,sans-serif;color:var(--SndLbl-color);padding-top:5px}h2{font-size:max(1.5rem,20px);font-family:sans-serif;color:var(--MainLbl-color);font-weight:600}h3{font-size:max(3rem,40px);font-family:Roboto;color:var(--Logo-color);font-weight:600;text-decoration:from-font}h4{font-size:max(.8rem,9px);font-family:sans-serif;color:var(--Fading-color);font-style:italic}h5{font-size:max(1.2rem,16px);font-family:Roboto,sans-serif;color:var(--Logo-color);font-style:normal}h6{font-size:max(.9rem,10px);font-family:Roboto,sans-serif;color:var(--SndLbl-color);font-style:italic}h7{font-size:max(.9rem,12px);font-family:Roboto,sans-serif;color:var(--Danger-color);font-style:normal}h8{font-size:max(1.2rem,16px);font-family:Roboto,sans-serif;color:var(--Danger-color);font-style:normal}h9{font-size:max(.9rem,12px);font-family:Roboto,sans-serif;color:var(--Logo-color);font-style:normal}h10{font-size:max(.85rem,12px);font-family:sans-serif;color:var(--Logo-color);padding-top:5px}h11{font-size:max(.8rem,10px);font-family:sans-serif;color:var(--Logo-color);font-style:normal}.fontsize{font-size:max(1rem,14px)}.header{font-size:max(1.5rem,20px);font-family:sans-serif;color:var(--SndLbl-color);text-shadow:2px 2px #242424;font-weight:600}.sidebar{position:fixed;height:90vh;top:0;left:0;width:max(4vw,65px);background-color:var(--MainBg-color);transition:all .5s ease;border-right:1px solid var(--Border-color);z-index:9999}.sidebar.active~.main-content{left:max(4vw,150px);width:calc(100% - 150px)}.sidebar.active{width:max(4vw,150px)}.sidebar #btn{position:absolute;top:15px;left:50%;transform:translate(-50%);cursor:pointer;width:1.5rem}.sidebar.active #btn{left:85%}.sidebar .top .head{height:2rem;opacity:0;pointer-events:none;padding-top:5px}.sidebar.active .top .head{opacity:1}.sidebar .top .head .logo{height:2.2rem}.user-img{max-width:7vw;max-height:7vh;vertical-align:middle}.user #usgrid{display:block}.user #usrid{display:none}.user #lblusr{opacity:0}.user #usrudt{display:none}.sidebar.active .user #lblusr{color:var(--Fading-color);opacity:1;margin:0 auto}.sidebar.active .user #lblRole{color:var(--Fading-color);opacity:1;margin:0 auto}.sidebar.active .user #usgrid{display:block;width:150px}.sidebar.active .user #usrid{display:block}.sidebar.active .user #usrudt{display:block}.usrview{display:none}.gridProf{border:0;text-align:center;width:100%;height:max-content}.icon{max-width:1.5rem;margin:auto}.sidebar ul li{list-style-type:none;height:max(1.5rem,1.5 rem);margin-bottom:1.2rem;border-radius:.4rem;border:solid 1.5px var(--SndBg-color)}.sidebar ul li:hover{border:solid 1.5px var(--Border-color)}.sidebar ul li a{display:flex;text-decoration:none;border-radius:.4rem}.sidebar ul li a:hover{display:flex;text-decoration:none;border-radius:.4rem}.sidebar ul li .tooltip{position:fixed;opacity:1;text-align:center;font-family:"Roboto";font-size:max(.5rem,12px);color:var(--SndLbl-color)}tooltip positon and color .sidebar ul li:hover .tooltip{opacity:1;color:var(--MainTxb-color);transition:all .5s ease}.sidebar.active .icon{max-width:3rem;max-height:3rem;margin:0}.sidebar .nav-item{display:none}.sidebar.active ul li{margin-bottom:1rem}.sidebar.active .nav-item{opacity:1;display:block;font-family:"Roboto";font-size:max(.9rem,12px);color:var(--SndLbl-color);text-align:left;vertical-align:middle}.sidebar.active .nav-item:hover{color:var(--MainLbl-color)}.sidebar.active ul li a{height:1.5rem}.sidebar.active ul li a:hover{background-color:var(--MainBg-color);height:1.5rem}.sidebar.active ul li .tooltip{display:none}.usrview{display:block}@media only screen and (max-width:768px){.lblusr{font-size:max(1.5rem,12px)}.sidebar ul li{height:5vh}.sidebar.active ul li{height:4vh}.sidebar ul li .tooltip{font-size:max(1.5rem,12px)}.sidebar.active .nav-item{margin:2rem 0 0 1rem;font-size:max(.8rem,10px)}}:root{--MainBg-color:#000;--SndBg-color:#212121;--Border-color:#141414;--HypeLk-color:#0ff;--Transp-color:transparent;--MainLbl-color:#fff;--SndLbl-color:#ccc;--Danger-color:#d9534f;--Red-color:#f00;--MainTxb-color:#fff;--Logo-color:#14a9a6;--Fading-color:#808080;--ScrollbarBG:#ebebeb;--ThumbBG:#242424}html{box-sizing:border-box;font-size:16px;font-family:"Roboto",sans-serif;scroll-behavior:auto!important}hr{height:1px;background-color:var(--Border-color);border:0}*,*::before,*::after{box-sizing:inherit}*{box-sizing:border-box;font-size:12px}body{display:flex;align-items:center;min-height:100vh;height:100%;display:flex;flex-direction:column;justify-content:space-between;font-size:1rem;height:100%;width:100%;background-color:var(--MainBg-color);color:var(--MainLbl-color);margin:0;padding:0;overflow:hidden}.body-content{position:relative;height:100%;width:calc(100% - 80px);background-color:var(--MainBg-color);color:var(--MainLbl-color);overflow:hidden}.body-content-nolog{height:100%;width:100%;background-color:var(--MainBg-color);color:var(--MainLbl-color);overflow:hidden}.img{width:100px;height:300px}.txbusr{background-color:var(--MainBg-color);color:var(--Fading-color);border:0}.swal2-container{z-index:99999!important}*::-webkit-scrollbar{width:8px;height:8px;max-width:8px;max-height:8px}*::-webkit-scrollbar-track{background:var(--MainBg-color);border:solid 2px var(--Fading-color);border-radius:8px;max-width:5px}*::-webkit-scrollbar-thumb{background-color:var(--ThumbBG);border-radius:10px;border:2px solid var(--ScrollbarBG)}.wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--SndBg-color);border:solid 1px var(--Border-color);padding:20px;min-width:400px}.banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%}.centerscreendefault{position:fixed;top:65%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;background-color:#fff}.centerscreentext{position:fixed;top:60%;left:50%;transform:translate(-50%,-50%);text-align:center;width:30%;-webkit-text-stroke:1px #14a9a6;color:#fff;font-weight:bold;font-size:1.8rem}.lowerscreen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:5vh}.upperscreen{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.centerscreen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.lowerscreen{position:fixed;top:70%;left:50%;transform:translate(-50%,-50%)}.txtbox{height:4vh;margin:auto;min-height:30px;width:100%;padding:1px 0 1px 2px;background-color:var(--MainBg-color);font-size:.8rem;color:var(--SndLbl-color);border:solid 1px var(--Border-color);border-radius:5px}.ddlbox{height:4vh;margin:auto;min-height:30px;width:100%;padding-left:2px;background-color:var(--SndBg-color);font-size:.9rem;color:var(--MainTxb-color);border:solid 2px var(--Border-color);border-radius:5px}.ddlboxw{height:4.2vh;margin:auto;min-height:30px;width:100%;padding-left:2px;background-color:var(--SndBg-color);font-size:.9rem;color:var(--MainTxb-color);border:solid 2px var(--Border-color);border-radius:5px}.qtybox{height:4vh;margin:auto;min-height:20px;width:100%;padding-left:2px;background-color:var(--MainBg-color);font-size:.9rem;color:var(--MainTxb-color);border:solid 1px var(--Border-color);border-radius:3px}.warning{width:400px;height:65px;opacity:.3;background-color:#fff;border:0;border-radius:8px;position:fixed;top:500px;left:20px}.warningtext{text-align:left;width:400px;height:60px;border:0;position:fixed;top:500px;left:20px}.lkbtn{font-size:max(.9rem,12px);font-family:Roboto,sans-serif;color:var(--HypeLk-color);font-style:normal;text-decoration:underline}.logo{height:4vh;margin:auto;min-height:3vh}.DBMsg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--SndBg-color);font-size:.9rem;font-style:italic;color:#fff;border-radius:3px;border:solid 2px var(--SndBg-color);box-sizing:border-box;padding:20px 10px;width:800px;height:80vh;text-align:center;z-index:150}.UsrMsg{position:fixed;top:50%;left:25%;transform:translate(50%,-50%);background-color:var(--SndBg-color);font-size:1rem;font-style:italic;color:var(--Logo-color);border-radius:5px;border:solid 2px var(--Border-color);box-sizing:border-box;padding:20px;text-align:center;z-index:150;width:300px;max-width:300px}.DeleteMsg{position:fixed;top:49%;left:15%;transform:translate(50%,-50%);background-color:var(--SndBg-color);font-size:1rem;font-style:italic;color:var(--Red-color);border-radius:5px;border:solid 2px var(--Red-color);box-sizing:border-box;padding:20px;text-align:center;z-index:150;width:250px;max-width:250px}.ConfirmMsg{position:fixed;top:49%;left:30%;transform:translate(50%,-50%);background-color:var(--SndBg-color);font-size:1.1rem;font-style:italic;color:var(--Red-color);border-radius:5px;border:solid 2px var(--Red-color);box-sizing:border-box;padding:20px;text-align:center;z-index:150;width:220px;max-width:220px}.ConfirmMsg::after{content:"";position:absolute;top:30px;right:-20px;border-width:10px;border-style:solid;border-color:transparent transparent transparent var(--Red-color)}.ModalMsg{position:fixed;top:50%;left:15%;transform:translate(50%,-50%);background-color:var(--SndBg-color);font-size:1rem;font-style:italic;color:var(--Danger-color);border-radius:5px;border:solid 2px var(--Border-color);box-sizing:border-box;padding:20px;text-align:center;z-index:150;width:300px;max-width:300px}.AllRoleMsgs{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--SndBg-color);font-size:1.1rem;font-style:italic;color:var(--Logo-color);border-radius:5px;border:solid 2px var(--Border-color);box-sizing:border-box;padding:20px 10px;width:300px;text-align:center;z-index:150}.PwdMsg{position:fixed;top:50%;left:60%;transform:translate(-50%,-50%);background-color:var(--SndBg-color);font-size:1rem;font-style:italic;color:var(--Danger-color);border-radius:5px;border:solid 2px var(--Border-color);box-sizing:border-box;padding:20px 10px;width:300px;text-align:center;z-index:150}.errorMsg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--SndBg-color);font-size:1rem;font-style:italic;color:#fff;border-radius:3px;border:solid 2px var(--Border-color);box-sizing:border-box;padding:20px 10px;width:800px;text-align:center;z-index:150}.gridMain{border:0;margin:auto;width:100%;font-size:1vw;background-color:var(--SndBg-color)}.gridHeader{height:5vh;text-align:center;background-color:var(--SndBg-color);color:var(--Logo-color);font-size:.9rem;font-weight:400;border-bottom:1px solid #808080;position:sticky;top:0}.gridHeader_small{height:4vh;text-align:center;background-color:var(--SndBg-color);color:var(--Logo-color);border-bottom:1px solid #808080;position:sticky;top:0}.ddlHeader{height:5vh;text-align:center;background-color:var(--SndBg-color);color:var(--Logo-color);border-bottom:1px solid #808080;position:sticky;top:0;border:0}.gridFooter{height:5vh;text-align:center;background-color:var(--SndBg-color);color:var(--MainLbl-color);border-top:1px solid #808080;position:sticky;bottom:0}.gridPagerStyle{height:5vh;width:100%;border-top:1px solid #808080}.gridRow{height:4vh;text-align:center;border:0;background-color:var(--MainBg-color);color:var(--TrdLbl-color);width:100%}.gridEdit{height:4vh;text-align:center;border:0;background-color:var(--SndBg-color);color:var(--TrdLbl-color)}.gridRowAlt{height:4vh;text-align:center;border:0;background-color:var(--SndBg-color);color:var(--SndLbl-color)}.gridEmpty{position:absolute;top:70%;left:50%;transform:translate(-70%,-50%);color:#adff2f;border:solid 1px var(--MainBg-color)}.gridlbl{width:100%;height:20px}.gridTxb{background-color:var(--SndBg-color);color:var(--SndLbl-color);font-weight:bold;border:solid 1px #ebebeb;width:100%;height:20px}.gridddl{background-color:var(--SndBg-color);color:var(--SndLbl-color);font-weight:bold;border:solid 1px #ebebeb;width:100%;height:20px}.gridBtn{height:15px;width:16px}.HiddenCol{display:none}.gridBorders{border-right:solid 1px #242424}.gridImg{width:14px;height:14px}.chkdummy{position:relative;opacity:0;cursor:pointer;left:0;cursor:pointer;z-index:1010}.prodactive{position:relative;height:14px;width:14px;margin-left:-25px;-webkit-appearance:none;outline:1px solid #808080;border-radius:2px;background-image:url(../images/tick.png);background-size:contain;background-repeat:no-repeat;cursor:pointer;z-index:-1}.prodinactive{position:relative;height:14px;width:14px;margin-left:-25px;-webkit-appearance:none;outline:1px solid #808080;border-radius:2px;background-image:url(../images/tick1.png);background-size:contain;background-repeat:no-repeat;cursor:pointer;z-index:-1}.wine-filter-group{gap:8px;justify-content:center}.wine-filter-group .btn{flex:1 2 80px;height:30px;width:80px;min-width:50px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--MainBg-color);border:solid 2px var(--Border-color);border-radius:8px;transition:all .2s ease;color:var(--MainTxb-color)}.wine-filter-group .btn:hover{background-color:var(--SndBg-color);color:var(--Logo-color);border:solid 2px var(--Border-color);border-radius:8px}.wine-filter-group .btn:active{transform:scale(.97)}.wine-filter-group .btn-check:checked+.btn{background-color:var(--SndBg-color);border:solid 2px var(--Border-color);color:var(--Logo-color)}.wine-filter-group .btn-outline-primary{color:var(--MainTxb-color)}.wine-filter-group .btn-clear{height:30px;min-width:50px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--MainBg-color);border:2px solid var(--Border-color);border-radius:8px;color:var(--MainTxb-color)}.card{width:16rem;display:flex;max-width:18rem;max-height:30rem;box-sizing:border-box;border-radius:5px}.card-img-top img .img{height:30rem;width:auto;object-fit:contain}.card-title{overflow:hidden;height:1rem;color:var(--Logo-color)}.card-subtitle{overflow:hidden;height:1rem;color:#f0fff0;text-overflow:ellipsis;word-wrap:break-word}.card-price{font-size:1rem;color:var(--Logo-color)}.cartcounter{background-color:var(--Logo-color);color:#fff;border-radius:50%;width:18px;height:18px}.addtocart{background-color:var(--MainBg-color);border-radius:10px;width:200px;border:solid 2px var(--Logo-color)}.wine-card{overflow:hidden}.card-overlay{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.75);color:#fff;display:flex;align-items:center;flex-direction:column;justify-content:space-between;text-align:center;opacity:0;transform:translateY(10px);transition:all 1s ease;pointer-events:none}.wine-card:hover .card-overlay{opacity:1;transform:translateY(0);pointer-events:auto}.wine-card.freeze .card-overlay{opacity:1;transform:translateY(0);pointer-events:auto}.overlay-content{width:14rem}.overlay-price{font-size:25px;color:var(--Logo-color)}.overlay-pricebar{font-size:18px;color:#f00;text-decoration:line-through}.overlay-title{font-size:1rem;color:#fff}.modal-dialog{position:fixed;transform:translate(-74%,-45%);width:57vw;height:32vh;border:solid 3px var(--Logo-color);border-radius:5px;background:var(--SndBg-color);margin-left:15px}.modal-content{width:100%;contain:layout;margin:auto;background:var(--SndBg-color);position:relative}.modal-header{height:5vh}.modal-cross{height:15px}.modal-dialog1{position:fixed;transform:translate(25%,15%);width:30vw;height:32vh;border:solid 3px var(--Logo-color);border-radius:5px;background:var(--SndBg-color);margin-left:15px}.modal-dialog2{width:50vw;height:50vh;border:solid 3px var(--Logo-color);border-radius:5px;background:var(--SndBg-color);margin-left:15px}.cartbar{position:fixed;top:16.5vh;right:-400px;width:400px;height:80vh;border:solid 1px var(--Border-color);border-radius:5px;background:var(--SndBg-color);display:block;justify-content:center;box-sizing:border-box;transition:right .3s ease;z-index:9999}.cartbar.open{right:5px}.cartbar .text{font-size:20px;text-align:center;color:var(--Logo-color)}.cartrow{border-bottom:solid 1px #808080;width:100%;font-size:10px}.cartfooter{color:var(--Logo-color);font-size:1.2rem;text-align:right;width:100%}.cartMsg{color:var(--Logo-color);font-size:.8rem;text-align:center;width:100%;text-wrap:auto}.cartAmt{color:var(--Logo-color);font-size:.85rem;text-align:center;width:100%;text-wrap:auto}.cartPromo{color:var(--Logo-color);font-size:.85rem;text-align:center;width:100%;height:5vh;text-wrap:auto}.cartPricebar{font-size:.85rem;color:#f00;text-decoration:line-through}.cartVat{color:var(--Logo-color);font-size:.85rem;text-align:center;width:100%;height:5vh;text-wrap:auto}.emptyCart{text-align:center;line-height:40vh;padding:0 15px;border-radius:10px}.btnCheckout{background-color:#242424;border-radius:5px;text-align:center;color:#808080;padding:10px 15px;margin:auto}.spinner-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:99999;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .2s ease}@keyframes masterSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner-border-master{width:3.5rem;height:3.5rem;border:5px solid rgba(20,169,166,.2);border-top-color:#14a9a6;border-radius:50%;animation:masterSpin .8s linear infinite}.spinner-text{margin-top:12px;color:#14a9a6;font-family:sans-serif;font-size:max(1vw,12px);letter-spacing:.05em}@keyframes spin{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;border:4px solid rgba(255,255,255,.2);border-top-color:#14a9a6;border-radius:50%;animation:spin .75s linear infinite}@media only screen and (max-width:768px){.txbtext{height:3vh}.txtbox{height:30px;font-size:14px}.ddlStyle{height:3vh}.rowscroll{overflow-y:scroll}.prodimg{width:60%;height:60%;border:0;max-width:300px;max-height:400px}.wine-filter-group{display:flex;flex-wrap:wrap}.cart{right:100px}}@media only screen and (max-width:1200px){.txbtext{height:3vh}.txtbox{height:30px;font-size:14px}.ddlStyle{height:3vh}.rowscroll{overflow-y:scroll}.prodimg{width:60%;height:60%;border:0;max-width:300px;max-height:400px}.wine-filter-group{display:flex;flex-wrap:wrap}.cart{right:100px}}