.inpost-onepagecheckoutps{ overflow: hidden; width: 98%; margin: 0 4px; } .inpostship-main{border: 1px solid #999;padding: 15px;background: #fce07b;} .inpostship-main a.openmapcodbtn{font-weight: 700;color: #222;} .inpostship-main .select2{width: 100% !important;} .inpostship-main table{width: 100%;} .inpostship-main p.point-info{text-align: center;color: #000;font-size: 13px;margin: 10px 0 0;padding: 0;} .inpostship-main small.saveInfo {display: block;width: 100%;text-align: center;} .inpostship-main{border: 1px solid #999;padding: 15px;background: #fce07b;} .inpostship-main a.openmapcodbtn{font-weight: 700;color: #222;} .tr-inpost-box .inpostship-main table tbody tr td{border: none;} /*.openMap{font-size: 12px;margin-top: 10px;}*/ .openMapBox{position: absolute;background: #fff;box-shadow: #000 0 0 1000px;z-index: 99999;width: 1200px;max-width: 1200px;height: 600px;overflow: hidden;margin: 20px auto;display: none;} .openMapBox .openMapBoxHead{width: 100%;display: block;background: #f7f6f1;padding: 5px 10px;overflow: hidden;} .openMapBox .openMapBoxHead span{color: #000;font-weight: 700;font-family: "Open Sans", 'Noto Sans', sans-serif;width: 20px;height: 20px;border-radius: 50%;float: right; display: block;font-size: 14px;text-align: center;padding: 5px;cursor: pointer;} .openMapBox #easypack-map{height: 96%;} .openMapBoxBig{z-index: 99999;position: absolute;width: 70%;margin: 0 auto;background: #fff;box-shadow: #000 0 0 100px;} .easypack-widget { overflow: hidden !important; } @media (max-width: 1366px) { .openMapBox{max-width: 90%;} } @media (max-width: 992px) { .inpostship-main{overflow: hiddenn;width: 100%;} .inpostship-main table{width: 100%;} .inpostship-main .select2{width: 100% !important;} .inpostship-main table tbody tr td{width: 100%;display: block;text-align: center;} .inpost-point{width: 100%;} .inpostship-main-move{overflow: hidden;width: 100%;} .inpostship-main-move table{width: 100%;} .inpostship-main-move table tbody tr td{width: 100%;display: block;text-align: center;} .delivery_options div.tr-inpost-box{} .delivery_options div.tr-inpost-box table tbody tr td{max-width: 290px;} .openMapBox{width: 83%;} } #inpostshipmodal .modal-open { overflow: hidden; } #inpostshipmodal.modal { position: fixed; top: 10%; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } #inpostshipmodal.modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } #inpostshipmodal.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } #inpostshipmodal .modal-open .modal { overflow-x: hidden; overflow-y: auto; } #inpostshipmodal .modal-dialog { position: relative; width: auto; margin: 10px; } #inpostshipmodal .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } #inpostshipmodal .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } #inpostshipmodal .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } #inpostshipmodal .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } #inpostshipmodal .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } #inpostshipmodal .modal-header .close { margin-top: -2px; } #inpostshipmodal .modal-title { margin: 0; line-height: 1.42857143; } #inpostshipmodal .modal-body { position: relative; padding: 15px; } #inpostshipmodal .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } #inpostshipmodal .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } #inpostshipmodal .modal-footer .btn-group .btn + .btn { margin-left: -1px; } #inpostshipmodal .modal-footer .btn-block + .btn-block { margin-left: 0; } #inpostshipmodal .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { #inpostshipmodal .modal-dialog { width: 600px; margin: 30px auto; } #inpostshipmodal .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } #inpostshipmodal .modal-sm { width: 300px; } } @media (min-width: 992px) { #inpostshipmodal .modal-lg { width: 900px; } } /* new element */ .widget-modal{ box-shadow: #000 0 0 50px; background: #ccc; } .easypack-widget .easypack-dropdown__select{ background: #fff; } .inpostship-main span.btn{ font-size: 14px;margin: 0 5px; } .inpostship-main table img{ max-width: 80px; } @media (max-width: 992px) { .inpostship-main span.btn { margin-bottom: 10px; width: 100%; } #widget-modal{ width: 92% !important; height: 500px !important; } } .boxCheckout-supercheckout { width: 100%; margin: 0; } .inpostNear { padding: 15px; overflow: hidden; } .inpostNear h4 { text-transform: uppercase; font-size: 14px; font-weight: 500; text-align: center; } .inpostNear .nearInpost { border: 1px solid #ffecaf; padding: 0 5px 5px; font-size: 14px; float: left; width: 32%; margin: 0 5px 5px 0; background: #ffecaf; min-height: 143px; } .inpostNear .nearInpost p { font-size: 10px; text-align: center; margin: 0; padding: 0; color: #121212; } .inpostNear .nearInpost p img { display: block; margin: 0 auto 5px; } .inpostNear .nearInpost p b { font-size: 14px; } .inpostNear .nearInpost:hover { border-color: #2ca02c; cursor: pointer; } @media (max-width: 992px) { .inpostNear .nearInpost { width: 31%; min-height: 185px; } } .easypack-widget #map-leaflet .point-wrapper p { color: #fff !important; } /* ps 8 */ .inpostship-content { background: #ffcb04; padding: 15px; margin-bottom: 15px; border: 3px solid #ffcb04 !important; } .inpostship-content .inpostship-main-box .saveInfo { padding: 10px; text-align: center; width: 100%; display: block; } .inpostship-content .inpostship-main-box .openMap { margin-bottom: 15px; } .inpostship-content .inpostship-main-box .inpost-geowidget-box { min-height: 500px; display: block; height: 500px; }