body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;font-family:Montserrat,sans-serif;font-size:1rem;line-height:1.5;margin:0;padding:0}body{position:relative}.container{background-color:#000;height:100vh;width:100%}:root{--boxShadow:0px 19px 60px #00000014;--blueCard:#ddf8fe}.home{color:#fff;height:fit-content;margin-top:56px;overflow:hidden}.home,.home_intro{background-color:#262838}.home_intro{display:flex;height:100vh;padding-left:4rem;padding-right:4rem}.home_intro_left{display:flex;flex-direction:column;justify-content:center;padding:20px;position:relative;width:50%}.home_intro_left h2{font-size:2rem;margin-bottom:1rem}.home_intro_left p{text-align:justify}.home_intro_left_button{margin-top:1rem}.home_intro_left_button button{border-color:#fff;color:#fff}.home_intro_right{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;width:50%}.home_intro_right img{width:100%}@media screen and (max-width:1000px){.home_intro{flex-direction:column;height:fit-content;justify-content:space-evenly;padding:2rem}.home_intro_left,.home_intro_right{padding:2rem 0;width:100%}}.home_services{align-items:center;background-color:#262838;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;padding-left:4rem;padding-right:4rem}.home_services_title h2{font-size:2rem;margin-bottom:.5rem;text-align:center}.home_services_experience{display:flex;justify-content:space-evenly;width:100%}.home_services_experience_achievement{align-items:center;color:#000;display:flex;flex-direction:column}.home_services_experience_achievement_circle{align-items:center;background:#fff;border-radius:100%;display:flex;font-size:1.5rem;font-weight:700;height:12rem;justify-content:center;margin-bottom:2rem;position:relative;width:12rem}.home_services_experience_achievement_circle :before{background-image:linear-gradient(180deg,#87e6fb 0,#ffc05c);border-radius:100%;bottom:-8px;box-shadow:0 19px 60px #00000014;box-shadow:var(--boxShadow);content:"";left:-8px;position:absolute;right:-8px;top:-8px;z-index:-1}.home_services_experience_achievement span:first-of-type{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500}@media screen and (max-width:1000px){.home_services{height:fit-content}.home_services_experience{flex-direction:column;gap:2rem}.home_services_title h2{font-size:1.25rem;margin-bottom:1rem}}.home_feature{align-items:center;background-color:#262838;display:flex;flex-direction:column;height:200vh;justify-content:space-evenly;min-height:100vh;padding-left:4rem;padding-right:4rem}.home_feature_title{font-size:2rem;text-align:center}.home_feature_1,.home_feature_3{display:flex;flex-direction:row}.home_feature_1_left,.home_feature_3_left{display:flex;flex-direction:column;justify-content:center;padding:20px;position:relative;width:50%}.home_feature_1_left h3,.home_feature_3_left h3{font-size:1.5rem;margin-bottom:1rem}.home_feature_1_left p,.home_feature_3_left p{text-align:justify}.home_feature_1_right,.home_feature_3_right{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;width:50%}.home_feature_1_right img,.home_feature_3_right img{width:100%}.home_feature_2{display:flex;flex-direction:row}.home_feature_2_left{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;width:50%}.home_feature_2_left img{width:100%}.home_feature_2_right{display:flex;flex-direction:column;justify-content:center;padding:20px;position:relative;width:50%}.home_feature_2_right h3{font-size:1.5rem;margin-bottom:1rem}.home_feature_2_right p{text-align:justify}@media screen and (max-width:1000px){.home_feature{height:fit-content}.home_feature_1,.home_feature_2,.home_feature_3{align-items:center;flex-direction:column;justify-content:space-evenly;padding:0}.home_feature_1_left,.home_feature_1_right,.home_feature_2_left,.home_feature_2_right,.home_feature_3_left,.home_feature_3_right{padding:2rem 0;width:100%}}.home_feedback{background-color:#262838;height:100vh;padding-left:4rem;padding-right:4rem}.home_feedback,.home_feedback_slide_testimonial{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.home_feedback_slide_testimonial{background:#ffffff42;border-radius:20px;height:30rem;padding:2rem;width:30rem}.home_feedback_slide_testimonial img{border-radius:100%;height:6rem;width:6rem}.home_feedback_slide_testimonial span{color:#ccc}.home_feedback .swiper{height:70%;width:100%}.home_feedback .swiper-slide{align-items:center;display:flex;justify-content:center}.home_feedback .swiper-pagination-bullet-active{background:orange}.home_contact{align-items:center;background-color:#262838;display:flex;flex-direction:row;height:100vh;justify-content:space-evenly;padding-left:4rem;padding-right:4rem}.home_contact_left h2{font-size:2rem;text-align:center}.home_contact_right{display:flex;flex:1 1;justify-content:center;position:relative}.home_contact_right form{align-items:center;display:flex;flex-direction:column;gap:2rem;width:50%}.home_contact_right .user{border:2px solid var(--orange);border-radius:8px;font-size:16px;height:2rem;outline:none;padding:.3em;width:20rem}.home_contact_right input{height:2rem}.home_contact_right input,.home_contact_right textarea{border-radius:8px;border-width:0;font-size:14px;padding:4px;width:100%}.home_contact_right textarea{height:6rem!important}@media screen and (max-width:1000px){.home_contact{flex-direction:column;height:fit-content;justify-content:space-evenly;padding:2rem}.home_contact_left,.home_contact_right{padding:2rem 0;width:100%}}.home_map{align-items:center;background-color:#262838;display:flex;flex-direction:column;height:70vh;justify-content:space-evenly;padding-bottom:2rem;padding-left:4rem;padding-right:4rem}.home_map iframe{height:100%;width:100%}.loader-container{background-color:#262838;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.loader,.loader-container{align-items:center;display:flex;justify-content:center}.loader{flex-direction:column;height:50px;position:relative;width:80px}.loader-text{animation:text_713 3.5s ease infinite both;color:#c8b6ff;font-size:1rem;letter-spacing:1px;margin-bottom:10px;position:relative}.load{animation:loading_713 3.5s ease infinite both;background-color:#9a79ff;border-radius:50px;display:block;height:10px;position:relative;width:10px}.load:before{animation:loading2_713 3.5s ease infinite both;background-color:#d1c2ff;border-radius:inherit;content:"";height:100%;position:absolute;width:100%}@keyframes text_713{0%{letter-spacing:1px;transform:translateX(0)}40%{letter-spacing:2px;transform:translateX(26px)}80%{letter-spacing:1px;transform:translateX(32px)}90%{letter-spacing:2px;transform:translateX(0)}to{letter-spacing:1px;transform:translateX(0)}}@keyframes loading_713{0%{transform:translateX(0);width:10px}40%{transform:translateX(0);width:80%}80%{transform:translateX(50px);width:10px}90%{transform:translateX(0);width:80%}to{transform:translateX(0);width:10px}}@keyframes loading2_713{0%{transform:translateX(0);width:10px}40%{transform:translateX(0);width:80%}80%{transform:translateX(0);width:100%}90%{transform:translateX(15px);width:80%}to{transform:translateX(0);width:10px}}.popup-items{background-color:#262838;border-radius:10px;box-shadow:0 0 0 100vh #000000b3;left:50%;max-height:80vh;overflow-y:auto;padding:20px;position:fixed;scrollbar-color:#888 #262838;scrollbar-width:thin;top:50%;transform:translate(-50%,-50%);width:75%;z-index:1000}.popup-items::-webkit-scrollbar{width:10px}.popup-items::-webkit-scrollbar-thumb{background-color:#888;border:2px solid #262838;border-radius:10px}.popup-items::-webkit-scrollbar-thumb:hover{background-color:#555}.popup-items::-webkit-scrollbar-track{background-color:#262838;border-radius:10px}.close-btn{background-color:#262838;border:none;cursor:pointer;height:32px;opacity:.3;position:absolute;right:32px;top:15px;width:32px}.close-btn:hover{opacity:1}.close-btn:after,.close-btn:before{background-color:#fff;content:" ";height:33px;left:15px;position:absolute;top:0;width:2px}.close-btn:before{transform:rotate(45deg)}.close-btn:after{transform:rotate(-45deg)}.popup-items h2{font-size:20px;margin-bottom:10px;margin-left:5px}.popup-items .items_container .container_title,.popup-items .search_and_filter_item_container .container_title,.popup-items h2{color:#fff;font-weight:700}.popup-items .search_and_filter_item_container{background-color:#1e1e2c;border-radius:12px;margin-bottom:1rem;padding:1rem}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper{display:flex;justify-content:space-between;padding:1rem}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .search_item_container{display:flex;width:40%}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .search_item_container input{border-radius:12px;border-width:0;padding:4px;width:70%}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .search_item_container button{align-items:center;border-radius:12px;border-width:0;cursor:pointer;display:flex;justify-content:center;margin-left:1%;padding:4px;width:15%}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .filter_item_container{align-items:center;display:flex;justify-content:space-evenly;position:relative;width:60%}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .filter_item_container p{color:#fff;font-size:14px;font-weight:700}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .filter_item_container button{align-items:center;border-radius:12px;border-width:0;cursor:pointer;display:flex;justify-content:center;padding:4px;width:20%}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .filter_item_container button img{width:16px}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .filter_item_container .active_btn_date{display:flex}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .filter_item_container .hidden_btn_date{display:none}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .filter_item_container .check_kien_hang_wrapper{display:flex}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .filter_item_container .check_kien_hang_wrapper p{font-size:14px;font-weight:400;padding:0 4px 0 0}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .filter_item_container .check_ke_hang_wrapper{display:flex}.popup-items .search_and_filter_item_container .search_and_filter_item_wrapper .filter_item_container .check_ke_hang_wrapper p{font-size:14px;font-weight:400;padding:0 4px 0 0}.popup-items .items_container{background-color:#1e1e2c;border-radius:12px;padding:1rem}.popup-items .items_container hr{margin:1rem 0}.popup-items .items_container .items_table{padding:1.5rem}.popup-items .items_container .items_table .items_table_picture{width:10%}.popup-items .items_container .items_table .items_table_name,.popup-items .items_container .items_table .items_table_type{width:12.5%}.popup-items .items_container .items_table .items_table_quantity{width:5%}.popup-items .items_container .items_table .items_table_checkin,.popup-items .items_container .items_table .items_table_checkout{width:12.5%}.popup-items .items_container .items_table .items_table_STT,.popup-items .items_container .items_table .products_table_bookingNo{width:5%}.popup-items .items_container .items_table .items_table_location,.popup-items .items_container .items_table .items_table_shelfName{width:10%}.popup-items .items_container .items_table .items_table_select{width:5%}.popup-items .items_container .items_table .items_table_header{display:flex;justify-content:space-between;padding:1rem}.popup-items .items_container .items_table .items_table_header p{color:#fff;font-size:14px;font-weight:700;text-align:center}.popup-items .items_container .items_table .items_table_header .items_table_name p,.popup-items .items_container .items_table .items_table_header .items_table_type p{text-align:left}.popup-items .items_container .items_table .items_table_item{align-items:center;background-color:#3c3a54;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.popup-items .items_container .items_table .items_table_item p{color:#fff;font-size:13px;font-weight:700;text-align:center}.popup-items .items_container .items_table .items_table_item .items_table_picture{align-items:center;display:flex;justify-content:center}.popup-items .items_container .items_table .items_table_item .items_table_name p,.popup-items .items_container .items_table .items_table_item .items_table_type p{text-align:left}.check_container{display:flex;justify-content:center;position:relative}.checkbox{border:2px solid #fff;border-radius:50px;cursor:pointer;display:block;height:30px;position:relative;top:1px;transition:all .3s linear;width:30px}.checkbox:after{border-bottom:4px solid #fff;border-right:4px solid #fff;content:"";height:12px;left:20%;opacity:0;position:absolute;top:25%;transform:rotate(45deg) scale(0) translate(-50%,-50%);transition:all .3s linear;width:6px}#checkbox:checked~.checkbox:after{opacity:1!important;transform:rotate(50deg) scale(1) translate(20%,-25%)!important}#checkbox:checked~.checkbox{background:#212fab;border:none}.hidden{display:none!important}.btn-add-items{align-items:center;border-radius:12px;border-width:0;cursor:pointer;display:flex;justify-content:center;margin-top:15px;padding:4px;width:20%}.popup-pd{background:#fff;border-radius:10px;box-shadow:0 0 0 100vh #000000b3;height:480px;left:50%;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:750px;z-index:1000}.popup-pd h2{color:#000;margin-bottom:1rem}.formEditPd{display:grid;grid-template-columns:45% 45%;justify-content:space-around}.formEditPd label{align-items:center;color:#000;display:flex;justify-content:space-between;margin-bottom:1rem}.formEditPd label input,.formEditPd label select{border:1px inset;border-radius:8px;display:flex;padding:8px;width:60%}.popup-content{height:inherit}.btn-save-edit-bk{bottom:12px;left:50%;position:absolute;transform:translateX(-50%)}.btn-cancel-edit-bk{background-color:initial!important;color:#000!important;position:absolute;right:0;top:0}.imgPrdContainer{object-fit:cover}.imgPrd{height:75px;width:75px}.item-container{align-items:center;display:flex;justify-content:space-between;padding:20px}.item-image{flex:1 1;height:250px;max-width:300px;padding-right:20px}.item-image img{height:max-content;object-fit:cover;width:auto}.item-info{color:#fff;flex:1 1;margin:0 40px}.item-actions{margin-top:20px}.item_info p,.item_info strong{font-size:20px}.item_actions{margin-top:20px}.css-1kfabtt-MuiFormLabel-root-MuiInputLabel-root,.css-d551zc-MuiSvgIcon-root-MuiSelect-icon,.css-hvjq6j-MuiFormLabel-root-MuiInputLabel-root,.css-lohd6h-MuiSvgIcon-root-MuiSelect-icon,.css-sc8y68-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root{color:#fff!important}.css-1ll44ll-MuiOutlinedInput-notchedOutline{border-color:#fff!important}.css-jedpe8-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{padding:6.5px 14px!important}.warehouse-view{background-color:#1e1e1ee6;border-radius:10px;color:#fff;left:3vw;padding:20px;position:fixed;top:75vh;transform:translateY(-50%);width:250px;z-index:1000}.warehouse-view h3{font-size:1.4em;margin-top:0}.warehouse-view p{font-size:.9em;margin-bottom:20px}.warehouse-view h4{font-size:1.2em;margin-bottom:10px}.view-options{display:flex;flex-direction:column}.view-options div{margin-bottom:10px}input[type=radio]{margin-right:10px}label{font-size:.9em}.login-page{align-items:center;height:100vh;justify-content:center}.card-login,.login-page{background-color:#fff;display:flex}.card-login{border-radius:10px;border-radius:25px;box-shadow:0 14px 28px #00000040,0 0 10px #00000038;margin-top:40px;min-height:600px;overflow:hidden;position:relative;width:60%}.left-login{background:linear-gradient(#2577c980,#0b4b6b80),url(/static/media/background-login.33810488e7839d1a700e.gif) 50%;background-size:cover;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:50px}.btn-login{background-color:#1cb3d9;border:none;border-radius:20px;box-shadow:0 .4rem #dfd9d9;color:#fff;cursor:pointer;font-size:1em;font-size:24px;font-weight:bolder;height:45px;margin-top:40px;outline:none;width:40%}.btn:active{box-shadow:0 .2rem #dfd9d9;color:#fff;transform:translateY(.2rem)}.btn:hover:not(:disabled){background:#6de2fd;color:#fff;text-shadow:0 .1rem #bcb4b4}.btn:disabled{color:grey;cursor:auto}.right-login{display:flex;flex:1 1;flex-direction:column;gap:50px;justify-content:center;padding:50px}.welcome{color:#555;font-size:22px;font-weight:600}.form-box{display:flex;flex-direction:column;gap:30px}.title{font-size:40px;font-weight:700}.desc{font-size:18px}.form__group{max-width:380px;padding:30px 0;position:relative;width:100%}.form__field{background:#0000;border:none;border-bottom:2px solid #9b9b9b;color:#000;font-family:inherit;font-size:17px;outline:0;padding:7px 0;transition:border-color .2s;width:100%}.form__field::placeholder{color:#0000}.form__field:placeholder-shown~.form__label{cursor:text;font-size:17px;top:20px}.form__label{color:#9b9b9b;display:block;font-size:17px;pointer-events:none;position:absolute;top:0;transition:.2s}.form__field:focus{border-image:linear-gradient(90deg,#116399,#38caef);border-image-slice:1;border-width:3px;font-weight:700;padding-bottom:6px}.form__field:focus~.form__label{color:#38caef;display:block;font-size:17px;font-weight:700;position:absolute;top:0;transition:.2s}.form__field:invalid,.form__field:required{box-shadow:none}.not{font-size:24px}.regis{background-color:#fff3;border:2px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;padding:10px;text-align:center;text-decoration:none;width:50%}.form{overflow:hidden;padding:0 0 80px}.error{color:red;font-size:16px;font-weight:600;position:absolute;right:0;top:0}.fa{margin-left:-12px;margin-right:8px}.eyes{position:absolute;right:0;top:30px}@media (max-width:768px){.card-login{height:50%;margin-top:30px;width:90%}.btn-login{width:50%}}.alert-login{color:red}.booking{background-color:#262838;height:fit-content;min-height:100vh;padding:0 5rem 2rem;position:relative;width:100%}.booking .booking_title{color:#fff;padding:1rem;text-align:center}.booking .form_of_booking_page{background-color:#ccc;border-radius:12px;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:600px}.booking .form_of_booking_page #close_form_edit_of_booking_page,.booking .form_of_booking_page #close_form_of_booking_page{align-items:center;border-radius:4px;border-width:0;cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:calc(100% - 24px);padding:4px;width:24px}.booking .form_of_booking_page #close_form_edit_of_booking_page p,.booking .form_of_booking_page #close_form_of_booking_page p{font-size:14px}.booking .form_of_booking_page .title_form_of_booking_page{font-weight:700;text-align:center}.booking .form_of_booking_page form{display:flex;flex-direction:column;flex-wrap:wrap;height:400px;justify-content:flex-start;padding:1rem}.booking .form_of_booking_page form p{margin-bottom:.3rem}.booking .form_of_booking_page form input,.booking .form_of_booking_page form select{margin-bottom:1rem}.booking .form_of_booking_page form #btn_submit_form_of_booking_page{margin-top:1rem;padding:4px;width:fit-content}.booking .booking_add_button{display:flex;padding:1rem 0}.booking .booking_add_button .add_button_container{align-items:center;border-radius:12px;border-width:0;cursor:pointer;display:flex;padding:8px 12px}.booking .booking_add_button .add_button_container p{font-size:14px}.booking .booking_add_button .add_button_container img{margin-left:4px}.booking .booking_add_button .btn_create_file{margin-left:1rem}.booking .booking_add_button .active_form_edit_of_booking_page,.booking .booking_add_button .active_form_of_booking_page{display:block}.booking .booking_add_button .hide_form_edit_of_booking_page,.booking .booking_add_button .hide_form_of_booking_page{display:none}.booking .booking_add_button a{color:#000;font-size:14px;text-decoration:none}.booking .booking_table .hide_form_edit_of_booking_page{display:none}.booking .booking_table .active_form_edit_of_booking_page{display:block}.booking .booking_table .booking_table_id,.booking .booking_table .booking_table_stt{text-align:center;width:5%}.booking .booking_table .booking_table_email{width:17%}.booking .booking_table .booking_table_sodienthoai{width:13%}.booking .booking_table .booking_table_delivery{width:10%}.booking .booking_table .booking_table_status{width:12%}.booking .booking_table .booking_table_checkin,.booking .booking_table .booking_table_checkout{width:10%}.booking .booking_table .booking_table_sua,.booking .booking_table .booking_table_xoa{width:9%}.booking .booking_table .booking_table_title{align-items:center;background-color:#312e4a;border-radius:12px 12px 0 0;color:#fff;display:flex;height:60px;justify-content:space-around}.booking .booking_table .booking_table_title p{font-weight:700}.booking .booking_table .booking_table_items .booking_table_item{align-items:center;background-color:#3c3a54;color:#fff;display:flex;height:50px;justify-content:space-around}.booking .booking_table .booking_table_items .booking_table_item p{font-size:14px}.booking .booking_table .booking_table_items .booking_table_item .booking_table_sua button,.booking .booking_table .booking_table_items .booking_table_item .booking_table_xoa button{align-items:center;border-radius:12px;border-width:0;cursor:pointer;display:flex;padding:4px 8px}.booking .booking_table .booking_table_items .booking_table_item:last-child{border-radius:0 0 12px 12px}.tss-1qtl85h-MUIDataTableBodyCell-root.tss-1ej321f-MUIDataTableBodyCell-cellHide.tss-1t2q2nr-MUIDataTableBodyCell-stackedHeader.tss-1vd39vz-MUIDataTableBodyCell-stackedCommon{visibility:hidden!important}.popup{background:#fff;border-radius:10px;box-shadow:0 0 0 100vh #000000b3;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:400px;z-index:1000}.formEditBk{display:flex;flex-direction:column}.formEditBk label{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:2px}.formEditBk label input{border:1px inset;border-radius:4px;display:flex;padding:4px;width:75%}.popup-content{position:relative}.popup h2{margin-bottom:20px;text-align:center}.popup-actions{display:flex;justify-content:space-between;margin-top:20px}.btn-cancel-edit-bk,.btn-save-edit-bk{border:none;border-radius:5px;cursor:pointer;padding:8px 16px}.btn-cancel-edit-bk:hover,.btn-save-edit-bk:hover{opacity:.8}.btn-save-edit-bk{background-color:#0c3c73!important;color:#fff}.btn-cancel-edit-bk{background-color:#ddd}.btn_add_new_booking{align-items:center;display:flex;flex-direction:column;margin:20px}.btn_add_new_booking button{cursor:pointer}.dropzone{background-color:#f9f9f9;border:2px dashed #4a90e2;border-radius:8px;max-width:400px;padding:20px;text-align:center;transition:background-color .3s,border-color .3s;width:100%}.dropzone:hover{background-color:#e8f0fe;border-color:#357ae8}.dropzone p{color:#555;font-size:16px;margin:10px 0 0;padding:0}.dropzone input{display:none}.file-name{color:#4a90e2;font-size:14px;font-weight:700;margin-top:10px}.submit-button-add-bk{background-color:#030c16;border-radius:8px;border-width:0;color:#fff;margin-top:16px;padding:.2rem 1rem}.close-button-add-bk{background-color:initial!important;border:none;position:absolute;right:8px;top:8px}.search_and_filter_product_container{background-color:#1e1e2c;border-radius:12px;margin-bottom:1rem;padding:1rem}.search_and_filter_product_container .search_and_filter_product_wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;padding:.2rem}.search_and_filter_product_container .search_and_filter_product_wrapper .search_product_container{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1rem;width:100%}.search_and_filter_product_container .search_and_filter_product_wrapper .search_product_container input{border-radius:12px;border-width:0;margin:8px;min-width:100px;padding:4px;width:56%}.search_and_filter_product_container .search_and_filter_product_wrapper .search_product_container button{align-items:center;border-radius:12px;border-width:0;cursor:pointer;display:flex;justify-content:center;margin:8px;min-width:20px;padding:4px;width:10%}.search_and_filter_product_container .search_and_filter_product_wrapper .filter_product_container{align-items:center;display:flex;flex-wrap:wrap;justify-content:inherit;position:relative;width:100%}.search_and_filter_product_container .search_and_filter_product_wrapper .filter_product_container p{color:#fff;font-size:14px;font-weight:700}.search_and_filter_product_container .search_and_filter_product_wrapper .filter_product_container button{align-items:center;border-radius:12px;border-width:0;cursor:pointer;display:flex;justify-content:center;padding:4px;width:20%}.search_and_filter_product_container .search_and_filter_product_wrapper .filter_product_container button img{width:16px}.search_and_filter_product_container .search_and_filter_product_wrapper .filter_product_container .active_btn_date{display:flex}.search_and_filter_product_container .search_and_filter_product_wrapper .filter_product_container .hidden_btn_date{display:none}.search_and_filter_product_container .search_and_filter_product_wrapper .filter_product_container .check_kien_hang_wrapper{display:flex}.search_and_filter_product_container .search_and_filter_product_wrapper .filter_product_container .check_kien_hang_wrapper p{font-size:16px;font-weight:400;padding:0 4px 0 0}@media (max-width:768px){.search_and_filter_product_container .search_and_filter_product_wrapper{align-items:center;flex-direction:column}.search_and_filter_product_container .search_and_filter_product_wrapper .search_product_container{width:100%}.search_and_filter_product_container .search_and_filter_product_wrapper .filter_product_container{justify-content:space-around;width:100%}.search_and_filter_product_container .search_and_filter_product_wrapper .filter_product_container button{width:30%}}@media (max-width:480px){.search_and_filter_product_container .search_and_filter_product_wrapper .search_product_container input{width:65%}.search_and_filter_product_container .search_and_filter_product_wrapper .search_product_container button{width:30%}.search_and_filter_product_container .search_and_filter_product_wrapper .filter_product_container button{width:40%}}.navbar{background-color:#1e1e2c;box-sizing:border-box;height:56px;justify-content:space-between;padding:0 1.5rem;position:fixed;top:0;width:100%;z-index:1000}.navbar,.navbar .logo{align-items:center;display:flex}.navbar .logo{flex-shrink:0;justify-content:center}.navbar .logo a{color:#fff;font-size:18px;font-weight:700;text-decoration:none;white-space:nowrap}.navbar .nav-links{align-items:center;display:flex;flex-wrap:nowrap;height:100%;list-style-type:none;margin:0;padding:0}.navbar .nav-links li{margin:0 .75rem;position:relative;white-space:nowrap}.navbar .nav-links li a{color:#fff;display:inline-block;font-size:15px;line-height:56px;padding:0 4px;position:relative;text-decoration:none;white-space:nowrap}.navbar .nav-links li a.active:after,.navbar .nav-links li a:hover:after,.navbar .nav-links li.active a:after{border-bottom:3px solid #3b82f6;border-radius:8px;bottom:8px;content:"";left:50%;position:absolute;transform:translateX(-50%);width:100%}.navbar .login{color:#fff;text-decoration:none;white-space:nowrap}.navbar li{list-style-type:none;margin:0 .75rem}.navbar li,.navbar li a{position:relative;white-space:nowrap}.navbar li a{color:#fff;line-height:56px;padding:0 4px;text-decoration:none}.navbar .menu-icon{display:none}.navbar .menu-icon img{color:#fff;cursor:pointer;font-size:24px;padding-top:6px}.profileName-user{align-items:center;color:#fff;display:flex;font-size:15px!important;white-space:nowrap}@media (max-width:1320px){.navbar .menu-icon{display:block;margin-right:48px;position:absolute;right:0}.navbar .login{display:flex}.navbar .nav-links{align-items:center;background-color:#1e1e2c;box-shadow:0 2px 4px #0003;display:none;flex-direction:column;height:auto;padding:10px 0;position:fixed;right:0;top:56px;width:20rem}.navbar .nav-links.active{display:flex;width:inherit}.navbar .nav-links li{margin:10px}.navbar .nav-links li a{color:#fff;font-size:16px;text-decoration:none;transition:color .3s}.navbar .nav-links li a.active:after,.navbar .nav-links li a:hover:after{border-bottom:4px solid #fff;bottom:-8px;content:"";left:50%;position:absolute;transform:translateX(-50%);width:90%}}.login-success{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.login-success li{margin:0!important;white-space:nowrap}.login-success li a{line-height:normal;padding:0 4px;white-space:nowrap}.login-success .dot-login{color:#71717a;font-size:16px;-webkit-user-select:none;user-select:none}.login-success .dot-login,.notification-container{align-items:center;display:flex}.footer{background-color:#1e1e2c;display:flex;flex-direction:column;height:fit-content;padding:16px 20px;width:100%}.footer .content{display:flex;justify-content:space-around}.footer .content .content_1{width:42%}.footer .content .content_2{width:30%}.footer .copyright{margin-top:16px;text-align:center}.footer h3,.footer p{color:#fff;line-height:2.5}.zoom-buttons{display:flex;flex-direction:column;gap:5px;position:absolute;right:20px;top:80px;z-index:999}.zoom-button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:4px 2px;transition:background-color .2s}.zoom-button:hover{background-color:#555}.zoomable-image{border-radius:8px;height:auto;width:100%}