.ol-popup { position: absolute; background-color: white; -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); padding: 20px 8px 8px 8px; border-radius: 10px; border: 1px solid #cccccc; bottom: 12px; left: -50px; min-width: 280px; font-family: "OpenSansRegular", Arial, sans-serif; font-size: 12px; height: auto; padding-top: 0px; border-radius: 0px; }
.ol-popup h2 { font-size: 14px; margin: 0; padding: 0; }
.ol-popup:after, .ol-popup:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.ol-popup:after { border-top-color: white; border-width: 10px; left: 48px; margin-left: -10px; }
.ol-popup:before { border-top-color: #cccccc; border-width: 11px; left: 48px; margin-left: -11px; }
.ol-popup-content { max-height: 325px; overflow: auto; }
#EventOffsetLayerPopup-content {min-height: 200px;overflow: hidden;}
#RedPopup-content{min-height: 200px;overflow: hidden;}
#BluePopup-content {min-height: 200px;overflow: hidden;}
#SkyBluePopup-content {min-height: 200px;overflow: hidden;}
#OrangePopup-content {min-height: 200px;overflow: hidden;}
#LatestPopup-content {min-height: 200px;overflow: hidden;} 
#EventLayerPopup-content{min-height: 200px;overflow: hidden;}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000 !important;
    font-size: 16px;
    z-index: 1;
}
.ol-popup-closer:after { font-family: 'pixie-nj'; content: "\e81f"; }
.layer-switcher { top: 0.5em; }

