*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{margin-top:0px!important}.redbox{position:fixed;top:0;left:0;background:#040404c4;z-index:999999999;width:100%;height:100%;display:flex;font-family:Roboto}.redbox-hide{display:none}.main-title{float:left;width:100%;text-align:center;font-size:22px;text-transform:uppercase;font-weight:700;color:#ba1d10;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:20px}.redbox-pickup{width:60%;background:#fff;margin:auto;padding:30px;max-height:calc(100vh - 30px);overflow:auto;border-radius:10px;position:relative}.redbox-content-info{float:left;width:100%;margin-bottom:20px}.redbox-content-info .title{color:#000;font-size:18px;margin:10px 0 5px 0;font-weight:700}.redbox-content-info .sub-title{font-size:14px;color:#3c3c3c;line-height:20px}.redbox-content-info .step-input{float:left;width:30%;padding-right:10px}.redbox-content-info .step-input input{height:35px;line-height:35px;color:#000}.redbox-content-info .step-input input:focus{border:1px solid #03A9F4;outline:unset}.redbox-content-info .step-input label{color:#000;margin-bottom:10px;display:inline-block;font-size:14px}.redbox-content-info .step-input label abbr{border-bottom:0;color:red}.list-point{width:350px;position:relative;margin:auto;height:auto;border-radius:3px;display:flex;height:100%}.list-point .per-point{float:left;width:100%;color:#000;border:1px solid #f5f5f5;border-radius:5px;margin-bottom:10px;padding:20px;position:relative;box-shadow:0 4px 12px rgb(42 65 232 / 15%);background:#fff;max-height:calc(100% - 20px);margin:auto;overflow:auto}.list-point .per-point .step1{float:left;width:100%;margin-bottom:10px}.list-point .per-point .step1 img{float:left;width:40px;border-radius:50%}.list-point .per-point .step1 .step-name{float:right;width:calc(100% - 50px)}.list-point .per-point .step1 .step-name .name-1{float:left;width:100%;line-height:20px;font-size:15px;font-weight:700}.list-point .per-point .step1 .step-name .name-2{font-size:15px}.list-point .per-point .step1 .step-name .name-2 b{color:#c52602}.list-point .per-point .step-2{float:left;width:100%}.list-point .per-point .step-2 .step-i{display:flex;width:100%;margin:10px 0;float:left}.list-point .per-point .step-2 .step-i .step-i-1{width:40px;text-align:center;display:flex}.list-point .per-point .step-2 .step-i .step-i-1 img{width:20px;margin:auto}.list-point .per-point .step-2 .step-i span{line-height:20px;width:calc(100% - 50px);font-size:14px;margin:auto}.list-point .per-point .step-2 .step-i span b{color:red;margin-right:5px}.list-point .area-select{float:left;width:100%;text-align:center;margin-top:10px}.list-point .bt-pick-point{padding:10px 20px;color:#fff;background:#ba1d10;border-radius:3px;cursor:pointer;border:0}.list-point .bt-pick-point:disabled{background:#ccc}.area-map{float:left!important;width:100%;position:relative;overflow:hidden}#area-map{float:left;width:100%;height:400px}.area-map .wrap-area{display:flex;position:absolute;width:100%;height:400px;left:0;background:#0e0e0e70;bottom:-400px}.area-map .wrap-area .close-area{width:30px;height:30px;background:red;color:#fff;text-align:center;line-height:30px;cursor:pointer;right:0;top:0;position:absolute;z-index:100}.btn-control{float:left;width:100%;text-align:center;border-top:1px solid #ddd;margin-top:10px;padding-top:20px}.btn-control .bt-cancel{padding:10px 20px;color:#fff;background:red;border-radius:3px;cursor:pointer;margin:0 5px;min-width:100px;border:0}.btn-control .bt-complete{padding:10px 20px;color:#fff;background:#0e8438;border-radius:3px;cursor:pointer;margin:0 5px;min-width:100px;border:0}.redbox-choose-service{float:left;width:100%;margin:10px 0}.redbox-choose-service button{padding:10px 30px;border:1px solid #bd1c1c;background:#fff;color:#bd1c1c;border-radius:3px}.redbox-choose-service button:hover{background:#bd1c1c;color:#fff}.msg-choose-point-required{float:left;width:100%;margin-bottom:5px;color:red;display:none}.un-select-point{width:30px;height:30px;background:red;color:#fff;border-radius:50%;position:absolute;right:20px;text-align:center;line-height:23px;font-size:20px;display:none;cursor:pointer}.selected-point-success{float:left;width:100%;text-align:center;color:#18a030;font-size:16px;font-weight:700;display:none;margin:10px 0}.per-point-selected{border-color:#0ea014!important}.per-point-selected .area-select{display:none}.per-point-selected .un-select-point{display:block}.per-point-selected .selected-point-success{display:block}.pac-container{z-index:100001}.container-checkbox{float:left;position:relative;padding-left:30px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;margin-top:10px}.container-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.container-checkbox .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#ddd;border-radius:3px}.container-checkbox:hover input~.checkmark{background-color:#ccc}.container-checkbox input:checked~.checkmark{background-color:#ba1d10}.checkmark:after{content:"";position:absolute;display:none}.container-checkbox input:checked~.checkmark:after{display:block}.container-checkbox .checkmark:after{left:9px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.close-modal-redbox{position:absolute;right:10px;top:10px;cursor:pointer;width:15px!important;height:15px!important}.close-point-selected{position:absolute;right:10px;top:10px;cursor:pointer;height:24px}.close-point-selected img{width:24px}.redbox-rtl .close-modal-redbox{right:unset;left:10px}.redbox-rtl .close-point-selected{right:unset;left:10px}.redbox-rtl .redbox-pickup #pac-container .search-icon{right:unset;left:20px}.redbox-rtl .area-map .wrap-area .close-area{right:unset;left:0}.redbox-rtl{font-family:Cairo!important}.redbox-rtl .redbox-content-info .step-input{float:right;padding-left:10px;padding-right:0}.redbox-rtl .area-map{float:left!important}.redbox-rtl .list-point .per-point .step1 img{float:right}.redbox-rtl .list-point .per-point .step1 .step-name{float:left}.redbox-rtl .list-point .per-point .step-2 .step-i .step-i-1{float:right}.redbox-rtl .list-point .per-point .step-2 .step-i span{float:left}.redbox-rtl .container-checkbox{float:right;padding-right:30px;padding-left:0}.redbox-rtl .container-checkbox .checkmark{left:unset;right:0}.gmnoprint .gm-svpc{display:none}.gm-bundled-control-on-bottom{bottom:200px!important}.gm-bundled-control-on-bottom>div{top:0px!important}.redbox-rtl .gm-bundled-control-on-bottom{left:0px!important;right:unset!important}.pac-card{top:10px!important;right:10px!important;width:200px!important}.pac-card input{height:35px!important;line-height:35px!important}.redbox-rtl .pac-card{left:10px!important;right:unset!important}#icon-my-location-custom{bottom:20px!important}.redbox-rtl #icon-my-location-custom{right:unset!important;left:10px!important}.gm-fullscreen-control{bottom:65px!important;top:unset!important}.redbox-rtl .gm-fullscreen-control{right:unset!important;left:0px!important}.redbox-rtl .un-select-point{right:unset;left:20px}.area-point-selected{display:inline-block;width:100%;margin-top:10px}.area-point-selected h3{margin-bottom:5px!important;color:#ba1d10!important;padding:0 3px}.area-point-selected span.bt-change-point{margin:0 3px;padding:2px 10px;background:#009688;border-radius:3px;color:#fff;display:inline-block;cursor:pointer}#redbox_point_id{display:none}.area-point-selected{display:none}.redbox-waiting-response{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;background:#fff;z-index:100;opacity:.8}.redbox-waiting-response i{margin:auto;font-size:50px;color:red}.redbox-rtl button{font-family:Cairo!important}.redbox-rtl b{font-family:Cairo!important}.redbox-rtl input{font-family:Cairo!important}.pac-target-input{width:100%}.redbox-pickup #pac-input{width:100%;background:#00d4b738;height:48px;line-height:48px;padding:0 20px;outline:none;color:gray;margin:10px 0 16px 0;max-width:100%;box-sizing:border-box;display:block;font-weight:500;opacity:1;border-radius:4px;border:none;box-shadow:0 1px 4px 0 rgb(0 0 0 / 12%);-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;font-size:13px;padding-right:40px}.redbox-rtl .redbox-pickup #pac-input{padding-right:20px;padding-left:40px}.redbox-pickup #pac-container{position:relative}.redbox-pickup #pac-container .search-icon{position:absolute;right:20px;top:18px;color:#989696}.mapSearchResults{width:100%;display:none;position:absolute;top:40px;left:0;z-index:9999;background:#FFF;border:1px #CCC solid;font-family:sans-serif;cursor:pointer}.mapSearchResultsItem:hover{background:#EEE}.mapSearchResultsItem{padding:6px;border-bottom:1px #CCC solid}@media (max-width:980px){.redbox-content-info{margin-bottom:5px}.redbox-pickup{width:95%;padding:10px}.area-map{width:100%}.redbox-pickup{padding-bottom:10px}.redbox-content-info .title{margin:10px 0}.btn-control{margin-top:5px;padding-top:10px}.main-title{padding-bottom:10px;margin-bottom:5px;margin-top:20px}.list-point{width:90%}}