@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap);*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.App.dark{background-color:#111;color:#9c9c9c}.App.dark .home .home_main .bg_color{background-color:rgba(51,51,51,.425)}.App.dark .item_listss{background-color:#111}.App.dark .strokee{stroke:hsla(0,0%,89%,.151)}.App.dark .table_list{background-color:#111}.App.dark .table_list .table_cell{color:gray}.App.dark .navbar{border-color:#333;color:#8a8a8a}.App.dark .sidebar .logo{border-color:#333}.App.dark .sidebar .logo h3{color:#a09e9e}.App.dark .sidebar .links ul li{color:gray}.App.dark .sidebar .links ul li:hover{background-color:#333}.App.dark .progress_bar .middle .price{color:#999898}.App.dark .data_table .data_grid{border:none;color:gray}.App.dark .list_page .list_page_main .data_table{color:gray}.App.dark input{background-color:transparent;color:hsla(0,0%,100%,.925)}.App.dark .add_new .new_page .new_page_main .new_page_content{box-shadow:0 1px 4px 0 hsla(0,0%,100%,.1),0 1px 3px 0 hsla(0,0%,100%,.1)}.App.dark .blog_page .blog_page_main .blog_page_table .data_grid{border:none;color:gray}.App.dark .blog_details .detail_page_main .blog_detailss .blog_detail_tv p,.App.dark .blog_details .detail_page_main .blog_detailss h1,.App.dark .blog_details .detail_page_main .blog_detailss p{color:gray}.item_listss{background-color:#fff;border-radius:6px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);flex:1 1;flex-direction:column;padding:10px}.item_listss,.item_listss .name{display:flex;justify-content:space-between}.item_listss .name{align-items:center}.item_listss .name p{color:gray}.item_listss .name .persentage{align-items:center;display:flex}.item_listss .name .persentage.negetive{color:red}.item_listss .name .persentage.positive{color:green}.item_listss .counts{align-items:center;display:flex;font-family:Roboto,sans-serif;font-size:25px;margin:20px 0}.item_listss .see_item{align-items:center;display:flex;justify-content:space-between}.item_listss .see_item p{color:gray;cursor:pointer;text-decoration:underline;transition:all .3s ease}.item_listss .see_item p:hover{color:#161616}.item_listss .see_item .icon{border-radius:4px;font-size:30px;padding:5px}.navbar .navbar_main{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 25px}.navbar .navbar_main .menu_logo{align-items:center;display:none!important;display:flex}.navbar .navbar_main .menu_logo .menu_icon{color:rgba(61,60,66,.882);cursor:pointer}.navbar .navbar_main .menu_logo .text_none{color:rgba(70,101,253,.871);margin-left:10px}.navbar .navbar_main .search{align-items:center;border:1px solid rgba(61,60,66,.882);border-radius:3px;display:flex;position:relative}.navbar .navbar_main .search input{border:none;font-size:14px;outline:none;padding:6px 10px}.navbar .navbar_main .search .search_icon{color:rgba(61,60,66,.882);cursor:pointer;position:absolute;right:5px}.navbar .navbar_main .item_lists{align-items:center;display:flex}.navbar .navbar_main .item_lists .item{align-items:center;display:flex;margin-left:15px;position:relative}.navbar .navbar_main .item_lists .item .item_icon{cursor:pointer;font-size:22px}.navbar .navbar_main .item_lists .item .item_icon.white{color:hsla(0,0%,100%,.699)}.navbar .navbar_main .item_lists .item .badge{align-items:center;background-color:#ff74b1;border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-7px;top:-7px;width:18px}.navbar .navbar_main .item_lists .item .admin_pic{border-radius:50%;cursor:pointer;height:30px;object-fit:cover;width:30px}.navbar .res_navbar{display:none}.navbar .res_navbar .res_nav_menu{background-color:rgba(0,0,0,.76);display:block;height:100%;left:0;position:fixed!important;top:60px;width:100%;z-index:10}.navbar .res_navbar .res_nav_menu .res_nav_menuu{-webkit-animation:scale-up-hor-left .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-hor-left .4s cubic-bezier(.39,.575,.565,1) both;background-color:#f6fcfd;height:100vh;overflow:hidden;padding:20px 5px;position:relative!important;width:75%}.navbar .res_navbar .res_nav_menu .links{margin:15px 10px}.navbar .res_navbar .res_nav_menu .links ul .spann{color:gray;font-size:14px;margin:10px 0 5px;text-transform:uppercase}.navbar .res_navbar .res_nav_menu .links ul li{align-items:center;border-radius:4px;color:#3d3c42;cursor:pointer;display:flex;font-size:18px;font-weight:500;margin-left:10px;padding:5px 10px;transition:all .2s ease}.navbar .res_navbar .res_nav_menu .links ul li:hover{background-color:rgba(70,101,253,.871);color:#fff}.navbar .res_navbar .res_nav_menu .links ul li:hover .icon{color:#fff}.navbar .res_navbar .res_nav_menu .links ul li .icon{color:rgba(70,101,253,.871);font-size:18px;margin-right:10px}@-webkit-keyframes scale-up-hor-left{0%{-webkit-transform:scaleX(.4);transform:scaleX(.4);-webkit-transform-origin:0 0;transform-origin:0 0}to{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}}@keyframes scale-up-hor-left{0%{-webkit-transform:scaleX(.4);transform:scaleX(.4);-webkit-transform-origin:0 0;transform-origin:0 0}to{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}}@media screen and (max-width:992px){.navbar .navbar_main{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 25px}.navbar .navbar_main .menu_logo{align-items:center!important;display:block!important;display:flex!important}.navbar .navbar_main .menu_logo .text_none{color:rgba(70,101,253,.871);margin-left:5px}.navbar .res_navbar{display:block}}@media screen and (max-width:767px){.navbar .navbar_main{padding:15px}.navbar .navbar_main .search{display:none}.navbar .navbar_main .item_lists .item{margin-left:10px}.navbar .navbar_main .item_lists .item_lan{display:none}}.sidebar{height:100vh;margin-left:10px}.sidebar,.sidebar .logo{border-right:1px solid #eee}.sidebar .logo{border-bottom:1px solid #eee;color:rgba(70,101,253,.871);cursor:pointer;padding:19px 20px;text-align:center}.sidebar .logo .text_none{color:rgba(70,101,253,.871);text-decoration:none}.sidebar .links{margin:15px 10px}.sidebar .links ul .spann{color:gray;font-size:14px;margin:10px 0 5px;text-transform:uppercase}.sidebar .links ul li{align-items:center;border-radius:4px;color:#3d3c42;cursor:pointer;display:flex;font-size:18px;font-weight:500;margin-left:10px;padding:5px 10px;transition:all .2s ease}.sidebar .links ul li:hover{background-color:rgba(70,101,253,.871);color:#fff}.sidebar .links ul li:hover .icon{color:#fff}.sidebar .links ul li .icon{color:rgba(70,101,253,.871);font-size:18px;margin-right:10px}.sidebar .colorss{display:flex;margin:20px 10px}.sidebar .colorss .color_option{border:1px solid #333;border-radius:4px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .colorss .color_option:first-child{background-color:#f5f5f5}.sidebar .colorss .color_option:nth-child(2){background-color:#333}.home{display:grid;grid-template-columns:17% 83%;justify-content:center}.home .home_main .bg_color{background-color:#536def;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:160px;width:100%}.home .home_main .home_items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:23% 23% 23% 23%;margin-top:-80px;padding:20px 25px}.home .home_main .chart_sec{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:25% 75%;justify-content:center;padding:20px}.home .home_main .table{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin-top:50px;padding:20px 25px}.home .home_main .table .title{color:gray;padding:0 0 15px}@media screen and (max-width:992px){.home{display:grid;grid-template-columns:100%;justify-content:center}.home .home_sidebar{display:none}.home .home_main .home_items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:31% 31% 31%}.home .home_main .chart_sec{grid-gap:20px;display:grid;gap:20px;grid-template-columns:100%;justify-content:center}}@media screen and (max-width:767px){.home .home_main .home_items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:48% 48%}}@media screen and (max-width:576px){.home .home_main .bg_color{height:100px}.home .home_main .home_items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:100%;justify-content:center}}.table_list .product_idd{align-items:center;display:flex}.table_list .product_idd .product_img{border-radius:50%;height:36px;margin-right:10px;object-fit:cover;width:36px}.table_list .status.Approved{color:green}.table_list .status.Pending{color:#ff74b1}.orders{display:grid;grid-template-columns:17% 83%;justify-content:center}@media screen and (max-width:992px){.orders{display:grid;grid-template-columns:100%;justify-content:center}.orders .home_sidebar{display:none}}.input_component .input_field{border:1px solid gray;border-radius:3px;margin-bottom:0;outline:none;padding:7px 12px;width:100%}.input_component span{color:rgba(255,0,0,.747);display:block;display:none;font-size:14px;margin-bottom:0;margin-top:3px}.input_component .input_field:invalid[focused=true]~span{display:block}.input_component .input_field:invalid[focused=true]~.input_field{border:1px solid red}.add_new{display:grid;grid-template-columns:17% 83%;justify-content:center}.add_new .new_page .new_page_main{padding:20px 25px}.add_new .new_page .new_page_main .new_page_content{grid-gap:10;border-radius:4px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:grid;gap:10;grid-template-columns:70%;padding:20px}.add_new .new_page .new_page_main .new_page_content .image{flex:4 1}.add_new .new_page .new_page_main .new_page_content .image .add_new_user{color:hsla(0,0%,50%,.603);font-size:25px;margin-right:auto}.add_new .new_page .new_page_main .new_page_content .image img{background-color:hsla(0,0%,50%,.288);border-radius:50%;height:150px;margin-left:30%;margin-top:20px;object-fit:cover;width:150px}.add_new .new_page .new_page_main .new_page_content .form{grid-gap:15px;display:grid;flex:8 1;grid-template-columns:100%;justify-content:space-around;max-width:400px;position:relative}.add_new .new_page .new_page_main .new_page_content .form .form_inp label{align-items:center;display:flex}.add_new .new_page .new_page_main .new_page_content .form .form_inp .file_icon{cursor:pointer;font-size:30px;margin-left:10px}.submit_btn{background:none;background-color:#7451f8;border:1px solid #7451f8;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:17px;margin-top:25px;padding:9px 15px;transition:all .2s ease;width:200px}.submit_btn:hover{background-color:#fff;border:1px solid #7451f8;color:#7451f8}.disabled_btn{background-color:#ccc;border:1px solid #aaa;color:#666;cursor:not-allowed;opacity:.6;pointer-events:none}.input_group select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2710%27%20height%3D%276%27%20viewBox%3D%270%200%2010%206%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M0%200l5%206%205-6z%27%20fill%3D%27%23333%27%20/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px;border:1px solid gray;border-radius:3px;color:#333;font-size:16px;margin-bottom:0;outline:none;padding:7px 12px;width:100%}@media screen and (max-width:992px){.add_new{display:grid;grid-template-columns:100%;justify-content:center}.add_new .home_sidebar{display:none}}@media screen and (max-width:767px){.add_new .new_page .new_page_main .new_page_content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:95%;justify-content:center}}.data_table{height:calc(100vh - 140px);width:100%}.data_table .userr{align-items:center;display:flex}.data_table .userr .userr_image{border-radius:50%;height:36px;margin-right:10px;object-fit:cover;width:36px}.data_table .status.active{color:green}.data_table .status.passive{color:#ff74b1}.data_table .actionn{align-items:center;display:flex}.data_table .actionn .view_btn{background:none;border:none;border:1px solid rgba(117,81,248,.741);border-radius:4px;color:rgba(117,81,248,.824);cursor:pointer;margin-right:10px;padding:5px 12px}.data_table .actionn .delete_btn{background:none;border:none;border:1px solid rgba(255,116,176,.796);border-radius:4px;color:rgba(255,116,176,.961);cursor:pointer;padding:5px 12px}.chart_sec{box-sizing:border-box;display:grid;grid-template-columns:100%}.chart_sec .title{color:gray;font-size:18px}.chart_sec .strokee{stroke:#e4e1e1}.details{display:grid;grid-template-columns:17% 83%;justify-content:center}.details .detail_page_main .user_info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:22% 70%;padding:30px 25px}.details .detail_page_main .user_info .user_detail{border-radius:3px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);flex:3 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;text-align:center}.details .detail_page_main .user_info .user_detail .user_image{border-radius:50%;height:130px;object-fit:cover;width:130px}.details .detail_page_main .user_info .user_detail .user_detailss{margin-top:10px}.details .detail_page_main .user_info .user_detail .user_detailss p{margin-bottom:10px}.details .detail_page_main .user_info .user_detail .user_detailss .name{font-size:30px}.details .detail_page_main .user_info .user_chart{flex:9 1}.details .detail_page_main .table{padding:20px 25px}.details .detail_page_main .table .title{color:gray;margin-bottom:15px}@media screen and (max-width:992px){.details{display:grid;grid-template-columns:100%;justify-content:center}.details .home_sidebar{display:none}}@media screen and (max-width:767px){.details,.details .detail_page_main .user_info{display:grid;grid-template-columns:100%;justify-content:center}.details .detail_page_main .user_info{grid-gap:30px;gap:30px}}.login-container{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}@media(max-width:768px){.login-container{padding:10px}}.login-card{background-color:#fff;border-radius:10px;max-width:400px;padding:30px;width:100%}@media(max-width:480px){.login-card{padding:20px}}.login-title{color:#333;font-weight:600;margin-bottom:25px;text-align:center}.login-form{display:flex;flex-direction:column;gap:20px}.login-form button{font-weight:500;padding:10px;text-transform:none}.list_page{display:grid;grid-template-columns:17% 83%;justify-content:center;width:100%}.list_page .list_page_main .data_table{padding:10px}.list_page .list_page_main .data_table .btnn{margin-bottom:10px;margin-right:10px}.list_page .list_page_main .data_table .btnn button{background:none;background-color:#7451f8;border:1px solid #7451f8;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:17px;margin-left:auto;margin-top:15px;padding:8px 15px;text-transform:capitalize;transition:all .3s ease}.list_page .list_page_main .data_table .btnn button:hover{background-color:#fff;border:1px solid #7451f8;color:#7451f8}@media screen and (max-width:992px){.list_page{display:grid;grid-template-columns:100%;justify-content:center}.list_page .home_sidebar{display:none}}
/*# sourceMappingURL=main.904be999.css.map*/