/*map related css*/
.layers-cont { position: absolute; top: 60px; right: 7px; z-index: 2; }
.layers-cont .layer-btn { height: 28px; width: 28px; background: #4a90e2; display: inline-block; bottom: 0; float: right; color: #fff; padding: 4px 3px; color: #fff; font-size: 16px; }
.sliderlayers-cont { top: 74px; }
.layers-cont .layer-btn:hover, .layers-cont .layer-btn:focus { background: #317ed6; }
.layers-cont label { font-family: 'open_sansregular'; }
.layers-cont label input { margin-top: 0; display: inline-block; vertical-align: middle; }
.ol-control button { background: #4a90e2; }
.ol-control button:hover, .ol-control button:focus { background: #317ed6; }
.layers-cont .layer-menu { background: #fff; padding: 8px 8px; clear: both; border: 1px solid #819eb6; }
.layers-cont .layer-menu .form-check-label label input[type="radio"] { margin-right: 5px; }
.layers-cont .layer-menu label { font-weight: normal; font-family: 'open_sansregular'; }
.ol-viewport .ol-scale-line { background: #4a90e2; left: 10px; bottom: 10px; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.ol-viewport .ol-scale-line-inner { color: #fff; border-color: #fff; }
.ol-viewport .ol-zoom.ol-control button { height: 28px; background: #4a90e2; width: 28px; }
.ol-viewport .ol-zoom { top: 35px; left: auto; right: 6px; }
.ol-viewport .ol-control button { background: #003264; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.ol-viewport .ol-control.ol-attribution button { height: 27px; width: 27px; box-shadow: none; border: none; margin: 0px; }
.ol-viewport .ol-control button:focus, .ol-viewport .ol-control button:hover { background: #317ed6; }
.ol-viewport .ol-attribution { right: 6px; bottom: 10px; padding: 0px; height: auto; }
.ol-viewport .ol-zoom.ol-control { padding: 0; }

/*map zoom bar*/
.ol-viewport .ol-zoom { top: 35px !important; right: 0.5em !important; bottom: auto !important; left: auto !important; }
.ol-viewport .ol-control button { font-size: 18px !important; }
.ol-viewport .ol-zoomslider {width:30px; background: #fff; left: auto; top: 93px; padding:0; right: 0; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.ol-viewport .ol-touch .ol-zoom .ol-zoom-out { margin-top: 212px; }
.ol-viewport .ol-touch .ol-zoomslider { top: 2.75em; }
.ol-viewport .ol-zoom-in.ol-has-tooltip:hover [role=tooltip], .ol-viewport .ol-zoom-in.ol-has-tooltip:focus [role=tooltip] { top: 3px; }
.ol-viewport .ol-zoom-out.ol-has-tooltip:hover [role=tooltip], .ol-viewport .ol-zoom-out.ol-has-tooltip:focus [role=tooltip] { top: 232px; }
.ol-viewport .ol-touch .ol-zoom .ol-zoom-out { margin-top: 212px; }
.ol-viewport .ol-touch .ol-zoomslider { top: 2.75em; }
.ol-viewport .ol-zoom-in.ol-has-tooltip:hover [role=tooltip], .ol-viewport .ol-zoom-in.ol-has-tooltip:focus [role=tooltip] { top: 3px; }
.ol-viewport .ol-zoom-out.ol-has-tooltip:hover [role=tooltip], .ol-viewport .ol-zoom-out.ol-has-tooltip:focus [role=tooltip] { top: 232px; }
.ol-viewport .ol-zoomslider button { width: 26px; left: 0; margin:0 auto;}
.ol-viewport .ol-zoomslider .ol-zoomslider-thumb:after{display:none;}
.ol-viewport .ol-control.show-slider button.ol-zoom-out{margin:202px 0 0 0;}
.tripDetailsgridDelay { text-align: center }
.transit-dashboard-box .search-header-box .line-out-small { width: 30% !important; }
.transit-dashboard-box .search-header-box .line-out-small .control-box { padding-left: 86px !important; }
.bottom-pannel { position: absolute; bottom: 34px; left: 10px; z-index: 2; -moz-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); -o-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); -webkit-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8); }
.bottom-pannel .search-box { height: 32px; width: 238px; overflow: hidden; border: 1px solid #ccc; padding-right: 30px; color: #333; background: #fff; position: relative; }
.bottom-pannel .search-box input { width: 100%; height: 30px; padding-left: 12px; outline: none; border: none; }
.search-box .pixie-nj-search { position: absolute; top: 0; right: 6px; height: 100%; padding: 6px 0; cursor: pointer; }
.LOS { background-color: royalblue; }
.ol-viewport .ol-zoom.ol-control { right: 7px !important; padding: 0; background: white; top: 90px !important; }
.ol-attribution ul { font-size: 1rem; }

/*custom base map layer switcher*/

/*.layers-cont .layer-btn { height: 28px; width: 30px; background: #4a90e2; display: inline-block; bottom: 0; float: left; color: #fff; padding: 4px 3px; color: #fff; font-size: 16px; }
.map-box .reset-btn { position: absolute; width: 28px; height: 29px; background-color: #4a90e2; padding: 3px 11.5px; text-decoration: none; background-image: url(../../content/images/refresh-map.png); background-repeat: no-repeat; background-position: 4px 5px; background-size: 18px auto; top: 297px; right: 8px; z-index: 9; }
.layers-cont .layer-menu { background: #fff; padding: 8px 8px; clear: both; border: 1px solid #819eb6; }
.layers-cont .layer-menu .checkbox label{font-weight:700;}
.layers-cont .layer-menu .checkbox input[type="checkbox"] { margin-top: 0px; }
.layers-cont .layer-menu .form-check-label label input[type="radio"] { margin-right: 5px; }
.layers-cont { position: absolute; top: 7px; right: 7px; z-index: 99; }*/

.layers-cont .layer-btn { height: 28px; width: 30px; background: #4a90e2; display: inline-block; bottom: 0; float: left; color: #fff; padding: 4px 3px; color: #fff; font-size: 16px; }
.map-box .reset-btn { position: absolute; width: 28px; height: 29px; background-color: #4a90e2; padding: 3px 11.5px; text-decoration: none; background-image: url(../../content/images/refresh-map.png); background-repeat: no-repeat; background-position: 4px 5px; background-size: 18px auto; top: 297px; right: 8px; z-index: 9; }
.layers-cont .layer-menu { background: #fff; padding: 8px 8px; clear: both; border: 1px solid #819eb6; z-index: 1; }
.layers-cont .layer-menu .checkbox label { font-weight: 700; }
.layers-cont .layer-menu .checkbox input[type="checkbox"] { margin-top: 0px; }
.layers-cont .layer-menu .form-check-label label input[type="radio"] { margin-right: 5px; }
.layers-cont .layer-menu .inner-group { margin-left: 10px; margin-top: 5px }
.layers-cont .layer-menu .inner-group h5 { margin-bottom: 5px; }
.map-pan-button { z-index: 1; height: 28px; width: 28px; background: #4a90e2; display: inline-block; bottom: 0; color: #fff; padding: 4px 3px; color: #fff; font-size: 16px; position: absolute; top: 151px; right: 8px; }
.map-pan-button:hover { background: #04467C; color: #fff; }
.map-pan-button:focus { color: #fff; }
.map-pan-button.active { background: #04467C; cursor: pointer; }
.map-reset-button { z-index: 9; height: 28px; width: 28px; background: #4a90e2; display: inline-block; bottom: 0; color: #fff; padding: 4px 3px; color: #fff; font-size: 16px; position: absolute; top: 335px; right: 8px; }
.map-reset-button:hover { background: #04467C; color: #fff; }
.map-reset-button:focus { color: #fff; }
.map-reset-button.active { background: #04467C; cursor: pointer; }
.project-miles-map-box { display: block; position: absolute; top: 7px; right: 4px; padding: 5px 10px; background: rgba(74, 144, 226, 1); z-index: 1; color: #fff; height: 28px; }

/*ui autocomplete*/
.ui-autocomplete.ui-widget.ui-widget-content { border: 1px solid #c5c5c5; background: #ffffff; color: #333333; list-style: none; padding: 0; margin: 0; display: block; outline: 0; position: absolute; top: 0; left: 0; cursor: default; }
.ui-autocomplete.ui-widget.ui-widget-content li.ui-menu-item { margin: 0; cursor: pointer; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }
.ui-autocomplete.ui-widget.ui-widget-content li.ui-menu-item .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; }
.ui-autocomplete.ui-widget.ui-widget-content li.ui-menu-item .ui-menu-item-wrapper.ui-state-active { background: #4a90e2; font-weight: normal; color: #ffffff; }
#VMSPopup { height: auto; }
#VMSPopup-content .common-table-box .table-content-container table tbody td:last-child { padding-right: 9px; }
.vmsPopup { text-align: center; width: 100%; background-color: blue; font-size: 20px; color: yellow; font-weight: bold; font-family: Arial; }
#VMSPopup-content .common-table-box .table-content-container table tbody td:last-child { padding-right: 9px; }

/* common openlayer popup */
.common-openlayer-popup p { margin: 0 0 0 0; line-height: 1.3; }
.common-openlayer-popup .modal-content { width: 450px; border: none; box-shadow: none; overflow-y: auto; overflow-x: hidden; }
.common-openlayer-popup .modal-content.no-border { border: none; }
.common-openlayer-popup .modal-header { padding: 10px 0; font-size: 14px; border-bottom: 1px solid #bbb; margin-bottom: 10px; }
.common-openlayer-popup .close { color: #fff; opacity: 1; display: none }
.common-openlayer-popup .close:focus, #speedpopup .close:hover { color: #fff }
#speedpopup .date-time-header-text { position: absolute; right: 25px; top: 10px; }
.common-openlayer-popup .modal-header h4 { font-size: 14px }
.common-openlayer-popup .modal-title { line-height: 1 }
.common-openlayer-popup .modal-header .close { margin-top: -1px }
.common-openlayer-popup .modal-header .left { display: inline-block; }
.common-openlayer-popup .modal-header .right { display: inline-block; width: 50%; text-align: right }
.common-openlayer-popup .modal-body { padding: 0; border: 1px solid #bbb; }
.common-openlayer-popup .openlayer-popup-nav-cont { width: 24%; float: left; position: relative; height: 190px; padding: 20px 0 0 0; overflow: hidden; }
.common-openlayer-popup .openlayer-popup-nav-cont .nav { border-bottom: none; overflow: auto; height: 180px; }
.common-openlayer-popup .openlayer-popup-nav-cont .nav:after { position: absolute; bottom: -16px; left: 0; background: #fff; content: ""; width: 100%; height: 5px; }
.common-openlayer-popup .openlayer-popup-nav-cont .nav-header { z-index: 9; position: relative; text-align: center; margin: 0; padding: 5px; background: #012F55; font-size: 12px; font-family: 'open_sanssemibold'; color: #fff; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
.common-openlayer-popup .openlayer-popup-nav-cont .nav li { float: none; margin-top: 4px; background: #ddd; }
.common-openlayer-popup .openlayer-popup-nav-cont .nav li:last-child { margin-bottom: 4px; }
.common-openlayer-popup .openlayer-popup-nav-cont .nav li a { cursor: pointer; font-size: 10px; margin-right: 0; text-align: center; color: #000; padding: 2px; border: none; display: block; -moz-user-select: text; -ms-user-select: text; -webkit-user-select: text; user-select: text; user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -webkit-user-drag: none; -o-user-drag: none; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.common-openlayer-popup .openlayer-popup-nav-cont .nav li a:hover, .common-openlayer-popup .openlayer-popup-nav-cont .nav li a:focus { background: #BBDBFA; }
.common-openlayer-popup .openlayer-popup-nav-cont .nav li.active a, .common-openlayer-popup .openlayer-popup-nav-cont .nav li.active a:focus, .common-openlayer-popup .openlayer-popup-nav-cont .nav li.active a:hover, .common-openlayer-popup .openlayer-popup-nav-cont .nav li.active span, .common-openlayer-popup .openlayer-popup-nav-cont .nav li.active span:focus, .common-openlayer-popup .openlayer-popup-nav-cont .nav li.active span:hover { border: none; font-size: 10px; background: #4a90e2; color: #fff; }
.common-openlayer-popup .openlayer-popup-tab-content label { font-weight: normal; font-size: 10px; margin: 0 5px 0 0; color: #555; }
.common-openlayer-popup .openlayer-popup-tab-content span { font-size: 10px; color: #034f8c; }
.common-openlayer-popup .openlayer-popup-tab-content p { font-size: 10px; color: #034f8c; }
.common-openlayer-popup.without-header { padding-top: 8px; }
.common-openlayer-popup.without-header .ol-popup-closer { float: right; margin-left: 10px; position: static; }
.common-openlayer-popup  span.tainy-Loader { display: inline-block; min-height: 16px; min-width: 16px; vertical-align: middle; background: url(../pixie/images/tainy-loader.gif); }
.table-footer { background: #4a90e2; padding: 6px 7px; color: #fff; font-size: 10px; }

/*region-report-popup-box*/
.region-report-popup-box .report-modal-container { position: relative; min-height: 220px; }
.region-report-popup-box .selected-region-report { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: none; }
.region-report-popup-box .modal-dialog { width: 1000px; }
.region-report-popup-box .modal-dialog .modal-body { padding: 0; }

/*highway-event-popup*/
.common-openlayer-popup.highway-event-popup { width: 375px; }
.common-openlayer-popup.transit-event-popup .direction-box-wrapper { padding: 0; }
.common-openlayer-popup.transit-event-popup .direction-box-wrapper .direction-box { display: none; }
.common-openlayer-popup.transit-event-popup .direction-box-wrapper .right-info-box { border: none; }
.common-openlayer-popup.highway-event-popup .common-table-box .table-content-container { max-height: none; }
.highway-event-popup.noTemplateType .direction-box-wrapper .direction-box .box-inner .center-content .image { background: none; }
.highway-event-popup.noTemplateType .direction-box-wrapper .direction-box .box-inner .center-content .image .img-font { color: #fff; background: #666; }
.highway-event-popup.noTemplateType .direction-box-wrapper .highway-bigfont { display: block; position: absolute; top: 50%; left: 34px; width: 75px; text-align: center; color: #fff; background: #666; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.common-openlayer-popup.transit-event-popup .direction-box-wrapper .highway-bigfont { display: none; }

/*new changes highway-event-popup*/
.common-openlayer-popup.highway-event-popup { width: 350px; }
.common-openlayer-popup.highway-event-popup .modal-header { margin-bottom: 0px; }
.common-openlayer-popup.highway-event-popup  .direction-box-wrapper { border-top: none; height: 190px; overflow: hidden; }
.common-openlayer-popup.highway-event-popup .direction-box-wrapper .direction-box { top: 37px; }
.common-openlayer-popup.highway-event-popup .direction-box-wrapper .right-info-box .date-info { padding: 5px 10px 0px 10px; }
.common-openlayer-popup.highway-event-popup .direction-box-wrapper .right-info-box .trip-info-description { padding: 15px 10px 20px 10px; height: 122px; }
.common-openlayer-popup.highway-event-popup .direction-box-wrapper .right-info-box .link-btn { padding: 4px; }
.direction-box-wrapper .right-info-box .trip-info-description { padding: 10px; overflow: auto; height: 133px; }
.direction-box-wrapper .right-info-box .link-btn { position: absolute; bottom: 0; right: 0; border: none; color: #4a90e2; width: 100%; background: none; border-top: 1px solid #bbb; padding: 5px; }

/*RouteType class start*/
.highway-event-popup .image .route-top-text {position: absolute;left: 0;right: 0; top: 15px; font-size: 8px;color: #000;}
.highway-event-popup .image { background: url("/images/map/highwayeventpopup/nj-state-route.png") no-repeat center center; width: 64px;height: 64px;margin: 0 auto;padding-top: 26px;background-size: 100% 100%;-ms-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;-o-background-size: 100% 100%;}
    .highway-event-popup .image .img-font {
        display: block;
        color: #000000;
        font-family: 'Roboto-Medium';
        font-size:12px;
    }
.highway-event-popup .image.state {background-image: url(/images/map/highwayeventpopup/routetype/nj-state-route.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.highway-event-popup .image.cr {padding: 0;}
.highway-event-popup .image.cr .county-text {color: #f0cd19;padding: 11px 0 0 0;display: block;font-size: 10px;}
    .highway-event-popup .image.cr .img-font {
        color: #f0cd19;
        font-family: 'Roboto-Medium';
        font-size:20px;
    }
.highway-event-popup .image.us-route-note {height: 64px;background-size: 100% 100%;-ms-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;-o-background-size: 100% 100%;}
.highway-event-popup .image.hrp {width: 64px;}
.highway-event-popup .image.kwvpky {width: 75px;}
.highway-event-popup .image.mpky {width: 75px;}
.highway-event-popup .image.rmppky {height: 75px;background-size: 60px 75px;-ms-background-size: 60px 75px;-moz-background-size: 60px 75px;-webkit-background-size: 60px 75px;-o-background-size: 60px 75px;}
.highway-event-popup .image.tsp {background-size: 100%;-ms-background-size: 100%;-moz-background-size: 100%;-webkit-background-size: 100%;-o-background-size: 100%;}
.highway-event-popup .image.litnl, .highway-event-popup .image.hotnl, .highway-event-popup .image.goetbrg, .highway-event-popup .image.bayobrg { width: 45px;}
.highway-event-popup .image.facility {background: url("/images/map/highwayeventpopup/nj-state-route.png") no-repeat center center;width: 60px;height: 60px;margin: 0 auto;padding-top: 8px;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);background-size: 60px;-ms-background-size: 60px;-moz-background-size: 60px;-webkit-background-size: 60px;-o-background-size: 60px;font-size: 16px;}
.highway-event-popup .image.facility.facility10 span.img-font {font-size: 12px;margin-top: 12px;display: inline-block;width: 60px;white-space: normal;word-break: break-all;}
.highway-event-popup .image.facility.facility20 span.img-font {font-size: 9px;display: inline-block;width: 60px;white-space: normal;word-break: break-all;height: 35px;overflow: hidden;text-overflow: ellipsis;font-family: 'open_sanssemibold';font-weight: 600;}
.highway-event-popup .image.facility .img-font {margin-top: 12px;display: inline-block;color: #000;}
.highway-event-popup .image-center .col-cont.noTemplateType label { font-size: 13px; color: #003264; }
.highway-event-popup .noTemplateType .image {padding:0; height:auto; width:98%;left:0; right:0;position:absolute; margin:0 auto; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%);}
.highway-event-popup .image.us-route-note, .highway-event-popup .image.us-route-3_west, .highway-event-popup .image.us-route-3_truck, .highway-event-popup .image.us-route-3_south, .highway-event-popup .image.us-route-3_business, .highway-event-popup .image.us-route-3, .highway-event-popup .image.us-route, .highway-event-popup .image.nj-route{width:54px;padding-top:35px;}
.highway-event-popup .image.us-route .route-top-text, .highway-event-popup .image.us-route-note .route-top-text {top:14px;}
.highway-event-popup .image.rmppky{width:50px;}
.highway-event-popup .image.nj-country{padding-top:20px;}
    .highway-event-popup .image.nj-country .img-font {
        color: #cdaa00;
        font-family: 'Roboto-Medium';
        font-size:20px;
    }
.highway-event-popup .image.ny-country-route {padding-top:28px;}
.highway-event-popup .image.ny-country-route .img-font{color:#cdaa00;}

.highway-event-popup .mile-speed-img-box {width: 30px; margin: 0 auto;position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);-ms-transform: translateY(-50%); -moz-transform: translateY(-50%);-webkit-transform: translateY(-50%); -o-transform: translateY(-50%);}
.highway-event-popup .mile-img {background: #067459; padding: 3px; border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.highway-event-popup .mile-img h3 { font-size: 14px; margin: 0 0 2px 0; color: #fff; font-size: 9px; font-weight: bold }
.highway-event-popup .common-page-content .mile-img p {width:10px; word-break:break-word; margin: 0 auto; font-size: 12px; font-weight: bold; color: #fff; text-align: center; }
.highway-event-popup .mile-img h4 { margin: 0; text-align: center; color: #fff; font-size: 12px; border-top: 1px solid #fff; font-weight: bold; padding-top: 3px; font-family: 'open_sansregular' }

.highway-event-popup .image.interstate{
    padding-top:23px;
}
.highway-event-popup .image.interstate .img-font {
    color: #ffffff;
    font-size: 22px;
    font-family: 'Roboto-Medium';
}

.highway-event-popup .image.ct-state {
    padding-top: 16px;
}
.highway-event-popup .image.ct-state .img-font {
    font-size: 28px;
    font-family: 'Roboto-Medium';
}
.highway-event-popup .image.us-route-1, .highway-event-popup .image.us-route-2, .highway-event-popup .image.ny-state, .highway-event-popup .image.nj-state {
    padding-top: 16px;
}
    .highway-event-popup .image.us-route-3{
        padding-top:25px;
    }
    .highway-event-popup .image.us-route-3 .img-font, .highway-event-popup .image.us-route-1 .img-font, .highway-event-popup .image.us-route-2 .img-font, .highway-event-popup .image.ny-state .img-font, .highway-event-popup .image.nj-state .img-font {
        font-size: 28px;
        font-family: 'Roboto-Medium';
    }

/*RouteType class end*/

/*start CCTV Popup */
#CCTVPopup .camera-video-box object { width: 100%; height: 270px; overflow: hidden; }
#CCTVPopup .ol-popup-content{min-height:279px;}
#CCTVPopup .common-page-content{padding:0;}
#CCTVMapPopup {min-width: 364px;}
#CCTVPopup {min-width: 364px;padding: 5px;}
#CCTVMapPopup .camera-video-box object { width: 100%; height: 270px; overflow: hidden; }
#CCTVMapPopup .ol-popup-content{min-height:279px;}
/*end CCTV Popup */
.rail-popup .color-col { width: 150px; }
.rail-popup .common-table-box .table-content-container table tbody tr { border-bottom: 1px solid #fff; }

/*common popup*/

/*.common-popup{position: absolute; bottom: -100%;left: 0; right: 0;margin: 0 auto; max-width: 300px; width: 100%; -moz-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8);-o-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8);-webkit-transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8);transition: all 0.3s cubic-bezier(0.74, 0.31, 0.37, 0.8);z-index:99;}*/
.common-popup .close-map-popup { position: absolute; top: 6px; right: 6px; z-index: 1; color: #ff0000; font-size: 14px; }
.common-popup .common-page-content { background: #FFF; padding: 6px; position: relative; }
.dashboard-camera-popup .common-page-content {padding:0; }
.common-popup .map-popup-title { font-size: 14px; margin: 0 0 7px 0; color: #003264; }
.common-page-content .row { margin: 0 -2px; }
.common-page-content .details .col-sm-6, .common-page-content .details .col-sm-12, .common-page-content .details .col-md-4, .common-page-content .details .col-md-12 { padding: 0 3px; }
.common-page-content .details { position: relative; }
.common-page-content .details .time-label label { font-size: 13px; color: #003264; display: block; }
.common-page-content .details .time-label span { font-size: 12px; }
.common-page-content .details p { font-size: 12px; text-align: left; margin: 0; }
.common-page-content .details .box-img { background: url('../images/index.png'); background-position: center; background-size: auto; width: 100%; height: 100%; display: block; background-repeat: no-repeat; }
.common-page-content .details .common-box { background: #eee; padding: 5px 10px; margin: 0 0 4px 0; text-align: center; position: relative; }
.common-page-content .details .common-box.small-size { height: 55px; }
.common-page-content .details .common-box .time-label { position: absolute; position: absolute; top: 50%; left: 0; right: 0; width: 100%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.common-page-content .details .link-btn .cl-zoom { background: #003264; border: none; padding: 5px 7px; color: #fff; width: 100%; text-align: center; }
.common-page-content .details .link-btn .cl-zoom:hover, .common-page-content .details .link-btn .cl-zoom:focus { background: #dce9f7; color: #337ab7; }
.highway-event-popup .details .highway-event-image-row .common-box { height: 80px; padding:8px 10px;}
.common-page-content .details .time-label-color .color-box ul li { position: relative;padding:0 0 0 20px; margin:0 0 5px 0;}
.common-page-content .details .time-label-color .color-box ul li:last-child {margin:0;}
.common-page-content .details .time-label-color .color-box ul li label {font-size: 12px; color: #333; margin:0;}
.common-page-content .details .time-label-color { text-align: left; }
.common-page-content .details .common-box.color-box-height label { font-size: 13px; }
.common-page-content .details .time-label-color .color-box span { width: 15px; height: 15px; background: #FFF; display: block; position: absolute; top: 0; left:0;border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;}
.common-page-content .details .time-label-color .color-box span.red { background: red; }
.common-page-content .details .time-label-color .color-box span.darkgoldenrod { background: #828207; }
.common-page-content .details .time-label-color .color-box span.blue { background: #0097CC; }
.common-page-content .details .time-label-color .color-box span.darkorange { background: #F59F3C; }
.ol-popup-closer { display: none }
.common-page-content .details .col-3 { width: 33.33%; float: left; padding: 0 2px; }
.common-page-content .details .col-6 { width: 50%; float: left; padding: 0 2px; }
.common-page-content .details .col-12 { width: 100%; padding: 0 2px; }
#EventLayerPopup .ol-popup-content{ min-height: 210px;}
#parkingLablePopup .ol-popup-content{min-height:88px;}

/*start zoom*/
.ol-zoom .sample-tooltip-wrapper {width: 100px;position: absolute; right: 38px;  background: #262626; padding: 7px 10px;  z-index: 10; visibility: hidden;  opacity: 0;border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.ol-zoom .sample-tooltip-wrapper .sample-arrow {margin:-5px 0 0 0; width: 10px;height: 10px;background: #262626;opacity: 1;right: -5px;position: absolute;top: 50%;z-index: 11;transform: rotate(225deg); -ms-transform: rotate(225deg); -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg);}
.ol-zoom .sample-tooltip span {color: #FFF;  font-size: 14px;margin:0 0 5px 0; display:block;}
.ol-zoom .sample-tooltip a {display: block;text-decoration: none; color: #54bbff; font-size:12px;}
.ol-zoom .sample-tooltip-wrapper.show-tooltip {  visibility: visible;  opacity: 1; }
.ol-zoom .sample-tooltip-wrapper.zoom-out-tooltip.hide-tooltip, .ol-zoom .sample-tooltip-wrapper.zoom-in-tooltip.hide-tooltip {  visibility: hidden;  opacity: 0;  transition: visibility 0s 0.3s, opacity 0.3s linear; }
.ol-zoom .sample-tooltip-wrapper.zoom-out-tooltip {  top: 20px; }
.ol-zoom .sample-tooltip-wrapper.zoom-out-top {  top: 223px !important; }
.ol-zoom .sample-tooltip-wrapper.zoom-in-tooltip {  top: -7px; }
/*End zoom*/
.ol-attribution li a{color:#0f0fff;}


.eventloader{position:absolute;bottom:0;top:0;left:0;right:0;margin:auto;width:50px;height:50px;vertical-align:middle;}
/* loaders styles */
.eventloader .loader{width:50px;height:50px;display:inline-block;vertical-align:middle;position:relative;}
.eventloader .loader-quart-1{border-radius:50px;border:5px solid rgba(0,50,100,0.5);}
.eventloader .loader-quart-1:after{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:5px solid transparent;border-top-color:#003264;border-radius:50px;-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;}
@-webkit-keyframes rotation{
	0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes rotation{
	0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
	100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}

/*RouteType class start*/
.service-patrol-route .image .route-top-text {position: absolute;left: 0;right: 0; top: 15px; font-size: 8px;color: #000;}
.service-patrol-route .image {text-align:center; background: url("/images/map/highwayeventpopup/nj-state-route.png") no-repeat center center; width: 64px;height: 64px;margin: 0 auto;padding-top: 26px;background-size: 100% 100%;-ms-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;-o-background-size: 100% 100%;}
.service-patrol-route .image .img-font {display: block;color: #000;}
.service-patrol-route .image.state {background-image: url(/images/map/highwayeventpopup/routetype/nj-state-route.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.service-patrol-route .image.cr {padding: 0;}
.service-patrol-route .image.cr .county-text {color: #f0cd19;padding: 11px 0 0 0;display: block;font-size: 10px;}
.service-patrol-route .image.cr .img-font {color: #f0cd19;padding: 5px 0 0 0;}
.service-patrol-route .image.us-route-note {height: 64px;background-size: 100% 100%;-ms-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;-o-background-size: 100% 100%;}
.service-patrol-route .image.interstate .img-font {margin-top: 0;color: #fff; }
.service-patrol-route .image.interstate .bigfont {font-size: 11px;}
.service-patrol-route .image.hrp {width: 64px;}
.service-patrol-route .image.kwvpky {width: 75px;}
.service-patrol-route .image.mpky {width: 75px;}
.service-patrol-route .image.rmppky {height: 75px;background-size: 60px 75px;-ms-background-size: 60px 75px;-moz-background-size: 60px 75px;-webkit-background-size: 60px 75px;-o-background-size: 60px 75px;}
.service-patrol-route .image.tsp {background-size: 100%;-ms-background-size: 100%;-moz-background-size: 100%;-webkit-background-size: 100%;-o-background-size: 100%;}
.service-patrol-route .image.litnl, .service-patrol-route .image.hotnl, .service-patrol-route .image.goetbrg, .service-patrol-route .image.bayobrg { width: 45px;}
.service-patrol-route .image.facility {background: url("/images/map/highwayeventpopup/nj-state-route.png") no-repeat center center;width: 60px;height: 60px;margin: 0 auto;padding-top: 8px;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);background-size: 60px;-ms-background-size: 60px;-moz-background-size: 60px;-webkit-background-size: 60px;-o-background-size: 60px;font-size: 16px;}
.service-patrol-route .image.facility.facility10 span.img-font {font-size: 12px;margin-top: 12px;display: inline-block;width: 60px;white-space: normal;word-break: break-all;}
.service-patrol-route .image.facility.facility20 span.img-font {font-size: 9px;display: inline-block;width: 60px;white-space: normal;word-break: break-all;height: 35px;overflow: hidden;text-overflow: ellipsis;font-family: 'open_sanssemibold';font-weight: 600;}
.service-patrol-route .image.facility .img-font {margin-top: 12px;display: inline-block;color: #000;}
.service-patrol-route .image-center .col-cont.noTemplateType label { font-size: 13px; color: #003264; }
.service-patrol-route .noTemplateType .image {padding:0; height:auto; width:98%;left:0; right:0;position:absolute; margin:0 auto; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%);}
.service-patrol-route .image.us-route-note, .service-patrol-route .image.us-route-3_west, .service-patrol-route .image.us-route-3_truck, .service-patrol-route .image.us-route-3_south, .service-patrol-route .image.us-route-3_business, .service-patrol-route .image.us-route-3, .service-patrol-route .image.us-route-1, .service-patrol-route .image.us-route, .service-patrol-route .image.nj-route{width:54px;padding-top:35px;}
.service-patrol-route .image.us-route .route-top-text, .service-patrol-route .image.us-route-note .route-top-text {top:14px;}
.service-patrol-route .image.rmppky{width:50px;}
.service-patrol-route .image.nj-country{padding-top:20px;}
.service-patrol-route .image.nj-country .img-font{color:#cdaa00;}
.service-patrol-route .image.ny-country-route {padding-top:28px;}
.service-patrol-route .image.ny-country-route .img-font{color:#cdaa00;}
.service-patrol-route .image.ct-state{padding-top:12px;}
.service-patrol-route .popup-label-text{display:block; font-family: 'Roboto-Medium';margin: 0 0 3px 0;}
.service-patrol-route .route-name-col .common-box{text-align:left;}
.common-page-content .details .common-box span{display:block;}
.common-page-content .details .shield-content-row .common-box{height: 80px;padding: 8px 10px;}
.common-page-content .details .shield-content-row .shield-content-center { position: absolute; position: absolute; top: 50%; left: 0; right: 0; width: 100%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* RWIS Layer CSS */
.road-side-popup-box {width: 350px;}
.road-side-popup-box .details .roadside-weather-image-row .common-box { height: 80px; padding:8px 10px;}
.road-side-popup-box .image .route-top-text {position: absolute;left: 0;right: 0; top: 15px; font-size: 8px;color: #000;}
.road-side-popup-box .image { background: url("../images/routetype/nj-state-route.png") no-repeat center center; width: 64px;height: 64px;margin: 0 auto;padding-top: 26px;background-size: 100% 100%;-ms-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;-o-background-size: 100% 100%;}
.road-side-popup-box .image .img-font {display: block;color: #000;}
.road-side-popup-box .image.state {background-image: url(/images/map/highwayeventpopup/routetype/nj-state-route.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
.road-side-popup-box .image.cr {padding: 0;}
.road-side-popup-box .image.cr .county-text {color: #f0cd19;padding: 11px 0 0 0;display: block;font-size: 10px;}
.road-side-popup-box .image.cr .img-font {color: #f0cd19;padding: 5px 0 0 0;}
.road-side-popup-box .image.us-route-note {height: 64px;background-size: 100% 100%;-ms-background-size: 100% 100%;-moz-background-size: 100% 100%;-webkit-background-size: 100% 100%;-o-background-size: 100% 100%;}
.road-side-popup-box .image.interstate .img-font {margin-top: 0;color: #fff;}
.road-side-popup-box .image.interstate .bigfont {font-size: 11px;}
.road-side-popup-box .image.hrp {width: 64px;}
.road-side-popup-box .image.kwvpky {width: 75px;}
.road-side-popup-box .image.mpky {width: 75px;}
.road-side-popup-box .image.rmppky {height: 75px;background-size: 60px 75px;-ms-background-size: 60px 75px;-moz-background-size: 60px 75px;-webkit-background-size: 60px 75px;-o-background-size: 60px 75px;}
.road-side-popup-box .image.tsp {background-size: 100%;-ms-background-size: 100%;-moz-background-size: 100%;-webkit-background-size: 100%;-o-background-size: 100%;}
.road-side-popup-box .image.litnl, .road-side-popup-box .image.hotnl, .road-side-popup-box .image.goetbrg, .road-side-popup-box .image.bayobrg { width: 45px;}
.road-side-popup-box .image.facility {background: url("/images/map/highwayeventpopup/nj-state-route.png") no-repeat center center;width: 60px;height: 60px;margin: 0 auto;padding-top: 8px;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);background-size: 60px;-ms-background-size: 60px;-moz-background-size: 60px;-webkit-background-size: 60px;-o-background-size: 60px;font-size: 16px;}
.road-side-popup-box .image.facility.facility10 span.img-font {font-size: 12px;margin-top: 12px;display: inline-block;width: 60px;white-space: normal;word-break: break-all;}
.road-side-popup-box .image.facility.facility20 span.img-font {font-size: 9px;display: inline-block;width: 60px;white-space: normal;word-break: break-all;height: 35px;overflow: hidden;text-overflow: ellipsis;font-family: 'open_sanssemibold';font-weight: 600;}
.road-side-popup-box .image.facility .img-font {margin-top: 12px;display: inline-block;color: #000;}
.road-side-popup-box .image-center .col-cont.noTemplateType label { font-size: 13px; color: #003264; }
.road-side-popup-box .noTemplateType .image {padding:0; height:auto; width:98%;left:0; right:0;position:absolute; margin:0 auto; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%);}
.road-side-popup-box .image.us-route-note, .road-side-popup-box .image.us-route-3_west, .road-side-popup-box .image.us-route-3_truck, .road-side-popup-box .image.us-route-3_south, .road-side-popup-box .image.us-route-3_business, .road-side-popup-box .image.us-route-3, .road-side-popup-box .image.us-route-1, .road-side-popup-box .image.us-route, .road-side-popup-box .image.nj-route{width:54px;padding-top:35px;}
.road-side-popup-box .image.us-route .route-top-text, .road-side-popup-box .image.us-route-note .route-top-text {top:14px;}
.road-side-popup-box .image.rmppky{width:50px;}
.road-side-popup-box .image.nj-country{padding-top:20px;}
.road-side-popup-box .image.nj-country .img-font{color:#cdaa00;}
.road-side-popup-box .image.ny-country-route {padding-top:28px;}
.road-side-popup-box .image.ny-country-route .img-font{color:#cdaa00;}
.road-side-popup-box .image.ct-state{padding-top:12px;}
.road-side-popup-box .mile-speed-img-box {width: 30px; margin: 0 auto;position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);-ms-transform: translateY(-50%); -moz-transform: translateY(-50%);-webkit-transform: translateY(-50%); -o-transform: translateY(-50%);}
.road-side-popup-box .mile-img {background: #067459; padding: 3px; border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.road-side-popup-box .mile-img h3 { font-size: 14px; margin: 0 0 2px 0; color: #fff; font-size: 9px; font-weight: bold }
.road-side-popup-box .common-page-content .mile-img p {width:10px; word-break:break-word; margin: 0 auto; font-size: 12px; font-weight: bold; color: #fff; text-align: center; }
.road-side-popup-box .mile-img h4 { margin: 0; text-align: center; color: #fff; font-size: 12px; border-top: 1px solid #fff; font-weight: bold; padding-top: 3px; font-family: 'open_sansregular' }

.road-side-popup-box .mile-img {position: absolute; top: 50%;left: 0;right: 0; transform: translateY(-50%); background: #067459; width: 30px; margin: 0 auto; padding: 3px; border-radius: 5px; -ms-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.road-side-popup-box .mile-img h3 { margin: 0; color: #fff; font-size: 9px; font-weight: bold }
.road-side-popup-box .mile-img p { width: 10px; word-wrap: break-word; left: 0; right: 0; margin: 0 auto; font-size: 12px; font-weight: bold; color: #fff; text-align: center; line-height: 1.2 }
.road-side-popup-box .mile-img h4 { margin: 0; text-align: center; color: #fff; font-size: 12px; border-top: 1px solid #fff; font-weight: bold; padding-top: 3px; font-family: 'open_sansregular' }
.road-side-popup-box .details .left-label-box{padding: 5px 0 5px 100px;}
.road-side-popup-box .left-label-box label{position: absolute; top:5px; left:5px;}
.road-side-popup-box .left-label-box p{margin: 0;}