.shipping-page{padding-top:30px}.shipping-page .swap-button-wrapper.flex.items-center{margin-right:3px}.shipping-page .method-wrapper{justify-content:space-between}.shipping-page .shipping-method{display:flex;flex-direction:column;text-align:center;cursor:pointer;align-items:center}.shipping-page .shipping-method svg{width:22px;height:22px}.shipping-page .shipping-method-wrapper{display:flex;align-items:center;font-weight:700;border-radius:10px;padding:12px;border:1px solid;justify-content:center}.shipping-page .shipping-method-wrapper span{display:none}.shipping-page .shipping-method-wrapper img{width:22px;height:22px}.shipping-page .shipping-method-wrapper.sea{border-color:#29378f}.shipping-page .shipping-method-wrapper.sea svg{fill:#29378f}.shipping-page .shipping-method-wrapper.land{border-color:#0b8a17}.shipping-page .shipping-method-wrapper.land svg{fill:#0b8a17}.shipping-page .shipping-method-wrapper.air{border-color:#ffc700}.shipping-page .shipping-method-wrapper.air svg{fill:#ffc700}.shipping-page .shipping-method-wrapper.railway{border-color:#f76900}.shipping-page .shipping-method-wrapper.railway svg{fill:#f76900}.shipping-page .shipping-method-wrapper.gom{border-color:#c22138}.shipping-page .shipping-method-wrapper.gom svg{fill:#c22138}.shipping-page .shipping-method.active .shipping-method-wrapper span{margin-left:5px;display:block;color:#fff}.shipping-page .shipping-method.active .shipping-method-wrapper svg{fill:#fff}.shipping-page .shipping-method.active .shipping-method-wrapper.sea{border-color:#29378f;background-color:#29378f}.shipping-page .shipping-method.active .shipping-method-wrapper.land{border-color:#0b8a17;background-color:#0b8a17}.shipping-page .shipping-method.active .shipping-method-wrapper.air{border-color:#ffc700;background-color:#ffc700}.shipping-page .shipping-method.active .shipping-method-wrapper.railway{border-color:#f76900;background-color:#f76900}.shipping-page .shipping-method.active .shipping-method-wrapper.gom{border-color:#c22138;background-color:#c22138}.shipping-page .header-shipment{padding-bottom:5px}.shipping-page .form-shipment{height:45px;background-color:#fff}.shipping-page .form-shipment .shipment-input-wrapper{padding:0 6px 0 0}.shipping-page .form-shipment svg{position:absolute;font-weight:700;font-size:22px;left:20px}.shipping-page .form-shipment .ant-select.ant-select-focused .ant-select-selector{box-shadow:none!important}.shipping-page .form-shipment .ant-select-selector{border:none;border-radius:0;position:relative}.shipping-page .form-shipment .ant-select-selector input.ant-select-selection-search-input{border:none}.shipping-page .form-shipment .ant-select-selector span.ant-select-selection-search{position:absolute}.shipping-page .form-shipment .ant-select-selector:focus-visible{outline:none;box-shadow:none;border:none}.shipping-page .form-shipment .ant-select-selector input:focus{--tw-ring-color:#fff}.shipping-page .date-form-wrapper,.shipping-page .type-shipment-wrapper{height:50px;display:flex;flex-direction:column;justify-content:center;background-color:#fff;padding:0 3px}.shipping-page .date-form-wrapper .react-dropdown-select,.shipping-page .type-shipment-wrapper .react-dropdown-select{height:45px;border:1px solid #29378f;border-radius:5px}.shipping-page .date-form-wrapper input{border-radius:5px;min-height:50px}.shipping-page .date-form-wrapper input[type=date]{position:relative;padding-left:35px}.shipping-page .date-form-wrapper input[type=date]::-webkit-calendar-picker-indicator{position:absolute;left:10px;top:50%;transform:translateY(-50%)}.shipping-page .search-button-wrapper{height:60px;display:flex;flex-direction:column;background-color:#fff;border-bottom-right-radius:5px;border-top-right-radius:5px;margin-left:9px}.shipping-page .search-button-wrapper button{display:flex;justify-content:center}.shipping-page .search-button-wrapper i{display:flex;width:43px;height:43px;background-color:#29378f;border-radius:5px;justify-content:center;align-items:center}.shipping-page .search-button-wrapper svg{color:#fff;width:30px;height:25px}.shipping-page .main-shipment{margin-top:20px}.shipping-page .main-shipment .included-services,.shipping-page .main-shipment .shipping-line,.shipping-page .main-shipment .type-container,.shipping-page .main-shipment .type-container-wrapper{margin-bottom:20px}.shipping-page .main-shipment .left-wrapper h3{font-weight:700;font-size:15px;margin-bottom:15px}.shipping-page .background-custom{background-color:#fff;border-radius:10px;padding:13.5px 20px;box-shadow:0 0 20px rgba(105,126,157,.1)}.shipping-page .background-custom.type-container{padding:20px 10px}.shipping-page .background-custom.type-container .method-wrapper{gap:5px}.shipping-page .right-wrapper .list-button-header{box-shadow:0 0 20px rgba(105,126,157,.1);background-color:#e7eef6;border-radius:20px;margin-bottom:20px}.shipping-page .right-wrapper .list-button-header button{height:40px;text-transform:uppercase;font-weight:600}.shipping-page .right-wrapper .list-button-header button.active{color:#0139ff;background-color:#fff;border-radius:20px;box-shadow:0 0 20px rgba(105,126,157,.1)}.shipping-page .right-wrapper .tab-wrapper{background-color:#fff;border-radius:5px;box-shadow:0 0 20px rgba(105,126,157,.1);margin-bottom:20px;padding:15px 20px;flex-wrap:wrap}.shipping-page .right-wrapper .end-tab{width:100%;background-color:#f7f7f8;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s;height:0;padding-top:8px;padding-bottom:8px}.shipping-page .right-wrapper .end-tab.view-detail{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s;height:auto}.shipping-page .right-wrapper .end-tab .MuiButtonBase-root-MuiAccordionSummary-root{background-color:#f7f7f8}.shipping-page .right-wrapper .end-tab .radio-button-wrapper:not(:last-child){border-bottom:1px solid #8b8b8b}.shipping-page .right-content.gom-color-wrapper .gom-img-wrapper{border-radius:5px;border:1px solid #c22138;width:40%;padding:12px 14px}.shipping-page .right-content.gom-color-wrapper .top-header span{color:#c22138}.shipping-page .right-content.gom-color-wrapper .center-content .port{border-color:#c22138}.shipping-page .right-content.gom-color-wrapper .center-content .port-wrapper:after{background:#c22138}.shipping-page .right-content.gom-color-wrapper .center-content .port-wrapper .total-day span{color:#c22138}.shipping-page .right-content.gom-color-wrapper .center-right .button-book-now-wrapper .book-now-wrapper{background-color:#c22138}.shipping-page .right-content.gom-color-wrapper .center-right .button-book-now-wrapper .button-freight{border-color:#c22138}.shipping-page .search-form-wrapper{margin-bottom:20px}.shipping-page .search-form-wrapper .param-search .dropdown-header{width:200px}@media(max-width:767px){.shipping-page .search-form-wrapper .param-search .dropdown-header{width:100%}}.shipping-page .search-form-wrapper .param-search .ant-select-selection-item{overflow:unset!important}.shipping-page .search-form-wrapper .swap-button-wrapper button{display:flex;width:43px;height:43px;background-color:#29378f;justify-content:center;align-items:center;border-radius:5px}.shipping-page .left-tab{padding-right:24px}.shipping-page .left-tab .img-label-wrapper{padding-bottom:16px}.shipping-page .left-tab p{margin-bottom:5px}.shipping-page .left-tab .date-info span{font-size:13px}.shipping-page .center-tab{padding:6px 28px;margin:6px 0 46px;border-left:1px solid #29378f;border-right:1px solid #29378f}.shipping-page .center-tab .top-header span{font-size:18px}.shipping-page .center-tab .center-content{padding:32px 0}.shipping-page .center-tab .center-content .group.inactive .port:not(.color-primary-key){border:2px solid #d2d2d2}.shipping-page .center-tab .center-content .port{position:relative;border:2px solid #0b8a17;width:18px;height:18px;border-radius:50%;cursor:pointer}.shipping-page .center-tab .center-content .port.color-primary-key{border-color:#29378f}.shipping-page .center-tab .center-content .port.inactive{border:2px solid #d2d2d2}.shipping-page .center-tab .center-content .port-wrapper{position:relative;flex:1;display:flex;align-items:center}.shipping-page .center-tab .center-content .port-wrapper .port-name{position:absolute;top:35px;left:-26%}.shipping-page .center-tab .center-content .port-wrapper .method-icon-name-wrapper{position:absolute;left:calc(50% - 24px);top:-20px}.shipping-page .center-tab .center-content .port-wrapper .method-icon-name-wrapper span{margin-left:8px;color:#0b8a17}.shipping-page .center-tab .center-content .port-wrapper .center-method-icon-name-wrapper{position:absolute;left:50%;top:-20px}.shipping-page .center-tab .center-content .port-wrapper .total-day{position:absolute;left:calc(50% - 10px);top:20px}.shipping-page .center-tab .center-content .port-wrapper:after{content:"";position:absolute;left:30px;width:calc(100% - 42px);height:1px;background:#0b8a17}.shipping-page .center-tab .center-content .port-wrapper.group.inactive:after{background:#d2d2d2}.shipping-page .center-tab .center-content .port-wrapper.color-primary-key:after{background:#29378f}.shipping-page .center-tab .center-content .port-wrapper:last-child{flex:0}.shipping-page .right-tab .top-right span{margin-left:12px}.shipping-page .right-tab .center-right .button-book-now-wrapper{margin-top:10px}.shipping-page .right-tab .center-right .button-book-now-wrapper .button-freight{display:flex;width:45px;height:45px;background-color:#ececec;border:1px solid #29378f;justify-content:center;align-items:center;border-radius:5px;margin-right:10px}.shipping-page .right-tab .center-right .button-book-now-wrapper .book-now-wrapper{background-color:#29378f;border-radius:5px;color:#fff;font-weight:600;text-align:center;padding:10px 20px}.shipping-page .right-tab .end-right{margin-top:15px}.shipping-page .radio-button-wrapper .input-radio{display:flex;align-items:center;margin-bottom:12px}.shipping-page .radio-button-wrapper .input-radio span{font-size:14px}.shipping-page .radio-button-wrapper label span{color:#5f5f5f}.shipping-page .radio-button-wrapper img{height:16px;margin:0 6px;width:16px}.shipping-page .radio-button-wrapper label{display:flex;align-items:center}.shipping-page .radio-button-wrapper input{border:2px solid #29378f}.shipping-page .select-content-wrapper{margin-bottom:20px}.shipping-page .select-content-wrapper .react-dropdown-select{height:45px;border-radius:5px}.shipping-page .select-content-wrapper p.error{color:#ff2424;padding:2px 0}.shipping-page .select-content-wrapper .box-input{border:1px solid #c6c7c7}.shipping-page .select-content-wrapper .box-input div{position:relative}.shipping-page .select-content-wrapper .box-input div div.ant-select-selector{border:none;background:none}.shipping-page .select-content-wrapper .box-input div span.ant-select-arrow{display:none}.shipping-page .select-content-wrapper.error input::-moz-placeholder{color:rgba(250,84,84,.686)}.shipping-page .select-content-wrapper.error input::placeholder{color:rgba(250,84,84,.686)}.shipping-page .select-content-wrapper.error span{color:#ff2424}.shipping-page .select-content-wrapper.error .box-input{border-color:#ff2424}.shipping-page .react-dropdown-select-input{font-size:14px}.shipping-page .radio-button-wrapper{margin-bottom:12px}.shipping-page .radio-button-wrapper .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded{box-shadow:none}.shipping-page .radio-button-wrapper .MuiButtonBase-root.MuiAccordionSummary-root{padding-left:0;min-height:38px;max-height:38px}.shipping-page .container-shipping .ant-select.dropdown svg{transition:transform .3s}.shipping-page .container-shipping .ant-select.dropdown.down .ant-select-arrow svg{transform:rotate(0) translateX(0)}.shipping-page .container-shipping .ant-select-open.ant-select.dropdown.up .ant-select-arrow svg{transform:rotate(180deg) translateX(0)}@media(max-width:767px){.header-shipping{flex-wrap:wrap}.header-shipping .left-header,.header-shipping .right-header{width:100%}.form-shipment{flex-wrap:wrap;position:relative}.param-search,.type-container{margin-bottom:20px}.param-search{flex-wrap:wrap;width:100%}.shipping-page .search-form-wrapper .swap-button-wrapper{position:absolute;right:15px;top:auto;z-index:1;bottom:42px}.shipping-page .search-form-wrapper .swap-button-wrapper button{border-radius:50%}.shipping-page .search-form-wrapper{padding-bottom:0}.param-search-wrapper{flex-wrap:wrap}.shipping-page .search-button-wrapper{height:auto;margin:0}.shipping-page .param-search{margin-right:0!important;padding-right:0!important}.shipping-page .search-button-wrapper i{margin:0;width:100%!important}.shipping-page .form-shipment{height:auto}.shipping-page .form-shipment .shipment-input-wrapper{width:100%;padding-right:0!important}.shipping-page .form-shipment .shipment-input-wrapper:first-child{margin-bottom:20px}.shipping-page .main-shipment{margin-top:0;flex-wrap:wrap}.shipping-page .main-shipment .included-services,.shipping-page .main-shipment .left-wrapper,.shipping-page .main-shipment .shipping-line,.shipping-page .main-shipment .type-container-wrapper{width:100%}.tab-wrapper .center-tab{padding:0;border:none}.tab-wrapper .center-tab,.tab-wrapper .left-tab,.tab-wrapper .right-tab{width:100%;padding-right:6px;padding-left:6px}.tab-wrapper .center-tab,.tab-wrapper .left-tab{border-bottom:1px solid #d9d9d9;margin-bottom:6px;padding-bottom:8px}.tab-wrapper .left-tab{flex-direction:row;justify-content:space-between}.tab-wrapper .right-tab{flex-direction:row}.shipping-page .left-tab .img-label-wrapper{width:40%}.date-info{width:50%}.shipping-page .right-wrapper{width:100%}.shipping-page .right-wrapper .tab-wrapper{padding-right:0;padding-left:0;flex-wrap:wrap;border:1px solid #29378f}.center-tab img{width:15px;height:15px}.collapse-wrapper{margin-bottom:20px;font-size:14px;color:#29378f;width:100%}.left-wrapper{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s;height:0}.left-wrapper.show-filter{opacity:1;visibility:visible;transition:opacity .5s ease,visibility 0s;height:auto}}.autocomplete-address .ant-form-item.ant-form-item-has-error,.autocomplete-address .ant-form-item.ant-form-item-has-success{width:100%!important;margin:6px 0 0!important}.autocomplete-address .ant-form-item-explain{position:absolute!important;bottom:-14px;font-size:12px!important}