html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{width:100%}body{background-color:#de8c8c;width:100%}.Pages{margin-left:240px;background-color:silver;height:83vh;padding-top:110px;border-bottom-left-radius:30%}header{background-color:#3b4c55;color:#f6f6f6;padding:20px;text-align:center;display:flex;justify-content:space-between;height:70px;width:100%;position:fixed;z-index:100}header p{display:flex;flex-direction:column;justify-content:center;align-items:center}.closedOpen{display:flex;justify-content:center;align-items:center;margin-right:50px;width:200px}.closedOpen span{padding-right:10px;margin-left:20px;font-size:2rem}.open{color:#90ee90}.closed{color:#ff3233}section{display:flex;align-items:center;justify-content:center}section img{width:35px;height:35px}.logo-font{font-size:2rem;padding:10px}.Clock{font-size:1.4rem;position:absolute;font-family:Ubuntu,serif;font-weight:700;top:8px;left:8px;color:#d3d3d3;font-size:1.1rem}.Clock h1{margin-left:10px}nav{background-color:#3b4c55;color:#f6f6f6;padding:1rem;display:flex;justify-content:center;position:fixed;width:200px;height:100%;border-bottom-right-radius:85%;z-index:100;margin-top:110px;padding:20px}nav a{color:#f6f6f6;text-decoration:none;display:flex;justify-content:start;align-items:center;width:190px;padding-left:25px;transition:all .2s}nav a.active{color:#de8c8c;background-color:#f6f6f6;padding:10px;border-radius:10px;font-size:1.4rem}nav a:hover{cursor:pointer}nav ul{display:flex;justify-content:start;flex-direction:column}nav ul li{font-size:1.2rem;padding:10px}nav ul li:hover{cursor:pointer}.Settings{color:#f6f6f6;font-size:2rem;transition:all .2s;position:fixed;bottom:15px;left:5px;margin:10px;z-index:101}.Settings.active{color:#de8c8c;background-color:#f6f6f6;border-radius:100%;padding:7px 6px 2px}.Dashboard{width:100%;height:70%}.Dashboard div{display:flex;width:80%;justify-content:center;align-items:center;background-color:#f6f6f6;padding:25px;border-radius:20px;box-shadow:#00000059 0 5px 15px}.DataWrapper{width:350px}.Sales{width:100%;margin:30px auto}.salesView{width:65%;height:650px;margin:10px;background-color:#f6f6f6;box-shadow:#00000059 0 5px 15px;border-radius:15px 15px 15px 20%;overflow:auto}.salesView ol{display:flex;flex-wrap:wrap;margin-left:25px;align-items:start}.receiptView{width:25%;height:650px;margin:10px;background-color:#f6f6f6;border-radius:15px;box-shadow:#00000059 0 5px 15px;overflow:auto;overflow-x:hidden}.receiptView li{counter-increment:item;margin:10px;display:flex;align-items:center;justify-content:start;padding:5px;width:100%}.receiptView li:before{margin-right:10px;content:counter(item);background:#de8c8c;border-radius:20%;color:#fff;font-weight:700;font-family:Leckerli One;padding:5px;text-align:center;display:inline-block}.receiptView span{font-size:.7rem;width:130px}.searchProducts{margin:20px}.SalesListWrapper{display:flex;justify-content:start;cursor:pointer}.SalesListWrapper div{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.SalesListWrapper div img{width:50px;height:50px;border-radius:10px}.SalesListWrapper div span{width:100px;text-align:center;font-size:.8rem;padding:15px 5px 15px 15px}.Products{width:100%;margin:30px auto}.ProductsView{width:90%;height:600px;margin:10px;background-color:#f6f6f6;box-shadow:#00000059 0 5px 15px;border-radius:15px 15px 15px 20%;padding:20px 20px 50px;overflow:auto}.ProductsView h1{font-size:1.3rem;font-weight:700;padding:15px}.ProductsView ol{list-style:none;counter-reset:item;margin-top:30px}.ProductsView li{counter-increment:item;margin-bottom:5px;margin-left:15px;display:flex;align-items:center;justify-content:space-between;padding:5px;width:98%}.ProductsView li img{border-radius:20%;object-fit:contain;background-color:gray;width:70px}.ProductsView li span{margin-left:15px;text-transform:capitalize}.ProductsView li:before{margin-right:10px;content:counter(item);background:#de8c8c;border-radius:20%;color:#fff;font-weight:700;font-family:Leckerli One;padding:10px;text-align:center;display:inline-block}.ProductListWrapper{display:flex;align-items:center;justify-content:space-between;width:100%}.ProductListWrapper div{display:flex;align-items:center;gap:10px;flex-grow:1}.ProductListWrapper .AddProductIcon{width:35px;height:35px;cursor:pointer;color:gray;margin-left:auto}.ProductListWrapper .AddProductIcon:hover{color:#9acd32}.Loading{display:flex;justify-content:flex-end;align-items:center;flex-direction:column;height:400px}.Loading span{font-size:2rem;transform:translate(10px);text-transform:uppercase;color:#303030}.Error{display:flex;justify-content:flex-end;align-items:center;flex-direction:column;height:200px;color:#f68e05}.Error .ErrorWrapper{display:flex;align-items:center}.Error .ErrorWrapper span{font-size:2rem;transform:translate(10px);text-transform:uppercase}.ErrorIcon{width:80px;height:80px}.ResetIcon{width:50px;height:50px;padding:20px;color:gray}.ResetIcon:hover{cursor:pointer}.ProductsSearch{position:absolute;right:120px;display:flex;align-items:center}.ProductsSearch input{padding:5px;border-radius:5px;border:none;outline:2px solid gray;font-size:1.2rem;margin-right:10px}.ProductsSearch input:focus{outline-color:#de8c8c}.ProductsSearch svg{background:#888;color:#fff;padding:8px;margin:3px;border-radius:20%;font-size:1.3rem;transition:all .3s}.ProductsSearch svg:hover{cursor:pointer;background-color:#de8c8c}.ProductsTextResults{color:gray;font-size:1.2rem;display:flex;align-items:center;padding:20px}.ProductsTextResults span{color:#9acd32;font-weight:700;font-family:Leckerli One;text-decoration:underline}.CheckMark{margin-right:15px;color:green}.CheckMarkWrapper{display:flex;justify-content:center}.CheckMarkWrapper span{font-family:Leckerli One;color:green;padding-right:5px}.AddModalContainer{width:100%;height:100%;background-color:#000000b3;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:900}.AddModal{width:600px;height:400px;margin-bottom:150px;background-color:#f6f6f6;border:8px solid #DE8C8C;z-index:1000;border-radius:15px}.AddModal div{display:flex;justify-content:start;padding:20px;align-items:center;margin-top:-30px}.AddModal div img{width:50px;height:50px;border-radius:100%}.AddModal div h1{font-size:1.4rem;padding-left:20px;color:#3b4c55;font-family:Ubuntu,serif;font-weight:700;font-style:normal}.CloseModal{font-size:2rem;position:relative;left:550px;right:0;bottom:0;top:10px;cursor:pointer;color:#ff3233}.SettingsContainer{margin:50px;display:flex;flex-direction:column}.SettingsContainer h1{color:#f2b300;background-color:#00000080;text-align:center;padding:10px;border-radius:10px;font-size:1.4rem}.SettingsContainer button{padding:10px;margin:20px;border-radius:10px;font-size:1.4rem;width:200px;color:#f6f6f6;background-color:red;cursor:pointer}.SettingsContainer h2{font-size:2rem}.logo-font{font-family:Leckerli One,serif;font-weight:400;font-style:normal}.ubuntu-light{font-family:Ubuntu,serif;font-weight:300;font-style:normal}.ubuntu-regular{font-family:Ubuntu,serif;font-weight:400;font-style:normal}.ubuntu-medium{font-family:Ubuntu,serif;font-weight:500;font-style:normal}.ubuntu-bold{font-family:Ubuntu,serif;font-weight:700;font-style:normal}.ubuntu-light-italic{font-family:Ubuntu,serif;font-weight:300;font-style:italic}.ubuntu-regular-italic{font-family:Ubuntu,serif;font-weight:400;font-style:italic}.ubuntu-medium-italic{font-family:Ubuntu,serif;font-weight:500;font-style:italic}.ubuntu-bold-italic{font-family:Ubuntu,serif;font-weight:700;font-style:italic}footer{position:fixed;bottom:15px;color:#f6f6f6;right:0;margin-right:50px}footer a{color:#f6f6f6;text-decoration:underline;transition:all .2s}footer a:hover{color:#3b4c55;cursor:pointer}