@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);.chart_sec{box-sizing:border-box;display:flex;flex:8 1}.chart_sec .title{color:gray;font-size:18px}.chart_sec .strokee{stroke:#e4e1e1}.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{border-bottom:1px solid #eee;justify-content:space-between;padding:15px 25px}.navbar,.navbar .search{align-items:center;display:flex}.navbar .search{border:1px solid gray;border-radius:3px}.navbar .search input{border:none;font-size:14px;outline:none;padding:6px 10px}.navbar .search .search_icon{cursor:pointer}.navbar .item_lists,.navbar .item_lists .item{align-items:center;display:flex}.navbar .item_lists .item{margin-left:15px;position:relative}.navbar .item_lists .item .item_icon{cursor:pointer;font-size:22px}.navbar .item_lists .item .item_icon.white{color:hsla(0,0%,100%,.699)}.navbar .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 .item_lists .item .admin_pic{border-radius:50%;cursor:pointer;height:30px;object-fit:cover;width:30px}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.progress_bar{border-radius:6px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:flex;flex:4 1;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px;text-align:center}.progress_bar .top{align-items:center;color:gray;display:flex;justify-content:space-between}.progress_bar .top p{font-size:20px}.progress_bar .middle{margin-bottom:5px;margin-top:20px}.progress_bar .middle .progress{height:250px;margin-left:auto;margin-right:auto;width:250px}.progress_bar .middle p{color:gray;font-size:20px;margin:15px 0}.progress_bar .middle .price{align-items:center;color:#0f0f0f;display:flex;font-family:Roboto,sans-serif;font-size:35px;justify-content:center;margin:20px 0 15px}.progress_bar .bottom{padding:0 20px 20px}.progress_bar .bottom p{color:gray}.progress_bar .bottom .botom_nested{align-items:center;display:flex;justify-content:space-between;margin-top:25px}.progress_bar .bottom .botom_nested .nested_nested .pricee{align-items:center;color:green;display:flex;font-size:17px;margin-top:10px}.progress_bar .bottom .botom_nested .nested_nested .pricee.decrese{color:red}.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,.808);cursor:pointer;padding:19px 20px;text-align:center}.sidebar .logo .text_none{color:rgba(70,101,253,.808);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:#ffd6ec}.sidebar .links ul li .icon{color:rgba(70,101,253,.808);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}.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}.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{display:flex;gap:20px;margin-top:-80px;padding:20px 25px}.home .home_main .chart_sec{box-sizing:border-box;display:flex;padding:20px 25px}.home .home_main .table{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin-top:20px;padding:20px 25px}.home .home_main .table .title{color:gray;padding:0 0 15px}.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_hotel{display:grid;grid-template-columns:17% 83%;justify-content:center}.add_new_hotel .new_page .new_page_main{padding:20px 25px}.add_new_hotel .new_page .new_page_main .new_page_content{border-radius:4px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;gap:10;padding:20px}.add_new_hotel .new_page .new_page_main .new_page_content .image{flex:4 1}.add_new_hotel .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_hotel .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_hotel .new_page .new_page_main .new_page_content .form{flex:8 1}.add_new_hotel .new_page .new_page_main .new_page_content .form .form_main{grid-gap:15px;display:grid;grid-template-columns:45% 45%;justify-content:space-around;position:relative}.add_new_hotel .new_page .new_page_main .new_page_content .form .form_main .form_inp label{align-items:center;display:flex}.add_new_hotel .new_page .new_page_main .new_page_content .form .form_main .form_inp .file_icon{cursor:pointer;font-size:30px;margin-left:10px}.add_new_hotel .new_page .new_page_main .new_page_content .form .form_main .select_inp select{display:block;margin-top:5px;outline:none;padding:4px 10px;width:100%}.add_new_hotel .new_page .new_page_main .new_page_content .form .form_main .select_inp_title{display:block}.add_new_hotel .new_page .new_page_main .new_page_content .form .form_main .select_inp_title select{display:block;margin-top:5px;outline:none;padding:4px 10px;width:100%}.add_new_hotel .new_page .new_page_main .new_page_content .form .submit_btn{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-right:auto;margin-top:25px;padding:9px 15px;transition:all .2s ease;width:300px}.add_new_hotel .new_page .new_page_main .new_page_content .form .submit_btn:hover{background-color:#fff;border:1px solid #7451f8;color:#7451f8}.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{border-radius:4px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;gap:10;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_top{flex:8 1}.add_new .new_page .new_page_main .new_page_content .form_top .form{grid-gap:15px;display:grid;grid-template-columns:45% 45%;justify-content:space-around;position:relative}.add_new .new_page .new_page_main .new_page_content .form_top .form .form_inp label{align-items:center;display:flex}.add_new .new_page .new_page_main .new_page_content .form_top .form .form_inp .file_icon{cursor:pointer;font-size:30px;margin-left:10px}.add_new .new_page .new_page_main .new_page_content .form_top .form .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:15px;padding:9px 15px;transition:all .2s ease;width:200px}.add_new .new_page .new_page_main .new_page_content .form_top .form .submit_btn:hover{background-color:#fff;border:1px solid #7451f8;color:#7451f8}.add_new .new_page .new_page_main .new_page_content .form_top .form .select_inp select{display:block;margin-top:5px;outline:none;padding:4px 10px;width:100%}.add_new_room{display:grid;grid-template-columns:17% 83%;justify-content:center}.add_new_room .new_page .new_page_main{padding:20px 25px}.add_new_room .new_page .new_page_main .new_page_content{border-radius:4px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;gap:10;padding:20px}.add_new_room .new_page .new_page_main .new_page_content .form{flex:8 1}.add_new_room .new_page .new_page_main .new_page_content .form .form_main{grid-gap:15px;display:grid;grid-template-columns:45% 45%;justify-content:space-around;position:relative}.add_new_room .new_page .new_page_main .new_page_content .form .form_main .form_inp label{align-items:center;display:flex}.add_new_room .new_page .new_page_main .new_page_content .form .form_main .form_inp .file_icon{cursor:pointer;font-size:30px;margin-left:10px}.add_new_room .new_page .new_page_main .new_page_content .form .form_main .select_inp_title label{display:block}.add_new_room .new_page .new_page_main .new_page_content .form .form_main .select_inp_title select{display:block;margin-top:5px;outline:none;padding:4px 10px;width:100%}.add_new_room .new_page .new_page_main .new_page_content .form .form_main .select_inp_textarea{display:block}.add_new_room .new_page .new_page_main .new_page_content .form .form_main .select_inp_textarea input{display:block;margin-top:5px;outline:none;padding:4px 10px;width:100%}.add_new_room .new_page .new_page_main .new_page_content .form .submit_btn{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-right:auto;margin-top:25px;padding:9px 15px;transition:all .2s ease;width:300px}.add_new_room .new_page .new_page_main .new_page_content .form .submit_btn:hover{background-color:#fff;border:1px solid #7451f8;color:#7451f8}.blog_details{display:grid;grid-template-columns:17% 83%;justify-content:center}.blog_details .detail_page_main .blog_detailss{margin-left:auto;margin-right:auto;margin-top:40px;width:80%}.blog_details .detail_page_main .blog_detailss h1{color:#2b2a2a;margin-bottom:10px;margin-top:-10px}.blog_details .detail_page_main .blog_detailss .blog_detail_img{border-radius:2px;border-radius:3px;height:500px;object-fit:cover;width:100%}.blog_details .detail_page_main .blog_detailss .blog_detail_tv{display:flex;justify-content:space-between;margin-bottom:20px;margin-top:10px;width:100%}.blog_details .detail_page_main .blog_detailss .blog_detail_tv p{align-items:center;color:#1d304d;display:flex}.blog_details .detail_page_main .blog_detailss .blog_detail_txt{color:#19283f;font-size:18px;letter-spacing:1px;line-height:30px}.blog_details .detail_page_main .blog_detailss .tags{margin-bottom:50px;margin-top:30px}.blog_details .detail_page_main .blog_detailss .tags h3{margin-bottom:10px}.blog_details .detail_page_main .blog_detailss .tags .blog_detail_tag{border:1px solid #2650b1;border-radius:4px;color:#2f509c;cursor:pointer;font-size:15px;font-weight:700;margin:5px;padding:5px 10px;transition:all .3s ease}.blog_page{display:grid;grid-template-columns:17% 83%;justify-content:center;width:100%}.blog_page .blog_page_main .blog_page_table{height:660px;padding:10px;width:100%}.blog_page .blog_page_main .blog_page_table .btnn{margin-bottom:10px;margin-right:10px}.blog_page .blog_page_main .blog_page_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}.blog_page .blog_page_main .blog_page_table .btnn button:hover{background-color:#fff;border:1px solid #7451f8;color:#7451f8}.blog_page .blog_page_main .blog_page_table .userr{align-items:center;display:flex}.blog_page .blog_page_main .blog_page_table .userr .userr_image{border-radius:50%;height:36px;margin-right:10px;object-fit:cover;width:36px}.blog_page .blog_page_main .blog_page_table .actionn{align-items:center;display:flex}.blog_page .blog_page_main .blog_page_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}.blog_page .blog_page_main .blog_page_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}.details{display:grid;grid-template-columns:17% 83%;justify-content:center}.details .detail_page_main .user_info{display:flex;gap:30px;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:200px;object-fit:cover;width:200px}.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}.hotel_page{display:grid;grid-template-columns:17% 83%;justify-content:center;width:100%}.hotel_page .hotel_page_main .hotel_page_table{height:660px;padding:10px;width:100%}.hotel_page .hotel_page_main .hotel_page_table .btnn{margin-bottom:10px;margin-right:10px}.hotel_page .hotel_page_main .hotel_page_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}.hotel_page .hotel_page_main .hotel_page_table .btnn button:hover{background-color:#fff;border:1px solid #7451f8;color:#7451f8}.hotel_page .hotel_page_main .hotel_page_table .userr{align-items:center;display:flex}.hotel_page .hotel_page_main .hotel_page_table .userr .userr_image{border-radius:50%;height:36px;margin-right:10px;object-fit:cover;width:36px}.hotel_page .hotel_page_main .hotel_page_table .actionn{align-items:center;display:flex}.hotel_page .hotel_page_main .hotel_page_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}.hotel_page .hotel_page_main .hotel_page_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}.login_page .login_page_main{margin:100px auto 150px;max-width:1024px;padding-left:10px;padding-right:10px;text-align:center;width:100%}.login_page .login_page_main .signup_page_form{background-color:#e7f6f2;border-radius:3px;margin-left:auto;margin-right:auto;padding:20px;width:60%}.login_page .login_page_main .signup_page_form .form{margin-top:20px}.login_page .login_page_main .signup_page_form .form input{border:1px solid gray;border-radius:4px;display:block;margin-bottom:5px;outline:none;padding:8px 13px;width:100%}.login_page .login_page_main .signup_page_form .form .submit_btn{background-color:#2650b1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:17px;margin-top:20px;padding:8px 17px}.room_page{display:grid;grid-template-columns:17% 83%;justify-content:center;width:100%}.room_page .room_page_main .room_page_table{height:660px;padding:10px;width:100%}.room_page .room_page_main .room_page_table .btnn{margin-bottom:10px;margin-right:10px}.room_page .room_page_main .room_page_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}.room_page .room_page_main .room_page_table .btnn button:hover{background-color:#fff;border:1px solid #7451f8;color:#7451f8}.room_page .room_page_main .room_page_table .userr{align-items:center;display:flex}.room_page .room_page_main .room_page_table .userr .userr_image{border-radius:50%;height:36px;margin-right:10px;object-fit:cover;width:36px}.room_page .room_page_main .room_page_table .actionn{align-items:center;display:flex}.room_page .room_page_main .room_page_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}.room_page .room_page_main .room_page_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}.data_table{height:660px;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}.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}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.App.dark{background-color:#111;color:#9c9c9c}.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 .add_new_hotel .new_page .new_page_main .new_page_content .form .form_main .select_inp,.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,.App.dark .hotel_page .hotel_page_main .hotel_page_table .data_grid{color:gray}.App.dark .add_new_hotel .new_page .new_page_main .new_page_content .form .form_main .select_inp select{background-color:#111;color:gray}.App.dark .add_new_hotel .new_page .new_page_main .new_page_content .form .form_main .select_inp_title{color:gray}.App.dark .add_new_hotel .new_page .new_page_main .new_page_content .form .form_main .select_inp_title select{background-color:#111;color:gray}.App.dark .room_page .room_page_main .room_page_table .data_grid{color:gray}
/*# sourceMappingURL=main.ffc35421.css.map*/