/*---Map Directions Controls--*/
.dir-map-block{position:fixed;top:10px;right:10px;z-index:999;height:1px}
.dir-map-block .btn{padding:12px 5px;width:148px;border-radius:22px;cursor:pointer;font-size:11px;font-weight:bold;position:absolute;box-shadow:0 1px 1px 0 rgba(0,0,0,.15);right:0;text-align:center;top:0;color:#fff;background:#123369;transition:top .5s cubic-bezier(.77,0,.07,1.01);background-image:url("/images/checkRoute_btn_icon.png");background-repeat:no-repeat;background-position:14px 13px}
.dir-map-block .btn.show{top:-55px}
.dir-map-block .btn:hover{background-color:#0a295d;color:#fff}
.dir-map-block .map-routes{background:#fff;padding:0 15px 15px 15px;position:absolute;width:270px;border-radius:6px;right:-320px;top:0;clear:both;transition:right .5s cubic-bezier(.77,0,.07,1.01);border:solid 1px #dadada;box-shadow:0 2px 6px 0 rgba(0,0,0,.15)}
.dir-map-block .map-routes.show{right:0}
.dir-map-block .map-routes .dir-map-form{}
.dir-map-block .map-routes .dir-map-form label{}
.dir-map-block .map-routes .dir-map-form input{width: calc(100% - 20px);font-size: 12px;padding: 7px 6px;border: none;border-bottom: solid 1px #ccc;margin: 0 0 3px 0;font-weight: bold;}
.dir-map-block .map-routes .dir-map-form input::-webkit-input-placeholder{color:#aeb0b1;font-weight:bold;font-size:11px}
.dir-map-block .map-routes .dir-map-form input::-moz-placeholder{color:#aeb0b1;font-weight:bold;font-size:11px}
.dir-map-block .map-routes .dir-map-form input:-ms-input-placeholder{color:#aeb0b1;font-weight:bold;font-size:11px}
.dir-map-block .map-routes .dir-map-form input:-moz-placeholder{color:#aeb0b1;font-weight:bold;font-size:11px}
.dir-map-block .map-routes .dir-map-form .dir-map-form-icon{display:inline-block;width:15px;position:relative;top:3px;left:-3px;height:15px;background:url(/images/icon-location.png);background-size:15px 15px}
.dir-map-block .map-routes .dir-map-form .add-rout-btn{text-align:center;margin:10px 15px;color:#313131;position:relative;border:solid 1px #efefef;background:#efefef;cursor:pointer;font-size:9px;text-transform:uppercase;padding:9px;border-radius:14px;transition:background .3s ease-in-out}
.dir-map-block .map-routes .dir-map-form .add-rout-btn::after{content:"+";width:18px;height:18px;color:#123369;font-size:14px;background:#fff;border-radius:50%;text-align:center;position:absolute;top:5px;left:5px;transition:transform .3s ease-in-out}
.dir-map-block .map-routes .dir-map-form .add-rout-btn:hover{background:#fff;border:solid 1px #dcdcdc}
.dir-map-block .map-routes .dir-map-form .add-rout-btn:hover::after{transform:rotate(90deg)}
.dir-map-block .map-routes .dir-map-form .add-rout-btn a{color:#2d2d2d;text-transform:uppercase;font-size:9px;text-decoration:none}
.dir-map-block .map-routes .dir-map-results{max-height:250px;overflow:auto;position:relative}
.dir-map-block .map-routes .close-btn,.dir-map-block .map-routes .restore-btn,.dir-map-block .map-routes .min-btn{width:10px;height:10px;text-align:center;font-family:arial;font-weight:bold;color:#000;cursor:pointer;position:absolute;font-size:12px;top:7px;right:9px}
.dir-map-block .map-routes .restore-btn{right:22px}
.dir-map-block .map-routes .min-btn{right:35px}
.panel-btns{width:100%;text-align:right;margin:0 0 10px 0;float:left}
.panel-btns .panel-btn{width:25px;height:15px;text-align:center;font-family:arial;font-weight:bold;color:#000;cursor:pointer;font-size:12px;padding:0;display:inline-block;float:right;border-radius:2px;border:solid 1px #dcdcdc;text-align:center}
.panel-btns .panel-btn:nth-child(2n){border-left:0;border-right:0}
.panel-btns .panel-btn:hover{background-color:#f1f1f1}
.panel-btns .panel-btn.warning:hover{background-color:red;color:#fff}
.panel-btns .panel-btn>span{display:block;position:relative;margin:0;padding:0;width:25px;height:15px}
.panel-btns .panel-btn>span.min-scr::after{content:"";display:block;position:absolute;left:8px;top:10px;width:10px;height:2px;background:#123369;margin:0}
.panel-btns .panel-btn>span.full-scr::after{content:"";display:block;position:absolute;top:3px;left:6px;width:10px;height:6px;margin:0;border:solid 2px #123369}
.panel-btns .panel-btn>span.close-scr{font-family:arial;font-size:11px;margin-top:2px}
.dir-map-block .map-routes .dir-map-results::-webkit-scrollbar{width:6px}
.dir-map-block .map-routes .dir-map-results::-webkit-scrollbar-track{border-radius:4px;background:rgba(0,0,0,.1)}
.dir-map-block .map-routes .dir-map-results::-webkit-scrollbar-thumb{border-radius:4px;color:#fdd408;cursor:pointer;background:#ccad17}
.dir-map-block .map-routes .dir-map-results:-ms-scrollbar{width:6px;background:rgba(0,0,0,.1)}
.dir-map-block .map-routes .dir-map-results:-ms-track{border-radius:4px}
.dir-map-block .map-routes .dir-map-results:-ms-thumb{border-radius:4px;color:#fdd408;cursor:pointer;background:#fdd408}
.dir-map-block .map-routes .dir-map-results .error-msg{text-align:center;color:#fff;background:#f90a0a;border-radius:6px;font-size:12px;padding:5px;margin:15px}
.dir-map-block .map-routes .dir-map-results .status-msg{text-align:center;color:#fff;background:gray;border-radius:6px;font-size:12px;padding:5px;margin:15px}
.dir-map-block .map-routes .dir-map-results .dir-map-results-txt{color:#232323;font-size:12px;line-height:17px;margin:15px}
.dir-map-block .map-routes .dir-map-form .dir-map-results-disclaimer{color:#505050;padding:0px 0px 5px 10px;font-size:11px;margin:5px 0 0 0}
.dir-map-block .map-routes .dir-map-form .dir-map-results-disclaimer .error-msg{text-align:center;color:#ff0000;}
.dir-map-block .map-routes .dir-map-results .dir-map-results-main-msg{color:#232323;font-size:11px;line-height:17px}
.dir-map-block .map-routes .dir-map-results .dir-map-results-time{color:#2e7d32;font-size:13px;display:block;font-weight:bold;margin:5px 0;padding:10px 0}
/*---End Map Directions Controls--*/

@media only screen and (max-width:850px) {
.dir-map-block{}
.dir-map-block .map-routes {position: fixed;background: rgb(255, 255, 255);padding: 0px 15px 15px 15px;width: calc(100% - 30px);border-radius: 0px;left: -110%;height: 100%;overflow: scroll;overflow-y: scroll;overflow-y: auto;overflow-x: hidden;top: 0px;clear: both;transition: left 0.75s cubic-bezier(0.77, 0, 0.07, 1.01);border: solid 0px #dadada;}
.dir-map-block .map-routes .dir-map-form input {width: calc(100% - 20px);font-size: 12px;padding: 7px 6px;border: none;border-bottom: solid 1px #dedddd;margin: 0 0 3px 0;border-radius: 0;color: #6b6b6b;font-weight: bold;}
.dir-map-block .btn{}
.dir-map-block .btn.show{}
.dir-map-block .map-routes.show{left:0}
.dir-map-form{margin-top:35px}
.panel-btns{margin:10px 0 5px 0}
.map-routes.show .panel-btns {opacity: 0;margin: 0;position: fixed;background: #fff;width: calc(100% - 10px);left: 0;top: 0;z-index: 5;padding: 10px 5px 5px 5px;animation-timing-function: ease-in;animation-delay: 0.75s;animation-name: slide-btns-in;animation-duration: 0.2s;animation-fill-mode:forwards;}
@keyframes slide-btns-in{to{opacity:1;}}
/*}
@media only screen and (max-width:500px) {*/
.dir-map-block{position:fixed;top:0;height:0;width:0;left:0;z-index:999}
 /*.dir-map-block .map-routes {height: calc(100% - 122px);}*/
.dir-map-block .map-routes .dir-map-results{margin-bottom:120px;}
.dir-map-block .map-routes .dir-map-form .dir-map-results-txt{color:red;padding:1px 15px 1px 12px;font-size:11px;margin:1px 0 0 0}
.dir-map-block .btn{padding:22px 5px 5px 5px;top:auto;background-image:url(/images/checkRoute_btn_icon.png);background-repeat:no-repeat;background-position:25px 6px;position:fixed;right:8px;bottom:175px;width:45px;height:21px;box-shadow:inset 0 1px rgba(255,255,255,.3);border-radius:3px;font-family:'Lato',Calibri,Arial,sans-serif;transition:right .5s cubic-bezier(.77,0,.07,1.01);font-size:8px;line-height:9px;text-align:center;font-weight:bold;text-transform:uppercase;display:block;cursor:pointer;clear:both;border:1px solid #123369;color:#fff;text-shadow:0 -1px rgba(0,0,0,.3);text-decoration:none}
.dir-map-block .btn.show{top:auto;right:-100px}
}
@media all and (max-device-width:850px) and (-webkit-min-device-pixel-ratio: 2) {
.dir-map-block{}
.dir-map-block .map-routes {position: fixed;background: rgb(255, 255, 255);padding: 0px 15px 15px 15px;width: calc(100% - 30px);border-radius: 0px;left: -110%;height: 100%;overflow: scroll;overflow-y: scroll;overflow-y: auto;overflow-x: hidden;top: 0px;clear: both;transition: left 0.75s cubic-bezier(0.77, 0, 0.07, 1.01);border: solid 0px #dadada;}
.dir-map-block .map-routes .dir-map-form input {width: calc(100% - 20px);font-size: 12px;padding: 7px 6px;border: none;border-bottom: solid 1px #dedddd;margin: 0 0 3px 0;border-radius: 0;color: #6b6b6b;font-weight: bold;}
.dir-map-block .btn{}
.dir-map-block .btn.show{}
.dir-map-block .map-routes.show{left:0}
.dir-map-form{margin-top:35px}
.panel-btns{margin:10px 0 5px 0}
.map-routes.show .panel-btns {opacity: 0;margin: 0;position: fixed;background: #fff;width: calc(100% - 10px);left: 0;top: 0;z-index: 5;padding: 10px 5px 5px 5px;animation-timing-function: ease-in;animation-delay: 0.75s;animation-name: slide-btns-in;animation-duration: 0.2s;animation-fill-mode:forwards;}
@keyframes slide-btns-in{to{opacity:1;}}
/*}
@media only screen and (max-width:500px) {*/
.dir-map-block{position:fixed;top:0;height:0;width:0;left:0;z-index:999}
/*.dir-map-block .map-routes {height: calc(100% - 122px);}
.dir-map-block .map-routes .dir-map-results{max-height:215px;}*/
.dir-map-block .map-routes .dir-map-form .dir-map-results-txt{color:red;padding:1px 15px 1px 12px;font-size:11px;margin:1px 0 0 0}
.dir-map-block .btn{padding:22px 5px 5px 5px;top:auto;background-image:url(/images/checkRoute_btn_icon.png);background-repeat:no-repeat;background-position:25px 6px;position:fixed;right:8px;bottom:175px;width:45px;height:21px;box-shadow:inset 0 1px rgba(255,255,255,.3);border-radius:3px;font-family:'Lato',Calibri,Arial,sans-serif;transition:right .5s cubic-bezier(.77,0,.07,1.01);font-size:8px;line-height:9px;text-align:center;font-weight:bold;text-transform:uppercase;display:block;cursor:pointer;clear:both;border:1px solid #123369;color:#fff;text-shadow:0 -1px rgba(0,0,0,.3);text-decoration:none}
.dir-map-block .btn.show{top:auto;right:-100px}
}