body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{background:#24325c;background:linear-gradient(0deg,rgba(36,50,92,.984),#0531af 24%,#05298e 53%);height:100vh;position:relative;width:100%}.login-container .box{background-color:#fff;border-radius:8px;left:50%;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login-container .box .input{background-color:#fff;border:1px solid #dcdbdb;border-radius:6px;box-shadow:0 5px 8px 0 #dcdbdb;box-sizing:border-box;color:#ada7a7;margin-bottom:10px;padding:15px;width:100%}.login-container .box .form-btn{background-color:#19306f;border:none;border-radius:8px;color:#fff;padding:15px;width:100%}.sidebar{background-color:#fff;border-right:.5px solid #e6e3e3;flex:1 1;min-height:100vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#6439ff;font-size:20px;font-weight:700}.sidebar hr{border:.5px solid #e6e3e3;height:0}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#999;font-size:10px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar .center ul li{align-items:center;cursor:pointer;display:flex;padding:5px}.sidebar .center ul li:hover{background-color:#ece8ff}.sidebar .center ul li .icon{color:#7451f8;font-size:18px}.sidebar .center ul li span{color:#888;font-size:13px;font-weight:600;margin-left:10px}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOption{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .bottom .colorOption:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOption:nth-child(2){background-color:#333}.sidebar .bottom .colorOption:nth-child(3){background-color:#00008b}a{text-decoration:none}.home{display:flex}.container{flex:6 1;font-family:Cairo,sans-serif}.container .addBtn{background-color:#9b59b6;border-radius:8px;color:#fff;font-size:18px;font-weight:600;margin:32px auto auto;padding:10px 30px;text-align:center;text-transform:capitalize;width:auto;width:200px}.container .product-contianer{display:flex;flex-wrap:wrap}.product{background-color:#fff;border-radius:22px;box-shadow:0 0 16px rgba(17,17,26,.1);cursor:pointer;flex-direction:column;height:auto;margin:20px;transition:-webkit-transform .7s;transition:transform .7s;transition:transform .7s,-webkit-transform .7s;width:350px}.product img{height:300px;object-fit:contain;width:100%}.product .title{font-size:18px;font-weight:600;text-align:center;text-transform:capitalize}.product .buttons{display:flex;flex-direction:column;justify-content:center;margin:auto;width:60%}.product .buttons span{cursor:pointer;text-align:center;transition:.5s;width:auto}.product .buttons span:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.product .buttons .delete{background-color:red}.product .buttons .delete,.product .buttons .edit{border-radius:6px;color:#fff;display:flex;gap:5px;justify-content:center;margin-bottom:10px;padding:10px 20px}.product .buttons .edit{background-color:#9b59b6}.new-btn{background-color:transparent;border:2px solid #19ca19;border-radius:6px;padding:15px 30px}.lds-ring{display:inline-block;height:80px;position:relative;width:80px}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-radius:50%;border-top-color:#9b59b6;box-sizing:border-box;display:block;height:64px;margin:8px!important;position:absolute;width:64px!important}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loaderContianer{align-items:center;display:flex;height:400px;justify-content:center}.form-container{background-color:#fff;border-radius:22px;box-shadow:0 0 16px rgba(17,17,26,.1);margin:20px auto auto;padding:20px;width:50%}.form-container div{margin:5px 0;width:100%}.form-container div input{width:100%}.form-container label.ok{color:#757474;font-weight:700;margin-right:10px}.form-container select{border-radius:6px;padding:10px 20px}.form-container textarea{border:1px solid #919191;border-radius:8px;display:block;margin-top:10px;width:100%}.form-container button{background-color:#9b59b6;border:none;border-radius:6px;color:#fff;font-size:18px;margin-top:10px;padding:5px 20px}.select{margin-left:20px}.back-btn{background-color:red;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;font-weight:600;margin-left:30px;padding:5px 10px}.done{background-color:#3d9e3d;color:#fff;margin:auto!important;padding:10px 20px;text-align:center;width:30%!important}
/*# sourceMappingURL=main.25855d2a.css.map*/