.center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:center;flex-direction:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media (min-width: 768px) {
.md-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Noto Sans TC',sans-serif}
section{position:absolute;left:0;top:0;width:100%;min-height:100vh;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:-webkit-gradient(linear,left bottom,left top,color-stop(40%,#FFFCEE),to(#FBE9A3));background:linear-gradient(0deg,#FFFCEE 40%,#FBE9A3 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:initial;-webkit-box-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media all and (max-width: 576px) {
section{-webkit-box-align:normal!important;-ms-flex-align:normal!important;align-items:normal!important;background:#fff!important}
section[text-css="homePage"]{background:-webkit-gradient(linear,left bottom,left top,color-stop(40%,#FFFCEE),to(#FBE9A3))!important;background:linear-gradient(0deg,#FFFCEE 40%,#FBE9A3 100%)!important}
}
a,button,input,.accordion-button:focus,a.form-control:focus,button.form-control:focus,input.form-control:focus{outline:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}
li{text-decoration:none}
.fs-title{font-size:1.4rem}
.fs-subtitle{font-size:1.25rem}
.fs-content{font-size:1rem}
.footer-logo{width:140px;position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,40%);transform:translate(-50%,40%)}
@media all and (max-width: 992px) {
.footer-logo{width:75px;-webkit-transform:translate(-50%,85%);transform:translate(-50%,85%)}
}
@media all and (max-width: 768px) {
.footer-logo{width:70px;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}
}
@media all and (max-width: 576px) {
.sm-btn-group{position:fixed;background-color:#fff;bottom:0;left:0;border-top:1px solid #ced4da;z-index:10}
}
.btn-position{margin-top:1.25rem;margin-bottom:1.8rem}
@media all and (min-width: 576px) {
.btn-position{margin-bottom:3rem;margin-top:1.5rem}
}
.btn{font-weight:400!important}
.btn.btn--primary{padding:.28rem 2rem .25rem;letter-spacing:0;text-transform:uppercase;border-radius:20px;outline:none;-webkit-box-shadow:none;box-shadow:none;overflow:hidden;background-color:#FBE9A3;color:#121212}
@media all and (max-width: 576px) {
.btn.btn--primary{background:linear-gradient(1deg,#F5B923 15%,#ffd363 75%);border-radius:5px;padding:.65rem 2rem;background-color:#ffc737;-webkit-box-shadow:0 .25rem .8rem rgba(0,0,0,0.18)!important;box-shadow:0 .25rem .8rem rgba(0,0,0,0.18)!important}
}
.btn.btn--primary.btn--back{color:#495057;border-color:#BDBDBD;background:transparent}
.btn.btn--primary.btn--active{-webkit-transform:translateY(2px);transform:translateY(2px)}
.btn.btn--primary:active{-webkit-transform:translateY(2px);transform:translateY(2px)}
.btn--group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.pop-overlay{position:absolute;left:0;top:0;background:rgba(0,0,0,0.5)!important}
.pop-info{background:#fff;border-radius:5px;padding:60px 30px 40px;text-align:center}
.pop-info .pop-cancel{margin-top:35px}
@media (max-width: 576px) {
.pop-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
}
.table-card{font-weight:600;width:100%;height:100%;-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.1);box-shadow:4px 4px 5px rgba(0,0,0,0.1);border-radius:8px;background-color:#fff;overflow:hidden}
.table-card.body-half-screen{max-height:45vh}
.table-card .table-scroll{display:block;empty-cells:show;border-spacing:0}
.table-card .table-scroll thead{line-height:25px;display:block;position:relative;width:100%;background-color:#fbedb7}
.table-card .table-scroll tbody{display:block;position:relative;width:100%;overflow-y:scroll}
.table-card .table-scroll tbody tr:active{background-color:rgba(0,0,0,0.09)}
.table-card .table-scroll tr{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid rgba(0,0,0,0.2);word-wrap:break-word;word-break:break-all;white-space:break-spaces}
.table-card .table-scroll tr td:last-child{margin-bottom:-37px}
.table-card .table-scroll th{font-weight:500}
.table-card .table-scroll td{font-weight:400}
.table-card .table-scroll td,.table-card .table-scroll th{-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;display:block;padding:.35rem .2rem .3rem;text-align:center}
.table-card .table-fix-width{word-wrap:break-word;word-break:break-all;white-space:break-spaces;max-width:100px}
.slick-prev:before,.slick-next:before{color:#495057!important;font-size:30px!important}
.slick-prev,.slick-next{-webkit-transform:translate(-20%,-50%)!important;transform:translate(-20%,-50%)!important}
.slick-list{padding:5px!important}
.daterangepicker .drp-buttons .btn{border:1px solid #ced4da}
@media all and (max-width: 576px) {
.daterangepicker .drp-selected{padding-right:0!important}
}
.daterangepicker td.in-range{background-color:#FFFCEE!important}
.daterangepicker td.active,.daterangepicker td.active:hover{color:#495057!important;background-color:#FBE9A3!important}
@media all and (max-width: 576px) {
.daterangepicker td .drp-selected{padding-right:0!important}
}
.btn.btn-primary{background:linear-gradient(1deg,#F5B923 15%,#ffd363 75%)!important;border-color:#FBE9A3!important;color:#495057!important;padding:.4rem 2rem}
@media all and (max-width: 453px) {
.btn.btn-primary{padding:.4rem 2.75rem;background:#ffc737!important;color:#000!important}
}
.btn.btn-primary.btn--back{color:#495057!important;border-color:#BDBDBD!important;background:transparent!important}
.btn.btn-secondary{color:#121212!important;background-color:#fff!important;border:1px solid #ced4da!important}
@media all and (max-width: 576px) {
.btn.btn-secondary{color:#ffc737!important;border:1px solid #E0E0E0!important}
}
.btn.btn-secondary:hover{background-color:#fbedb7!important}
@media all and (max-width: 576px) {
.btn.btn-secondary:hover{color:#ffc737!important;background-color:#fff!important}
}
.btn.btn--status{background-color:#fff!important;letter-spacing:0;text-transform:uppercase;outline:none;padding:.3rem 1rem;font-size:15px;border-radius:50px;border:1px solid #BDBDBD;color:#495057;overflow:hidden}
.btn.btn--status:active{-webkit-transform:translateY(1px);transform:translateY(1px)}
.input-group-text{background-color:#fbedb7!important}
@media all and (max-width: 768px) {
.input-group-text.address{display:block}
}
.form-select:focus{border-color:#ffc737!important;-webkit-box-shadow:none!important;box-shadow:none!important}
.form-control:focus{border-color:#ffc737!important;-webkit-box-shadow:none!important;box-shadow:none!important}
.form-control:disabled,.form-control[readonly]{background-color:#fff!important;color:#495057}
@media all and (max-width: 453px) {
.form-control{width:85%!important}
}
@media all and (max-width: 428px) {
.form-control{width:84%!important}
}
@media all and (max-width: 404px) {
.form-control{width:83%!important}
}
@media all and (max-width: 385px) {
.form-control{width:81%!important}
}
@media all and (max-width: 350px) {
.form-control{width:79%!important}
}
.modal-header{background:#e44;color:#fff}
.card{background:#F5F5F5}
.access-logo{position:absolute;max-width:35%;top:25%}
@media all and (max-width: 992px) {
.access-logo{max-width:50%;top:20%}
}
@media all and (max-width: 576px) {
.access-logo{position:absolute;max-width:70%;top:20%}
}
.access-progress{position:absolute;bottom:10%;bottom:20xp 40px}
@media all and (max-width: 992px) {
.access-progress{bottom:5%}
}
@media all and (max-width: 576px) {
.access-progress{position:absolute;bottom:5%;padding:20px 40px}
}
.access-car{width:10vh}
.login-section{position:absolute;width:100%;min-height:100vh;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#FFFCEE;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.login-square{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#FBE9A3;-webkit-clip-path:polygon(0 0,50% 0,50% 100%,0% 100%);clip-path:polygon(0 0,50% 0,50% 100%,0% 100%)}
.login-content{position:relative;width:100%}
.login-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.login-group{position:relative;margin-bottom:45px}
input[type=text].login-input{padding:10px 10px 10px 5px;display:block;width:300px;border:none;border-radius:0;-webkit-appearance:none;background:transparent;border-bottom:1px solid #ced4da}
input[type=text].login-input:focus{outline:none}
label.login-label{color:#6c757d;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;-webkit-transition:.2s ease all;transition:.2s ease all}
input.login-input:focus ~ label.login-label,input.login-input:valid ~ label.login-label{top:-20px;color:#6c757d}
.login-bar{position:relative;display:block;width:300px}
.login-bar:before,.login-bar:after{content:'';height:1px;width:0;bottom:0;position:absolute;background:#6c757d;-webkit-transition:.2s ease all;transition:.2s ease all}
.login-bar:before{left:50%}
.login-bar:after{right:50%}
input.login-input:focus ~ .login-bar:before,input.login-input:focus ~ .login-bar:after{width:50%}
.login-img{width:100%;padding-right:70px}
.login-right{margin-bottom:8%}
.login-logo{max-width:40%}
@media (max-width: 1400px) {
.login-img{width:100%;padding-right:65px}
.login-right{margin-top:0}
}
@media (max-width: 1200px) {
.login-img{width:100%;padding-right:0}
.login-right{margin-top:0}
}
@media (max-width: 992px) {
.login-img{width:100%;padding-right:10px}
.login-right{margin-top:60px;padding-left:70px}
}
@media (max-width: 768px) {
.login-left{display:none}
.login-square{display:none}
.login-right{padding-right:0;padding-left:0}
}
@media (max-width: 576px) {
.login-logo{max-width:60%;margin-top:3.5rem!important;margin-bottom:.5rem!important}
}
.img-brand{max-width:100%}
@media all and (max-width: 576px) {
.img-brand{margin-top:25px;margin-bottom:10px;margin-right:40%;width:45%}
}
.ad-station{position:relative;display:inline-block;width:100%!important;margin-top:4%}
@media all and (max-width: 576px) {
.ad-station{margin-top:3%}
}
.ad-station::before{padding-left:12px!important;font-family:"Font Awesome 5 Free";font-weight:900;color:#212529;content:"\f11e";font-size:14px;position:absolute;left:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.ad-station::after{width:40px;height:90%;content:"";border-radius:50%;background:-webkit-gradient(linear,right top,left top,color-stop(20%,rgba(255,255,255,0.9)),to(rgba(255,255,255,0.5)));background:linear-gradient(270deg,rgba(255,255,255,0.9) 20%,rgba(255,255,255,0.5) 100%);position:absolute;right:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.ad-address{position:relative;display:inline-block;width:100%!important;margin-top:4%}
@media all and (max-width: 576px) {
.ad-address{margin-top:3%}
}
.ad-address::before{padding-left:12px!important;font-family:"Font Awesome 5 Free";font-weight:900;color:#ee795f;content:"\f3c5";font-size:14px;position:absolute;left:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.ad-address::after{width:40px;height:90%;content:"";border-radius:50%;background:-webkit-gradient(linear,right top,left top,color-stop(20%,rgba(255,255,255,0.9)),to(rgba(255,255,255,0.5)));background:linear-gradient(270deg,rgba(255,255,255,0.9) 20%,rgba(255,255,255,0.5) 100%);position:absolute;right:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
input[type="text"].ad-input{padding:6px 10px 6px 40px;border-radius:25px;border:none!important;background:#fff;width:100%!important;color:#121212!important;font-weight:400}
.btn--serviceType{line-height:30px;padding-top:16px;vertical-align:middle;height:135px;max-width:90%;background-color:#fff;letter-spacing:0;text-transform:uppercase;border-radius:15px;outline:none;text-align:center;-webkit-box-shadow:2px 2px 2px rgba(50,50,93,0.11);box-shadow:2px 2px 2px rgba(50,50,93,0.11)}
.btn--serviceType:active{-webkit-transform:translateY(3px);transform:translateY(3px);-webkit-box-shadow:2px 2px 2px rgba(50,50,93,0.11);box-shadow:2px 2px 2px rgba(50,50,93,0.11)}
@media all and (max-width: 1200px) {
.btn--serviceType{height:125px}
}
@media all and (max-width: 992px) {
.btn--serviceType{line-height:35px;height:100px;max-width:92%}
}
@media all and (max-width: 768px) {
.btn--serviceType{line-height:35px;height:110px;margin-top:10px}
}
.img-serviceType{max-width:65px}
@media all and (max-width: 1400px) {
.img-serviceType{max-width:60px}
}
@media all and (max-width: 1200px) {
.img-serviceType{max-width:65px}
}
@media all and (max-width: 992px) {
.img-serviceType{max-width:40px}
}
.oneCall--group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:initial;-webkit-box-direction:initial;-ms-flex-direction:initial;flex-direction:initial;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
@media all and (max-width: 576px) {
.oneCall--group{margin-top:12px}
}
.oneCall--group .oneCall{border-radius:15px;background-color:#fff;max-width:32vh;-webkit-box-shadow:3px 3px 3px rgba(75,75,75,0.11);box-shadow:3px 3px 3px rgba(75,75,75,0.11);margin:0 14px}
.oneCall--group .oneCall:active{-webkit-transform:translateY(3px);transform:translateY(3px);-webkit-box-shadow:3px 3px 3px rgba(75,75,75,0.11);box-shadow:3px 3px 3px rgba(75,75,75,0.11)}
.oneCall--group .oneCall div.btn--oneCall{height:100%;text-decoration:none}
.oneCall--group .oneCall div.btn--oneCall img{max-width:50%}
.th-status{padding:0!important;-ms-flex-preferred-size:8%!important;flex-basis:8%!important}
.td-status{padding:0!important;-ms-flex-preferred-size:8%!important;flex-basis:8%!important}
.home-status{width:100%;height:100%}
.home-status.searching{background-color:#C9CACA}
.home-status.contact{background-color:#EFB122}
.home-status.noCar{background-color:#DC4A29}
.home-status.journey{background-color:#107DBA}
.home-status.arrived{background-color:#60B37C}
.service{padding:0 15px}
.input-center-hidden{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}
.input-center-hidden::after{z-index:10;width:40px;height:90%;content:"";border-radius:50%;background:-webkit-gradient(linear,right top,left top,color-stop(20%,rgba(255,255,255,0.9)),to(rgba(255,255,255,0.5)));background:linear-gradient(270deg,rgba(255,255,255,0.9) 20%,rgba(255,255,255,0.5) 100%);position:absolute;right:70px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.input-right-hidden{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}
.input-right-hidden::after{z-index:10;width:40px;height:90%;content:"";background:-webkit-gradient(linear,right top,left top,color-stop(20%,rgba(255,255,255,0.9)),to(rgba(255,255,255,0.5)));background:linear-gradient(270deg,rgba(255,255,255,0.9) 20%,rgba(255,255,255,0.5) 100%);position:absolute;right:1%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.radio--group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:center;flex-direction:center;-webkit-box-pack:initial center;-ms-flex-pack:initial center;justify-content:initial center;-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial}
.radio--group .radio-item{border-radius:10px;background-color:#fff;max-width:100%;margin:5px 10px;-webkit-box-shadow:2px 2px 5px rgba(50,50,93,0.11);box-shadow:2px 2px 5px rgba(50,50,93,0.11);border:1px solid #ced4da;width:130px;height:130px}
.radio--group .radio-item:active,.radio--group .radio-item.selected{border:2px solid #ffc737;-webkit-transform:translateY(3px);transform:translateY(3px);-webkit-box-shadow:2px 2px 5px rgba(50,50,93,0.11);box-shadow:2px 2px 5px rgba(50,50,93,0.11)}
@media all and (max-width: 1200px) {
.radio--group .radio-item{height:85px;width:26%}
}
@media all and (max-width: 768px) {
.radio--group .radio-item{width:120px}
}
@media all and (max-width: 576px) {
.radio--group .radio-item{width:100%;margin:5px;-webkit-box-shadow:none;box-shadow:none;height:100px;border-radius:10px;padding:0}
}
.radio--group .radio-item .radio{height:100%;text-decoration:none;color:#121212}
@media all and (max-width: 576px) {
.radio--group .radio-item .radio{height:100px;margin:0;padding:0}
}
@media all and (max-width: 1400px) {
.radio--group{margin:0}
}
@media all and (max-width: 1200px) {
.radio--group{margin:0}
}
@media all and (max-width: 992px) {
.radio--group{margin:0 0 0 4%}
}
@media all and (max-width: 768px) {
.radio--group{margin:0 0 0 10%}
}
@media all and (max-width: 576px) {
.radio--group{margin:0}
}
.checkbox--group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 0 8%}
@media all and (max-width: 1400px) {
.checkbox--group{margin:0 0 0 6%}
}
@media all and (max-width: 1200px) {
.checkbox--group{margin:0 0 0 5%}
}
@media all and (max-width: 992px) {
.checkbox--group{margin:0 0 0 2%}
}
.checkbox--group .checkbox{border-radius:10px;background-color:#fff;max-width:100%;height:150px;margin:5px 10px;-webkit-box-shadow:2px 2px 5px 50,50,93,.11;box-shadow:2px 2px 5px 50,50,93,.11;border:1px solid #ced4da}
@media all and (max-width: 1400px) {
.checkbox--group .checkbox{height:145px}
}
@media all and (max-width: 992px) {
.checkbox--group .checkbox{height:100px}
}
@media all and (max-width: 768px) {
.checkbox--group .checkbox{width:20%!important;height:100px}
}
@media all and (max-width: 576px) {
.checkbox--group .checkbox{width:30%!important;-webkit-box-shadow:none;box-shadow:none;margin:5px}
}
.checkbox--group .checkbox:active,.checkbox--group .checkbox.selected{border:2px solid #ffc737;-webkit-transform:translateY(3px);transform:translateY(3px);-webkit-box-shadow:2px 2px 5px rgba(50,50,93,0.11);box-shadow:2px 2px 5px rgba(50,50,93,0.11)}
.checkbox--group .checkbox .btn--checkbox{height:100%;text-decoration:none;color:#121212}
.checkbox--group .checkbox .btn--checkbox img{max-width:60%}
@media all and (max-width: 1400px) {
.checkbox--group .checkbox .btn--checkbox img{max-width:50%}
}
@media all and (max-width: 1200px) {
.checkbox--group .checkbox .btn--checkbox img{max-width:50%}
}
@media all and (max-width: 992px) {
.checkbox--group .checkbox .btn--checkbox img{max-width:45%}
}
@media all and (max-width: 768px) {
.checkbox--group .checkbox .btn--checkbox img{max-width:55%;margin-bottom:0!important}
}
@media all and (max-width: 576px) {
.checkbox--group .checkbox .btn--checkbox img{max-width:50%}
}
.searchingPage{margin-bottom:20vh!important}
@media all and (max-width: 992px) {
.searchingPage{margin-top:5vh!important}
}
@media all and (max-width: 768px) {
.searchingPage{margin-top:10vh!important}
}
@media all and (max-width: 576px) {
.searchingPage{margin-top:25vh!important}
}
.accomplish-card{overflow-y:scroll;height:65vh}
@media all and (max-width: 1400px) {
.accomplish-card{height:60vh}
}
@media all and (max-width: 1200px) {
.accomplish-card{height:40vh}
}
@media all and (max-width: 992px) {
.accomplish-card{height:65vh}
}
@media all and (max-width: 768px) {
.accomplish-card{height:80vh}
}
@media all and (max-width: 576px) {
.accomplish-card{width:90%;height:70vh;margin-bottom:20px}
}
.accomplish-card .accomplish-table{overflow:hidden;height:100%;margin:auto;vertical-align:middle}
.accomplish-card .accomplish-table .accomplish-tbody th{background-color:#fff4c4;max-width:137px;padding:1rem 0;font-weight:400}
.accomplish-card .accomplish-table .accomplish-tbody td{background-color:#fff}
.accomplish-card .accomplish-table .accomplish-tbody .table-fix-width{word-wrap:break-word;word-break:break-all;white-space:break-spaces;width:150px}
.accomplish-card .accomplish-table .accomplish-tbody .table-fix-norWrap{white-space:nowrap;width:150px}
.itinerary-card{height:60vh;overflow-y:scroll}
@media all and (max-width: 1400px) {
.itinerary-card{height:60vh}
}
@media all and (max-width: 1200px) {
.itinerary-card{height:40vh}
}
@media all and (max-width: 992px) {
.itinerary-card{height:65vh}
}
@media all and (max-width: 768px) {
.itinerary-card{height:50vh}
}
@media all and (max-width: 576px) {
.itinerary-card{margin-bottom:5px;padding:0 40px}
}
.itinerary-card .itinerary-table{overflow:hidden;height:100%;margin:auto;-webkit-box-shadow:2px 2px 5px rgba(50,50,93,0.11);box-shadow:2px 2px 5px rgba(50,50,93,0.11)}
.itinerary-card .itinerary-table tbody th{width:170px;background-color:#fff4c4;padding:.5em;vertical-align:middle;white-space:nowrap;font-weight:400}
.itinerary-card .itinerary-table tbody td{width:400px;padding:.6em;background-color:#fff;vertical-align:middle}
.itinerary-card .itinerary-table tbody td.itinerary-remarks{height:20%}
.itinerary-map{height:60vh}
@media all and (max-width: 1400px) {
.itinerary-map{height:60vh}
}
@media all and (max-width: 1200px) {
.itinerary-map{height:40vh}
}
@media all and (max-width: 992px) {
.itinerary-map{height:65vh}
}
@media all and (max-width: 768px) {
.itinerary-map{height:50vh;margin:20px;padding:0 40px}
}
@media all and (max-width: 576px) {
.itinerary-map{margin-bottom:5px}
}
.itinerary-map .map{border-radius:2px;border:1px solid #ced4da;-webkit-box-shadow:2px 2px 5px rgba(50,50,93,0.11);box-shadow:2px 2px 5px rgba(50,50,93,0.11)}
.card-query{width:100%;height:65vh;overflow:auto;border-radius:5px;background-color:#fff;-webkit-box-shadow:2px 2px 5px rgba(50,50,93,0.11);box-shadow:2px 2px 5px rgba(50,50,93,0.11)}
@media all and (max-width: 1400px) {
.card-query{height:60vh}
}
@media all and (max-width: 1200px) {
.card-query{height:40vh}
}
@media all and (max-width: 992px) {
.card-query{height:65vh}
}
@media all and (max-width: 768px) {
.card-query{height:75vh}
}
.card-query .query-scroll{display:block;empty-cells:show;border-spacing:0}
.card-query .query-scroll thead{line-height:30px;display:block;position:relative;width:200%;overflow:auto;background-color:#FCF4DE}
@media all and (max-width: 576px) {
.card-query .query-scroll thead{background-color:#FBE9A3;width:345%}
}
.card-query .query-scroll thead th{font-weight:500}
.card-query .query-scroll tbody{display:block;position:relative;width:200%;overflow:auto}
.card-query .query-scroll tbody.body-screen{max-height:60vh}
@media all and (max-width: 576px) {
.card-query .query-scroll tbody.body-screen{max-height:100%;width:345%}
}
.card-query .query-scroll tr{word-wrap:break-word;word-break:break-all;white-space:break-spaces;width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid rgba(0,0,0,0.2)}
.card-query .query-scroll tr:active{background-color:rgba(0,0,0,0.09)}
.card-query .query-scroll td,.card-query .query-scroll th{-ms-flex-preferred-size:100%;flex-basis:100%;padding:.5rem .2rem .2rem}
.card-query .query-scroll .table-fix-width{word-wrap:break-word;word-break:break-all;white-space:break-spaces;max-width:110px}
table.serviceDetails{margin-bottom:5px;border:0;border-collapse:separate}
table.serviceDetails thead.table-thead{border-bottom:1px solid transparent!important;border-collapse:separate}
table.serviceDetails thead.table-thead tr th.serviceDetails-title{position:relative;text-align:center;padding-top:12px;padding-bottom:10px}
table.serviceDetails thead.table-thead tr th.progress-border:after{content:"";position:absolute;width:96%;height:1px;bottom:0;left:2%;border-bottom:1px solid #ced4da!important}
table.serviceDetails tbody.position-relative td.table-title{white-space:nowrap}
.serviceDetails th,.serviceDetails tr{border-style:none!important;border-color:transparent!important}
@-webkit-keyframes loader {
0%{width:0}
100%{width:100%}
}
@keyframes loader {
0%{width:0}
100%{width:100%}
}
.progress-position{height:6px;border-radius:2px;overflow:hidden;width:90%;max-width:100%!important;background:#e9ecef!important;position:absolute;top:56px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;white-space:nowrap}
.progress-position th,.progress-position div{display:block}
.progress-animation{-webkit-animation:loader 3s infinite;animation:loader 3s infinite;background:#ffc737;height:13px;overflow:hidden}
.requireMent-title{margin:15px auto}
@media all and (max-width: 576px) {
.requireMent-title{display:none;background:#fff;margin:0!important;padding:15px 0 5px;border-bottom:1px solid #E0E0E0}
.requireMent-title > h1{margin-top:-16px;padding:0 24px;padding-left:25px}
.requireMent .style-A-border{margin-bottom:2rem!important;border-bottom: 1px dashed #BDBDBD}
.requireMent .address-name{margin-top:1rem;margin-bottom:.5rem!important}
.requireMent .address-name span,.requireMent .address-name p{display:none}
.requireMent .address-name input{width:100%;padding-left:0;border:none!important;text-align:left!important;background:transparent}
.requireMent .address-name input[type="text"]{font-size:1.75rem;color:#000!important;font-weight:700}
.requireMent .address-position{position:relative;margin-top:.5rem!important;margin-bottom:.5rem!important}
.requireMent .address-position .fas.fa-map-marker-alt{margin-right:.7rem;color:#DC4A29}
.requireMent .address-position .fas.fa-location-arrow{margin-right:.5rem;padding-top:.1rem;font-size:.9rem;color:#386cff}
.requireMent .address-position span,.requireMent .address-position p{display:none}
.requireMent .address-position input{width:100%;padding-left:0;border:none!important;text-align:left!important;background:transparent;margin-top:-.7rem!important}
.requireMent .address-position input[type="text"]{font-weight:400;color:#121212}
.requireMent .input-group .input-group-text{background-color:#fff!important;border:none;padding:0 0 1%;font-weight:400}
.requireMent .input-group .form-select{width:100%;border-radius:8px!important;border:1px solid #E0E0E0;background-size:12px!important;background-position:right .85rem center!important}
.requireMent .input-group .form-control{width:86%;border-top-left-radius:8px!important;border-bottom-left-radius:8px!important;border:1px solid #E0E0E0}
.requireMent .input-group textarea{width:100%}
.requireMent .btn.btn-secondary{color:#ffc737!important;border:1px solid #E0E0E0!important}
.requireMent .btn.btn-secondary:hover{background-color:#fff!important}
}
@media all and (max-width: 576px) {
.confirmInfo{border-bottom:1px solid #E0E0E0;padding:15px 25px}
.confirmInfo_title{font-size:28px;color:#121212;font-weight:700;padding-bottom:5px}
.confirmInfo_subtitle{font-size:16px;font-weight:400;color:#6c757d}
}
@media all and (max-width: 576px) {
.tableInfo{margin-top:5px}
.tableInfo_title{padding-left:15px;color:#6c757d;font-size:16px;font-weight:400;margin-bottom:.5rem!important}
.tableInfo_subtitle{padding-left:15px;font-size:18px;font-weight:400;color:#121212}
}
.note-alert{margin-bottom:15rem}