.login-container{text-align:center;height:100vh;align-items:center;display:flex}@supports (height: 100dvh){.login-container{height:90dvh}}.login-container .container{display:flex;justify-content:center}.login-container .login-card{box-shadow:#63636333 0 2px 8px;min-width:350px;border-radius:15px;overflow:hidden}.login-container .login-card .login-head{background:#123d75;padding:15px}.login-container .login-card .login-head h1{font-size:20px;padding:0;margin:0;color:#fff;font-weight:500;letter-spacing:1px}.login-container .login-card .logo{padding-top:15px;height:120px;display:flex;justify-content:center;align-items:center;background:#fff}.login-container .login-card .logo img{height:70px;padding-right:15px}.login-container .login-card .login-form{padding:10px 60px 40px;text-align:left;background:#fff}.login-container .login-card .login-form .input-box{display:flex;flex-direction:column;padding-bottom:15px}.login-container .login-card .login-form .input-box label{font-size:15px;font-weight:500;padding-bottom:8px}.login-container .login-card .login-form .input-box input{width:300px;border-radius:5px;background:transparent;border:1px solid #8f8f8f;padding:8px 15px;font-size:13px}.login-container .login-card .login-form .remember-box{align-items:center;display:flex;padding-bottom:15px}.login-container .login-card .login-form .remember-box input{height:18px;width:18px;margin-right:15px}.login-container .login-card .login-form .remember-box .form-check-input{margin-top:0;border-radius:5px;border:1px solid #8f8f8f}.login-container .login-card .login-form .remember-box .form-check-input:focus{box-shadow:none}.login-container .login-card .login-form .remember-box .form-check-input:checked{background-color:#123d75}.login-container .login-card .login-form .remember-box label{font-size:15px;font-weight:500}.login-container .login-card .login-form button{width:100%;height:40px;border-radius:7px;background:#123d75;box-shadow:0 10px 33px #0003;color:#fff;font-size:15px;border:none;margin-bottom:10px;margin-top:20px}.login-container .login-card .login-form .bottom-section{display:flex;justify-content:space-between}.login-container .login-card .login-form .bottom-section a{font-size:13px;text-decoration:none;color:#000;cursor:pointer}.login-container .login-card .login-form .bottom-section .signup a{color:#138cb1}.login-container .login-card .login-form .error-message{color:red;font-size:14px;margin:5px 0}@media only screen and (max-width: 576px){.login-container .login-card .login-form{padding:10px 20px 40px}.login-container .login-card .login-form .input-box input{width:100%}.login-container .login-card{min-width:300px}}.dashboard-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px;padding:20px 25px;height:calc(100% - 40px);overflow:hidden}.dashboard-card .statistics-sec{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;width:100%}.dashboard-card h3{font-size:16px;font-weight:600;margin:0;padding:0}.dashboard-card p{margin:0;padding:0;font-size:13px;color:#a5a5a5}.dashboard-card p strong{font-size:15px;font-weight:700;color:#138cb1}.dashboard-card .statistics-sec .total-sec{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:20px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:15px;width:400px}.dashboard-card .statistics-sec .total-sec button{border:none;color:#fff;border-radius:7px;background:#138cb1;padding:5px 15px;font-size:14px}.dashboard-card .statistics-sec .statistic{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:20px 30px;width:100%}.dashboard-card .statistics-sec .statistic .head-sec{display:flex;justify-content:space-between;align-items:center;gap:15px}.dashboard-card .deatils-sec{margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:30px;width:100%}.dashboard-card .deatils-sec .cart-data{display:flex;justify-content:flex-start;align-items:center;gap:8px}.dashboard-card .deatils-sec .icon-section{height:50px;width:50px;background:#e8f1f9;border-radius:5px;display:flex;justify-content:center;align-items:center}.dashboard-card .deatils-sec .icon{color:#138cb1;height:25px;width:25px}.dashboard-card .deatils-sec .data{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.dashboard-card .deatils-sec .data span{padding:0;margin:0;font-size:15px;color:#138cb1;font-weight:600}.dashboard-card .deatils-sec .data p{padding:0;margin:0;font-size:12px;font-weight:600;color:#000;text-align:left}.dashboard-card .deatils-sec .data .light-text{font-size:10px;color:#a5a5a5;font-weight:500}.dashboard-card .orders-statistics-sec{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:20px 30px;width:100%;display:flex;flex-direction:column;align-items:flex-start}.dashboard-card .users-statistics{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px}.dashboard-card .users-statistics .customer-statistics,.dashboard-card .users-statistics .admin-statistics{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:20px 30px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:150px}@media only screen and (max-width: 1100px){.dashboard-card .statistics-sec .statistic,.dashboard-card .statistics-sec .total-sec,.dashboard-card .orders-statistics-sec,.dashboard-card .users-statistics .customer-statistics,.dashboard-card .users-statistics .admin-statistics{padding:20px 15px}.dashboard-card .deatils-sec{gap:15px}}@media only screen and (max-width: 768px){.dashboard-card .statistics-sec{flex-direction:column}.dashboard-card .statistics-sec .statistic,.dashboard-card .statistics-sec .total-sec,.dashboard-card .orders-statistics-sec{padding:20px;width:100%}}@media only screen and (max-width: 700px){.dashboard-card .deatils-sec{display:grid;grid-template-columns:repeat(2,1fr)}.dashboard-card .users-statistics{flex-direction:column;gap:15px}}@media only screen and (max-width: 450px){.dashboard-card .deatils-sec{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.dashboard-card .statistics-sec .statistic .head-sec{gap:5px}.dashboard-card .users-statistics .customer-statistics,.dashboard-card .users-statistics .admin-statistics{height:100%}}.customers-list{padding:20px 25px}.customers-list .customers-list-card{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:15px 25px 0;height:calc(100% - 40px);overflow:hidden}.customers-list .customers-list-card .cutomers-header{display:flex;justify-content:space-between;align-items:center}.customers-list-card .cutomers-header .head-sec{display:flex;justify-content:flex-start;align-items:center;gap:10px}.customers-list-card .cutomers-header .head-sec .icon{height:25px;width:25px;color:#8f8f8f}.customers-list-card .cutomers-header .head-sec h2{margin:0;padding:0;font-size:18px;font-weight:600}.customers-list-card .customers-table{margin-top:15px}@media only screen and (max-width: 576px){.customers-list .customers-list-card .cutomers-header{flex-direction:column;align-items:flex-start;gap:15px}.customers-list .customers-list-card .search-sec{width:100%}}.search .search-box{display:flex;justify-content:flex-start;align-items:center;gap:10px;padding:5px 15px;border-radius:7px;border:1px solid #A5A5A5;background:#fff;width:300px}.search .search-box .icon{height:20px;width:20px;color:#8f8f8f}.search .search-box input{width:100%;outline:none;border:none;font-size:14px}.search .search-box input::placeholder{color:#8f8f8f;font-size:14px}@media only screen and (max-width: 550px){.search,.search .search-box{width:100%}}.MuiPaper-root.paper-container{width:100%;overflow:hidden;border-radius:0}.table-container{background:#fff}.MuiPaper-root{box-shadow:none!important}.MuiTableContainer-root{border:.5px solid #D9D9D9!important}.table-head th{background:#e8f1f9;border:.5px solid #D9D9D9;font-size:14px;font-weight:600;font-family:poppins;cursor:pointer;text-align:center;padding-top:10px;padding-bottom:10px}.table-head .table-title{display:flex;align-items:center;justify-content:center}.table-head .icon{width:15px;padding-right:5px}.table-body td{color:gray;font-size:13px;padding:11px 13px;font-family:poppins,sans-serif;text-align:center;border:.5px solid #D9D9D9}.table-body .action-column{display:flex;justify-content:center;align-items:center;gap:8px}.table-body .action-column .icon{width:20px;height:20px;color:#8f8f8f;cursor:pointer}.table-body .action-column .icon:hover{color:#138cb1}.MuiTablePagination-root.table-pagination{font-size:14px;font-family:poppins}.delete-popup{position:absolute;z-index:1001;top:0;left:0;height:100%;width:100%;background:#00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}.delete-popup .delete-popup-card{border-radius:15px;background:#fff;height:250px;width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.delete-popup .delete-popup-card .icon{height:70px;width:70px;border-radius:35px;border:1px solid #8F8F8F;font-size:40px;color:#8f8f8f;text-align:center;display:flex;justify-content:center;align-items:center}.delete-popup .delete-popup-card h2{font-size:18px;font-weight:600;margin:0;padding:0}.delete-popup .delete-popup-card p{margin:0;padding:0;font-size:14px;font-weight:500}.delete-popup .delete-popup-card .btn-sec{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:15px}.delete-popup .delete-popup-card .btn-sec .btn-1{border:none;border-radius:7px;background:#138cb1;padding:5px 15px;font-size:14px;color:#fff}.delete-popup .delete-popup-card .btn-sec .btn-2{border:none;border-radius:7px;background:#636366;padding:5px 15px;font-size:14px;color:#fff}.main-category{padding:20px 25px}.main-category .main-category-card{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:15px 25px 0;height:calc(100% - 40px);overflow:hidden}.main-category .main-category-card .main-category-header{display:flex;justify-content:space-between;align-items:center}.main-category-card .main-category-header .head-sec{display:flex;justify-content:flex-start;align-items:center;gap:10px}.main-category-card .main-category-header .head-sec .icon{height:25px;width:25px;color:#8f8f8f}.main-category-card .main-category-header .head-sec h2{margin:0;padding:0;font-size:18px;font-weight:600}.main-category-card .main-category-table{margin-top:15px}.main-category-card .filter-sec{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.main-category-card .filter-sec .filter{display:flex;justify-content:flex-start;align-items:center;gap:20px}.main-category-card .filter-sec .filter .status-filter{display:flex;justify-content:flex-start;align-items:center;gap:10px}.main-category-card .filter-sec .filter .status-filter p{margin:0;padding:0;font-size:13px}.main-category-card .filter-sec .custom-btn{font-size:13px;border-radius:7px;border:1px solid #A5A5A5;background:#fff}.main-category-card .filter-sec .dropdown-toggle:after{margin-left:15px}.main-category-card .filter-sec .btn-sec button{border-radius:7px;background:#138cb1;box-shadow:0 10px 33px #0000000d;font-size:13px;border:none;color:#fff;padding:5px 15px}.main-category-card .dropdown-item{font-size:13px}@media only screen and (max-width: 750px){.main-category-card .filter-sec{flex-direction:column-reverse;gap:10px;align-items:flex-end}.main-category .main-category-card .main-category-header{flex-direction:column;gap:20px;align-items:flex-start}.main-category .main-category-card .search-sec,.main-category .main-category-card .search .search-box{width:100%}.main-category .main-category-card .filter-sec .btn-sec{position:absolute;top:30px;right:50px}}@media only screen and (max-width: 550px){.main-category-card .filter-sec .filter{flex-direction:column;align-items:flex-start;width:100%}.main-category-card .filter-sec .btn-sec button{padding:5px 10px}}.categories-table .table-image{height:30px}.sub-caregory-table-head th{background:#fff;font-size:13px;padding-top:5px;padding-bottom:5px}.sub-caregory-table-body td{font-size:12px;padding-top:5px;padding-bottom:5px;background:#fff}.sub-caregory-table-body .table-image{height:25px}.sub-caregory-table-body .form-switch .form-check-input{width:30px}.sub-caregory-table-body .form-check-input{height:15px}.admins-list{padding:20px 25px}.admins-list .admins-list-card{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:15px 25px 0;height:calc(100% - 40px);overflow:hidden}.admins-list-card .admins-header .head-sec{display:flex;justify-content:flex-start;align-items:center;gap:10px}.admins-list-card .admins-header .head-sec .icon{height:25px;width:25px;color:#8f8f8f}.admins-list-card .admins-header .head-sec h2{margin:0;padding:0;font-size:18px;font-weight:600}.admins-list-card .customers-table{margin-top:15px}.admins-list-card .search-sec{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.admins-list-card .search-sec .btn-sec button{border-radius:7px;background:#138cb1;box-shadow:0 10px 33px #0000000d;font-size:13px;border:none;color:#fff;padding:5px 15px}@media only screen and (max-width: 550px){.admins-list-card .search-sec{flex-direction:column-reverse;justify-content:center;align-items:end;gap:15px}}.admin-list-table{margin-top:15px}.admin-form{padding:20px 25px}.admin-form .admin-form-card{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:15px 25px 0;height:calc(100% - 40px);overflow:hidden}@media only screen and (max-width: 650px){.admin-form .admin-form-card{width:100%}}.admin-add-form h1{margin:0;padding:0;font-size:18px;font-weight:600;text-align:left}.admin-add-form .admin-form-sec{margin-top:15px;margin-bottom:15px;padding:20px;border-radius:7px;border:1px solid #a5a5a5;background:#fff}.admin-add-form .admin-form-sec .form-section{display:flex;justify-content:space-between;gap:50px}.admin-add-form .admin-form-sec .form-section .left-sec,.admin-add-form .admin-form-sec .form-section .right-sec{width:100%}.admin-add-form .admin-form-sec .input-sec{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding-bottom:25px}.admin-add-form .admin-form-sec .input-sec label{font-size:14px;font-weight:600;margin:0;padding:0}.admin-add-form .admin-form-sec .input-sec input{width:100%;border-radius:5px;border:1px solid #8f8f8f;background:#fff;height:35px;font-size:14px;padding:5px 10px}.admin-add-form .admin-form-sec .input-sec input:focus-visible{outline:none;border:2px solid #138cb1}.admin-add-form .admin-form-sec .btn-section{margin-top:20px;display:flex;justify-content:flex-start;align-items:center;gap:30px}.admin-add-form .admin-form-sec .add-btn{border:none;color:#fff;border-radius:7px;background:#138cb1;box-shadow:0 10px 33px #0000000d;padding:5px 20px;font-size:14px}.admin-add-form .admin-form-sec .back-btn{border-radius:7px;border:1px solid #8f8f8f;background:#fff;box-shadow:0 10px 33px #0000000d;padding:5px 20px;font-size:14px}.admin-add-form .admin-add-card .error-message{color:red;font-size:14px;margin:0}@media only screen and (max-width: 786px){.admin-add-form .admin-form-sec .form-section{flex-direction:column;gap:0}}.customer-detail-view{padding:20px 25px}.customer-detail-view .customer-details-card{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:15px 25px;height:calc(100% - 40px);overflow:hidden}.customer-detail-view .customer-details-card h1{margin:0;padding:0;font-size:18px;font-weight:600;text-align:left}.customer-detail-view .customer-details-card .customer-details-section{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.customer-detail-view .customer-details-card .customer-details-section .order-history-details{width:100%}@media only screen and (max-width: 1350px){.customer-detail-view .customer-details-card .customer-details-section{flex-direction:column;align-items:center}.customer-detail-view .customer-details-card .customer-details-section .personal-details{width:100%}}.customer-personal-details{width:320px}.customer-personal-details .customer-detail-card{padding:20px;border-radius:15px;border:1px solid #D9D9D9;background:#fff;margin-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.customer-personal-details .customer-detail-card .top-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.customer-personal-details .customer-detail-card .img-section{height:90px;width:100px;border-radius:15px;background:#d9d9d9;display:flex;justify-content:center;align-items:center;margin-bottom:15px}.customer-personal-details .customer-detail-card .img-section img{height:90px;width:100px;object-fit:contain}.customer-personal-details .customer-detail-card h4{font-size:16px;font-weight:600;padding-bottom:20px}.customer-personal-details .customer-detail-card .data-section{display:flex;justify-content:center;align-items:center;gap:30px}.customer-personal-details .customer-detail-card .data-section .cart-data,.customer-personal-details .customer-detail-card .data-section .wishlist-data{display:flex;justify-content:flex-start;align-items:center;height:50px;gap:8px}.customer-personal-details .customer-detail-card .data-section .icon-section{height:35px;width:35px;background:#e8f1f9;border-radius:3px;display:flex;justify-content:center;align-items:center}.customer-personal-details .customer-detail-card .data-section .icon{color:#138cb1;height:20px;width:20px}.customer-personal-details .customer-detail-card .data-section .data{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.customer-personal-details .customer-detail-card .data-section .data span{padding:0;margin:0;font-size:15px;color:#138cb1;font-weight:600}.customer-personal-details .customer-detail-card .data-section .data p{padding:0;margin:0;font-size:13px;font-weight:600}.customer-personal-details .customer-detail-card .details-section{margin-top:40px;text-align:left;width:100%}.customer-personal-details .customer-detail-card .details-section h6{font-size:13px;font-weight:600;display:flex;justify-content:flex-start;align-items:flex-start;padding-bottom:4px}.customer-personal-details .customer-detail-card .details-section .divider{height:.5px;width:100%;background:#a5a5a5;margin-top:5px;margin-bottom:15px}.customer-personal-details .customer-detail-card .details-section h6 span{color:#8f8f8f;padding-left:8px;font-weight:500;line-height:18px}@media only screen and (max-width: 1350px){.customer-personal-details{width:100%}.customer-personal-details .customer-detail-card{flex-direction:row;gap:50px}.customer-personal-details .customer-detail-card .details-section{margin-top:0}}@media only screen and (max-width: 786px){.customer-personal-details .customer-detail-card{flex-direction:column;gap:0px}.customer-personal-details .customer-detail-card .details-section{margin-top:40px}}.customer-orders{width:100%}.customer-orders .customer-orders-card{padding:25px 25px 0;border-radius:15px;border:1px solid #D9D9D9;background:#fff;margin-top:20px}.customer-orders .customer-orders-card h2{font-size:16px;font-weight:600;text-align:left}.customer-orders .customer-orders-card .orders-history-table{padding-top:10px}.customer-orders .customer-orders-card .orders-history-table .table-cell{color:#000;padding-top:0;padding-bottom:0}.customer-orders .customer-orders-card .orders-history-table .date-cell{display:flex;flex-direction:column;color:#000;padding-top:5px;padding-bottom:5px}.customer-orders .customer-orders-card .orders-history-table .date-cell span{font-size:10px;color:#8f8f8f}.customer-orders .customer-orders-card .orders-history-table .status-cell span{padding:5px 10px;border-radius:7px;background:#ebffe4;color:#5e9002}.side-navbar{position:fixed;top:0;left:0;width:260px;height:100%}.side-navbar .side-navbar-card{width:100%;height:100%;background:#fff;box-shadow:0 10px 20px #0000004d}.side-navbar .side-navbar-card .logo-section{padding:20px 30px 20px 15px;display:flex;justify-content:center;align-items:center}.side-navbar .side-navbar-card .logo-section img{width:80%}.side-navbar .side-navbar-card .menu-section{width:100%;padding:20px;margin-top:20px}.side-navbar-card .menu-section .menu-items{display:flex;flex-direction:column;gap:25px}.side-navbar-card .menu-section .menu-items .menu-item{display:flex;align-items:center;gap:15px;padding:8px 10px;cursor:pointer}.side-navbar-card .menu-section .menu-items .menu-item.active{background:#138cb1;border-radius:5px}.side-navbar-card .menu-section .menu-items .menu-item-dropdown{display:flex;flex-direction:column;padding:8px 10px}.side-navbar-card .menu-section .menu-items .menu-item h2,.side-navbar-card .menu-section .menu-items .menu-item-dropdown h2{margin:0;padding:0;font-size:14px;font-weight:500}.side-navbar-card .menu-section .menu-items .menu-item h2{display:flex;justify-content:flex-start;align-items:center;gap:10px}.side-navbar-card .menu-section .menu-items .menu-item.active h2,.side-navbar-card .menu-section .menu-items .menu-item.active .menu-icon,.side-navbar-card .menu-section .menu-items .menu-item.active .icon{color:#fff}.side-navbar-card .menu-section .menu-items .menu-item .menu-icon{height:20px;width:20px;color:#138cb1}.side-navbar-card .menu-section .menu-items .menu-item-dropdown .menu-icon{height:20px;width:20px;color:#138cb1;margin-right:10px}.side-navbar-card .menu-section .menu-items .menu-item-dropdown .main-menu,.side-navbar-card .menu-section .menu-items .menu-item{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.side-navbar-card .menu-section .menu-items .menu-item-dropdown .sub-menu{display:none;flex-direction:column;gap:10px;cursor:pointer;margin-top:20px}.side-navbar-card .menu-section .menu-items .menu-item-dropdown .sub-menu.active{display:flex}.side-navbar-card .menu-section .menu-items .menu-item-dropdown .sub-menu .submenu-item{display:flex;align-items:center;padding:8px 10px 8px 30px}.side-navbar-card .menu-section .menu-items .menu-item-dropdown .sub-menu .submenu-item .submenu-icon{width:20px;height:20px;color:#138cb1;margin-right:10px}.side-navbar-card .menu-section .menu-items .menu-item-dropdown .sub-menu .submenu-item h4{margin:0;padding:0;font-size:14px}.side-navbar-card .menu-section .menu-items .menu-item-dropdown .sub-menu .submenu-item.active{background:#138cb1;border-radius:5px}.side-navbar-card .menu-section .menu-items .menu-item-dropdown .sub-menu .submenu-item.active .submenu-icon,.side-navbar-card .menu-section .menu-items .menu-item-dropdown .sub-menu .submenu-item.active h4{color:#fff}@media only screen and (max-width: 998px){.side-navbar{display:none}}.header{position:fixed;top:0;right:0;height:60px;width:calc(100% - 260px);z-index:999}.header-card{width:100%;height:60px;padding-right:40px;background:#fff;display:flex;justify-content:flex-end;align-items:center;box-shadow:0 5px 5px #0000001a}.header-card .header-icon{height:30px;width:30px;color:#8f8f8f;cursor:pointer}.header-card .mobile-menu-icon{display:none}.header-card .right-icons{display:flex;gap:20px}.header-card .account-sec{position:relative}.header-card .account-sec .account-dropdown{position:absolute;top:40px;right:-20px}.header-card .account-sec .account-dropdown .dropdown-card{display:none;padding:10px;background:#fff;box-shadow:#00000059 0 5px 15px;border-radius:5px}.header-card .account-sec .account-dropdown .dropdown-card.show{display:block}.header-card .account-sec .account-dropdown .dropdown-card p{margin:0;padding:5px 10px}.header-card .account-sec .account-dropdown .dropdown-card p:hover{border-radius:3px;cursor:pointer;text-decoration:underline;color:#138cb1}.mobile-menu{display:none;width:100%;height:100%;background:#00000034;position:fixed;z-index:1001;top:0;left:0}.mobile-menu.open-menu,.side-navbar.side-navbar-mobile{display:inherit}.side-navbar.side-navbar-mobile .logo-section img{padding-right:10px}.side-navbar.side-navbar-mobile .side-navbar-card .menu-section{margin-top:0}.side-navbar.side-navbar-mobile .logo-section .close-icon{position:absolute;top:10px;right:10px;cursor:pointer;height:25px;width:25px;color:#8f8f8f}@media only screen and (max-width: 998px){.header{width:100%}.header-card{justify-content:space-between;padding-left:30px;padding-right:30px}.header-card .mobile-menu-icon{display:block}}.category-form h1{margin:0;padding:0;font-size:18px;font-weight:600;text-align:left}.category-form .category-form-section{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.category-form .category-form-section h5{text-align:left;font-size:15px;font-weight:600;padding-bottom:15px}.category-form .category-form-section .main-category-form{margin-top:15px;margin-bottom:15px;padding:20px;border-radius:7px;border:1px solid #a5a5a5;background:#fff;width:100%}.category-form .category-form-section .sub-category-form{display:none;margin-top:15px;margin-bottom:15px;padding:20px;border-radius:7px;border:1px solid #a5a5a5;background:#fff;width:100%}.category-form .category-form-section .sub-category-form.show{display:block}.category-form .category-form-section .input-sec{display:flex;justify-content:flex-start;align-items:center;gap:20px;padding-bottom:25px}.category-form .category-form-section .input-sec .error-lable{padding-bottom:18px}.category-form .category-form-section .input-sec div{width:100%}.category-form .category-form-section .image-browse-sec{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;padding-bottom:25px}.category-form .category-form-section .image-browse-sec .error-msg,.error-msg2{color:red;font-size:12px;margin:5px 0 0;padding:0;width:max-content}.category-form .category-form-section .image-browse-sec .input-division{width:100%}.category-form .category-form-section .input-sec label{font-size:14px;font-weight:600;margin:0;padding:0}.category-form .category-form-section .image-browse-sec label{font-size:14px;font-weight:600;margin:0;padding:8px 0 0}.category-form .category-form-section .input-sec input{width:100%;border-radius:5px;border:1px solid #8f8f8f;background:#fff;height:35px;font-size:14px;padding:5px 10px}.category-form .category-form-section .input-sec input:focus-visible{outline:none;border:2px solid #138cb1}.category-form .category-form-section .image-browse-sec .browse-input-sec{width:100%;height:35px;padding:0;margin:0;border:1px solid #8f8f8f;display:flex;align-items:center;border-radius:5px}.category-form .category-form-section .image-browse-sec .browse-input-sec input{width:100%;border-radius:5px;border:none;background:#fff;font-size:14px;padding:5px 10px;text-decoration:underline}.category-form .category-form-section .image-browse-sec .browse-input-sec input:focus-visible{outline:none;border:none}.category-form .category-form-section .image-browse-sec .browse-input-sec button{height:35px;border:none;border-radius:0 5px 5px 0;background:#138cb1;color:#fff;padding:0 20px;font-size:14px;font-weight:500}.category-form .category-form-section .image-browse-sec .img-sec{margin-top:5px;height:70px;width:80px;border-radius:5px;border:1px solid #8f8f8f;background:#fff;display:flex;align-items:center;justify-content:center}.category-form .category-form-section .image-browse-sec .img-sec .icon{height:25px;width:25px;color:#8f8f8f}.category-form .category-form-section .image-browse-sec .img-sec img{height:68px;width:78px;object-fit:contain}.category-form .category-form-section .status-sec{display:flex;justify-content:flex-start;align-items:center;gap:20px}.category-form .category-form-section .status-sec label{font-size:14px;font-weight:600;margin:0;padding:0}.category-form .category-form-section .status-sec .form-check{display:flex;justify-content:center;align-items:center;gap:10px}.category-form .category-form-section .status-sec .form-check-input{height:18px;border:1px solid #8f8d8db7}.category-form .category-form-section .status-sec .form-switch .form-check-input{width:35px}.category-form .category-form-section .status-sec .form-check-input:checked{background-color:#138cb1}.category-form .category-form-section .status-sec .form-check-input:focus{box-shadow:none;border:1px solid #8f8f8f}.category-form .category-form-section .add-sub-category-sec{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:5px}.category-form .category-form-section .add-sub-category-sec button{border:none;background:#fff;font-size:14px;font-weight:600;color:#138cb1;margin-top:15px}.category-form .category-form-section .add-sub-category-sec .sub-categories-list{margin-top:15px;width:100%}.category-form .category-form-section .add-sub-category-sec .sub-categories-list h2{font-size:14px;font-weight:600;padding:0;margin:0 0 10px;text-align:left}.category-form .category-form-section .add-sub-category-sec .sub-categories-list .sub-category{display:flex;justify-content:space-between;align-items:center;height:35px;border-radius:5px;border:1px solid #8f8f8f;background:#fff;padding:0 8px;margin:10px 0}.category-form .category-form-section .add-sub-category-sec .sub-categories-list .sub-category p{padding:0;margin:0;font-size:14px;max-width:calc(100% - 55px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-form .category-form-section .add-sub-category-sec .sub-categories-list .sub-category .icon-sec{width:50px}.category-form .category-form-section .add-sub-category-sec .sub-categories-list .sub-category .icon{height:20px;width:20px;color:#8f8f8f;cursor:pointer;margin-left:5px}.category-form .category-form-section .add-sub-category-sec .sub-categories-list .sub-category .icon:hover{color:#138cb1}.category-form .category-form-section .button-section{display:flex;justify-content:flex-start;align-items:center;gap:30px;margin-top:30px}.category-form .category-form-section .button-section .btn-1{width:100px;border:none;padding:5px 20px;border-radius:7px;background:#138cb1;box-shadow:0 10px 33px #0000000d;color:#fff;font-size:14px}.category-form .category-form-section .button-section .btn-2{width:100px;padding:5px 20px;border-radius:7px;border:1px solid #8f8f8f;background:#fff;box-shadow:0 10px 33px #0000000d;font-size:14px}@media only screen and (max-width: 600px){.category-form .category-form-section .input-sec,.category-form .category-form-section .image-browse-sec{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding-bottom:25px}.category-form .category-form-section .image-browse-sec label{padding-top:0}.category-form .category-form-section .image-browse-sec .browse-input-sec button{padding:0 8px}.category-form .category-form-section .input-sec .error-lable{padding-bottom:0}}.add-category{padding:20px 25px}.add-category .add-category-card{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:15px 25px 0;height:calc(100% - 40px);width:700px;overflow:hidden}@media only screen and (max-width: 998px){.add-category{display:flex;justify-content:center;align-items:center}}@media only screen and (max-width: 650px){.add-category .add-category-card{width:100%}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.main-component{height:100%;width:100%;background:#f8f7fa}.main-component .body-section{width:calc(100% - 260px);height:calc(100% - 60px);position:fixed;right:0;bottom:0;background:transparent;overflow-y:scroll}.MuiTablePagination-selectLabel,.MuiTablePagination-displayedRows{margin-bottom:0}@media only screen and (max-width: 998px){.main-component .body-section{width:100%}}.brands-list-table .table-image{height:30px}.view-brand{padding:20px 25px}.view-brand .view-brand-card{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:15px 25px 0;height:calc(100% - 40px);overflow:hidden}.view-brand .view-brand-card .brand-header{display:flex;justify-content:space-between;align-items:center}.view-brand-card .brand-header .head-sec{display:flex;justify-content:flex-start;align-items:center;gap:10px}.view-brand-card .brand-header .head-sec .icon{height:25px;width:25px;color:#8f8f8f}.view-brand-card .brand-header .head-sec h2{margin:0;padding:0;font-size:18px;font-weight:600}.view-brand-card .brand-table{margin-top:15px}.view-brand-card .filter-sec{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.view-brand-card .filter-sec .filter{display:flex;justify-content:flex-start;align-items:center;gap:20px}.view-brand-card .filter-sec .filter .status-filter{display:flex;justify-content:flex-start;align-items:center;gap:10px}.view-brand-card .filter-sec .filter .status-filter p{margin:0;padding:0;font-size:13px}.view-brand-card .filter-sec .custom-btn{font-size:13px;border-radius:7px;border:1px solid #A5A5A5;background:#fff}.view-brand-card .filter-sec .dropdown-toggle:after{margin-left:15px}.view-brand-card .filter-sec .btn-sec button{border-radius:7px;background:#138cb1;box-shadow:0 10px 33px #0000000d;font-size:13px;border:none;color:#fff;padding:5px 15px}.view-brand-card .dropdown-item{font-size:13px}@media only screen and (max-width: 750px){.view-brand-card .filter-sec{flex-direction:column-reverse;gap:10px;align-items:flex-end}.view-brand .view-brand-card .brand-header{flex-direction:column;gap:20px;align-items:flex-start}.view-brand .view-brand-card .search-sec,.view-brand .view-brand-card .search .search-box{width:100%}.view-brand .view-brand-card .filter-sec .btn-sec{position:absolute;top:30px;right:50px}}@media only screen and (max-width: 550px){.view-brand-card .filter-sec .filter{flex-direction:column;align-items:flex-start;width:100%}.view-brand-card .filter-sec .btn-sec button{padding:5px 10px}}.add-brand{padding:20px 25px}.add-brand .add-brand-card{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:15px 25px 0;height:calc(100% - 40px);width:700px;overflow:hidden}@media only screen and (max-width: 998px){.add-brand{display:flex;justify-content:center;align-items:center}}@media only screen and (max-width: 650px){.add-brand .add-brand-card{width:100%}}.brand-form h1{margin:0;padding:0;font-size:18px;font-weight:600;text-align:left}.brand-form .brand-form-section{display:flex;justify-content:space-between;align-items:flex-start;gap:30px}.brand-form .brand-form-section .error-msg{color:red;font-size:12px;text-align:left;padding:0;margin:0}.brand-form .brand-form-section h5{text-align:left;font-size:15px;font-weight:600;padding-bottom:15px}.brand-form .brand-form-section .main-brand-form{margin-top:15px;margin-bottom:15px;padding:20px;border-radius:7px;border:1px solid #A5A5A5;background:#fff;width:100%}.brand-form .brand-form-section .sub-brand-form{display:none;margin-top:15px;margin-bottom:15px;padding:20px;border-radius:7px;border:1px solid #A5A5A5;background:#fff;width:100%}.brand-form .brand-form-section .sub-brand-form.show{display:block}.brand-form .brand-form-section .input-sec{display:flex;justify-content:flex-start;align-items:center;gap:20px;padding-bottom:25px}.brand-form .brand-form-section .input-sec div{width:100%}.brand-form .brand-form-section .input-sec .error-lable{padding-bottom:13px}.brand-form .brand-form-section .image-browse-sec{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;padding-bottom:25px}.brand-form .brand-form-section .image-browse-sec .input-division{width:100%}.brand-form .brand-form-section .input-sec label{font-size:14px;font-weight:600;margin:0;padding:0}.brand-form .brand-form-section .image-browse-sec label{font-size:14px;font-weight:600;margin:0;padding:8px 0 0}.brand-form .brand-form-section .input-sec input{width:100%;border-radius:5px;border:1px solid #8F8F8F;background:#fff;height:35px;font-size:14px;padding:5px 10px}.brand-form .brand-form-section .input-sec input:focus-visible{outline:none;border:2px solid #138CB1}.brand-form .brand-form-section .image-browse-sec .browse-input-sec{width:100%;height:35px;padding:0;margin:0;border:1px solid #8F8F8F;display:flex;align-items:center;border-radius:5px}.brand-form .brand-form-section .image-browse-sec .browse-input-sec input{width:100%;border-radius:5px;border:none;background:#fff;font-size:14px;padding:5px 10px;text-decoration:underline}.brand-form .brand-form-section .image-browse-sec .browse-input-sec input:focus-visible{outline:none;border:none}.brand-form .brand-form-section .image-browse-sec .browse-input-sec button{height:35px;border:none;border-radius:0 5px 5px 0;background:#138cb1;color:#fff;padding:0 20px;font-size:14px;font-weight:500}.brand-form .brand-form-section .image-browse-sec .img-sec{margin-top:5px;height:70px;width:80px;border-radius:5px;border:1px solid #8F8F8F;background:#fff;display:flex;align-items:center;justify-content:center}.brand-form .brand-form-section .image-browse-sec .img-sec .icon{height:25px;width:25px;color:#8f8f8f}.brand-form .brand-form-section .image-browse-sec .img-sec img{height:68px;width:78px;object-fit:contain}.brand-form .brand-form-section .status-sec{display:flex;justify-content:flex-start;align-items:center;gap:20px}.brand-form .brand-form-section .status-sec label{font-size:14px;font-weight:600;margin:0;padding:0}.brand-form .brand-form-section .status-sec .form-check{display:flex;justify-content:center;align-items:center;gap:10px}.brand-form .brand-form-section .status-sec .form-check-input{height:18px;border:1px solid #8f8d8db7}.brand-form .brand-form-section .status-sec .form-switch .form-check-input{width:35px}.brand-form .brand-form-section .status-sec .form-check-input:checked{background-color:#138cb1}.brand-form .brand-form-section .status-sec .form-check-input:focus{box-shadow:none;border:1px solid #8F8F8F}.brand-form .brand-form-section .button-section{display:flex;justify-content:flex-start;align-items:center;gap:30px;margin-top:30px}.brand-form .brand-form-section .button-section .btn-1{width:100px;border:none;padding:5px 20px;border-radius:7px;background:#138cb1;box-shadow:0 10px 33px #0000000d;color:#fff;font-size:14px}.brand-form .brand-form-section .button-section .btn-2{width:100px;padding:5px 20px;border-radius:7px;border:1px solid #8F8F8F;background:#fff;box-shadow:0 10px 33px #0000000d;font-size:14px}@media only screen and (max-width: 600px){.brand-form .brand-form-section .input-sec,.brand-form .brand-form-section .image-browse-sec{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding-bottom:25px}.brand-form .brand-form-section .image-browse-sec label{padding-top:0}.brand-form .brand-form-section .image-browse-sec .browse-input-sec button{padding:0 8px}}.orders-list{padding:20px 25px}.orders-list .orders-list-card{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:15px 25px 0;height:calc(100% - 40px);overflow:hidden}.orders-list .orders-list-card .orders-list-header{display:flex;justify-content:space-between;align-items:center}.orders-list-card .orders-list-header .head-sec{display:flex;justify-content:flex-start;align-items:center;gap:10px}.orders-list-card .orders-list-header .head-sec .icon{height:25px;width:25px;color:#8f8f8f}.orders-list-card .orders-list-header .head-sec h2{margin:0;padding:0;font-size:18px;font-weight:600}.orders-list-card .orders-list-table{margin-top:15px}.orders-list-card .filter-sec{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.orders-list-card .filter-sec .filter{display:flex;justify-content:flex-start;align-items:center;gap:20px}.orders-list-card .filter-sec .filter .status-filter{display:flex;justify-content:flex-start;align-items:center;gap:10px}.orders-list-card .filter-sec .filter .status-filter .dropdown-height{height:120px;overflow:hidden;overflow-y:scroll}.orders-list-card .filter-sec .filter .status-filter p{margin:0;padding:0;font-size:13px}.orders-list-card .filter-sec .custom-btn{font-size:13px;border-radius:7px;border:1px solid #a5a5a5;background:#fff}.orders-list-card .filter-sec .dropdown-toggle:after{margin-left:15px}.orders-list-card .filter-sec .btn-sec button{border-radius:7px;background:#138cb1;box-shadow:0 10px 33px #0000000d;font-size:13px;border:none;color:#fff;padding:5px 15px}.orders-list-card .dropdown-item{font-size:13px}@media only screen and (max-width: 750px){.orders-list-card .filter-sec{flex-direction:column-reverse;gap:10px;align-items:flex-end}.orders-list .orders-list-card .orders-list-header{flex-direction:column;gap:20px;align-items:flex-start}.orders-list .orders-list-card .search-sec,.orders-list .orders-list-card .search .search-box{width:100%}.orders-list .orders-list-card .filter-sec .btn-sec{position:absolute;top:30px;right:50px}}@media only screen and (max-width: 550px){.orders-list-card .filter-sec .filter{flex-direction:column;align-items:flex-start;width:100%}.orders-list-card .filter-sec .btn-sec button{padding:5px 10px}}.orders-table .table-cell{color:#000;padding-top:0;padding-bottom:0}.orders-table .table-cell.hover{cursor:pointer}.orders-table .table-cell.hover:hover{color:#138cb1;text-decoration:underline}.orders-table .date-cell{display:flex;flex-direction:column;color:#000;padding-top:5px;padding-bottom:5px}.orders-table .date-cell span{font-size:10px;color:#8f8f8f}.orders-table .status-cell span{padding:5px 10px;border-radius:7px;background:#ebffe4;color:#5e9002}.order-details{padding:20px}.order-details .order-details-card{border-radius:15px;background:#e8f1f9;box-shadow:0 5px 10px #00000026;padding:15px 20px;height:calc(100% - 40px);overflow:hidden}.order-details .order-details-card .order-details-header{display:flex;justify-content:space-between;align-items:center}.order-details .order-details-card .order-details-header .title{display:flex;justify-content:flex-start;align-items:center;gap:10px}.order-details .order-details-card .order-details-header .icon{height:20px;width:20px;cursor:pointer}.order-details .order-details-card h1{margin:0;padding:0;font-size:18px;font-weight:600;text-align:left}.order-details .order-details-card .order-details-header .buttons-sec{display:flex;justify-content:flex-end;align-items:center;gap:15px}.order-details .order-details-card .order-details-header .buttons-sec button{border:none;border-radius:7px;background:#138cb1;box-shadow:0 10px 33px #0000000d;color:#fff;padding:5px 15px;font-size:14px}.order-details .order-details-card .order-details-body{padding-top:20px}@media only screen and (max-width: 550px){.order-details .order-details-card .order-details-header{flex-direction:column;justify-content:center;align-items:flex-start;gap:15px}}@media only screen and (max-width: 400px){.order-details .order-details-card{padding:15px 10px}.order-details .order-details-card .order-details-header .buttons-sec{flex-direction:column;justify-content:center;align-items:flex-start;gap:15px}}.view-order-details .information-details{display:flex;justify-content:space-between;align-items:start;gap:15px}.view-order-details .information-details .information{text-align:left;width:100%;border-radius:15px;border:1px solid #D9D9D9;background:#fff;padding:15px;height:330px}.view-order-details .information-details .information h5{font-size:14px;font-weight:600;padding-bottom:5px}.view-order-details .information-details .information .detail{display:flex;justify-content:flex-start;align-items:flex-start;gap:15px;padding-top:5px}.view-order-details .information-details .information .detail .head{padding:0;margin:0;font-size:13px;width:120px;min-width:120px}.view-order-details .information-details .information .detail .value{padding:0;margin:0;font-size:13px;font-weight:600;width:100%}.view-order-details .summary-details{margin-top:15px}.view-order-details .summary-details h5{font-size:14px;font-weight:600;text-align:left;padding:10px 0 0 15px}.view-order-details .summary-details .MuiPaper-root.paper-container{border-radius:15px;border:1px solid #D9D9D9;background:#fff;box-shadow:none;padding:10px 5px}.view-order-details .summary-details .MuiTableContainer-root{border:none!important}.view-order-details .summary-details .table-head th{border:none;background:#fff;font-size:13px;padding-bottom:0}.view-order-details .summary-details .table-body td{border:none;color:#000;font-size:13px;padding-bottom:5px}.view-order-details .progress-details{margin-top:15px;border-radius:15px;border:1px solid #D9D9D9;background:#fff;padding:15px}.view-order-details .progress-details h5{font-size:14px;font-weight:600;text-align:left;padding-bottom:10px}.view-order-details .progress-details .progress-sec{display:flex;justify-content:flex-start;align-items:center;gap:15px;padding-left:10px}.view-order-details .progress-details .progress-sec .progress-line{display:flex;flex-direction:column;align-items:center;justify-content:center}.view-order-details .progress-details .progress-sec .num-sec{height:35px;width:35px;border:.5px solid #B2B2C5;border-radius:20px;display:flex;justify-content:center;align-items:center}.view-order-details .progress-details .progress-sec .num-sec p{padding:0;margin:0;font-size:14px;color:#b2b2c5}.view-order-details .progress-details .progress-sec .num-sec.active{background:#123d75;border:#123D75}.view-order-details .progress-details .progress-sec .num-sec.active p{color:#fff}.view-order-details .progress-details .progress-sec .line{width:2px;height:50px;background:#b2b2c5}.view-order-details .progress-details .progress-sec .line.active{background:#123d75}.view-order-details .progress-details .progress-sec .titles{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:68px}.view-order-details .progress-details .progress-sec .titles h6{padding:0;margin:0;font-size:14px}@media only screen and (max-width: 768px){.view-order-details .information-details .information{height:100%}.view-order-details .information-details{flex-direction:column}}@media only screen and (max-width: 450px){.view-order-details .information-details .information .detail .head{width:100px;min-width:100px}}.products-list{padding:20px 25px}.products-list .products-list-card{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:15px 25px 0;height:calc(100% - 40px);overflow:hidden}.products-list .products-list-card .products-header{display:flex;justify-content:space-between;align-items:center}.products-list-card .products-header .head-sec{display:flex;justify-content:flex-start;align-items:center;gap:10px}.products-list-card .products-header .head-sec .icon{height:25px;width:25px;color:#8f8f8f}.products-list-card .products-header .head-sec h2{margin:0;padding:0;font-size:18px;font-weight:600}.products-list-card .products-table{margin-top:15px}.products-list-card .filter-sec{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.products-list-card .filter-sec .filter{display:flex;justify-content:flex-start;align-items:center;gap:20px}.products-list-card .filter-sec .filter .status-filter{display:flex;justify-content:flex-start;align-items:center;gap:10px}.products-list-card .filter-sec .filter .status-filter p{margin:0;padding:0;font-size:13px}.products-list-card .filter-sec .custom-btn{font-size:13px;border-radius:7px;border:1px solid #A5A5A5;background:#fff}.products-list-card .filter-sec .dropdown-toggle:after{margin-left:15px}.products-list-card .filter-sec .btn-sec button{border-radius:7px;background:#138cb1;box-shadow:0 10px 33px #0000000d;font-size:13px;border:none;color:#fff;padding:5px 15px}.products-list-card .dropdown-item{font-size:13px}@media only screen and (max-width: 750px){.products-list-card .filter-sec{flex-direction:column-reverse;gap:10px;align-items:flex-end}.products-list .products-list-card .products-header{flex-direction:column;gap:20px;align-items:flex-start}.products-list .products-list-card .search-sec,.products-list .products-list-card .search .search-box{width:100%}.products-list .products-list-card .filter-sec .btn-sec{position:absolute;top:30px;right:50px}}@media only screen and (max-width: 550px){.products-list-card .filter-sec .filter{flex-direction:column;align-items:flex-start;width:100%}.products-list-card .filter-sec .btn-sec button{padding:5px 10px}}.form-check{display:flex;justify-content:center;align-items:center}.form-check-input{height:18px}.form-switch .form-check-input{width:35px}.form-check-input:checked{background-color:#138cb1}.products-table .table-image{height:30px}.MuiTableContainer-root{max-height:63vh}.variants-table-head th{background:#fff;font-size:13px;padding-top:5px;padding-bottom:5px}.variants-table-body td{font-size:12px;padding-top:5px;padding-bottom:5px;background:#fff}.variants-table-body .table-image{height:25px}.variants-table-body .form-switch .form-check-input{width:30px}.variants-table-body .form-check-input{height:15px}.product-form{padding:20px 25px}.product-form .product-form-card{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:15px 25px 0;height:calc(100% - 40px);overflow:hidden}@media only screen and (max-width: 650px){.product-form .product-form-card{width:100%}}.product-add-form h1{margin:0;padding:0;font-size:18px;font-weight:600;text-align:left}.product-add-form .product-form-sec{margin-top:15px;margin-bottom:15px;padding:20px;border-radius:7px;border:1px solid #a5a5a5;background:#fff}.product-add-form .product-form-sec .form-section{display:flex;justify-content:space-between;gap:50px}.product-add-form .product-form-sec .form-section .left-sec,.product-add-form .product-form-sec .form-section .right-sec{width:100%}.product-add-form .product-form-sec .left-sec .image-section{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%}.product-add-form .product-form-sec .left-sec .image-section .add-image-sec{height:80px;width:90px;padding:5px;border-radius:5px;border:1px solid #8f8f8f;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.product-add-form .product-form-sec .left-sec .image-section .add-image-sec .icon{height:20px;width:20px;color:#8f8f8f}.product-add-form .product-form-sec .left-sec .image-section .add-image-sec p{font-size:8px;padding:0;margin:0;color:#8f8f8f}.product-add-form .product-form-sec .left-sec .image-section .show-img-sec{height:80px;position:relative;padding:5px;display:flex;flex-direction:row}.product-add-form .product-form-sec .left-sec .image-section .show-img-sec .image-wrapper{position:relative}.product-add-form .product-form-sec .left-sec .image-section .show-img-sec img{height:70px;width:80px;object-fit:contain}.product-add-form .product-form-sec .left-sec .image-section .show-img-sec .close-icon{position:absolute;top:0;right:5px;cursor:pointer;color:#8f8f8f;background:#fff;border-radius:10px}.product-add-form .product-form-sec .input-sec{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding-bottom:25px}.product-add-form .product-form-sec .input-sec label{font-size:14px;font-weight:600;margin:0;padding:0}.product-add-form .product-form-sec .input-sec input{width:100%;border-radius:5px;border:1px solid #8f8f8f;background:#fff;height:35px;font-size:14px;padding:5px 10px}.product-add-form .product-form-sec .input-sec textarea{width:100%;border-radius:5px;border:1px solid #8f8f8f;background:#fff;font-size:14px;padding:5px 10px}.product-add-form .product-form-sec .input-sec input:focus-visible,.product-add-form .product-form-sec .input-sec textarea:focus-visible{outline:none;border:2px solid #138cb1}.product-add-form .product-form-sec .right-sec .input-sec{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:20px}.product-add-form .product-form-sec .right-sec .dropdown-sec,.product-add-form .product-form-sec .right-sec .right-input-sec{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;gap:10px}.p-dropdown-panel{background:#fff;margin-top:5px;border-radius:10px;box-shadow:#63636333 0 2px 8px}.p-dropdown{border-radius:5px;border:1px solid #8f8f8f;background:#fff;height:35px;font-size:14px;padding:5px 10px;align-items:center;justify-content:flex-start;width:100%}.p-dropdown-label{text-align:left}.p-dropdown-panel .p-dropdown-items{padding:10px 15px;margin:0}.p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:5px 10px;font-size:14px;color:#000}.p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover{color:#123d75;background:#eaeaec;border-radius:5px}.product-add-form .product-form-sec .toggle-section{margin-top:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.product-add-form .product-form-sec .empty{width:100%}.product-add-form .product-form-sec .toggle{display:flex;justify-content:space-between;align-items:center;gap:20px;width:200px}.product-add-form .product-form-sec .toggle label{font-size:14px;font-weight:600;margin:0;padding:0}.product-add-form .product-form-sec .toggle .form-check{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100px}.product-add-form .product-form-sec .toggle .form-check-input{height:18px;border:1px solid #8f8d8db7}.product-add-form .product-form-sec .toggle .form-switch .form-check-input{width:35px}.product-add-form .product-form-sec .toggle .form-check-input:checked{background-color:#138cb1}.product-add-form .product-form-sec .toggle .form-check-input:focus{box-shadow:none;border:1px solid #8f8f8f}.product-add-form .product-form-sec .button-section{display:flex;justify-content:flex-start;align-items:center;gap:30px;margin-top:30px}.product-add-form .product-form-sec .button-section .btn-1{width:100px;border:none;padding:5px 20px;border-radius:7px;background:#138cb1;box-shadow:0 10px 33px #0000000d;color:#fff;font-size:14px}.product-add-form .product-form-sec .button-section .btn-2{width:100px;padding:5px 20px;border-radius:7px;border:1px solid #8f8f8f;background:#fff;box-shadow:0 10px 33px #0000000d;font-size:14px}.product-add-form .product-form-sec .add-variant-sec{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px}.product-add-form .product-form-sec .add-variant-sec .add-variant-text{border:none;outline:none;font-size:14px;font-weight:600;color:#138cb1;background:#fff}.product-add-form .product-form-sec .add-variant-sec .variant-form-secton{display:none;border-radius:7px;border:1px solid #a5a5a5;background:#fff;padding:20px;width:100%;margin-top:20px}.product-add-form .product-form-sec .add-variant-sec .variant-form-secton.show{display:block}.product-add-form .product-form-sec .add-variant-sec .variants-list{margin-top:15px;width:500px}.product-add-form .product-form-sec .add-variant-sec .variants-list h2{font-size:14px;font-weight:600;padding:0;margin:0 0 10px;text-align:left}.product-add-form .product-form-sec .add-variant-sec .variants-list .variant{display:flex;justify-content:space-between;align-items:center;height:35px;border-radius:5px;border:1px solid #8f8f8f;background:#fff;padding:0 8px;margin-top:10px}.product-add-form .product-form-sec .add-variant-sec .variants-list .variant p{padding:0;margin:0;font-size:14px;max-width:calc(100% - 55px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-add-form .product-form-sec .add-variant-sec .variants-list .variant .icon-sec{width:55px}.product-add-form .product-form-sec .add-variant-sec .variants-list .variant .icon{height:20px;width:20px;color:#8f8f8f;cursor:pointer;margin-left:5px}.product-add-form .product-form-sec .add-variant-sec .variants-list .variant .icon:hover{color:#138cb1}.product-form-sec .error{color:red;font-size:12px;padding:0;margin:0}.dropdown-add{margin:0;font-size:14px;font-weight:600;cursor:pointer;padding:5px 10px}.dropdown-add:hover{color:#138cb1;background:#eaeaec;border-radius:5px}@media only screen and (max-width: 1250px){.product-add-form .product-form-sec .left-sec .image-section{grid-template-columns:repeat(4,1fr)}}@media only screen and (max-width: 800px){.product-add-form .product-form-sec .form-section{flex-direction:column;gap:20px}.product-add-form .product-form-sec .right-sec .input-sec{gap:15px;padding-bottom:15px}.product-add-form .product-form-sec .toggle-section{margin-top:5px}.product-add-form .product-form-sec .add-variant-sec .variants-list{width:100%}}@media only screen and (max-width: 500px){.product-add-form .product-form-sec .left-sec .image-section{grid-template-columns:repeat(2,1fr)}.product-add-form .product-form-sec .right-sec .input-sec{flex-direction:column;padding-bottom:5px}}.variant-form .variant-form-secton{border-radius:7px;border:1px solid #a5a5a5;background:#fff;padding:20px;width:100%;margin-top:20px}.variant-form h1{margin:0;padding:0;font-size:18px;font-weight:600;text-align:left}.variant-form .image-section{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%}.variant-form .form-section{display:flex;justify-content:space-between;gap:50px}.variant-form .form-section .left-sec,.variant-form .form-section .right-sec{width:100%}.variant-form .input-sec{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding-bottom:25px}.variant-form .input-sec label{font-size:14px;font-weight:600;margin:0;padding:0}.variant-form .input-sec input{width:100%;border-radius:5px;border:1px solid #8f8f8f;background:#fff;height:35px;font-size:14px;padding:5px 10px}.variant-form .input-sec textarea{width:100%;border-radius:5px;border:1px solid #8f8f8f;background:#fff;font-size:14px;padding:5px 10px}.variant-form .input-sec input:focus-visible,.variant-form .input-sec textarea:focus-visible{outline:none;border:2px solid #138cb1}.variant-form .right-sec .input-sec{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.variant-form .right-sec .dropdown-sec,.variant-form .right-sec .right-input-sec{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;gap:10px}.variant-form .toggle-section{margin-top:15px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.variant-form .toggle{display:flex;justify-content:space-between;align-items:center;gap:20px;width:200px}.variant-form .toggle label{font-size:14px;font-weight:600;margin:0;padding:0}.variant-form .toggle .form-check{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100px}.variant-form .toggle .form-check-input{height:18px;border:1px solid #8f8d8db7}.variant-form .toggle .form-switch .form-check-input{width:35px}.variant-form .toggle .form-check-input:checked{background-color:#138cb1}.variant-form .toggle .form-check-input:focus{box-shadow:none;border:1px solid #8f8f8f}.variant-form .button-section{display:flex;justify-content:flex-start;align-items:center;gap:30px;margin-top:30px}.variant-form .button-section .btn-1{width:100px;border:none;padding:5px 20px;border-radius:7px;background:#138cb1;box-shadow:0 10px 33px #0000000d;color:#fff;font-size:14px}.variant-form .button-section .btn-2{width:100px;padding:5px 20px;border-radius:7px;border:1px solid #8f8f8f;background:#fff;box-shadow:0 10px 33px #0000000d;font-size:14px}.variant-form .show-img-sec{height:80px;position:relative;padding:5px;display:flex;flex-direction:row}.variant-form .image-section .show-img-sec .image-wrapper{position:relative}.variant-form .image-section .show-img-sec img{height:70px;width:80px;object-fit:contain}.variant-form .image-section .add-image-sec{height:80px;width:90px;padding:5px;border-radius:5px;border:1px solid #8f8f8f;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.variant-form .image-section .add-image-sec .icon{height:20px;width:20px;color:#8f8f8f}.variant-form .image-section .add-image-sec p{font-size:8px;padding:0;margin:0;color:#8f8f8f}.variant-form .image-section .show-img-sec .close-icon{position:absolute;top:5px;right:5px;cursor:pointer;color:#8f8f8f;background:#fff;border-radius:10px}@media only screen and (max-width: 1250px){.variant-form .left-sec .image-section{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 800px){.variant-form .form-section{flex-direction:column;gap:20px}.variant-form .right-sec .input-sec{gap:15px;padding-bottom:15px}.variant-form .toggle-section{margin-top:5px}.variant-form .add-variant-sec .variants-list{width:100%}}@media only screen and (max-width: 500px){.variant-form .left-sec .image-section{grid-template-columns:repeat(2,1fr)}.variant-form .right-sec .input-sec{flex-direction:column;padding-bottom:5px}}.variant-form{padding:20px 25px}.variant-form .variant-form-card{border-radius:15px;background:#fff;box-shadow:0 5px 10px #00000026;padding:15px 25px;height:calc(100% - 40px);overflow:hidden}.variant-form .error{color:red;font-size:12px;padding:0;margin:0}@media only screen and (max-width: 650px){.variant-form .variant-form-card{width:100%}}*{margin:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}