.circle{width:20px;height:20px;border-radius:50%;background-color:var(--theBackgroundColor)}.circle:hover{cursor:pointer;box-shadow:10px 0 20px gray}#seccondSidebar{position:fixed;left:0;width:15%;height:100%;display:flex;flex-direction:column;background-color:#000000c2;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:2rem 1rem}#seccondSidebar .footer{margin-top:auto}#seccondSidebar .active{transform:translate(0)}#seccondSidebar.transHide{transform:translate(-100%)}.j-c-sb{justify-content:space-between!important}.j-c-sa{justify-content:space-around!important}.j-c-c{justify-content:center!important}.w-50{width:50%}.w-5{min-width:1px!important;width:1px!important;color:transparent!important}body,html{margin:0!important;padding:0!important;font-size:12px;font-weight:500;height:100%}#allPages{direction:rtl!important;text-align:right!important}.mini{font-size:10px}.book{display:grid;grid-template-columns:5% 35% 20% 20% 10% 10%;grid-template-rows:20px}.container{margin:1% 3%;width:100%}.d-grid{display:grid}.card{max-width:300px}a{text-decoration:none;color:#252525}.co-blue>*{color:#03a9f4}.co-red,.red,.c-red{color:red!important}.co-yellow>*,.c-yellow{color:#f9fd00!important}.gray{color:#aeaeae}.c-white,.c-white *{color:#fff!important}.c-black>*{color:#000}.bg_red{background-color:#ff4500!important}.bg_green{background-color:#00c700!important}.bg-sky{background-color:#00e5ff}.bgc-white{background-color:#fff}.pointer{cursor:pointer}.caption{background-color:#00aff6;color:#fff;max-width:50%;margin-bottom:1rem;border-top-left-radius:50px;border-bottom-left-radius:50px;padding:5px}.page_header{display:flex;align-items:center}.btn{display:block;border-radius:10px;margin:5px;padding:5px 10px;color:#fff;background-color:#ff1493}.btn-orange{background-color:#00e5ff}.d-flex{display:flex!important}.contents>div{display:grid;grid-template-columns:5% 10% 30% 40% 10%;grid-template-rows:26px;align-items:center;border-bottom:1px solid #d0d0d0}.shopProducts>div{display:grid;grid-template-columns:3% 5% 5% 10% 10% 40% 10%;grid-template-rows:26px;align-items:center;border-bottom:1px solid #d0d0d0}.contents>div>*{overflow:hidden}.specs{display:flex;gap:5%}#masterPage{width:100%;display:grid;grid-template-columns:20% 70%}#header{display:flex!important}#mainContents{height:100%;width:100%}.mainContents{width:100%}.mainContents ::-webkit-scrollbar-track{width:10px;height:50px}::-webkit-scrollbar{width:4px;height:3px}::-webkit-scrollbar-thumb{background-color:#5f83e8}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb:hover{background-color:#a4a289}#mainPageContainer{height:-webkit-fill-available;flex-grow:1}#mainPageContents{height:93.9%;padding:1rem 2rem;overflow:scroll}.header>div{display:flex;align-items:center;justify-content:space-around}#mainContentsPage_header{min-height:40px;padding:.5rem 2rem;display:flex;justify-content:space-between;height:6%;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);gap:2rem}#MainPage{height:100vh;display:flex;overflow:hidden}tr{height:34px}tr:hover{background-color:#9d9d9d14}th,td{min-width:100px;max-width:500px;width:fit-content;border:1px solid rgb(135 135 135 / 12%);margin:0 5px!important;padding:0 5px}.active{background-color:#00c2ff;color:#fff;box-shadow:0 3px 8px 3px #fff;border:none}.activeRow{background-color:#c2c0ac6e!important;color:#fff}thead{position:sticky;top:0}button,.btn{background-color:#00d4ff;color:#fff!important;font-weight:700;padding:10px 15px;border-radius:4px;border:none}button:hover,.btn:hover{cursor:pointer;color:#000;box-shadow:0 3px 3px 1px #fff}.header .btn{background-color:#e91e63;color:#fff;padding:3px 10px;border-radius:5px}.btn_delete{background-color:#ff4500!important}.btn_edit{background-color:#00c2ff}.btn_trans{background-color:#ff4500!important}.right{display:flex;align-items:righ;gap:1rem}.gap-1{gap:1rem}.gap-5{gap:5px}.gap-10{gap:10px}.operations{min-width:120px;min-height:36px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center}.operations_title{min-width:120px;min-height:36px;display:flex;align-items:center}.row{display:flex!important;min-height:44px;gap:5px;align-items:center}.col{min-width:80px;width:fit-content}.br-b-1{border-bottom:1px solid rgb(170 170 170 / 7%);border-bottom:1px solid rgb(142 142 142 / 15%)}.brdr{border:1px solid}.d-none{display:none}.d-non{display:none!important}.d-existNotShow,.d-existNotShow *{position:absolute;width:0!important;height:0!important;margin:0!important;padding:0!important;opacity:0}.icon{width:1.5rem;height:1.5rem;padding:5px;color:#fff;border-radius:5px;text-align:center;background-color:#746abf}.table_titles{font-size:13px;font-weight:700}.summaryHeader{display:flex;gap:1rem;width:80%;justify-content:space-between;align-items:center}.summaryHeader img{min-width:20px;max-width:120px;width:15%}.table_header{border-bottom:2px solid #3d5b85;min-height:41px;align-items:center;display:flex}.activeMenu{box-shadow:0 3px 3px 1px #fff!important}a{color:#fff}@media print{@page{size:A5}}.btn-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid gray;height:20px;width:20px;padding:5px}.btn-circle:hover{cursor:pointer;border:1px solid black}.gridCenter{display:grid!important;justify-items:center}.w-fill{width:-webkit-fill-available}:root{--center-boxes-size:300px }body,html{margin:0!important;padding:0!important;width:99.9vw}div,body,html{box-sizing:border-box}h1,h2,h3,h4,h5,h6,a,p,Link{text-decoration:none!important;color:var(--textColor);margin:0}.d_flex{display:flex!important}.d_block{display:block!important}.all_d_flex,.all_d_flex *{display:flex!important}.ch_d_flex>*{display:flex!important}.flexable{display:flex;flex-wrap:wrap;align-content:space-evenly;justify-content:space-evenly}.f-d-c{flex-direction:column}.colItme{flex:0 0 300px}.inline{display:inline!important;text-wrap:nowrap}.d_grid{display:grid!important}.ch_d_grid>*{display:grid!important}.j_c_sp_a{justify-content:space-around}.j_c_sp_b{justify-content:space-between}.al_i_c{align-items:center}.centerAll *,.center{justify-content:center;align-items:center;align-content:center;text-align:center}.hidY{overflow-y:scroll}.hidX{overflow-x:scroll}.relative{position:relative!important}.sticky{position:sticky!important;top:0}.absolute{position:absolute!important}.fixed{position:fixed!important}.right:parent,.bottom:parent{position:relative}.right{position:absolute;right:0}.bottom{position:absolute;bottom:0}.center{position:absolute;left:calc(50% - 200px)}.fill{width:-webkit-fill-available;height:-webkit-fill-available}.activeBG{background-color:var(--bgColor)!important}.disable,.disable *{pointer-events:none;opacity:.5}.panal{display:flex;padding:5px;gap:5px;border-radius:5px;text-align:center}.panal>div{border:1px solid rgba(128,128,128,.185);border-radius:5px;padding:2px 5px}.panal>div:hover{cursor:pointer;border-color:gray;color:orange}.limit-text{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--max-width-chars)}.dragabble.dragging{opacity:.7;border:1px solid gray}.dropdown{max-width:150px}.dragging{opacity:.5}.opc0{opacity:0}.dragIcon{cursor:move!important}.drop_area{border:1px dashed rgba(128,128,128,.619);transition:all 1.5s ease-in-out}.widthTransition{transition:width .5s linear(0 0%,0 1.8%,.01 3.6%,.03 6.35%,.07 9.1%,.13 11.4%,.19 13.4%,.27 15%,.34 16.1%,.54 18.35%,.66 20.6%,.72 22.4%,.77 24.6%,.81 27.3%,.85 30.4%,.88 35.1%,.92 40.6%,.94 47.2%,.96 55%,.98 64%,.99 74.4%,1 86.4%,1 100%)}.radiusLeft{border-top-left-radius:20px;border-bottom-left-radius:20px}.radiusRight{border-top-right-radius:20px;border-bottom-right-radius:20px}.transition{transition:all .5s ease-in-out}.transisionDoor{transition:all 1s linear(0 0%,0 1.8%,.01 3.6%,.03 6.35%,.07 9.1%,.13 11.4%,.19 13.4%,.27 15%,.34 16.1%,.54 18.35%,.66 20.6%,.72 22.4%,.77 24.6%,.81 27.3%,.85 30.4%,.88 35.1%,.92 40.6%,.94 47.2%,.96 55%,.98 64%,.99 74.4%,1 86.4%,1 100%)}.fs-9{font-size:9px}.fs-10{font-size:10px}.fs-14{font-size:14px}.bold{font-weight:700}:root{box-sizing:border-box}.c-orange{color:orange!important}#dashboard{overflow:scroll;font-size:14px;line-height:1.6}.myCard_container{width:98%;display:grid;margin:1rem auto 3rem;padding:1rem 2rem;border-radius:15px}.component_header{display:flex;font-size:1.5rem;font-weight:700;justify-content:space-between;border-bottom:1px solid #7171712e}.component_contents{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding:1rem;overflow-x:scroll}.component_footer{font-size:12px;text-align:center}.card_dashboard{position:relative;min-width:300px;padding:1rem}#dashboard th,#dashboard td{width:10%}#Shop_sales_records{width:100%}.myRow{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;padding:1rem;overflow:scroll}.card{display:flex;flex-direction:column;flex-wrap:wrap;gap:.5rem;border-radius:10px;min-height:100px;max-height:500px;box-shadow:3px 9px 16px #80808030;justify-content:space-between;overflow:hidden;position:relative;transition:transform .3s ease}.hover_top-shadow:hover{cursor:pointer;box-shadow:15px 15px 15px #80808047;transform:translateY(-5px)}.digit{display:flex;align-items:center;justify-content:space-around;background-color:#8270e6;color:#fff;border-radius:50%}.digit i{position:relative;bottom:-20%;right:-20%}.digit_width{border-radius:10px;padding:0 10px}.card_dashboard .digit{position:absolute;top:-35px;left:-35px;width:80px;height:80px}.myCard_header{display:flex;font-size:18px;font-weight:700;justify-content:center}.myCard_text{text-align:center}.card_footer{display:flex;font-weight:900;justify-content:space-between;font-size:10px;margin-top:auto;padding:5px 0}.myCard_bold{font-size:2rem;font-weight:700;color:orange;text-align:center}.product_cart{min-height:300px;min-width:200px}.digits{width:100%;display:flex;justify-content:space-between;padding:0 10px;position:absolute;font-size:1rem;top:10px}.product_cart .digit{width:20px;height:20px}.card_img{display:flex;justify-content:center;max-height:170px}.card_img img{width:100%;max-width:100%;height:100%;max-height:150px;border-bottom:1px solid #c0c0c03b}.product_contents{display:flex;flex-direction:column;padding:10px 0}.product_contents>div{display:flex;justify-content:space-between;border-bottom:1px solid #c0c0c03b;margin-bottom:1px}.card_data{padding:10px 1rem}.cart_shopping{min-width:200px;min-height:120px;border-radius:20px}.cardFullBtn{display:flex;justify-content:center;align-items:center;border-radius:15px;padding:.5rem 3rem;width:90%;min-height:30px;margin:.5rem auto;border-color:gray;color:gray}.cardFullBtn:hover,.cardFullBtn.active{transition:all .3s ease;color:#fff;border-color:#fff;background:linear-gradient(to right,rgb(246 124 47),rgb(229 6 91),rgb(150 35 140))}#sideBar{height:auto;padding:1rem .3rem;overflow-x:hidden}#logo{display:flex;justify-content:center;align-items:center;padding:1rem 0;box-shadow:1px 1px 5px #959fcf47}#logo img{width:clamp(30px,100%,200px);border-radius:50%}#sidebarLogo{display:grid;grid-template-rows:150px;align-items:center;text-align:center}.menuCTG{border-top-right-radius:7px;border-bottom-right-radius:7px;font-weight:700;text-align:center;padding:5px}.menuTitle{color:gray}.subMenus{margin-right:10px}.subMenu{display:grid;grid-template-columns:15% 75%;gap:5%;grid-template-rows:30px;align-items:center}.subMenu:hover{transition-duration:.2s;color:#fff;background:#f24f00}.activeTab{background:#f24f00;color:#fff}.menus{min-width:100px;max-width:200px;position:relative;margin:1% 5px}.sideBar_icon{font-size:14px;width:14px;height:14px;text-align:center}#sideBar-tabs{display:grid;gap:5px}.sideBar-tab{font-weight:700;display:grid;height:2.5rem;position:relative;grid-template-columns:20% 70%;justify-content:space-between;padding:5px 10px 5px 5px;align-items:center;gap:5PX;border-top-left-radius:20px;border-bottom-left-radius:20px;box-shadow:1px 1px 5px #959fcf47;white-space:nowrap}.sideBar-tab:hover{transition-duration:.1s;background:var(--background)}.sideBar-tab.active{transition-duration:.5s;color:#fff!important;background:var(--background)}.activeIcon{background-color:#fff;width:15px;height:15px;border-radius:50%;font-size:20px;font-weight:900}#toggleButton{display:flex;justify-content:center;align-items:center;width:35px;height:35px;border-radius:50%}#toggleButton:hover{opacity:1}.miniIcon{max-width:10px}#tablesPage{height:-webkit-fill-available;overflow:scroll}.col_3{width:30%}.col_2{width:48%}.col_4{width:24%}.col_6{width:clamp(200px,13%,250px)}@media (max-width: 768px){.myCard{width:48%}}@media (max-width: 480px){.component_contents{flex-direction:column;align-items:center;padding:1rem 0}.myCard_container{margin:0rem auto 1rem;padding:5px 10px}.myCard{width:98%;padding:10px}.card{display:flex;flex-direction:row;flex-wrap:nowrap;min-width:max-content;width:-webkit-fill-available;min-height:100px;max-height:fit-content}.product_cart{min-height:150px;min-width:fit-content;max-width:500px}.card_img img{width:180px}.digits{width:50%}}.hide{display:none!important}.show{display:block!important}.deActive{visibility:hidden}.popUp_page{position:absolute;display:flex;align-items:center;justify-content:center;width:70%;height:100%;left:12%;top:3%}form{display:grid}.form{max-height:88vh;overflow-y:scroll;position:relative;display:grid;margin:2rem auto;padding:2rem;width:600px;height:fit-content;background-color:#fff;box-shadow:4px 4px 12px 13px #ffffff78;box-shadow:5px 5px 20px #e91e63;box-shadow:1px 1px 8px #e91e63;border-top-left-radius:8rem;border-bottom-right-radius:5rem}.form-bil{max-height:88vh;position:relative;display:grid;grid-template-rows:15% 80% 5%;margin:2rem auto;padding:2rem 1rem;width:fit-content;height:80vh;background-color:#fff;border:1px solid #8080805c}.form_header{display:flex;justify-content:space-between;margin-bottom:1rem;align-items:center}.form_mini{position:relative;display:grid;margin:2rem auto;padding:2rem;width:300px;background-color:#fff;box-shadow:4px 4px 12px 13px #ffffff78;box-shadow:5px 5px 20px #e91e63;box-shadow:1px 1px 8px #e91e63;border-top-left-radius:8rem;border-bottom-right-radius:5rem}input{border:none;background-color:#f7f7f74f;width:-webkit-fill-available;height:30px;margin-bottom:13px;border-bottom:1px solid deeppink;background-color:#fff;border-radius:16px;padding:0 15px}input:focus-visible{border-bottom:3px solid rgb(0,229,255)!important;outline:none!important}.formContents{display:grid}.transBTn{color:#000;width:100%;height:31px;border-radius:30px;box-shadow:2px b;margin:10px 0}.transBTn:hover{cursor:pointer;transition-duration:.3s;color:#fff;border-color:#00e5ff}.Dashboard_contents{display:flex;gap:2rem;flex-wrap:wrap;justify-content:space-evenly;padding:1rem}.form-summary{max-width:1000px;max-height:88vh;overflow-y:scroll;padding:1rem;box-shadow:1px 1px 8px #e91e63;border-top-left-radius:8rem;background-color:#fff;border-bottom-right-radius:5rem}.summery{padding:0px 10px 20px 1rem;border:1px solid rgb(255 0 87 / 28%);border-radius:15px;width:160px;height:120px}.selection{width:200px;border-radius:5px;height:30px}.dashBoardIcon{position:relative;top:-10px;right:-20px;box-shadow:1px 1px 8px #ff00a5b0;width:1.6rem;height:1.5rem}.modal-backdrop.fade.show{display:none!important}.input_caption{margin:0 5px 8px 10px}#ViewPage .form_header{display:flex;flex-direction:column;justify-content:center}#ViewPage .form_header>div{width:100%;justify-content:space-around!important}#Shop_sales_records .form{max-width:1000px;width:fit-content;max-height:88vh;overflow-y:scroll;padding:2rem;box-shadow:1px 1px 8px #e91e63;border-top-left-radius:8rem;border-bottom-right-radius:5rem}.switch{position:relative;display:inline-block;width:40px;height:20px;border-radius:10px;overflow:hidden}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:10px;-webkit-transition:.2s;transition:.2s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;-webkit-transition:.2s;transition:.2s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translate(20px)}#myCalendar{display:grid;justify-items:center;width:fit-content;overflow:hidden;background-color:#fff;color:#000;max-width:300px;max-height:500px;box-shadow:0 5px 12px -5px;border-radius:10px}#calendarInputs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:1rem .5rem 5px}.day{padding:5px;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;border:1px solid rgba(128,128,128,.273);text-align:center;justify-content:center}.day:hover{cursor:pointer;background-color:#125b86;color:#fff}.borderRed{border:1px solid red}