.bookingform-home-container{justify-content:center;align-items:flex-start;width:100%;display:flex}@media screen and (max-width:768px){.bookingform-home-container{height:calc(90vh - 110px);padding-top:10px}}@media screen and (min-width:768px){.bookingform-home-container{height:calc(90vh - 140px)}}.bookingform-home-container .bookingform{justify-content:space-between;align-items:flex-start;width:100%;height:100%;display:flex}@media screen and (max-width:700px){.bookingform-home-container .bookingform{zoom:.9;align-items:flex-start}}.bookingform-home-container .bookingform .dayBooking-box{opacity:0;flex-direction:column;flex-basis:20%;justify-content:space-between;align-items:center;height:90%;transition:all .5s;display:flex;transform:translate(-50vw)}@media screen and (max-width:700px){.bookingform-home-container .bookingform .dayBooking-box{flex-basis:40%;height:85%;transform:translate(-50vw)}}.bookingform-home-container .bookingform .dayBooking-box.show{opacity:1;transform:translate(0)}.bookingform-home-container .bookingform .dayBooking-box .day-box{cursor:pointer;opacity:1;background:#f5f5f5;border:1px solid #00000047;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:60%;height:100%;margin-bottom:1vh;padding:1vh;display:flex}@media screen and (max-width:700px){.bookingform-home-container .bookingform .dayBooking-box .day-box{width:80%}.bookingform-home-container .bookingform .dayBooking-box .day-box .day-name{font-size:10px}}.bookingform-home-container .bookingform .dayBooking-box .day-box .day-txt{font-size:10px}@media screen and (max-width:700px){.bookingform-home-container .bookingform .dayBooking-box .day-box .day-txt{font-size:10px}}.bookingform-home-container .bookingform .timeBooking-box{flex-direction:column;flex-basis:auto;justify-content:center;align-items:center;width:85%;height:90%;display:flex;position:relative}@media screen and (max-width:700px){.bookingform-home-container .bookingform .timeBooking-box{height:90%}}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-grid{opacity:0;pointer-events:none;grid-gap:10px;grid-template-columns:auto auto auto;width:80%;height:100%;transition:all .5s;display:grid;transform:translate(-150px)}@media screen and (max-width:700px){.bookingform-home-container .bookingform .timeBooking-box .timeBooking-grid{font-size:2px}}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-grid.show{opacity:1;pointer-events:unset;transform:translate(0)}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-grid .time-box{cursor:pointer;opacity:1;background:#f5f5f5;border-bottom:1px solid #00000047;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;width:90%;height:100%;padding:1vh;display:flex}@media screen and (max-width:700px){.bookingform-home-container .bookingform .timeBooking-box .timeBooking-grid .time-box{width:100%}}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-grid .time-box.ready{background:#d2e8c9!important}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-grid .time-box.busy{background:#dfbe6b!important}.bookingform-home-container .bookingform .timeBooking-box .explain-box{opacity:0;pointer-events:none;justify-content:flex-start;align-items:center;width:80%;height:10%;margin-top:10px;transition:all .5s;display:flex;transform:translate(-150px)}.bookingform-home-container .bookingform .timeBooking-box .explain-box.show{opacity:1;pointer-events:unset;transform:translate(0)}.bookingform-home-container .bookingform .timeBooking-box .explain-box .explain-box-left{justify-content:center;align-items:center;margin-right:5vw;display:flex}.bookingform-home-container .bookingform .timeBooking-box .explain-box .explain-box-left .box-full{background-color:#dfbe6b;border-bottom:1px solid #00000047;border-radius:4px;width:21px;height:21px;margin-right:10px}.bookingform-home-container .bookingform .timeBooking-box .explain-box .explain-box-right{justify-content:center;align-items:center;display:flex}.bookingform-home-container .bookingform .timeBooking-box .explain-box .explain-box-right .box-empty{background-color:#f5f5f5;border:1px solid #00000047;border-radius:4px;width:20px;height:20px;margin-right:10px}.bookingform-home-container .bookingform .timeBooking-box .explain-box .box-text{margin-top:3px;font-size:14px}@media screen and (max-width:700px){.bookingform-home-container .bookingform .timeBooking-box .explain-box .box-text{margin-top:0;font-size:12px}}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-form{opacity:0;pointer-events:none;border-top:1px solid #eceaea;transition:all .5s;position:absolute;transform:translate(-150px);padding-top:2vh!important}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-form.show{opacity:1;pointer-events:unset;transform:translate(0)}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-form .bookingErrorSlot{color:#d12424;width:80%;margin:1em 0}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-form .bookingNoteString{color:#646464;width:80%;margin:.5em 0;font-size:12px;font-style:italic}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-confirm{opacity:0;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;transition:all .5s;display:flex;position:absolute;left:0%;transform:translate(-150px)}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-confirm.show{opacity:1;pointer-events:unset;transform:translate(0)}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-footer{opacity:0;pointer-events:none;justify-content:space-around;align-items:flex-end;width:100%;height:10%;transition:all .5s;display:flex;transform:translate(-150px)}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-footer>span{padding:10px}@media screen and (max-width:700px){.bookingform-home-container .bookingform .timeBooking-box .timeBooking-footer>span{font-size:10px}}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-footer>span:hover{cursor:unset!important}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-footer.show{opacity:1;pointer-events:unset;transform:translate(0)}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-footer.show>span{padding:10px}@media screen and (max-width:700px){.bookingform-home-container .bookingform .timeBooking-box .timeBooking-footer.show>span{font-size:10px}}.bookingform-home-container .bookingform .timeBooking-box .timeBooking-footer.show>span:hover{text-decoration:underline;cursor:pointer!important}
.searchform-home-container{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 125.5px);padding:1rem;display:flex}@media screen and (min-width:640px){.searchform-home-container{padding:2rem}}.searchform-home-container .searching-form{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.searchform-home-container .searching-form .text-searching-title{color:#000000b1;text-align:center;width:100%;max-width:400px;margin-bottom:20px;font-size:16px}@media screen and (min-width:640px){.searchform-home-container .searching-form .text-searching-title{margin-bottom:30px;font-size:20px}}.searchform-home-container .searching-form .searching-box{opacity:0;pointer-events:none;width:100%;max-width:500px;padding:0 1rem;transition:all .5s;position:absolute;transform:translate(-10vw)}@media screen and (min-width:640px){.searchform-home-container .searching-form .searching-box{padding:0}}.searchform-home-container .searching-form .searching-box.show{opacity:1;z-index:1000;pointer-events:auto;position:relative;transform:translate(0)}.searchform-home-container .searching-form .searching-box .sell-card-form{flex-direction:column;align-items:center;gap:1rem;display:flex}@media screen and (min-width:640px){.searchform-home-container .searching-form .searching-box .sell-card-form{gap:1.5rem}}.searchform-home-container .searching-form .searching-box .form-field{flex-direction:column;gap:.5rem;width:100%;display:flex}.searchform-home-container .searching-form .searching-box .form-field .form-label{font-size:14px;font-weight:500}.searchform-home-container .searching-form .searching-box .form-field .form-input{width:100%;font-size:16px}.searchform-home-container .searching-form .searching-box .form-buttons{justify-content:space-around;align-items:center;gap:1rem;width:100%;margin-top:1rem;display:flex}.searchform-home-container .searching-form .searching-box .form-buttons button{flex:1;max-width:150px}.searchform-home-container .searching-form .searching-table{opacity:0;pointer-events:none;width:100%;max-width:1500px;padding-bottom:20px;transition:all .5s;position:absolute;transform:translate(-10vw)}.searchform-home-container .searching-form .searching-table.show{opacity:1;pointer-events:auto;position:relative;transform:translate(0)}.searchform-home-container .searching-form .searching-table .searching-table-content{height:calc(90vh - 130px);min-height:50vh;padding:15px .5rem}@media screen and (min-width:640px){.searchform-home-container .searching-form .searching-table .searching-table-content{height:auto;padding:2rem 1rem}}.searchform-home-container .searching-form .searching-table .result-count{text-align:center;color:#666;margin-bottom:1rem;font-size:14px}@media screen and (min-width:640px){.searchform-home-container .searching-form .searching-table .result-count{margin-bottom:1.5rem;font-size:16px}}.searchform-home-container .searching-form .searching-table .consignment-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media screen and (min-width:640px){.searchform-home-container .searching-form .searching-table .consignment-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media screen and (min-width:1024px){.searchform-home-container .searching-form .searching-table .consignment-grid{grid-template-columns:repeat(3,1fr)}}.searchform-home-container .searching-form .searching-table .note-box{background-color:#f5f5f5;border:1px solid #dcdcdc;border-radius:8px;padding:1rem}@media screen and (min-width:640px){.searchform-home-container .searching-form .searching-table .note-box{padding:1.25rem}}.searchform-home-container .searching-form .searching-table .note-box .note-box-content{flex-direction:column;gap:.5rem;display:flex}.searchform-home-container .searching-form .searching-table .note-box .note-item{justify-content:space-between;align-items:flex-start;gap:.5rem;font-size:13px;display:flex}@media screen and (min-width:640px){.searchform-home-container .searching-form .searching-table .note-box .note-item{font-size:14px}}.searchform-home-container .searching-form .searching-table .note-box .note-item .note-label{color:#666;flex-shrink:0}.searchform-home-container .searching-form .searching-table .note-box .note-item .note-value{text-align:right;word-break:break-word}.searchform-home-container .searching-form .searching-table .note-box .note-item .note-value.note-value-money{color:#16a34a;font-weight:600}.searchform-home-container .searching-form .searching-table .note-box .note-item .note-value.note-value-pending{color:#ea580c;font-weight:500}.searchform-home-container .searching-form .searching-table .note-box .note-item .note-value.note-value-done{color:#16a34a;font-weight:500}.searchform-home-container .searching-form .searching-table .no-result{text-align:center;color:#666;padding:3rem 1rem}.searchform-home-container .searching-form .searching-table .no-result p{font-size:14px}@media screen and (min-width:640px){.searchform-home-container .searching-form .searching-table .no-result p{font-size:16px}}.searchform-home-container .searching-form .searching-table .no-result .no-result-hint{color:#999;margin-top:.5rem;font-size:12px}@media screen and (min-width:640px){.searchform-home-container .searching-form .searching-table .no-result .no-result-hint{font-size:14px}}.searchform-home-container .searching-form .searching-table .back-button{justify-content:center;padding:1.5rem 0 2rem;display:flex}@media screen and (min-width:640px){.searchform-home-container .searching-form .searching-table .back-button{padding:2rem 0 3rem}}.searchform-home-container .searching-form .searching-table .back-button button{min-width:120px}