*{margin:0;padding:0}body{padding:0;margin:0;overflow:hidden}.main--container{height:100%;width:100%;display:grid;grid-template-columns:.8fr 5fr;background-image:linear-gradient(-225deg,#e3fdf5,#ffe6fa)}.nav{background:linear-gradient(#711515,#1d1d23,#b63535);color:#fff;height:100vh;display:grid;grid-template-rows:1fr 10fr 1fr;transition:ease 2s}.navbarBrand{text-align:center;padding:10px;gap:5px;align-items:center;justify-content:start}.navbarBrand h3{font-size:24px;margin-top:3px;font-weight:700;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.responsive__header{display:none}.AllLinks{height:70vh;width:100%;margin-top:10px}.Link{height:6vh;color:#eee;font-size:20px;font-weight:600;cursor:pointer;margin:4px 2px 10px;padding:3px 3px 3px 10px;overflow:hidden;transition:ease-in-out .1s}.content{padding:5px;overflow:auto}.Link:hover{background:wheat;color:#362e7b;border-radius:15px}.endDiv{justify-self:self-start;margin-left:10px}.logOut{padding:10px 24px;border-radius:10px;border:none;outline:none;cursor:pointer;color:#362e7b}.nav ul{list-style-type:none}.nav li{padding:0}.bottomBar{display:none}.login--main{height:100%;width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:100vh}.loginpage__second{width:100%}.image--loginpage{width:100%;height:100%;object-fit:cover}.loginPageCont{display:flex;align-items:center;justify-content:center}.loginForm{display:flex;flex-direction:column;max-height:400px;min-width:300px;padding:40px;gap:20px;box-shadow:#09233c33 0 8px 24px}.formInput{padding:10px}.formBtn{height:40px;cursor:pointer;background:#000;color:wheat;font-size:15px;font-weight:900}.hidePass{width:20px;height:20px;cursor:pointer;align-self:flex-end}.addbutton{padding:10px 20px;border-radius:4px;border:none;background-color:#000;color:wheat;font-size:20px;cursor:pointer;margin-block:20px}.addbutton--sm{padding:5px 10px;border-radius:4px;border:none;background-color:#000;color:wheat;font-size:10px;margin-block:10px;cursor:pointer}.hidePass img{width:20px;height:20px;object-fit:contain}@media only screen and (max-width: 650px){body{background-color:#add8e6}.main--container{height:100%;width:100%;display:grid;grid-template-rows:6vh 94vh;grid-template-columns:1fr;position:relative}.content{padding:20px;margin-top:10px;overflow-y:auto}.login--main{height:100%;width:100%;grid-template-columns:1fr}.loginpage__second{display:none}.bottomBar{display:none;border-top:1px solid cadetblue;padding:5px}.nav{display:none}.responsive__header{display:grid;width:100vw;height:100%;background:#000;color:wheat;align-items:center;padding:10px;margin-bottom:10px;box-sizing:border-box;grid-template-columns:1fr .1fr}.click{background:#34343c;color:#fff;height:94vh;display:grid;grid-template-rows:10fr 1fr;padding:10px}.click .navbarBrand{display:none}}@media only screen and (min-width: 650px) and (max-width:1250px){.main--container{height:100%;width:100%;display:grid;grid-template-rows:300px 100vw-300px}.navbarBrand{font-size:10px}.Link{color:#eee;font-size:24px;font-weight:600;cursor:pointer;margin:4px 4px 10px;padding:2px 2px 2px 10px;overflow:hidden;text-wrap:wrap}}@media print{html,body{height:initial!important;overflow:initial!important}}.add .modal{padding:50px;border-radius:10px;background-color:#fff;position:relative}.add .modal h1{margin-bottom:40px;font-size:24px;color:#000}.add .modal .close{position:absolute;top:10px;right:10px;cursor:pointer}.add .modal form{display:flex;max-width:500px;justify-content:space-between;flex-wrap:wrap}.add .modal form .item{display:flex;width:45%;flex-direction:column;gap:10px;margin-bottom:20px}.add .modal form .item label{font-size:14px}.add .modal form .item input{padding:10px;background-color:transparent;color:#000;outline:none;border:1px solid green;border-radius:3px}.add .modal form button{width:100%;padding:10px;cursor:pointer}.addForm{width:100%;height:100vh;padding:10px;overflow-y:auto}.addForm h2{text-align:start;text-transform:capitalize;font-style:italic;margin-bottom:1em}.addForm .addFormMain{width:100%;height:fit-content;background:inherit;display:grid;grid-template-columns:1fr;justify-content:space-between;margin:0}.addForm .addFormMain .myForm{display:flex;flex-wrap:wrap;gap:1em}.addForm .addFormMain .myForm .item{max-height:10%;width:45%;border-radius:5px;display:flex;flex-direction:column;border:.1px solid grey;margin-bottom:20px}.addForm .addFormMain .myForm .item label{flex:1;background:#110303;color:wheat;padding:6px 10px;font-size:15px;text-transform:capitalize}.addForm .addFormMain .myForm .item input,.addForm .addFormMain .myForm .item select,.addForm .addFormMain .myForm .item textarea{flex:2;border:none;padding:6px 10px;font-size:15px}.addForm .addFormMain .btn{width:100%;margin:10px auto;display:flex}.addForm .addFormMain .btn button{padding:10px 20px;border-radius:4px;border:none;background-color:#000;color:wheat;font-size:20px;cursor:pointer}@media (max-width: 600px){.addForm{width:100%;background:inherit;height:90vh;padding:1px;overflow-y:auto;font-size:16px}.addForm .addFormMain{width:100%;height:fit-content;background:inherit;display:flex;padding:1em 0;border-radius:16px}.addForm .addFormMain .yes{width:100%;display:flex;flex-direction:column!important;gap:10px}.addForm .addFormMain .yes label{font-size:14px;font-weight:500}.addForm .addFormMain .item{width:100%!important;border-radius:4px;display:flex;flex-wrap:wrap;border:.1px solid grey;margin-bottom:40px}.addForm .addFormMain .item label{padding:6px 10px;font-size:20px;display:none}.addForm .addFormMain .item input,.addForm .addFormMain .item select,.addForm .addFormMain .item textarea{outline:none;border:none;padding:10px;font-size:16px}.addForm .addFormMain .btn{width:100%}.addForm .addFormMain .btn button{padding:10px 15px;border-radius:4px;border:none;background-color:#000;color:wheat;font-size:14px;cursor:pointer}}.add{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#000000b9;display:flex;align-items:center;justify-content:center}.add .modal0{padding:50px;border-radius:10px;background-color:#fff;position:relative}.add .modal0 h1{margin-bottom:40px;font-size:24px;color:#000}.add .modal0 .close{position:absolute;top:10px;right:10px;cursor:pointer}.add .modal0 form{display:flex;max-width:500px;justify-content:space-between;flex-wrap:wrap}.add .modal0 form .item{display:flex;width:45%;flex-direction:column;gap:10px;margin-bottom:20px}.add .modal0 form .item label{font-size:14px}.add .modal0 form .item input{padding:10px;background-color:transparent;color:#000;outline:none;border:1px solid green;border-radius:3px}.add .modal0 form .select{display:flex;width:100%;flex-direction:column;gap:10px;margin-bottom:20px}.add .modal0 form .select select{padding:10px;background-color:transparent;color:#000;outline:none;border:1px solid green;border-radius:3px}.add .modal0 form button{width:100%;padding:10px;cursor:pointer}.orderItemMain{height:100vh;background:inherit;box-sizing:border-box;padding:.1em;display:flex;flex-direction:column;gap:1em}.orderInfo{height:40%;background:inherit;width:100%;box-sizing:border-box;display:flex;gap:3em;justify-content:center}.orderInfoItem{width:30%;height:100%;background-image:linear-gradient(-20deg,#00cdac,#8ddad5);color:#000;box-sizing:border-box;padding:.75em;overflow-y:auto}.orderInfoItem h3{padding-block:.2em;background-image:linear-gradient(to top,#c71d6f,#d09693);color:#f5f5f5}.orderInfoItem p{font-weight:500;font-size:14px;display:flex}.orderInfoItem span{flex:1}.span2{flex:2!important}.orderItems{width:100%;background:inherit;height:60%;overflow-y:auto;padding:1em;display:flex;flex-direction:column;gap:.5em}.orderItemsItem{height:15%;width:100%;background:wheat;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding-inline:1em}.orderItemsItem p{flex:1}.orderItemsItem div{flex:.5}.orderItemsItemImage{width:3em;height:3em;border-radius:50%}@media only screen and (max-width: 650px){.orderItemMain{height:fit-content}.orderInfo{flex-direction:column;height:100%;gap:1em}.orderInfoItem{width:100%;min-height:20vh}.orderItems{padding:0;overflow-x:auto;width:100%;font-size:12px}.none{display:none}.orderItemsItem{flex-wrap:wrap}}.addForm1{width:100%;height:100vh;padding:10px;overflow-y:auto}.addForm1 h2{text-align:start}.addForm1 .addFormMain{width:100%;height:fit-content;background:inherit;display:grid;grid-template-columns:1fr;justify-content:space-between;margin:0;padding-block:20px;padding-inline:0px}.addForm1 .addFormMain .myForm{display:flex;flex-wrap:wrap;gap:.5em}.addForm1 .addFormMain .myForm .item{max-height:10%;width:100%;border-radius:5px;display:flex;flex-direction:column;border:.1px solid grey;margin-bottom:20px}.addForm1 .addFormMain .myForm .item label{flex:1;background:#534141;color:wheat;padding:6px 10px;font-size:15px;text-transform:capitalize}.addForm1 .addFormMain .myForm .item input,.addForm1 .addFormMain .myForm .item select,.addForm1 .addFormMain .myForm .item textarea{flex:2;outline:none;border:none;padding:6px 10px;font-size:15px}.addForm1 .addFormMain .btn{width:100%;display:flex}.addForm1 .addFormMain .btn button{padding:10px 20px;border-radius:4px;border:none;background-color:#000;color:wheat;font-size:20px;cursor:pointer}@media (max-width: 600px){.addForm1{width:100%;background:inherit;height:80vh;padding:1px;overflow-y:auto;font-size:16px}.addForm1 .addFormMain{width:100%;height:fit-content;background:inherit;display:flex;border-radius:16px}.addForm1 .addFormMain .yes{width:100%;display:flex;flex-direction:column!important;gap:10px}.addForm1 .addFormMain .yes label{font-size:14px;font-weight:500}.addForm1 .addFormMain .item{width:100%!important;border-radius:4px;display:flex;flex-wrap:wrap;border:.1px solid grey;margin-bottom:40px}.addForm1 .addFormMain .item label{padding:6px 10px;font-size:20px;display:none}.addForm1 .addFormMain .item input,.addForm1 .addFormMain .item select,.addForm1 .addFormMain .item textarea{outline:none;border:none;padding:10px;font-size:16px}.addForm1 .addFormMain .btn{width:100%;margin-left:0}.addForm1 .addFormMain .btn button{padding:5px 10px;border-radius:4px;border:none;background-color:#000;color:wheat;font-size:20px;cursor:pointer}}body{margin:0;padding:0;width:100vw;height:100vh;background:#fff}