@font-face { font-family: 'open_sansregular'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sanssemibold'; src: url('../fonts/OpenSans-Semibold-webfont.eot'); src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; }
body { font-family: 'open_sansregular'; color: #202020; font-size: 12px; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ul, ol { margin: 0; padding: 0; list-style: none; }
a { color: #4a90e2; }
a:hover, a:focus { text-decoration: none; color: #317ed6; outline: none !important; }
img { max-width: 100%; }
p { color: #000; margin-bottom:10px;}
h1, h2, h3, h4, h5 { margin-top: 0 !important; font-family: 'open_sanssemibold'; }
td, th { padding: 5px; }
textarea { height: 100px; resize: none; }
label { font-weight: normal; }
.disp-table { display: table; width: 100%; height: 100%; }
.disp-cell { display: table-cell; vertical-align: middle; }
.back-to-top { text-align: center; z-index: 99; position: fixed; right: 20px; bottom: -10px; font-size: 26px; color: #fff; display: none; background: #FFA000; height: 45px; width: 45px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.back-to-top:hover, .back-to-top:focus { background: #ED9200; color: #fff; }
.error { color: #FF0000; }
.success { color: #219B1F; }
.note { color: red; }
.childnote { color: red; padding-left: 10px; padding-bottom:16px; }
.form-control { -webkit-appearance: none; }

/*ie scrollbar issue*/
@-ms-viewport { width: auto !important; }

/*label*/
label { font-family: 'open_sanssemibold'; }

/*common css*/
.dropdown-menu { font-size: 12px; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { background: #f5f5f5; }
.navbar-right { margin-right: 0; }
.common-row { display: table; width: 100%; }

/*common elements*/

/*for margin*/
.margin-btm-15 { margin-bottom: 15px; }

/*for padding*/
.padding-top-17 { padding-top: 17px; }

/*for select location link*/
.select-location-link { display: block; color: #202020; padding: 10px 0; }
.select-location-link:hover, .select-location-link:focus { color: #4a90e2; }
.select-location-link i { padding: 4px 0 0 0; display: inline-block; vertical-align: middle; height: 25px; width: 25px; margin: 0 10px 0 0; text-align: center; background: #fed948; color: #202020; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.select-location-link span { display: inline-block; vertical-align: middle; }

/*for select location link*/
.tool-tip-link { color: #202020; padding-left: 5px; display: none; }
.tool-tip-link:hover, .tool-tip-link:focus { color: #4a90e2; }

/*for placeholder*/
.form-control::-moz-placeholder { color: #999; font-size: 12px; }
.form-control::-ms-placeholder { color: #999; font-size: 12px; }
.form-control::-o-placeholder { color: #999; font-size: 12px; }
.form-control::-webkit-placeholder { color: #999; font-size: 12px; }

/*for required*/
.required-label { display: block; position: relative; }
.required-label .left { padding: 0 5px 0 0; color: #FF0000; }
.required-label .right { position: absolute; right: 0; top: 0; color: #FF0000; font-size: 10px; }

/*for right-content-label*/
.right-content-label { display: block; position: relative; }
.right-content-label .right { position: absolute; right: 0; top: 0; }
.right-content-label .right i { color: #ff0000; }
.right-content-label .right a { font-weight: normal; }

/*for date-close-box*/
.date-close-box .date-box { background: #4a90e2; color: #fff; padding: 5px; display: inline-block; margin-bottom: 5px; vertical-align: middle; }
.date-close-box i { color: #fff; }

/*for select*/
.select::after { background: #fff; height: 100%; padding: 5px; pointer-events: none; position: absolute; right: 0; top: 0; content: '\e808'; font-family: 'pixie-tc'; color: #000; }
.select { background: #fff; border: 1px solid #bbb; position: relative; font-size: 12px; }
.select option { color: #000; background: #fff; padding: 0; }
.select .form-control { width: 100%; padding: 2px 0 2px 5px; border: none; height: 26px; }

/*for list style*/
.list-style li { margin-bottom: 15px; padding-left: 20px; position: relative; }
.list-style li::after { font-weight: bold; font-size: 12px; position: absolute; left: 0; content: '\e814'; font-family: "pixie-rm"; top: 2px; color: #035faf; }

/*for btn*/
.btn { text-transform: capitalize; border: none; padding: 3px 15px; background: #4a90e2; color: #fff; border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; height: 28px; }
.btn:hover, .btn:focus { background: #317ed6; color: #fff; outline: none; }
.btn.active, .btn:active { box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }

/*for secondary-btn*/
.secondary-btn { font-size: 14px; font-weight: 400; line-height: 1.42857; -moz-user-select: none; cursor: pointer; display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; white-space: nowrap; text-transform: capitalize; border: 1px solid #4a90e2; padding: 4px 15px; background: transparent; color: #4a90e2; border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; height: 28px; }
.secondary-btn:hover, .secondary-btn:focus, .secondary-btn:active { background: rgba(0, 0, 0, 0.05); color: #4a90e2; outline: none; }

/*round-download-btn*/
.round-download-btn { background: #f4d9dc none repeat scroll 0 0; border: 1px solid #ff0000; border-radius: 50%; color: #ff0000; display: block; height: 27px; padding: 4px 0; text-align: center; width: 27px; }


/*for radio-btn-group*/
.radio-btn-group .btn { background: #ddd; color: #202020; border: 1px solid #ddd; margin: 2px 4px; font-family: 'open_sansregular'; }
.radio-btn-group .btn.active, .radio-btn-group .btn:active, .radio-btn-group .btn:hover { background: #317ed6; color: #fff; border: 1px solid #317ed6; }
.radio-btn-group .btn input[type="radio"], .radio-btn-group .btn input[type="checkbox"] { position: absolute; clip: rect(0,0,0,0); pointer-events: none;}
                                                    
/*for from-control*/
.form-control { padding: 5px; border: 1px solid #bbb; height: 28px; color: #202020; font-size: 12px; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; background: none; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.form-control:focus { border-color: #03A9F4; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }

/*for top-title-bar*/
.top-title-bar { padding: 15px; width: 100%; position: relative; }
.top-title-bar h1 { margin: 0; font-size: 16px; color: #013C6C; }
.top-title-bar .right-box { position: absolute; right: 15px; top: 7px; }

/*for Modal*/
.modal-content { border-radius: 0px; -ms-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; }
.modal-header { padding: 10px 15px; position: relative; }
.modal-header h4 { margin-bottom: 0px; font-size: 14px; }
.modal-header .close { margin: 0; opacity: 1; font-size: 16px; position: absolute; top: 50%; right: 15px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: ranslateY(-50%); transform: translateY(-50%); }
.modal-footer { padding: 10px 15px; }
.modal-dialog { margin: 10px auto; max-width:600px;}

/*diffrent application background color*/
.operation-dashboard-bgc { background: #e07151; }
.reports-tools-bgc { background: #5689ec; }
.corridor-viewer-bgc { background: #eab344; }
.project-viewer-bgc { background: #bf6261; }
.zone-viewer-bgc { background: #919ee0; }
.event-playback-bgc { background: #b794be; }
.roadway-trip-bgc { background: #8bb95c; }
.roadway-event-bgc { background: #6f9c41; }
.notification-settings-bgc { background: #5187ca; }
.dynamic-trip-creation-bgc { background: #ae558b; }
.operations-map-bgc { background: #6999bf; }
.regional-condition-bgc { background: #819fa9; }
.regional-condition-test-bgc { background: #e2de66; }
.public-map-bgc { background: #bc89c6; }
.estimated-time-bgc { background: #658431; }
.historical-tt-analysis-bgc { background: #e0997d; }
.travel-time-comp-bgc { background: #ccc868; }
.data-source-bgc { background: #c8baaf; }
.historical-event-search-bgc { background: #49aecc; }
.performance-measures-bgc { background: #027fb7; }
.map-measures-bgc { background: #0182c4; }
.level-service-bgc { background: #e2b037; }
.bottleneck-bgc { background: #e0386d; }
.transit-dashboard-bgc { background: #72A49F; }
.historical-monitor-bgc { background: #A48672; }

/*for common accodian*/
.common-accordian .panel { box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; -moz-box-shadow: none; }
.common-accordian .panel-title { font-size: 14px; }
.common-accordian .panel-title a { padding: 6px; position: relative; display: block; border-bottom: 1px solid #e2514a; color: #e2514a; font-weight: normal; }
.common-accordian .panel-title a.collapsed { color: #4a90e2; border-bottom: 1px solid #4a90e2; }
.common-accordian .panel-body { padding: 15px 0; }
.common-accordian .panel-body .btn-box { display: table; width: 100%; }
.common-accordian .panel-body .btn-box .right { float: right; }
.common-accordian .panel-body .btn-box .left { float: left; }
.common-accordian .panel-body .panel-title a { border-bottom: 1px solid #9B9B9B; padding: 0 0 3px; color: #9B9B9B; }
.common-accordian .panel-title a .pixie-tc-arrow-down { bottom: 3px; position: absolute; right: 0; }
.common-accordian .panel-title a.collapsed .pixie-tc-arrow-down:before { font-family: 'pixie-tc'; content: '\e808'; }
.common-accordian .panel-title a .pixie-tc-arrow-down:before { font-family: 'pixie-tc'; content: '\e816'; }
.common-accordian .panel-heading { padding: 0; border: none; }
.common-accordian.panel-group .panel-heading + .panel-collapse > .list-group, .common-accordian.panel-group .panel-heading + .panel-collapse > .panel-body { border: none; }
.common-accordian .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: none; }

/*for wizard-accordian*/
.wizard-accordian { padding-left: 28px; margin: 0; }
.wizard-accordian .panel-title a { position: relative; }
.wizard-accordian .panel-title a:before { display: block; background: #e2514a; position: absolute; left: -28px; top: 8px; height: 14px; width: 14px; content: ""; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.wizard-accordian .panel-title a.collapsed:before { background: #4a90e2; }
.wizard-accordian .panel-title a { color: #e2514a; border-bottom: 1px solid #e2514a; }
.wizard-accordian .panel-title a.collapsed { color: #4a90e2; border-bottom: 1px solid #4a90e2; }
.wizard-accordian .panel { position: relative; background: #fff; margin: 0 0 5px 0 !important; }
.wizard-accordian .panel:before { position: absolute; left: -21px; background: #4a90e2; content: ""; top: 18px; height: 100%; width: 1px; }
.wizard-accordian .panel:last-child:before { content: none; }

/*for drawer-title*/
.drawer-title { height: 40px; background: #4a90e2; padding: 12px 10px; }
.drawer-title h2 { margin-bottom: 0px; color: #fff; font-size: 14px; }

/*for left drawer*/
.left-drawer-box { border-right: 1px solid #bbb; z-index: 22; background: #fff; width: 550px; position: fixed; left: -550px; top: 0; height: 100%; padding: 46px 0 0 0; -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); }
.open-left-drawer-box .left-drawer-box { left: 0; }
.left-drawer-box .left-drawer-btn { text-align: center; padding: 9px 0 0 0; color: #fff; font-size: 16px; width: 40px; height: 40px; background: #4a90e2; position: absolute; right: -40px; top: 46px; border-radius: 0 25px 25px 0; -ms-border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; -webkit-border-radius: 0 25px 25px 0; -o-border-radius: 0 25px 25px 0; }
.left-drawer-box .left-drawer-btn.active i:before { font-family: 'pixie-tc'; content: '\e806'; }

/*for right-drawer*/
.right-drawer-box { z-index: 22; width: 350px; background: #fff; position: fixed; right: -350px; top: 0; padding: 46px 0 0 0; -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); box-shadow: 0 0 4px -1px #000; -ms-box-shadow: 0 0 4px -1px #000; -moz-box-shadow: 0 0 4px -1px #000; -webkit-box-shadow: 0 0 4px -1px #000; -o-box-shadow: 0 0 4px -1px #000; -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); box-shadow: 0 0 3px -1px #000; -ms-box-shadow: 0 0 3px -1px #000; -moz-box-shadow: 0 0 3px -1px #000; -webkit-box-shadow: 0 0 3px -1px #000; -o-box-shadow: 0 0 3px -1px #000; }
.open-right-drawer .right-drawer-box { right: 0; }
.right-drawer-box .right-drawer-btn { text-align: center; padding: 11px 0 0 2px; color: #fff; font-size: 16px; width: 40px; height: 40px; background: #4a90e2; position: absolute; left: -40px; top: 46px; border-radius: 25px 0px 0px 25px; -ms-border-radius: 25px 0px 0px 25px; -moz-border-radius: 25px 0px 0px 25px; -webkit-border-radius: 25px 0px 0px 25px; -o-border-radius: 25px 0px 0px 25px; }
.right-drawer-box .right-drawer-btn.active i:before { font-family: 'pixie-tc'; content: '\e806'; }
.right-drawer-box .common-accordian .panel-heading { position: relative; }
.right-drawer-box .common-accordian .panel-title a .pixie-tc-arrow-down { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: right; }

/*for datatimepicker*/
.date-box { position: relative; }
.date-box i { position: absolute; top: 7px; left: 5px; color: #4a90e2; line-height: 1; }
.date-box .form-control { padding-left: 25px; }
.date-box .reset-btn { position: absolute; right: 0; top: 1px; height: 26px; background: none; visibility: hidden; right: 1px; }
.date-box .reset-btn i { color: #202020; }
.date-box .reset-btn:hover, .date-box .reset-btn:focus { background: #ddd; }
.date-box:hover .reset-btn, .date-box.visible-close .reset-btn { visibility: visible; }
.bootstrap-datetimepicker-widget table td.active { background: #4a90e2; }
.bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td.active:focus { background: #317ed6; }
.bootstrap-datetimepicker-widget .btn { background: none; padding: 0; color: #202020; }
.bootstrap-datetimepicker-widget .btn span { background: none; color: #202020; }
.bootstrap-datetimepicker-widget, .bootstrap-datetimepicker-widget table td span, .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { border-radius: 0; -ms-border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; }
.bootstrap-datetimepicker-widget .btn.btn-primary { border: 1px solid #eee; padding: 10px; }
.bootstrap-datetimepicker-widget .btn.btn-primary:hover, .bootstrap-datetimepicker-widget .btn.btn-primary:focus { background: #eee; }

/*for time-picker*/
.bootstrap-datetimepicker-widget .timepicker table td { height: 25px; line-height: 25px; padding: 0; }
.bootstrap-datetimepicker-widget .timepicker table td span { height: 25px; line-height: 25px; }
.bootstrap-datetimepicker-widget .btn { height: auto; }

/*custom-scroll*/

/*custom-scroll*/
.mCS-dark-3 .mCSB_container { margin: 0 20px 0 0; }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #013C6C !important; }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 8px !important; }
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .current-incident-inner .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 8px !important; }
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { opacity: 1; }
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { right: -2px; }
.mCSB_buttonUp::after { content: '\e865'; font-family: "pixie-tc"; color: #000; display: block; position: absolute; left: 0; top: 0; transform: rotate(180deg); }
.mCSB_buttonDown::after { content: '\e865'; font-family: "pixie-tc"; color: #000; display: block; position: absolute; left: 0; top: 0; }

/*slider*/
.slider.slider-horizontal { height: 5px; width: 100%; }
.slider.slider-horizontal .slider-track { height: 5px; margin-top: -3px; }
.slider-handle { height: 12px; width: 12px; background: #4a90e2; top: -4px; }
.slider-track-low, .slider-track-high { background: #ddd; }
.slider-selection { background: #4a90e2; }
.slider-tick { height: 12px; width: 12px; top: -4px; }
.slider.slider-horizontal .slider-tick-label-container { margin-top: 8px; }

/*radio-inline-box*/
.radio-inline-box .radio { display: inline-block; vertical-align: middle; margin: 0; padding: 0 10px 0 0; }

/*custom-radio-check-box*/
.custom-radio-check { font-family: 'open_sansregular'; position:relative; padding:2px 0 0 22px; cursor:pointer;}
.custom-radio-check input { margin-left: -20px; opacity: 0; position: absolute; }
.custom-radio-check input:checked + i { border-color: #4a90e2; }
.custom-radio-check input:checked + i::before { background-color: #4a90e2; height: 8px; left: 4px; top: 4px; width: 8px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.custom-radio-check input:checked + span .active { display: inherit; }
.custom-radio-check input[type="radio"] + i, .custom-radio-check input[type="radio"] + i::before { border-radius: 50%; }
.custom-radio-check input[disabled] + i { border-color: #4a90e2; }
.custom-radio-check input[disabled] + i::before { background-color: #4a90e2; }
.custom-radio-check > i { background-color: #fff; border: 1px solid #4a90e2; display: inline-block; width: 18px; height: 18px; line-height: 1;  position: absolute;left:0; top:0;z-index:1;
}
.custom-radio-check > i::before { background-color: transparent; content: ""; height: 0; left: 50%; position: absolute; top: 50%; width: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.custom-radio-check > span { margin: 1px 0 0 0; display: block;font-weight: normal !important; }
.custom-radio-check > span .active { display: none; }

/*small-radio-check*/
.small-radio-check { font-family: 'open_sansregular';position:relative; padding:1px 0 0 18px;cursor:pointer;}
.small-radio-check input { margin-left: -20px; opacity: 0; position: absolute; }
.small-radio-check input:checked + i { border-color: #999; }
.small-radio-check input:checked + i::before { background-color: #999; height: 6px; left: 3px; top: 3px; width: 6px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.small-radio-check input:checked + span .active { display: inherit; }
.small-radio-check input[type="radio"] + i, .small-radio-check input[type="radio"] + i::before { border-radius: 50%; }
.small-radio-check input[disabled] + i { border-color: #4a90e2; }
.small-radio-check input[disabled] + i::before { background-color: #4a90e2; }
.small-radio-check > i { background-color: #fff; border: 1px solid #999; display: block; width: 14px; height: 14px; line-height: 1; position: absolute; left:0;top:0; z-index:1; }
.small-radio-check > i::before { background-color: transparent; content: ""; height: 0; left: 50%; position: absolute; top: 50%; width: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.small-radio-check > span { margin: 1px 0 0 0; display: inline-block; vertical-align: middle; font-weight: normal !important; }
.small-radio-check > span .active { display: none; }

/*label-radio-check*/
.label-radio-check .custom-radio-check { border: 1px solid #00aade; padding: 4px 6px 4px 25px; border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color: #00aade; }
.label-radio-check .custom-radio-check.active, .label-radio-check .custom-radio-check:hover { background: #00aade; color: #fff; }
.label-radio-check .custom-radio-check.active input:checked + i { border-color: #fff; }
.label-radio-check .custom-radio-check.active input:checked + span { background: #000; }
.label-radio-check .custom-radio-check.active > i { background: transparent; border: 1px solid #fff; }
.label-radio-check .custom-radio-check.active input:checked + i::before { background-color: #fff; }
.label-radio-check { display: inline-block; vertical-align: middle; margin-top: 0; }

/*for common-jqgrid*/
.action-jq-grid .small-radio-check { margin-left: 20px; }
.action-jq-grid .small-radio-check input { margin-left: -20px; }
.action-jq-grid a, .action-jq-grid label { display: inline-block; vertical-align: middle; margin: 0; }
.no-pager-left #pager_left { display: none; }
.no-pager-left #pager_center { padding-left: 10px; }
.common-jqGrid { width: 100%; position: relative; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-btable tr.jqgfirstrow td { padding: 0px; }
.common-jqGrid .ui-jqgrid-hbox { width: 100%; color: #fff; font-weight: bold; font-family: 'open_sanssemibold'; font-size: 12px; padding-right: 0; }
.common-jqGrid .ui-jqgrid-hbox table { background: #4a90e2; }
.common-jqGrid .ui-th-column, .common-jqGrid .ui-jqgrid .ui-jqgrid-htable th.ui-th-column { height: auto; padding: 8px 5px; border-left: 1px solid #bbb; }
.common-jqGrid .ui-th-column:last-child { border-right: 1px solid #bbb; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-btable td:last-child { border-right: 1px solid #bbb; }

/*for cust jq tooltip*/
.common-jqGrid .ui-jqgrid .ui-jqgrid-htable th.ui-th-column.jqtooltip-action-column { border: none; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th.jqtooltip-action-column .ui-jqgrid-sortable .s-ico { display: none !important; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-btable tr.jqgrow td.jqtooltip-action-column { overflow: visible; border-left: none; white-space: normal; }
.jqtooltip-action-column .cust-jqtooltip-main-cont:before, .jqtooltip-action-column .cust-jqtooltip-main-cont:after { display: block; height: 0px; }
.jqtooltip-action-column .cust-jqtooltip-main-cont .cust-jqtooltip-cont { position: relative; }
.cust-jqtooltip-cont .cust-jqtooltip { position: absolute; left: 21px; z-index: 2; display: none; bottom: -5px; }
.cust-jqtooltip-cont.is-showning-tooltip .cust-jqtooltip { display: block; }
.cust-jqtooltip-cont .cust-jqtooltip span.cust-jqtooltip-tail { position: absolute; display: inline-block; bottom: 8px; left: -8px; width: 0; height: 0; border-top: 5px solid transparent; border-right: 8px solid #012f55; border-bottom: 5px solid transparent; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content { border: 1px solid #012f55; background: #fff; width: 422px; border-radius: 5px; -webkit-border-radius: 5px; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-main-header { line-height: 20px; padding: 0 8px; border-bottom: 1px solid #012f55; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-main-header span:last-child { cursor: pointer; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-main-header span:first-child { font-size: 12px; font-weight: bold; color: #012f55; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-cont-wrap .tooltip-left-cont { float: left; width: 30%; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-cont-wrap .tooltip-right-cont { float: right; width: 70%; border-left: 1px solid #012f55; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-cont-wrap .tooltip-right-cont .tooltip-link-cont { border-bottom: 1px solid #012f55; padding: 4px 1px; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-cont-wrap .tooltip-right-cont .tooltip-link-cont a, .cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-cont-wrap .tooltip-right-cont .tooltip-info-cont .text-info { display: block; width: 50%; color: #202020; float: left; padding-right: 10px; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-cont-wrap .tooltip-right-cont .tooltip-info-cont .text-info span:first-child { font-weight: bold; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-cont-wrap .tooltip-right-cont .tooltip-info-cont { padding: 5px 4px; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-cont-wrap .tooltip-right-cont .tooltip-link-cont a i { float: left; margin-right: 6px; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-cont-wrap .tooltip-right-cont .tooltip-link-cont a span { float: left; }
.cust-jqtooltip-cont .cust-jqtooltip .cust-jqtooltip-content .tooltip-cont-wrap .tooltip-right-cont .tooltip-row { margin-bottom: 5px; }
.common-jqGrid .ui-jqgrid-pager, .common-jqGrid .ui-jqgrid-hdiv, .common-jqGrid .ui-jqgrid-bdiv, .common-jqGrid .ui-jqgrid-view, .common-jqGrid .ui-jqgrid, .common-jqGrid .ui-jqgrid .ui-jqgrid-btable, .common-jqGrid .ui-jqgrid .ui-jqgrid-htable { width: 100% !important; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-htable th.ui-th-column:first-child { border: none; }
.common-jqGrid .ui-jqgrid .ui-icon-asc { margin-left: 1px; margin-top: -2px; }
.common-jqGrid .ui-jqgrid .ui-icon-desc { margin-top: 4px; }
.common-jqGrid .ui-jqgrid-btable tr:nth-child(even) { background: #f9f9f9; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-btable td { font-size: 12px; height: auto; padding: 7px 5px !important; border-top: none; border-bottom: none; border-right: none; border-left: 1px solid #bbb; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th .ui-jqgrid-sortable { height: auto; white-space: normal; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th .ui-jqgrid-sortable .s-ico .ui-icon-desc { bottom: 0; left: 42%; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th .ui-jqgrid-sortable .s-ico { position: absolute; right: 8px; display: inline !important; top: 50%; margin: -7px 0 0 0; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th .ui-jqgrid-sortable .s-ico .ui-icon-asc { left: 100%; top: -3px; position: relative; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th .ui-jqgrid-sortable .s-ico .ui-icon-asc:before { font-family: 'pixie-tc'; content: '\e830'; font-size: 7px; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th .ui-jqgrid-sortable .s-ico .ui-icon-desc { bottom: -3px; left: 52%; position: relative; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-htable .ui-jqgrid-labels th .ui-jqgrid-sortable .s-ico .ui-icon-desc:before { font-family: 'pixie-tc'; content: '\e831'; font-size: 7px; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-view .ui-jqgrid-bdiv .mCSB_inside > .mCSB_container { margin-right: 0; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-pager { background: #eee; color: #202020; height: auto; border: 1px solid #bbb !important; padding: 5px 0 !important; font-size: 12px; }
.common-jqGrid .ui-jqgrid .ui-pg-table td.ui-state-disabled { opacity: 0.35; }
.common-jqGrid .ui-jqgrid .ui-pg-table td .ui-pg-input { background: #fff; color: #202020; height: 25px; padding: 5px; border: 1px solid #bbb; text-align: center; width: 35px; font-size: 12px; }
.common-jqGrid .ui-jqgrid .ui-separator { margin: 0 5px; padding: 0; border-right: 1px solid #202020; }
.common-jqGrid .ui-jqgrid .ui-pg-table td { padding: 1px; height: auto !important; }
.common-jqGrid .ui-jqgrid .ui-pg-button .ul-state-hover span { margin: 0; }
.common-jqGrid .ui-jqgrid .ui-pg-button .ui-icon { display: inline-block; color: #202020; width: 20px; margin: 0 2px; float: none; height: 15px; position: relative; vertical-align: middle; }
.common-jqGrid .ui-jqgrid .ui-pg-button .ui-icon:before { position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; content: ""; font-family: 'pixie-tc'; }
.common-jqGrid .ui-jqgrid .ui-pg-button .ui-icon-seek-first:before { content: '\e818'; }
.common-jqGrid .ui-jqgrid .ui-pg-button .ui-icon-seek-prev:before { content: '\e82c'; }
.common-jqGrid .ui-jqgrid .ui-pg-button .ui-icon-seek-next:before { content: '\e82f'; }
.common-jqGrid .ui-jqgrid .ui-pg-button .ui-icon-seek-end:before { content: '\e826'; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-pager .ui-pg-button .ui-pg-div .ui-icon-search, .common-jqGrid .ui-jqgrid .ui-jqgrid-pager .ui-pg-button .ui-pg-div .ui-icon-refresh { padding: 10px; color: #202020; display: block; width: auto; float: none; text-align: center; height: auto; }
.common-jqGrid .ui-jqgrid .ui-jqgrid-pager .ui-pg-button .ui-pg-div .ui-icon-search:hover, .common-jqGrid .ui-jqgrid .ui-jqgrid-pager .ui-pg-button .ui-pg-div .ui-icon-search:focus, .common-jqGrid .ui-jqgrid .ui-jqgrid-pager .ui-pg-button .ui-pg-div .ui-icon-refresh:hover, .common-jqGrid .ui-jqgrid .ui-jqgrid-pager .ui-pg-button .ui-pg-div .ui-icon-refresh:focus { background: #4a90e2; color: #fff; }
.common-jqGrid .ui-jqgrid .ui-pg-button .ui-pg-div .ui-icon-search:before { content: '\e833'; top: 2px; }
.common-jqGrid .ui-jqgrid .ui-pg-button .ui-pg-div .ui-icon-refresh:before { content: '\e835'; top: 2px; }
.common-jqGrid .ui-jqgrid .ui-pg-button .ui-pg-div { font-size: 0px; }
.common-jqGrid .ui-jqgrid .ui-pg-button .ui-pg-div .ui-icon:before { font-size: 14px; font-weight: bold; }
.common-jqGrid .ui-jqgrid .ui-paging-info { margin: 0; height: auto; padding: 0 10px 0 0; }
.common-jqGrid .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; }
.common-jqGrid .ui-jqgrid .ui-pg-table td { width: auto !important; }
.pager-box { position: absolute; bottom: 10px; left: 57px; }
.pager-box a { color: #000; }
.pager-box i { font-size: 16px; }
.pager-box i:hover { background: #059bca; color: #fff; }

/*for column hide dropdown*/
.dropup .dropdown-menu { min-width: 550px; padding: 15px; }
.dropup .dropdown-menu h5 { margin-bottom: 5px; }
.dropup .dropdown-menu .checkbox { margin-top: 0; margin-bottom: 5px; }
.dropup .dropdown-menu .checkbox label { display: block; margin-top: 0; }
.dropup .dropdown-menu label { margin-top: 5px; }
.dropup .dropdown-menu .custom-radio-check > i { height: 14px; width: 14px; }
.dropup .dropdown-menu .custom-radio-check input:checked + i::before { height: 8px; width: 8px; left: 2px; top: 2px; }
.dropup .dropdown-menu .btn-box { margin-top: 5px; text-align: right; }
.dropup .dropdown-menu .btn-box .btn:nth-child(1) { float: left; }

/*jqgird search dialog*/
.ui-jqdialog { font-size: 12px; }
.ui-jqdialog .ui-jqdialog-title { margin: 0; display: block; float: none !important; font-weight: bold; font-family: 'open_sanssemibold'; }
.ui-widget-overlay { background: rgba(0, 0, 0, 1); opacity: 0.5 !important; }
.ui-jqdialog .ui-jqdialog-titlebar-close span:before { font-family: 'pixie-tc'; content: '\e806'; }
.DataGridSearchDialogue { background: #fff; padding: 0; width: 500px !important; left: 0 !important; right: 0 !important; margin: 0 auto !important; }
.DataGridSearchDialogue hr { border-color: #bbb; }
.DataGridSearchDialogue select { padding: 2px 0 2px 5px; height: 30px; border: 1px solid #bbb; }
.DataGridSearchDialogue input[type=text] { height: 30px; padding: 5px; border: 1px solid #bbb; }
.DataGridSearchDialogue input[type=text]:focus { border-color: #03A9F4; }
.DataGridSearchDialogue td.first { display: none; }
.DataGridSearchDialogue select.opsel { margin: 0 10px 0 0; }
.DataGridSearchDialogue .ui-jqdialog-titlebar { background: #4a90e2; color: #fff; padding: 10px; cursor: default !important; }
.DataGridSearchDialogue .ui-jqdialog-titlebar a { color: #fff; padding: 0; margin: -9px 0 0 0; cursor: pointer; }
.DataGridSearchDialogue .ui-jqdialog-titlebar a span { margin: 0; }
.DataGridSearchDialogue .ui-jqdialog-content { padding: 10px; }
.DataGridSearchDialogue input[type=button], .DataGridSearchDialogue .fm-button { background: #4a90e2; border: 0 none; color: #fff; padding: 7px 15px; }
.DataGridSearchDialogue input[type=button]:hover, .DataGridSearchDialogue input[type=button]:focus, .DataGridSearchDialogue .fm-button:hover, .DataGridSearchDialogue .fm-button:focus { background: #059bca; }
.JQGridListTableScroll { height: 200px !important; }

/*for Modal*/
.modal-content { border-radius: 0px; -ms-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; }
.modal-header { padding: 10px 15px; position: relative; border-bottom: 1px solid #bbb; }
.modal-header h4 { margin-bottom: 0px; font-size: 14px; }
.modal-header .close { margin: 0; opacity: 1; font-size: 16px; position: absolute; top: 50%; right: 15px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: ranslateY(-50%); transform: translateY(-50%); }
.modal-footer { padding: 10px 15px; border-top: 1px solid #bbb; }
.modal-dialog { margin: 10px auto; }

/*common-multiselect*/
.multiselect-box { position: relative; background: #fff; }
.multiselect-box::after { background: #fff; height: 100%; padding: 5px; border: 1px solid #bbb; border-left: none; pointer-events: none; position: absolute; right: 0; top: 0; content: '\e808'; font-family: 'pixie-tc'; color: #000; z-index: 2; height:28px;}
.multiselect-box .btn-group { width: 100%; }
.multiselect-box .btn.multiselect { text-transform: none; }
.multiselect-box .btn.multiselect { background: transparent; color: #111111; border-color: #bbb; padding: 3px 20px 3px 10px; height: 28px; width: 100%; text-align: left; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.multiselect-box .form-control { height: 28px; border: 1px solid #bbb; }
.multiselect-box .input-group-btn .btn { border: none; padding: 7px 5px; margin-left: 1px; }
.multiselect-box .dropdown-menu { border-top: none; min-width: auto; width: auto; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.multiselect-box .btn-default.active.focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default:focus { background: transparent; color: #111111; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.multiselect-box .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background: transparent; color: #111111; }
.multiselect-box .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { background: transparent; color: #111111; }
.multiselect-box .btn-group .dropdown-toggle { font-size: 12px; border: 1px solid #bbb; overflow: hidden; white-space: nowrap; }
.multiselect-box .btn-group.open .dropdown-toggle { overflow: hidden; white-space: nowrap; font-size: 12px; background: none; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; }
.multiselect-box .btn-group .dropdown-toggle:hover, .multiselect-box .btn-group .dropdown-toggle:focus { border-color: #bbb; }
.multiselect-box .input-group-addon { color: #000; font-size: 10px; padding: 2px 7px; height: 28px; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.multiselect-box .input-group-btn { height: 28px; }
.multiselect-box .input-group-btn .btn { padding: 3px 5px; background: #eee; border: 1px solid #ccc; margin-left: 0; border-left: none; }
.multiselect-box .multiselect-clear-filter i:before { content: '\e878'; font-family: 'pixie-tc'; }
.multiselect-box .glyphicon-search:before { content: '\e805'; font-family: 'pixie-tc'; }
.multiselect-box .dropdown-menu label { position: relative; color: #111111; top: 0; text-align: left; font-size: 12px; padding: 4px 20px 4px 25px !important; white-space: normal; font-weight: normal; font-family: 'open_sansregular'; margin-top: 0px; margin-bottom: 0px; }
.multiselect-box .caret { display: none; }
.multiselect-box .multiselect-clear-filter { background: transparent; color: #000; }
.multiselect-search .input-group-btn .multiselect-clear-filter { width: 30px !important; }
.without-chk .dropdown-menu label { padding: 4px !important; }
.without-search .multiselect-filter { display: none; }
.multiselect-box .dropdown-menu { padding: 0px; top: 28px; }
.multiselect-container > li > a > label > input[type="checkbox"] { margin-top: 2px !important; }
.multiselect-container input[type="checkbox"], .multiselect-container input[type="radio"] { margin-top: 1px; }
.multiselect-container > li > a.multiselect-all label { font-weight: normal; }
.multiselect-box.disable .btn-group { background: #eee; }
.multiselect-box.disable .btn { opacity: 1; }
.multiselect-box.disable:after { background: #eee; }
.multiselect-box .dropdown-menu { width: auto; right: 0; }
.multiselect-box.single .multiselect-container > li.active { background: #d5dfeb; }

/*common-tab*/
.common-tab .nav-tabs { border-bottom: none; background: #eee; }
.common-tab .nav-tabs li { margin-bottom: 0; }
.common-tab .nav-tabs li a {display:block; padding: 11px 15px; color: #003056; border: none; border-radius: none; font-size: 16px; border-radius: 0; }
.common-tab .nav-tabs > li > a.active, .common-tab .nav-tabs > li > a.active:focus, .common-tab .nav-tabs > li > a.active:hover, .common-tab .common-tab .nav-tabs > li > a:focus, .common-tab .nav-tabs > li > a:hover  { background: #BBDBFA; background: #BBDBFA; border: none; border-bottom: 3px solid #4a90e2; color: #003056; }

/*for common-radio-tab*/
.common-radio-tab > ul > li { display: inline-block; vertical-align: middle; margin: 0 6px 10px 0; }
.common-radio-tab > ul > li > a { border: 1px solid #4a90e2; padding: 5px 5px 5px 25px; display: block; position: relative; border-radius: 20px; }
.common-radio-tab > ul > li > a:after { position: absolute; left: 5px; top: 5px; content: ""; height: 15px; width: 15px; border: 1px solid #4a90e2; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.common-radio-tab > ul > li > a:before { height: 7px; width: 7px; position: absolute; left: 9px; top: 9px; content: ""; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.common-radio-tab > ul > li.active > a { background: #4a90e2; color: #fff; }
.common-radio-tab > ul > li.active > a:after { border: 1px solid #fff; }
.common-radio-tab > ul > li.active > a:before { background: #fff; }
.common-radio-tab .content-container .tab-content { display: none; padding: 10px 0; }
.common-radio-tab .content-container .tab-content.active-content { display: block; }

/*for common-table*/
.common-table { border: 1px solid #bbb; width: 100%; }
.common-table th, .common-table td { padding: 7px 5px; border-right: 1px solid #bbb; }
.common-table tr:nth-child(even) { background: #f9f9f9; }
.common-table th { background: #4a90e2; color: #fff; }

/*speed-slider*/

/*common elements end*/

/*header*/
header { background: #012F55; position: fixed; top: 0; right: 0; left: 0; width: 100%; margin: 0 auto; z-index: 23; height: 46px; }
header .left-box { float: left; }
header .left-box a, header .left-box p { display: inline-block; vertical-align: middle; color: #fff; }
header .left-box p { font-size: 16px; margin: 0; text-transform: uppercase; }
header .left-box .logo { padding: 7px 10px; max-width: 450px; min-height: 4px; }
header .left-box .left-tool-btn { display: none; padding: 7px 0 0 0; height: 35px; width: 35px; text-align: center; border: 1px solid #fff; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
header .left-box .left-tool-btn i { line-height: 1; font-size: 18px; }
header .left-box .left-tool-btn.active i:before { font-family: 'pixie-tc'; content: '\e806'; }
header .right-box { float: right; }
header .right-box > ul { display: inline-block; vertical-align: middle; float: none; }
header .right-box > ul > li { display: inline-block; vertical-align: middle; }
header .right-box .circle-link { margin: 9px 10px 0 10px; padding: 0 10px; border-right: 1px solid #0f78a7; border-left: 1px solid #0f78a7; }
header .right-box .circle-link li { margin: 0 2px; }
header .right-box .circle-link a { position: relative; font-size: 16px; padding: 4px 0; text-align: center; display: block; height: 27px; width: 27px; color: #000; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
header .right-box .circle-link a span { position: absolute; top: -5px; right: -7px; background: #ff0000; color: #fff; text-align: center; padding: 3px 0 0 0; font-size: 8px; width: 17px; height: 17px; font-family: 'open_sanssemibold'; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
header .right-box .circle-link a.yellow { background: #fed948; }
header .right-box .circle-link a.purple { background: #4b90e0; }
header .right-box .circle-link a.green { background: #7cd22a; }
header .right-box .circle-link a.skyblue { background: #37caec; }
header .right-box .circle-link a.orange { background: #df844f; }
header .right-box .timer-box { margin: 9px 0 0 0; }
header .right-box .other-client-logo-box { margin: 9px 0 0 0; }
header .right-box .other-client-logo-box a { /*max-width: 150px;*/
display: block; }
header .right-box .text-size-link { margin: 9px 0 0 9px; }
header .right-box .text-size-link li:last-child { border: none; }
header .right-box .text-size-link li a { padding: 5px 10px; color: #fff; background: #04467C; line-height: 1; min-height: 27px; font-family: "Times New Roman"; display: block; }
header .right-box .text-size-link li a.big-font-btn { font-size: 16px; }
header .right-box .text-size-link li a.medium-font-btn { font-size: 14px; padding: 6px 10px; }
header .right-box .text-size-link li a.default-font-btn { font-size: 12px; padding: 7px 10px; }
header .right-box .text-size-link li a:hover, header .right-box .text-size-link li a:focus { background: #317ed6; }
header .right-box .name-logout-link { margin: 9px 0 0 0; }
header .right-box .name-logout-link .name { color: #fff; display: inline-block; vertical-align: bottom; font-size: 12px; max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
header .right-box .name-logout-link .name span { font-size: 10px; display: block; }
header .right-box .name-logout-link .logout a { font-size: 20px; color: #fff; }
header .right-box .name-logout-link .logout ul.dropdown-menu { left: auto; right: -5px; top: 32px; }
header .right-box .name-logout-link .logout ul.dropdown-menu li a { color: #000; font-size: 12px; padding: 3px 12px; }
header .right-box .name-logout-link .logout a:hover, header .right-box .name-logout-link .logout a:focus { color: #fff; }
header .right-box .name-logout-link .name-link-li { cursor: pointer; }
header .right-box .name-logout-link .name-link-li i { color: #fff; font-size: 15px; display: inline-block; vertical-align: bottom; }
header .right-box .name-logout-link .dropdown-toggle i { color: #fff; font-size: 15px; }

/*footer*/
footer { background: #012f55; padding: 5px; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; font-size: 10px; z-index: 9; height: 22px; }
footer .center { text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; }
footer p { margin: 0px; color: #fff; }

/*for left menu*/
.left-menu { z-index: 10; background: #013C6C; position: fixed; left: 0; top: 0; width: 60px; height: 100%; padding-top: 45px; }
.left-menu li { display: block; padding: 0 10px; }
.left-menu li a { display: block; padding: 10px 0 0; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 10px; }
.left-menu li:last-child a { border: none; }
.left-menu li a i { color: #fff; display: block; margin: 0 auto; font-size: 20px; padding: 6px 0 0 0; line-height: 1; border: 1px solid transparent; text-align: center; height: 35px; width: 35px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.left-menu li a.add-icon i { color: #4a90e2; border: 1px solid #4a90e2; }

/*for left-tool-menu*/
.left-tool-menu { z-index: 10; width: 400px; background: #fff; position: fixed; left: -400px; top: 0; height: 100%; padding: 46px 0 0 0; box-shadow: 0 0 4px -1px #000; -ms-box-shadow: 0 0 4px -1px #000; -moz-box-shadow: 0 0 4px -1px #000; -webkit-box-shadow: 0 0 4px -1px #000; -o-box-shadow: 0 0 4px -1px #000; -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); }
.open-left-tool-menu .left-tool-menu { left: 0; }
.left-tool-menu .tool-inner-box { padding: 10px; }
.left-tool-menu .common-accordian .panel-heading { position: relative; }
.left-tool-menu .common-accordian .panel-title a .pixie-tc-arrow-down { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: right; }
.left-tool-menu .panel-body li { float: left; width: 50%; position: relative; margin: 0 0 15px 0; }
.left-tool-menu .panel-body li i { position: absolute; left: 0; top: 0; display: block; width: 25px; height: 25px; color: #fff; font-size: 16px; padding: 3px 0 0 0; text-align: center; }
.left-tool-menu .panel-body li a { display: block; color: #202020; padding: 7px 0 0 32px; font-size: 10px; }
.main-content { padding: 46px 0 23px 0; min-height: 100%; position: absolute; width: 100%; }

/*for left common-search*/
.common-search-box { padding: 15px; }
.search-drawer { top: 46px; padding: 0; }
.search-drawer .left-drawer-btn { top: 0px; height: 40px; width: 40px; font-size: 15px; }

/*reginal-playback*/
.regional-playback .right-drawer-box { position: fixed; height: auto; padding: 0; top: 96px; right: -390px; }
.open-right-drawer .regional-playback .right-drawer-box { right: 0; }
.open-right-drawer.open-playback-tooltip .regional-playback .right-drawer-box { right: -350px; }
.regional-playback .right-drawer-box.set-right-panel-position { top: 46px; }
.right-drawer-box .right-drawer-btn { top: 0; }
.regional-playback .left-drawer-box .drawer-title { position: relative; z-index: 1001; }
.regional-playback .left-drawer-box .drawer-scroll { height: calc(100vh - 110px); -ms-height: calc(100vh - 110px); -moz-height: calc(100vh - 110px); -webkit-height: calc(100vh - 110px); }
.regional-playback .left-drawer-box .mCustomScrollBox { overflow: visible; }
.regional-playback .left-drawer-box .mCSB_container { overflow: visible; }
.regional-playback .left-drawer-box .btn-box { padding: 10px 0; display: table; width: 100%; }
.regional-playback .left-drawer-box .export-download-box .dropdown-menu .btn-box { padding: 0px; }
.regional-playback .left-drawer-box .btn-box .left { float: left; padding: 7px 0 0 28px; }
.regional-playback .left-drawer-box .btn-box .right { float: right; }
.regional-playback .left-drawer-box .inner-btn-box { display: table; width: 100%; }
.regional-playback .left-drawer-box .inner-btn-box .left { float: left; }
.regional-playback .left-drawer-box .inner-btn-box .right { float: right; }
.regional-playback .left-drawer-box .multiselect-box .btn-group { width: 100%; }
.regional-playback .left-drawer-box .regional-playback-inner-box { padding-right: 10px; padding-left: 10px; }
.regional-playback .left-drawer-box .regional-playback-inner-box .search-row { margin-bottom: 15px; }
.regional-playback .left-drawer-box .regional-playback-inner-box .inner-panel { position: relative; }
.regional-playback .left-drawer-box .regional-playback-inner-box .common-jqGrid .ui-jqgrid .ui-jqgrid-btable td { font-size: 10px; }
.regional-playback .left-drawer-box .regional-playback-inner-box .ui-jqgrid tr.jqgrow td { white-space: normal; }
.regional-playback .left-drawer-box .regional-playback-inner-box .common-jqGrid .checkbox { display: inline-block; vertical-align: middle; margin-bottom: 0px; margin-top: 0px; }
.regional-playback .left-drawer-box .regional-playback-inner-box .common-jqGrid .zoom-location, .regional-playback .regional-playback-inner-box .common-jqGrid .delete-row { font-size: 14px; }
.regional-playback .left-drawer-box .regional-playback-inner-box .bottom-search .date-box i { position: absolute; left: 5px; top: 5px; }

/*for common table*/

/*.common-table-box table { width: 100%; table-layout: fixed; }
.common-table-box.no-cursor-pointer table thead th { cursor: default; }
.common-table-box.with-table-border { border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.common-table-box table thead { background: #4a90e2; color: #fff; }
.common-table-box table thead th { position: relative; padding: 5px; text-align: center; border-right: 1px solid #bbb; line-height: 1; overflow: hidden; white-space: nowrap; cursor: pointer; font-size:11px;}*/

/*.common-table-box table thead th i { position: absolute; left: 0; right: 0; margin: 0 auto; font-size: 6px; }
.common-table-box table thead th .pixie-tc-solid-up { top: 1px; }
.common-table-box table thead th .pixie-tc-sort-down { bottom: 2px; }*/

/*.common-table-box table thead th .so-cont { position: absolute; right: 5px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.common-table-box table thead th .so-cont i { display: block; font-size: 7px; }
.common-table-box table tbody td { border-right: 1px solid #bbb; white-space: normal; overflow: hidden; font-size:11px; word-break: break-all;}
.common-table-box table th span { display: block; color: #9f3434; margin: 2px 0; }
.common-table-box .table-content-container table tbody tr.selected-row { background-color: #b5d4e8; }
.common-table-box table tbody tr:nth-child(odd) { background-color: #f9f9f9; }
.common-table-box .common-table-pager-box { display: table; width: 100%; background: #eee; padding: 6px 10px; position: relative; }
.common-table-box .common-table-pager-box .center { position: absolute; left: 0; right: 0; top: 2px; margin: 0 auto; width: 410px; }
.common-table-box .common-table-pager-box .center .select::after { padding: 3px 4px; }
.common-table-box .common-table-pager-box .center li { display: inline-block; vertical-align: middle; padding: 0 5px; }
.common-table-box .common-table-pager-box .center li.page-of-box { border-left: 1px solid #999; border-right: 1px solid #999; }
.common-table-box .common-table-pager-box .center li a { color: #202020; }
.common-table-box .common-table-pager-box .center span { display: inline-block; vertical-align: middle; }
.common-table-box .common-table-pager-box .center .form-control { width: 40px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 5px; background: #fff; }
.common-table-box .common-table-pager-box .center input[type="text"].form-control { padding: 1px 5px; }
.common-table-box .common-table-pager-box .left { float: left; }
.common-table-box .common-table-pager-box .left span.grid-text { font-size: 10px; display: inline-block; margin-top: 3px; }
.common-table-box .common-table-pager-box .right { float: right; }*/
.common-table-box .table-content-container { /*overflow: auto; overflow-x: hidden;*/ /*max-height: 192px;  overflow: auto;*/ }

/*.common-table-box .table-content-container.with-auto-height { max-height: 400px; }
.common-table-box .mCSB_inside > .mCSB_container { margin-right: 0px; }
.common-table-box .no-records-message { padding: 7px 5px; text-align: center; font-size: 14px; color: #FF0000; }*/

/*for common table*/
.common-table-box table { width: 100%; table-layout: fixed; }
.common-table-box.no-cursor-pointer table thead th { cursor: default; }
.common-table-box table thead { background: #4a90e2; color: #fff; }
.common-table-box table thead th { font-size: 11px; position: relative; padding: 7px 5px; text-align: center; border-right: 1px solid #bbb; line-height: 1; overflow: hidden; white-space: normal; cursor: pointer; padding-left: 18px; vertical-align: top; }
.common-table-box table thead th .so-cont { position: absolute; left: 5px; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.common-table-box table thead th .so-cont i { display: block; font-size: 6px; }
.common-table-box table thead th.text-right { text-align: right; }
.common-table-box table tbody td { border-right: 1px solid #bbb; white-space: normal; overflow: hidden; padding: 3px 5px; font-size: 11px; }
.common-table-box table th span { display: block; color: #9f3434; margin: 2px 0; }
.common-table-box .table-content-container table tbody tr.selected-row { background-color: #b5d4e8; }
.common-table-box table tbody tr:nth-child(odd) { background-color: #f9f9f9; }
.common-table-box .common-table-pager-box { display: table; width: 100%; background: #4a90e2; padding: 6px 10px; position: relative; height: 27px; }
.common-table-box .common-table-pager-box .center { position: absolute; left: 0; right: 0; top: 2px; margin: 0 auto; width: 410px; }
.common-table-box .common-table-pager-box .center .select::after { padding: 3px 4px; }
.common-table-box .common-table-pager-box .center li { display: inline-block; vertical-align: middle; padding: 0 5px; }
.common-table-box .common-table-pager-box .center li.page-of-box { border-left: 1px solid #fff; border-right: 1px solid #fff; }
.common-table-box .common-table-pager-box .center li a { color: #fff; }
.common-table-box .common-table-pager-box .center span { display: inline-block; vertical-align: middle; color: #fff; padding: 0 5px; }
.common-table-box .common-table-pager-box .center .form-control { width: 40px; height: 20px; display: inline-block; vertical-align: middle; background: #fff; }
.common-table-box .common-table-pager-box .center input[type="text"].form-control { padding: 1px 5px; }
.common-table-box .common-table-pager-box .left { float: left; }
.common-table-box .common-table-pager-box .left span.grid-text { font-size: 10px; display: inline-block; margin-top: 3px; }
.common-table-box .common-table-pager-box .right { float: right; color: #fff; }
.common-table-box .common-table-pager-box .btn.filter-btn { position: absolute; top: 6px; left: 0; padding: 0 3px; height: auto; }
.common-table-box .mCSB_inside > .mCSB_container { margin-right: 0px; }
.common-table-box .no-records-message { padding: 7px 5px; text-align: center; font-size: 14px; color: #FF0000; }
.common-table-box .with-border { border-top: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; }
.ol-popup-content tbody td.content-label { background: #badbfc; color: #000; border-bottom: 1px solid #bbb; font-weight: normal; font-family: "open_sanssemibold" }
.ol-popup-content tbody tr:last-child td { border-bottom: 1px solid #bbb; }
.ol-popup-content tbody tr td:first-child { border-left: 1px solid #bbb !important; }
.ol-popup-content table { border-left: 1px solid #bbb; margin-bottom: 0px; }
.ol-popup-closer { top: 8px !important; }

/*area trip table*/
.area-trip-table .trip-name-col { width: 50%; }
.area-trip-table .action-col { width: 70px; }
.area-trip-table .checkbox-column { width: 40px; text-align: left; text-align: center; padding: 7px 5px !important; }
.area-trip-table .table-header-container th.action-column input[type="checkbox"] { margin-left: -8px; }
.area-trip-table .action-column .small-radio-check { margin-bottom: 0px; }
.area-trip-table .action-column .small-radio-check > i { margin-left: 0px; }
.area-trip-table .table-content-container .btn-action-col { text-align: center; }
.data-source-table .action-column { width: 56px; text-align: center; }
.data-source-table .action-column .action-icon { font-size: 16px; line-height: 1; }

/*main-inner-container*/
.regional-playback .main-regional-container { position: relative; overflow: hidden; }
.regional-playback .main-regional-container .top-box { position: relative; overflow: hidden; }
.regional-playback .main-regional-container .left-inner-map { position: relative; height: calc(100vh - 69px); height: -ms-calc(100vh - 69px); height: -moz-calc(100vh - 69px); height: -webkit-calc(100vh - 69px); }
.regional-playback .main-regional-container .left-inner-map iframe { width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; }
.regional-playback .main-regional-container .right-inner-map { display: none; }
.right-inner-map .ol-viewport .ol-zoom { top: 78px; }
.regional-playback .main-regional-container .right-inner-map iframe { width: 100%; position: relative; height: 100%; top: 0; bottom: 0; left: 0; right: 0; }
.regional-playback .main-regional-container .comparison-graph { width: 60%; height: 500px; float: left; display: block; padding: 5px; background: #ddd; }
.open-add-comparison .regional-playback .main-regional-container .left-inner-map { width: 50%; display: block; float: left; height: 60vh; }
.open-add-comparison .regional-playback .main-regional-container .left-inner-map.full-map { width: 100%; }
.open-add-comparison .regional-playback .main-regional-container .right-inner-map { position: relative; width: 50%; padding-left: 2px; display: block; float: right; height: 60vh; }
.open-add-comparison .regional-playback .main-regional-container .bottom-box { display: table; width: 100%; }
.open-add-comparison .regional-playback .main-regional-container .speed-slider { display: table; width: 100%; min-height: 50px; height: 50px; }
.open-right-drawer .top-box { position: relative; }
.regional-playback .main-regional-container .map-date { position: absolute; right: 10px; top: 48px; background: #4a90e2; width: 100px; height: 36px; text-align: center; color: #fff; font-size: 14px; }
.regional-playback .main-regional-container .map-date p { color: #fff; padding: 10px; }
.regional-playback .main-regional-container .comparison-graph img { height: 100%; }
.regional-playback .main-regional-container .result-event-list { float: left; width: 40%; height: 500px; display: block; background: #ddd; padding: 5px 5px 5px 0; }
.regional-playback .main-regional-container .result-event-list .common-accordian .panel-body { padding: 0px; }
.regional-playback .main-regional-container .result-event-list .common-tab { background: #fff; padding: 5px 0px 5px 5px; height: 490px; }
.regional-playback .main-regional-container .result-event-list .tab-content { padding: 10px 5px; }
.regional-playback .main-regional-container .result-event-list .common-table-box .table-content-container { border-left: none; border-bottom: none; max-height: 83px; overflow: auto; }
.regional-playback .main-regional-container .result-event-list .tab-content table tr td:first-child { border-left: none; }
.regional-playback .main-regional-container .speed-slider { display: none; background: #fff; padding: 11px 5px 12px 62px; position: relative; z-index:21;}
.regional-playback .main-regional-container .speed-slider .left { padding: 0 90px 0 0px; position: relative; }
.regional-playback .main-regional-container .speed-slider .left .right { position: absolute; right: 60px; top: 0; }
.regional-playback .main-regional-container .speed-slider .right { padding: 0 15px 0 20px; }
.regional-playback .main-regional-container .speed-slider .speed-btn-box { width: 70px; position: absolute; right: 0; top: 0; z-index: 1; }
.regional-playback .main-regional-container .speed-slider .speed-btn-box i, .regional-playback .speed-slider .speed-btn-box span { display: inline-block; vertical-align: middle; }
.regional-playback .main-regional-container .slider-and-btn-box{ position: relative;padding-right:270px;}
.regional-playback .main-regional-container .slider-and-btn-box .slider-right-btn-box{ position: absolute; top:-5px; right:0; z-index:1;}
.regional-playback .main-regional-container .slider-left { position: relative;}
.regional-playback .main-regional-container .slider-left .slider.slider-horizontal { margin-bottom: 0 !important; }
.regional-playback .main-regional-container .speed-slider .speed-btn { display: block; }
.regional-playback .main-regional-container .speed-slider .speed-btn i { height: 25px; margin-right: 5px; width: 25px; text-align: center; background: #4a90e2; color: #fff; padding: 5px 0px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.regional-playback .main-regional-container .map-container { width: 100%; display: table; }
.regional-playback .main-regional-container .bottom-box { display: none; }
.regional-playback .right-drawer-box .right-inner-block { padding: 10px; }
.regional-playback .find-location { padding: 0 35px 15px 0; }
.regional-playback .find-location .drag-item { position: relative; margin: 0 0 10px 0; }
.regional-playback .find-location .drag-item .col-sm-12:after { content: '\e83a'; color: #4a90e2; font-family: 'pixie-tc'; position: absolute; left: 0; top: 5px; display: block; }
.regional-playback .find-location .start-point, .regional-playback .find-location .end-point { padding: 0 32px 0 25px; position: relative; }
.regional-playback .find-location .start-point:after { background: #fff; top: 6px; color: #22c92a; content: '\e839'; display: block; font-family: "pixie-tc"; font-size: 12px; height: 14px; left: 0; position: absolute; }
.regional-playback .find-location .end-point:after { background: #fff; bottom: 8px; color: #f41313; content: '\e81a'; font-family: "pixie-tc"; font-size: 14px; display: block; height: 14px; left: 0; position: absolute; }
.regional-playback .find-location .drag-inner-list { position: relative; }
.regional-playback .find-location .start-point:before { border-left: 1px dashed #999; position: absolute; left: 6px; top: 20px; content: ''; height: 30px; }
.regional-playback .find-location .location-swipe-btn { position: absolute; right: -27px; top: 50%; margin: -10px 0 0 0; color: #999; font-size: 16px; }
.regional-playback .find-location .location-swipe-btn:hover, .regional-playback .find-location .location-swipe-btn:focus { color: #4a90e2; }
.regional-playback .drag-item .zoom-btn span:after { content: ""; position: absolute; left: 0; right: 0; top: 0; font-size: 8px; color: #fff; }
.regional-playback .drag-item .zoom-btn .point-0:after { content: "A"; }
.regional-playback .drag-item .zoom-btn .point-1:after { content: "B"; }
.regional-playback .drag-item .zoom-btn .point-2:after { content: "C"; }
.regional-playback .drag-item .zoom-btn .point-3:after { content: "D"; }
.regional-playback .drag-item .zoom-btn .point-4:after { content: "E"; }
.regional-playback .drag-item .zoom-btn .point-5:after { content: "F"; }
.regional-playback .drag-item .zoom-btn .point-6:after { content: "G"; }
.regional-playback .drag-item .zoom-btn .point-7:after { content: "H"; }
.regional-playback .drag-item .zoom-btn .point-8:after { content: "I"; }
.regional-playback .drag-item .zoom-btn .point-9:after { content: "J"; }
.regional-playback .drag-item .zoom-btn .point-10:after { content: "K"; }
.regional-playback .drag-item .zoom-btn .point-11:after { content: "L"; }
.regional-playback .drag-item .form-control { padding-right: 40px; }
.regional-playback .drag-item .right-btn-box { position: absolute; right: 0; top: 0; }
.regional-playback .drag-item .btn { padding: 3px; line-height: 1; background: #fff; border: 1px solid #bbb; position: relative; width: 35px; height: 28px; }
.regional-playback .drag-item .btn:hover, .regional-playback .drag-item .btn:focus { background: #ddd; }
.regional-playback .drag-item .zoom-btn i { font-size: 20px; color: #4a90e2; }
.regional-playback .drag-item .zoom-btn span { position: absolute; top: 7px; left: 1px; right: 0; }
.regional-playback .drag-item .reset-btn { padding: 6px 4px; margin: 0 0 0 -5px; visibility: hidden; position: absolute; left: -30px; border: none; top: 1px; height: 26px; }
.regional-playback .drag-item:hover .reset-btn, .regional-playback .drag-item.visible-close .reset-btn { visibility: visible; }
.regional-playback .drag-item .reset-btn i { color: #202020; font-size: 14px; }
.regional-playback .locate-on-map-grid-link { font-size: 16px; }
.regional-playback .data-source-grid .ui-jqgrid .ui-jqgrid-bdiv { overflow: visible; }
.regional-playback .common-jqGrid .ui-jqgrid .ui-jqgrid-btable .jqgfirstrow td { padding: 0 !important; }
.regional-playback #JQGridList7 { border-bottom: 1px solid #bbb; }

/*loader-box*/
.loader-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); text-align: center; z-index: 99999; }
.loader-box .loader { position: absolute; top: 50%; left: 0; right: 0; margin: -100px auto 0; background: rgba(255, 255, 255, 0.9); width: 300px; }
.loader-box .loader .text-box { padding: 10px; }
.loader-box .loader .text-box h2 { font-size: 20px; color: #4A90E2; text-transform: uppercase; }
.loader-box .loader .text-box p:last-child { margin: 0; }
.loader-box .loader .text-box p { margin: 0 0 2px 0; }
.loader-box .loader p span { font-family: 'open_sanssemibold'; color: #e07151; font-size: 14px; margin: 0 5px; }
.loader-box .loader .loader-bg { background: #054072; padding: 15px; }
.loader-box .loader .loader-img { background: url("../images/loader.gif") no-repeat center center; margin: 0 auto; width: 64px; 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%; }

/*Bottom legend style*/
.bottom-legend { position: relative; bottom: auto; height: auto; width: auto; background-color: #fff; right: auto; padding: 4px 4px 20px 4px; border: 1px solid #ccc; }
.bottom-legend img { max-width: 100% !important; }
.bottom-legend .sub-accordian-tog-btn { cursor: pointer; left: 0; position: absolute; width: 100%; background: #4a90e2; height: 15px; text-align: center; width: 100%; color: #fff; bottom: 0; }
.bottom-legend .legend-top-box { display: table; width: 100%; padding: 0 0 2px 0; }
/*.bottom-legend .bottom-legend-accordian { padding-top: 5px; margin-top: 5px; border-top: 1px solid #aaa; }*/
.bottom-legend .bottom-legend-accordian .top { padding-bottom: 5px; border-bottom: 1px solid #aaa; margin-bottom: 5px; }
.bottom-legend .bottom-legend-accordian label { font-size: 10px; }
.bottom-legend .ladgens-cont span { display: block; float: left; width: 25%; }
.bottom-legend .ladgens-cont span .color-infolabel { height: 8px; width: 56px; border: 1px solid #000; opacity: 0.3; display: block; }
.bottom-legend .ladgens-cont span .color-infolabel.active { opacity: 1; }
.bottom-legend .ladgens-cont span .color-infolabel.red { background-color: #d90206; }
.bottom-legend .ladgens-cont span .color-infolabel.orange { background-color: #f79430; }
.bottom-legend .ladgens-cont span .color-infolabel.yellow { background-color: #FFFF00; }
.bottom-legend .ladgens-cont span .color-infolabel.green { background-color: #04720b; }
.bottom-legend .bold-text { font-weight: bold; }
.bottom-legend .copy-text { font-size: 10px; margin-bottom: 5px; }
.colorimg { opacity: 0.5; }
.colorimg.active { opacity: 1; }

/*Weather Legend*/
.search-box-open .legend-pannel-cont { right: 331px; }
.legend-pannel-cont { position: relative; }
.open-congestion-legend .legend-pannel-cont { bottom: 225px; }
.legend-pannel-cont .ladge-pannel .bottom-legend-accordian img { max-width: none; }
.legend-pannel-cont .ladge-pannel .bottom-legend-accordian .left { padding-top: 0px; }
.legend-pannel-cont .ladge-pannel .bottom-legend-accordian label { display: block; font-size: 10px; font-weight: normal; }
.legend-pannel-cont .ladge-pannel .bottom-legend-accordian .copyright-txt { color: #000; font-weight: bolder; }
.legend-pannel-cont .ladge-pannel .left { width: 50%; float: left; padding-top: 5px; }
.legend-pannel-cont .ladge-pannel .right { width: 50%; float: right; }
.legend-pannel-cont .ladge-pannel .right .ladgens-cont span { width: 25%; padding-right: 3px; display: block; float: left; }
.legend-pannel-cont .ladge-pannel .right label { margin-bottom: 0px; }
.legend-pannel-cont .ladge-pannel .right .ladgens-cont span label { border: 1px solid #000; width: 100%; height: 9px; }
.legend-pannel-cont .ladge-pannel .right .ladgens-cont span label.red { background: #d80f06; }
.legend-pannel-cont .ladge-pannel .right .ladgens-cont span label.orange { background: #f79430; }
.legend-pannel-cont .ladge-pannel .right .ladgens-cont span label.yellow { background: #f2e506; }
.legend-pannel-cont .ladge-pannel .right .ladgens-cont span label.green { background: #03720b; }
.legend-pannel-cont .ladge-pannel .toggle-legend.active i:before { font-family: 'pixie-tc'; content: '\e808'; }
.copy-text { font-size: 10px; margin-bottom: 5px; }
.toggle-legend { background-color: #4a90e2; height: 15px; text-align: center; width: 100%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.toggle-legend i { color: #fff; }
.sub-accordian-tog-btn { position: absolute; width: 100%; left: 0px; }

/* Hand Pointer */
.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: 138px; right: 10px; }
.map-pan-button:hover { background: #04467C; color: #fff; }
.map-pan-button:focus { color: #fff; }
.map-pan-button.active { background: #04467C; }
.map-reset-button { z-index: 8; height: 28px; width: 28px; background: #4a90e2; display: inline-block; bottom: 0; color: #fff; padding: 4px 3px; color: #fff; font-size: 16px; position: absolute; top: 79px; right: 10px; }
.map-reset-button:hover { background: #04467C; color: #fff; }
.map-hand-active-reset-button:hover { background: #04467C; color: #fff; }
.map-reset-button:focus { color: #fff; }
.map-hand-active-reset-button:focus { color: #fff; }

/*search autocomplete*/
.ui-autocomplete { width: 237px; }
.ui-autocomplete li { padding: 5px; }
.ui-autocomplete li a.ui-state-focus { background: none; border: none; }

/*bottom searchbox*/
.bottom-pannel { position: absolute; bottom: 39px; left: 10px; z-index: 20; -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: 100%; padding-left: 12px; outline: none; border: none; }
.search-box .pixie-tc-search { position: absolute; top: 7px; right: 6px; }
.ol-viewport .ol-scale-line { -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); }

/*ng dialog related style*/
.ngdialog .ngdialog-content { background: transparent; }
.ngdialog-close { display: none; }

/*slider css*/

/*playback Directive css */
div.playback-slider-wrapper { width: 70%; float: left; }
div.playback-right-slider-wrapper { width: 28%; float: right; position: relative; padding: 0 0 0 170px; }
div.playback-slider-wrapper .ui-slider, div.speed-slider-wrapper .ui-slider { background: #BBDBFA; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border-color: #555; }
div.playback-slider-wrapper .ui-slider li, div.speed-slider-wrapper .ui-slider { color: #202020; }
div.playback-slider-wrapper .ui-slider span.ui-slider-tic, div.speed-slider-wrapper .ui-slider span.ui-slider-tic { border-color: #555; height: 9px; }
div.speed-slider-wrapper .ui-slider { border-color: #333; width: 100% !important; }
div.playback-current-position { position: absolute; left: 15px; top: 5px; font-weight: bold; font-size: 14px; line-height: 1; }
div.playback-current-position p { margin: 0; color: #ff6f45; }
div.playback-image-wrapper { position: absolute; left: 85px; top: -5px; z-index: 1; }
div.playback-image-wrapper a { display: inline-block; vertical-align: middle; }
div.playback-image-wrapper p { display: inline-block; vertical-align: middle; margin: 0 0 0 5px; font-family: 'open_sanssemibold'; }
div.playback-image-wrapper a i { text-align: center; padding: 7px 0 0 1px; font-size: 14px; height: 30px; width: 30px; background: #4a90e2; color: #fff; display: inline-block; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
div.playback-image-wrapper a i:hover, div.playback-image-wrapper a i:focus { background: #317ed6; }
.playback-slider-wrapper .ui-slider .ui-slider-handle, .speed-slider-wrapper .ui-slider .ui-slider-handle { z-index: 6; }
.playback-slider-wrapper .ui-slider .ui-slider-handle .ui-slider-tooltip, .speed-slider-wrapper .ui-slider .ui-slider-handle .ui-slider-tooltip { bottom: -34px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.playback-slider-wrapper .ui-slider .ui-slider-handle .ui-slider-tooltip .ttContent, .speed-slider-wrapper .ui-slider .ui-slider-handle .ui-slider-tooltip .ttContent { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; }
.regional-playback .main-regional-container .speed-slider .ui-slider-handle { background: #4a90e2; border: none; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }
.regional-playback .main-regional-container .speed-slider .playback-slider-wrapper .ui-slider span.ui-slider-label { width: 55px; margin-left: -25px !important; }

/*other*/
#LinkLayer1Popup-content table, #LinkLayer2Popup-content table, #Highway_eventsPopup-content table, #Highway_events2Popup-content table { width: 100%; border: 1px solid #bbb; }
#LinkLayer1Popup-content table th, #LinkLayer2Popup-content table th, #Highway_eventsPopup-content table th, #Highway_events2Popup-content table th { background: #4a90e2 !important; }
#LinkLayer1Popup-content table tr td:first-child, #LinkLayer2Popup-content table tr td:first-child, #Highway_eventsPopup-content table tr td:first-child, #Highway_events2Popup-content table tr td:first-child { color: #000; border-right: 1px solid #bbb; background: #badbfc; }
#LinkLayer1Popup-content table tr td:first-child b, #LinkLayer2Popup-content table tr td:first-child b, #Highway_eventsPopup-content table tr td:first-child b, #Highway_events2Popup-content table tr td:first-child b { font-family: "open_sanssemibold"; font-weight: normal; }
#LinkLayer1Popup-content table tr td, #LinkLayer2Popup-content table tr td, #Highway_eventsPopup-content table tr td, #Highway_events2Popup-content table tr td { border-top: 1px solid #bbb; }
.map-date-label { position: absolute; z-index: 21; top: 10px; left: 10px; background: #4a90e2; color: #fff; padding: 5px 10px; }
.regional-playback-inner-box .historical-weather-box .checkbox { padding-left: 0px; margin-left: 0px; }

/*Css for Custom control css for mouse position in map*/
.custom-mouse-position { right: 8px; position: absolute; bottom: 0px; font-weight: bold; }
.regional-playback .left-drawer-box .panel .pannel-header-data-action { margin-bottom: 10px; position: relative; }
.regional-playback .left-drawer-box .panel .pannel-header-data-action .export-icon { font-size: 26px; cursor: pointer; }
.regional-playback .left-drawer-box .panel .pannel-header-data-action .data-text { color: #4a90e2; }
.field-with-icon { /*padding-right: 36px;*/
position: relative; }
.field-with-icon .field-icon { position: absolute; right: -7px; font-size: 29px; top: -1px; line-height: 1; }

/*for timepicker*/
.bootstrap-datetimepicker-widget .timepicker table td { height: 25px; line-height: 25px; padding: 0; }
.bootstrap-datetimepicker-widget .timepicker table td span { height: 25px; line-height: 25px; }
.ol-popup-content table { width: 100%; }

/*map-zoom-control*/

.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: 107px; left: auto; right: 5px; }
.ol-viewport .ol-control button { background: #4a90e2; 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: 20px; padding: 0px; }
.ol-viewport .ol-zoom.ol-control { padding: 0; right: 9px !important }
.ol-viewport .ol-zoomslider { background: #fff; padding: 2px 2px 2px 1px; top: 65px; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; border: 1px solid #4a90e2; margin-top: 22px; right:10px !important; z-index:10;}
.ol-viewport .ol-zoom-extent { display: none; }
.ol-viewport .ol-attribution.ol-uncollapsible { bottom: 15px; height: auto; right: 0px; }
.right-inner-map .layers-cont, .left-inner-map .layers-cont { right: 10px; top: 50px; z-index: 21;}
.right-inner-map .layers-cont .layer-btn, .left-inner-map .layers-cont .layer-btn { height: 28px; width: 28px; background: #4a90e2; padding: 4px 3px; }
.right-inner-map .layers-cont .layer-menu, .left-inner-map .layers-cont .layer-menu { border: 1px solid #bbb; }
.right-inner-map .left-Weather-legend { bottom: 40px; }
.link-information-table .action-col { width: 58px; text-align: center; }
.result-event-list .common-tab .nav-tabs li a { padding: 5px 10px; font-size: 14px; }
.result-event-list .common-accordian .panel-title { position: relative; }
.result-event-list .common-accordian .export-collapse-right-link { position: absolute; right: 25px; font-size: 14px; top: -4px; z-index: 1; line-height: 1; padding: 0; border: none; }
.result-event-list .common-accordian .export-collapse-right-link a { border: none !important; min-height: auto !important; margin: 0 !important; padding: 0 !important; }
.link-information-table .common-scroll { max-height: 380px; }
.radius-select-text { margin: 0; }
.data-source-table .table-content-container { max-height: calc(60vh - 77px); max-height: -webkit-calc(60vh - 77px); max-height: -ms-calc(60vh - 77px); max-height: -moz-calc(60vh - 77px); max-height: -o-calc(60vh - 77px); }

/*.evnt-info-modal-box {width:80%; margin:20px auto;}*/

/*.evnt-info-modal-box .modal-right-btn-box{text-align:right; padding:5px;}*/
.evnt-info-modal-box .modal-right-btn-box a { display: inline-block; vertical-align: middle; }
.regional-playback .common-table-box .mCustomScrollBox, .regional-playback .common-table-box .mCSB_container { overflow: hidden; }
.regional-playback .common-table-box .mCSB_dragger { z-index: 1; }
.regional-playback .event-table-box .action-column { width: 70px; text-align: center; }
.regional-playback .event-table-box .action-column a { font-size: 13px; line-height: 1; }

/*CSS for bootstrap multiselect */

/*.multiselect-container > li > a.multiselect-all label { font-weight: 100; }*/

/*download-box*/
.download-box { position: absolute; top: 0; right: 0; }
.dropdown-menu { border: 1px solid #797979; border-radius: 0; left: 0; padding: 10px; right: 0; top: 27px; width: 150px; }
.dropdown-menu label { color: #4a90e2; }
.download-box .dropdown-menu { right: 0px; left: auto; }

/*download-box for event history popup*/
.modal-right-btn-box .download-box { top: 5px; right: 45px; position: absolute; z-index: 1; }
.modal-right-btn-box .dropdown .dropdown-toggle { font-size: 14px; }
.left-Weather-legend { position: absolute; left: 11px; bottom: 75px; background: #ffffff; width: 100px; height: 36px; text-align: center; color: #fff; font-size: 14px; z-index: 5; }

/*side-drawer-slider*/
.common-range-slider.rzslider .rz-pointer { height: 14px; width: 14px; top: -4px; background: #4a90e2; }
.common-range-slider.rzslider .rz-pointer:after { display: none; }
.common-range-slider.rzslider .rz-bar { height: 8px; background: #bbdbfa; }

/*temparaory remove side menu*/
.no-side-menu .left-menu { display: none; }
.no-side-menu .main-content { padding-left: 0; }
.no-side-menu header .left-box .left-tool-btn { display: none; }
.no-side-menu header { padding-left: 0; }
.no-side-menu .left-drawer-box { left: -550px; }
.no-side-menu.open-left-drawer-box .left-drawer-box { left: 0px; }
.no-side-menu footer { padding: 5px; }

/*disable-text-size-link*/
header .right-box .disable-text-size-link li a { opacity: 0.5; cursor: not-allowed; }
header .right-box .disable-text-size-link li a:hover, header .right-box .disable-text-size-link li a:focus { background: #04467C; }
.multiselect-container input[type=radio] { display: none; }
.multiselect-box.single .dropdown-menu label { font-family: 'open_sansregular'; position: relative; color: #202020; top: 0; text-align: left; font-size: 12px; padding: 4px !important; white-space: normal; font-weight: normal; }
.table-content-container { border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; }
.layers-cont label { font-family: 'open_sansregular'; }
.layers-cont label input { margin-top: 0; display: inline-block; vertical-align: middle; }
.radius-lov-note-text-box { position: relative; padding-bottom: 30px; }
.radius-lov-note-text-box .radius-select-text { color: #ff0000; position: absolute; bottom: 0; left: 0; font-size: 10px; }

/*other*/
#bottom-legend { margin: 5px 0px; }
.regional-playback .main-regional-container .top-box .transparency-slider-box { background: #fff; width: 100%; top: 10px; border: 1px solid #bbb; /*height: 36px;*/ height: 50px; margin-bottom: 5px; }
.regional-playback .main-regional-container .top-box .transparency-slider-box .inner-wrapper { position: relative; /*padding-left: 90px;*/ height: 100%; /*padding-right: 8px;*/ padding: 17px 10px; }
.regional-playback .main-regional-container .top-box .transparency-slider-box .inner-wrapper label.slider-label { position: absolute; /*left: 8px; top: 13px;*/ top: 5px; left: 5px; font-family: 'open_sansregular'; }
.regional-playback .main-regional-container .top-box .transparency-slider-box .inner-wrapper .common-range-slider { margin: 0px 0 0px 0; height: 100%; width: 90%; display: block; margin: 0 auto; }
.regional-playback .main-regional-container .top-box .transparency-slider-box .inner-wrapper .common-range-slider.rzslider .rz-bar-wrapper { top: 9px; height: auto; padding-top: 0px; margin-top: 0px; }
.regional-playback .main-regional-container .top-box .transparency-slider-box .inner-wrapper .common-range-slider.rzslider .rz-pointer { top: 5px; outline: none; }
.regional-playback .main-regional-container .top-box .transparency-slider-box .inner-wrapper .common-range-slider.rzslider .rz-bubble { bottom: -18px; }
.regional-playback .main-regional-container .top-box .transparency-slider-box .inner-wrapper .common-range-slider.rzslider .rz-bubble.rz-model-value { display: none; }
.regional-playback .main-regional-container .top-box .transparency-slider-box .inner-wrapper .common-range-slider.rzslider .rz-tick { top: 11px; /*top: 12px; height: 8px; border-radius: 0; background: #bbdbfa;*/ border-radius: 0; width: 1px; margin-left: 7px; }
.regional-playback .main-regional-container .top-box .transparency-slider-box .inner-wrapper .common-range-slider.rzslider .rz-ticks-values-under .rz-tick-value { left: 50%; bottom: -13px; font-size: 10px; top: 11px; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.regional-playback .main-regional-container .top-box .transparency-slider-box .inner-wrapper .common-range-slider.rzslider .rzslider .rz-tick.rz-selected { background: #bbdbfa; }
#Highway_eventsPopup #Highway_eventsPopup-content.multiple-events { min-width: 472px; }
#Highway_eventsPopup #Highway_eventsPopup-content table { margin-top: 0px; }
.regional-playback .main-regional-container .result-event-list .event-table-box { /*max-height:120px; overflow-y:auto;*/
border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; }
.regional-playback .main-regional-container .result-event-list .event-table-box .table-content-container { min-height: 30px; max-height: 120px; overflow: auto; }
.regional-playback .main-regional-container .result-event-list .event-table-box .table-content-container.single-date { max-height: 380px; }
.regional-playback .main-regional-container .result-event-list .link-information-table { border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; }
.link-information-table .table-content-container .tmc-col, .link-information-table .table-content-container .link-id-col { text-align: right; }
.open-add-comparison .regional-playback .main-regional-container .map-container.with-open-accordian .left-inner-map, .open-add-comparison .regional-playback .main-regional-container .map-container.with-open-accordian .right-inner-map { height: calc(100vh - 155px); height: -webkit-calc(100vh - 155px); height: -ms-calc(100vh - 155px); height: -moz-calc(100vh - 155px); z-index:6;}
.bottom-box .common-accordian .panel-group { margin-bottom: 0; }
.playback-event-graph-box .graph-event-panel-body { padding: 0; }
.playback-event-graph-box .graph-event-panel-group { margin-bottom: 0px; }
.playback-event-graph-box .graph-event-panel-group > .panel > .graph-event-heading { padding: 10px 0 0 0; background: #ddd; border: none; }
.playback-event-graph-box .graph-event-heading > .panel-title {margin:0; font-size: 12px; position: relative; display: block; font-weight: normal; font-family: 'open_sansregular'; }
.playback-event-graph-box .graph-event-heading > .panel-title > a { min-height: 24px; padding: 0 0 0 10px; padding: 6px; position: relative; display: block; border-bottom: 1px solid #4a90e2; }
.playback-event-graph-box .graph-event-heading > .panel-title > a > label { font-family: 'open_sanssemibold'; margin-bottom: 0px; margin-right: 5px; }
.playback-event-graph-box .graph-event-heading > .panel-title > a > label.note, .playback-event-graph-box .graph-event-heading > .panel-title > a > span.note { color: red; }
.playback-event-graph-box .graph-event-heading > .panel-title > a > i { background: #c2deff; border: 1px solid #0075ff; color: #348df6; font-size: 16px; padding: 4px 0; text-align: center; display: block; height: 27px; width: 27px; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; cursor: pointer; right: 10px; position: absolute; top: -6px; }
.regional-playback .left-drawer-box .regional-playback-inner-box .table-content-container { max-height: 180px; overflow-y: auto; overflow-x: hidden; }
.regional-playback .main-regional-container .playback-no-graph .comparison-graph { display: none; }
.regional-playback .main-regional-container .playback-no-graph .result-event-list { width: 100%; }
.regional-playback .main-regional-container .bottom-box .common-accordian .panel-title .panel-title a { color: #555; min-height: 25px; margin: 0 0 5px 0; }
.ol-popup { padding-top: 32px !important; }

/*ui-spinner*/
.ui-spinner.ui-widget { overflow: hidden; background: #fff; display: block; position: relative; height: 28px !important; width: 100%; padding: 5px; color: #000; font-size: 12px; border: 1px solid #bbb; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 }
.ui-spinner .ui-spinner-input { padding: 0; margin: 0; font-size: 12px; color: #000; font-family: 'open_sansregular'; }
.ui-spinner a { position: absolute; right: 0; top: 0; font-family: 'pixie-tc'; padding: 0 15px; height: 50%; cursor: pointer; background: #ddd; display: block; color: #666; text-align: center; z-index: 1; border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; text-indent: 0px; }
.ui-spinner a.ui-spinner-down { bottom: 0; top: auto; }
.ui-spinner a:hover, .ui-spinner a:focus { background: #317ed6; color: #fff; }
.ui-spinner a:before { position: absolute; top: 3px; left: 0; right: 0; display: block; font-size: 8px; }
.ui-spinner a.ui-spinner-up:before { content: '\e830'; }
.ui-spinner a.ui-spinner-down:before { content: '\e831'; }
.ui-spinner .ui-spinner-input { border: none; outline: none; }

/*advanced filter*/
.common-table-advance-search .modal-header { background: #4A90E2; color: #fff; height: 34px; border-bottom: none;border-radius:0;-webkit-border-radius:0; }
.common-table-advance-search .modal-header h4 { font-family: "open_sanssemibold"; font-size: 12px; }
.common-table-advance-search .modal-header .close { right: 10px; font-size: 12px; color: #fff; }
.common-table-advance-search select {
    position: relative;
    padding: 2px 31px 2px 5px;
    height: 30px;
    border: 1px solid #bbb;
    -webkit-appearance: none;
    background: url("data:image/svg+xml,%3Csvg width='752pt' height='752pt' version='1.1' viewBox='0 0 752 752' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m376 433.35 9.1758-7.9922 99.453-85.246-18.352-21.461-90.277 77.402-90.277-77.402-18.352 21.461 99.453 85.246z'/%3E%3C/svg%3E%0A");
    background-position: right center;
    background-size: 31px 31px;
    background-repeat: no-repeat;
    min-width: 80px;
    border-radius: 0;
    -webkit-border-radius:0
}

.common-table-advance-search .header-action { margin-bottom: 10px; }
.common-table-advance-search .btn { height: 28px; }
.common-table-advance-search .header-action select { display: inline-block; vertical-align: middle; margin-right: 10px; }
.common-table-advance-search .header-action .btn { display: inline-block; vertical-align: middle; }
.common-table-advance-search .comparision-search-filter { margin-bottom: 10px; }
.common-table-advance-search .comparision-search-filter select { display: inline-block; vertical-align: middle; margin-right: 10px; width: 125px; line-height: 1.42857143; }
.common-table-advance-search .comparision-search-filter input[type="text"].form-control { display: inline-block; vertical-align: middle; width: 135px; height: 30px; margin-right: 10px; }
.common-table-advance-search .comparision-search-filter .btn { display: inline-block; vertical-align: middle; }
.common-table-advance-search hr { margin-top: 15px; margin-bottom: 15px; }
.playback-event-graph-box .graph-event-heading .panel-title a .pixie-tc-arrow-down:before { font-family: 'pixie-tc'; content: '\e808'; }
.playback-event-graph-box .graph-event-heading .panel-title a.collapsed .pixie-tc-arrow-down:before { font-family: 'pixie-tc'; content: '\e816'; }

/*export-download-box*/
.export-download-box { position: relative; display: inline-block; vertical-align: middle; }
.export-download-box a.round-download-btn { background: #f4d9dc; border: 1px solid #ff0000; color: #ff0000; font-size: 12px; }
.export-download-box a.round-download-btn:hover, .export-download-box a.round-download-btn:focus { color: #ff0000; background: #e1bfc2; }
.export-download-box.right-pos .dropdown-menu { right: auto; left: 0px; }
.export-download-box .dropdown-menu { min-width: 232px; border: 1px solid #797979; border-radius: 0; left: auto; padding: 10px; right: 0px; font-size: 12px; }
.export-download-box .dropdown-menu .export-menu-close-btn { position: absolute; right: 0px; top: 0px; border: none; background: none; outline: none; top: 8px; color: #4a90e2; }
.export-download-box .dropdown-menu label.dropdown-title { margin-bottom: 10px; width: 100%; border-bottom: 1px solid #4a90e2; padding-bottom: 10px; color: #4a90e2; }
.export-download-box .dropdown-menu .export-option-box { width: 100%; display: table; margin-bottom: 10px; }
.export-download-box .dropdown-menu .export-option-box .checkbox { display: block; float: left; width: 33.333333%; margin-top: 0px; margin-bottom: 0px; }
.export-download-box .dropdown-menu .btn-box .btn { margin-left: 10px; }

/*linkinfo-accord-header*/
.linkinfo-accord-header { position: relative; }
.linkinfo-accord-header.with-export-btn a[title="Link Information"] { line-height: 28px; padding-top: 0px; }
.linkinfo-accord-header.with-export-btn .export-download-box { position: absolute; right: 27px; top: -5px; z-index: 1; }
.linkinfo-accord-header.with-export-btn .export-download-box a.round-download-btn { padding: 4px 0px; }
.linkinfo-accord-header.with-export-btn .export-download-box { }
.regional-playback .main-regional-container .result-event-list .event-table-box .link-data { color: #000; text-decoration: underline; }
.open-right-drawer .right-drawer-box .right-drawer-btn i:before { content: '\e806'; font-family: 'pixie-tc'; }
a.round-btn.pin-button { background: #eee; padding: 4px 2px; border: 1px solid #848383; color: #868789; padding-top: 3px !important; }
.radio-box .radio { display: inline-block; vertical-align: middle; margin: 0; }
.common-table-box table tbody tr.selected { background: #b2e0ff; }
.error-desciption-box .form-control { height: 200px; }
.open-playback-tooltip .right-drawer-box .right-drawer-btn i:before { content: '\e80e'; }
.EventHist-table .statustd { width: 8%; }
.EventHist-table .datetd { width: 20%; }
header .right-box .text-size-link li.active .btn.big-font-btn { background: #4a90e2; }
header .right-box .text-size-link li.active .btn.medium-font-btn { background: #4a90e2; }
header .right-box .text-size-link li.active .btn.default-font-btn { background: #4a90e2; }

/*custom tooltip*/
.custom-hover-tooltip { border: 1px solid #767676; padding: 5px; background: #fff; display: inline-block; line-height: 1.5; font-size: 11px; }
.custom-hover-tooltip label { font-family: 'open_sanssemibold'; font-weight: normal; }
.custom-hover-tooltip label:last-child { margin-bottom: 0; }
.ui-tooltip { position: absolute; z-index: 9999; }

/* css for show attribution after showing map */
.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible { display: block !important; }
.map-pan-button { z-index: 2; height: 28px; width: 28px; background: #4a90e2; display: inline-block; bottom: 0; color: #fff; padding: 4px 3px; color: #fff; font-size: 16px; position: absolute; top: 137px; right: 10px; }
.map-pan-button:hover { background: #04467C; color: #fff; }
.map-pan-button:focus { color: #fff; }
.map-pan-button.active { background: #04467C; }
.map-pan-button.active { background: #04467C; }

/*bottom legend css START*/
.common-bottom-legend-box { z-index: 20; position: absolute; right: 43px; bottom: 38px; -moz-transition: all 0.2s cubic-bezier(0.74, 0.31, 0.37, 0.8); -o-transition: all 0.2s cubic-bezier(0.74, 0.31, 0.37, 0.8); -webkit-transition: all 0.2s cubic-bezier(0.74, 0.31, 0.37, 0.8); transition: all 0.2s cubic-bezier(0.74, 0.31, 0.37, 0.8); }
.bottom-legend.region-settig-ledgend { width: 105px; }
.region-settig-ledgend .checkbox { margin: 0 0 5px 0; }
.region-settig-ledgend .checkbox:last-child { margin: 0; }
.region-settig-ledgend .legend-top-box .left { width: 100%; display: block; }
.RoadwayBen-ledgend { padding-bottom: 15px; }
.RoadwayBen-ledgend .legend-top-box .left { width: 100%; }
.RoadwayBen-ledgend .bottom-legend-accordian { max-height: 142px; }
.RoadwayBen-ledgend .bottom-legend-accordian li { cursor: pointer; position: relative; padding: 0 0 0 20px; min-height: 20px; }
.RoadwayBen-ledgend .bottom-legend-accordian li img { width: 10px; height: 10px; position: absolute; top: 5px; left: 8px; }
.RoadwayBen-ledgend .bottom-legend-accordian li .dash-text { position: absolute; top: 0; left: 0; }
.RoadwayBen-ledgend .bottom-legend-accordian li p { margin: 0; }
.RoadwayBen-ledgend .bottom-legend-accordian li.active { opacity: 0.5; }
.bottom-legend.common-tab-legend { padding: 0; width: 300px; position: relative; }
.common-tab-legend .common-tab > .nav-tabs { float: left; width: 46px; }
.common-tab-legend .common-tab .tab-content { float: right; width: 250px; max-height: 250px; }
.common-tab-legend .common-tab > .nav-tabs > li > a { padding: 5px 12px; position: relative; }
.common-tab-legend .common-tab > .nav-tabs > li > a.active, .common-tab-legend .common-tab > .nav-tabs > li > a.active:focus, .common-tab-legend .common-tab > .nav-tabs > li > a.active:hover, .common-tab-legend .common-tab > .nav-tabs > li > a:focus, .common-tab-legend .common-tab > .nav-tabs > li > a:hover, .common-tab-legend .common-tab > .nav-tabs > li > a.active { border-bottom: none; }
.common-tab-legend .common-tab > .nav-tabs > li > a.active:after, .common-tab-legend .common-tab > .nav-tabs > li > a:hover:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; background: #4a90e2; height: 3px; display: block; }
.common-tab-legend .sub-accordian-tog-btn { display: none; }
.common-tab-legend .bottom-legend-accordian { display: block; }
.bottom-legend.common-tab-legend .bottom-legend-accordian { display: block; }
.legend-tab-title { margin: 0; border-bottom: 1px solid #bbb; padding: 5px; font-size: 13px; }
.common-tab-legend .bottom-legend { border: none; padding: 5px; width: 100%; margin: 0; }
.common-tab-legend .congestion-legend-box { padding: 5px; }
.common-tab-legend .legend-top-box.waze-legend-box { background: #fff; margin: 0; border: none; }
.common-tab-legend .legend-top-box .waze-road-close { padding-top: 5px; margin-top: 5px; border-top: 1px solid #bbb; }
.common-tab-legend .legend-top-box .waze-road-close .left, .common-tab-legend .legend-top-box .waze-road-close .right { float: left; width: 50%; }
.legend-top-box .waze-road-close .right { text-align: right; }
.common-tab-legend:after { position: absolute; left: 46px; background: #bbb; content: ""; top: 0; height: 100%; width: 1px; }
.common-tab-legend .icon-legend-list ul { border-bottom: 1px solid #bbb; margin: 0 0 5px 0; padding: 0 0 3px 0; }
.common-tab-legend .congestion-legend-box .legend-top-box { margin: 0 0 5px 0; border-bottom: 1px solid #bbb; padding: 0 0 5px 0; }
.common-tab-legend .RoadwayBen-ledgend .bottom-legend-accordian { max-height: 175px; }
.common-legend-btn { z-index: 20; height: 28px; width: 30px; background: #4a90e2; bottom: 40px; color: #fff; padding: 4px 3px; color: #fff; font-size: 16px; position: absolute; right: 7px; -moz-transition: all 0.2s cubic-bezier(0.74, 0.31, 0.37, 0.8); -o-transition: all 0.2s cubic-bezier(0.74, 0.31, 0.37, 0.8); -webkit-transition: all 0.2s cubic-bezier(0.74, 0.31, 0.37, 0.8); transition: all 0.2s cubic-bezier(0.74, 0.31, 0.37, 0.8); }
.common-legend-btn:hover, .common-legend-btn:focus { color: #fff; }
.open-right-drawer-box .common-legend-btn { right: 410px; }
.common-tab-legend { display: inline-block; }
.map-waze-active-box.weather-active-box .common-legend-btn { bottom: 67px; }
.weather-active-box .common-legend-btn { bottom: 40px; }
.map-waze-active-box .common-legend-btn { bottom: 66px; }
.common-legend-btn.close-common-legend-btn .pixie-tc-close:before { content: '\e832'; }
.applied-text { color: #ff0000; }
.applied-text .underline-text { text-decoration: underline; cursor: default; }
.panel-sub-ban-setting-box .sub-setting-header { margin: 0 0 8px 0; }
.region-settig-ledgend .polygon-icon { display: inline-block; vertical-align: middle; color: #0000ff; }
.region-settig-ledgend .pixie-tc-polygon-fill { color: #8080ff; }
.right-side .hide-layer-info { color: #999; }
.right-side .hide-layer-info:hover, .right-side .hide-layer-info:focus { color: #000; }
.left-drawer-box .common-radio-tab .playback-redio { margin: 0 0 0 10px; background: #FFF; z-index: 99; position: relative; padding: 12px 0 8px; }
.left-drawer-box .common-radio-tab .playback-redio > li { margin: 0; }

/*bottom legend css END*/
.reset-slider-active { z-index: 91; height: 28px; width: 28px; background: #4a90e2; display: inline-block; bottom: 0; color: #fff; padding: 4px 3px; color: #fff; font-size: 16px; position: absolute; right: 10px; top: 338px; }

/*bottom legend css END*/
.bootstrap-dialog-footer-buttons button.btn.btn-primary { margin-right: 5px; }

/*tootip 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: #4285F4; 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; }
.ol-viewport .ol-control.show-slider button.ol-zoom-out { margin: 202px 0 0 1px;}
.ol-viewport .ol-zoomslider.show-slider{ margin: 20px 0 0 0; top: 117px !important;}
/*tootip End zoom*/

/* New Event Popup */
#Highway_eventsPopup .ol-popup-content { overflow: visible; max-height: none; }
#Highway_eventsPopup .event-with-roads-popup .modal-header { padding-right: 25px; position: relative; }
#Highway_eventsPopup .event-with-roads-popup .modal-content { width: 350px; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
#Highway_events2Popup .ol-popup-content { overflow: visible; max-height: 365px; }
#Highway_events2Popup .event-with-roads-popup .modal-header { padding-right: 25px; position: relative; }
#Highway_events2Popup .event-with-roads-popup .modal-content { width: 370px; box-shadow: none; -ms-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.event-with-roads-popup .modal-header .left-box { float: left; position: relative; padding: 0 0 0 28px; }
.event-with-roads-popup .modal-header .left-box img { position: absolute; left: 0; top: 0; }
.event-with-roads-popup .modal-header .left-box h2 { font-size: 14px; padding: 3px 0 0 0; }
.event-with-roads-popup .modal-header .right-box { float: right; position: absolute; top: 7px; right: 30px; }
.event-with-roads-popup .modal-header .right-box .direction-status-col { position: relative; padding: 0 0 0 40px; }
.event-with-roads-popup .modal-header .right-box .direction-status-col i { font-size: 30px; position: absolute; left: 0; top: -3px; color: #000000; line-height: 1; }
.event-with-roads-popup .modal-header .right-box .direction-status-col i:before { line-height: 1; margin: 0; }
.event-with-roads-popup .modal-header .right-box .status-col { padding: 5px 10px; background: #FF4747; color: #ffffff; font-size: 12px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; }
.event-with-roads-popup .modal-header .right-box .status-col.minor { background: #51ab00; } 
.event-with-roads-popup .modal-header .right-box .status-col.intermediate { background: #e48900; }
.event-with-roads-popup .left-roadway-green-box { float: left; background: #1f7b4e; width: 150px; position: absolute; left: 0; top: 0; height: 100%; z-index: 1; }
.event-with-roads-popup .left-roadway-table-row { margin: 0 0 20px 0; padding: 5px; min-height: 46px; }
.event-with-roads-popup .left-roadway-table-row.last-left-roadway-table-row { position: absolute; bottom: 0; left: 0; width: 100%; }
.event-with-roads-popup .left-roadway-table-row:last-child { margin: 0; }
.event-with-roads-popup .left-roadway-table-row .left-roadway-table-col { position: relative; padding: 0 0 0 42px; }
.event-with-roads-popup .left-roadway-table-row .left-roadway-table-col .image { position: absolute; top: 0; width: 36px; height: 36px; left: 0; }
.event-with-roads-popup .left-roadway-table-row .left-roadway-table-col .facility-text-row p { font-size: 10px; color: #ffffff; margin: 0 0 12px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.event-with-roads-popup .left-roadway-table-row .left-roadway-table-col .facility-text-row p:last-child { margin: 0; }
.event-with-roads-popup .left-roadway-table-row .left-roadway-table-col.overley-roadway-table-col .facility-text-row p { color: #ffff00; }
.event-with-roads-popup .right-lane-event-details-box { padding: 2px 5px; }
.event-with-roads-popup .right-lane-event-details-box.no-lane-box .lane-event-details-box { padding-top: 5px; }
.event-with-roads-popup .right-lane-event-details-box .lane-event-details-box { padding: 0 5px 10px 5px; color: #000000; }
.event-with-roads-popup .right-lane-event-details-box .lane-event-details-box .date-row { display: table; width: 100%; margin: 0 -5px 10px -5px; }
.event-with-roads-popup .right-lane-event-details-box .lane-event-details-box .date-row .col { width: 50%; padding: 0 5px; display: table-cell; }
.event-with-roads-popup .right-lane-event-details-box .lane-event-details-box .date-row .col label { display: block; margin: 0 0 5px 0; }
.event-with-roads-popup .right-lane-event-details-box .lane-event-details-box .date-row .col p { color: #444444;margin:0; }
.event-with-roads-popup .right-lane-event-details-box .lane-event-details-box .lane-event-details-text label { display: block; margin: 0 0 5px 0; }
.event-with-roads-popup .right-lane-event-details-box .lane-event-details-box .lane-event-details-text p { margin: 0; color: #444444; }
.event-with-roads-popup .right-lane-event-details-box .bottom-btn-box { display: table; width: 100%; }
.event-with-roads-popup .right-lane-event-details-box .bottom-btn-box .event-popup-btn { background: none; border: 1px solid #bbbbbb; padding: 5px 15px; color: #4a90e2; display: block; float: left; width: 50%; text-align: center; }
.event-with-roads-popup .right-lane-event-details-box .bottom-btn-box .event-popup-btn:focus { outline: none; }
.event-with-roads-popup .right-lane-event-details-box .bottom-btn-box .event-popup-btn:first-child { border-right: none; }
.event-with-roads-popup .left-roadway-table-row .image { padding: 12px 0 0 0; height: 60px; width: 60px; background-repeat: no-repeat; background-position: center center; background-size: cover; -ms-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }
.event-with-roads-popup .left-roadway-table-row .image .img-font { text-align: center; display: block; color: #000; }
.event-with-roads-popup .left-roadway-table-row .image.state { background-image: url(../images/highwayEventPopup/RouteType/nj-state-route.png); background-repeat: no-repeat; background-position: center; background-size: cover; }
.event-with-roads-popup .left-roadway-table-row .image.cr { padding: 0; }
.event-with-roads-popup .left-roadway-table-row .image.cr .county-text { color: #f0cd19; padding: 10px 0 0 0; display: block; font-size: 10px; }
.event-with-roads-popup .left-roadway-table-row .image.cr .img-font { color: #f0cd19; padding: 5px 0 0 0; }
.event-with-roads-popup .left-roadway-table-row .image.us-route-note { height: 75px; background-size: 100% 100%; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%; }
.event-with-roads-popup .left-roadway-table-row .image.us-route-note .img-font { padding: 17px 0 0 0; }
.event-with-roads-popup .left-roadway-table-row .image.interstate .img-font { margin-top: 0; color: #fff; font-size: 10px; }
.event-with-roads-popup .left-roadway-table-row .image.interstate .bigfont { font-size: 11px; }
.event-with-roads-popup .left-roadway-table-row .image.hrp { width: 36px; }
.event-with-roads-popup .left-roadway-table-row .image.kwvpky { width: 36px; }
.event-with-roads-popup .left-roadway-table-row .image.mpky { width: 36px; }
.event-with-roads-popup .left-roadway-table-row .image.rmppky { height: 36px; background-size: 36px 36px; -ms-background-size: 36px 36px; -moz-background-size: 36px 36px; -webkit-background-size: 36px 36px; -o-background-size: 36px 36px; }
.event-with-roads-popup .left-roadway-table-row .image.tsp { height: 50px; background-size: 100% 100%; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%; }
.event-with-roads-popup .left-roadway-table-row .image.goetbrg, .event-with-roads-popup .left-roadway-table-row .image.hotnl, .event-with-roads-popup .left-roadway-table-row .image.litnl, .event-with-roads-popup .left-roadway-table-row .image.bayobrg { height: 36px; width: 30px; padding: 0; background-size: 100% 100%; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%; }

/* NEW CLASSES FOR SHILED END */
.event-with-roads-popup .left-roadway-table-row .image.facility { background: url("../images/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; }
.event-with-roads-popup .left-roadway-table-row .image.facility.facility10 span.img-font { font-size: 12px; margin-top: 12px; display: inline-block; width: 60px; white-space: normal; word-break: break-all; }
.event-with-roads-popup .left-roadway-table-row .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; }
.event-with-roads-popup .left-roadway-table-row .image.facility .img-font { margin-top: 12px; display: inline-block; color: #000; }

/*RouteType class end*/
.event-with-roads-popup .event-contact-box .event-contact-back-box { margin: 0 0 5px 0; }
.event-with-roads-popup .event-contact-box .event-contact-back-box .label-text { margin: 5px 0 0 0; }
.event-with-roads-popup .event-contact-box .event-contact-right-box { float: right; }
.event-with-roads-popup .event-contact-box .event-contact-right-box .download-btn { margin: 0 5px 0 0; }
.lane-main-box { margin: 0 0 10px 0; position: relative; }
.lane-main-box .lane-right-selection-box { position: relative; }
.lane-main-box .lane-with-shoulder { position: relative; background: #fff; }
.lane-main-box .lane-table-box { margin: 0 auto; display: table; height: 60px; width: 100%; }
.lane-main-box .lane-table-box .lane-box { height: 100%; position: relative; display: table-cell; width: 1%; text-align: center; vertical-align: top; background: #373F42; }
.lane-main-box .lane-table-box .lane-box:after { z-index: 1; width: 2px; display: block; background-image: url("../images/road-strip.png"); background-repeat: repeat; background-position: center center; content: ""; position: relative; top: 0; margin: 0 0 0 auto; height: 100%; }
.lane-main-box .lane-table-box .lane-box img {background: #373f42; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom:0; margin: auto; height:16px; display: block;}
.lane-main-box .lane-table-box .left-shoulder-box, .lane-main-box .lane-table-box .right-shoulder-box { background: #373F42; width: 0.8%; }
.lane-main-box .lane-table-box .left-shoulder-box:after { background: none; border-right: 3px solid #f1c919; right: 0; }
.lane-main-box .lane-table-box .left-shoulder-box:before { content: "L-SL"; position: absolute; left: 0; z-index: 1; right: 0; width: 100%; bottom: 5px; display: block; text-align: center; color: #ffffff; font-size: 10px; }
.lane-main-box .lane-table-box .right-shoulder-box:before { content: "R-SL"; position: absolute; left: 0; z-index: 1; right: 0; width: 100%; bottom: 5px; display: block; text-align: center; color: #ffffff; font-size: 10px; }
.lane-main-box .lane-table-box .right-shoulder-box:after { background: none; border-left: 3px solid #fff; left: 0; margin: 0; }
.lane-main-box .active-shoulder-box .lane-table-box .lane-box:nth-last-child(2):after { background: none; }
.lane-main-box .lane-with-shoulder:after { content: ""; background: #fff; right: 0; position: absolute; top: 0; width: 3px; height: 100%; z-index: 1; }
.lane-main-box .lane-with-shoulder:before { content: ""; background: #fff; left: 0; position: absolute; top: 0; width: 3px; height: 100%; z-index: 1; }
.lane-main-box .lane-with-shoulder.active-shoulder-box:before { content: none; }
.lane-main-box .lane-with-shoulder.active-shoulder-box:after { content: none; }
.margin-bottom-10 { margin: 0 0 10px 0 !important; }
.no-lane-box .lane-main-box { display: none; }
.lane-main-box .lane-event-schedule-box{padding:5px 25px 0 25px;}
.event-with-roads-popup .event-popup-pager{width: 100%;height: 30px;border:1px solid #bbb;padding: 3px 5px;position:relative;}
.event-with-roads-popup .event-popup-pager .left-arrow{float:left;background: #ccc;padding: 4px 0;cursor:pointer;width: 22px;height: 22px;text-align: center;border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.event-with-roads-popup .event-popup-pager .right-arrow{float:right;background: #ccc;padding: 4px 0;cursor:pointer;width: 22px;height: 22px;text-align: center;border-radius: 50%;-ms-border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.event-with-roads-popup .event-popup-pager .center-text{position: absolute;left: 0;top: 7px;right: 0;margin: 0 auto;display: block;text-align: center;width: 50%;}
.event-with-roads-popup .event-popup-pager .left-arrow.disable{background: #eee;cursor:no-drop}
.event-with-roads-popup .event-popup-pager .right-arrow.disable{background: #eee;cursor:no-drop}
.event-with-roads-popup .zoom-btn-pager-box{position:relative;padding:0 129px 0 0;margin-bottom: 10px;}
.event-with-roads-popup .zoom-btn-pager-box .popup-footer-btns{position:absolute;top:0; right:0;z-index:1;}
.event-with-roads-popup .zoom-btn-pager-box .popup-footer-btns a{padding: 7px 20px;border: 1px solid #bbbbbb; text-align: center;width:130px;display: block;}
.event-with-roads-popup .zoom-btn-pager-box.single-event-pager-box{padding:0;}
.event-with-roads-popup .zoom-btn-pager-box.single-event-pager-box .popup-footer-btns{position:relative;}
.event-with-roads-popup .zoom-btn-pager-box.single-event-pager-box .popup-footer-btns a{width:100%;}
/*.popup-footer-btns*/
.event-with-roads-popup .highway-event-shield-box { position: absolute; top: 60%; left: 0; width: 100%; right: 0; margin: 0 auto; text-align: center; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.event-with-roads-popup .no-lane-box .highway-event-shield-box { top: 50%; }
.event-with-roads-popup .highway-event-shield-box .image { background-repeat: no-repeat; background-position: center; background-size: cover; color: transparent; font-size: 50px; height: 100px; opacity: 0.2; text-align: center; width: 100px; display: inline-block; vertical-align: middle; margin: 0 10px; }
.event-with-roads-popup .highway-event-shield-box .image.ct-state, .event-with-roads-popup .highway-event-shield-box .image.nj-state, .event-with-roads-popup .highway-event-shield-box .image.pa-state, .event-with-roads-popup .highway-event-shield-box .image.de-state { padding-top: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 50px; color: #000 }
.event-with-roads-popup .highway-event-shield-box .image.ny-state { padding-top: 14px; background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 50px; color: #000 }
.event-with-roads-popup .highway-event-shield-box .image.ny-cr { background-repeat: no-repeat; background-position: center; background-size: cover; color: #f7d117; font-size: 40px; padding-top: 27px }
.event-with-roads-popup .highway-event-shield-box .image.state { padding-top: 6px; background-repeat: no-repeat; background-position: center; background-size: cover; color: #000 }
.event-with-roads-popup .highway-event-shield-box .image.cr { background-repeat: no-repeat; background-position: center; background-size: cover; color: #f7d117; font-size: 15px; padding-top: 27px }
.event-with-roads-popup .highway-event-shield-box .image.cr .county-text { color: #f0cd19; padding: 10px 0 0 0; display: block; font-size: 10px; }
.event-with-roads-popup .highway-event-shield-box .image.cr .img-font { color: #f0cd19; padding: 5px 0 0 0; }
.event-with-roads-popup .highway-event-shield-box .image.us { background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 18px; font-size: 40px; color: #000 }
.event-with-roads-popup .highway-event-shield-box .image.us-route-2 { padding-top: 14px; background-repeat: no-repeat; background-position: center; background-size: cover; color: #000 }
.event-with-roads-popup .highway-event-shield-box .image.us-route-note { padding-top: 6px; background-repeat: no-repeat; background-position: center;        /* background-size: cover;*/ font-size: 25px; color: #000; width: 68px; }
.event-with-roads-popup .highway-event-shield-box .image.us-route-note .shield-top-text { font-size: 10px; padding: 7px  5px; }
.event-with-roads-popup .highway-event-shield-box .image.us-route-note .shield-route-text { padding: 22px 0 0 0; font-size: 16px; }
.event-with-roads-popup .highway-event-shield-box .image.uss { background-repeat: no-repeat; background-position: center; background-size: 80px; height: 117px; padding-top: 50px; font-size: 40px; color: #000 }
.event-with-roads-popup .highway-event-shield-box .image.ustruck { background-repeat: no-repeat; background-position: center; background-size: 80px; height: 117px; padding-top: 50px; font-size: 40px; color: #000 }
.event-with-roads-popup .highway-event-shield-box .image.usbusin { background-repeat: no-repeat; background-position: center; background-size: 80px; height: 117px; padding-top: 50px; font-size: 40px; color: #000 }
.event-with-roads-popup .highway-event-shield-box .image.usw { background-repeat: no-repeat; background-position: center; background-size: 80px; height: 117px; padding-top: 50px; font-size: 40px; color: #000 }
.event-with-roads-popup .highway-event-shield-box .image.interstate { background-repeat: no-repeat; background-position: center; background-size: cover; color: #f7d117; font-size: 40px; padding-top: 27px }
.event-with-roads-popup .highway-event-shield-box .image.ace, .event-with-roads-popup .highway-event-shield-box .image.gsp, .event-with-roads-popup .highway-event-shield-box .image.njtpk, .event-with-roads-popup .highway-event-shield-box .image.bbt, .event-with-roads-popup .highway-event-shield-box .image.bpky, .event-with-roads-popup .highway-event-shield-box .image.brpky, .event-with-roads-popup .highway-event-shield-box .image.ccpky, .event-with-roads-popup .highway-event-shield-box .image.cip, .event-with-roads-popup .highway-event-shield-box .image.hrp, .event-with-roads-popup .highway-event-shield-box .image.kwvpky, .event-with-roads-popup .highway-event-shield-box .image.mpky, .event-with-roads-popup .highway-event-shield-box .image.npky, .event-with-roads-popup .highway-event-shield-box .image.opky, .event-with-roads-popup .highway-event-shield-box .image.pip, .event-with-roads-popup .highway-event-shield-box .image.rmppky, .event-with-roads-popup .highway-event-shield-box .image.sbpky, .event-with-roads-popup .highway-event-shield-box .image.smp, .event-with-roads-popup .highway-event-shield-box .image.smpky, .event-with-roads-popup .highway-event-shield-box .image.spky, .event-with-roads-popup .highway-event-shield-box .image.tsp, .event-with-roads-popup .highway-event-shield-box .image.wpky, .event-with-roads-popup .highway-event-shield-box .image.sapky { background-repeat: no-repeat; background-position: center; background-size: cover; text-indent: 280px }
.event-with-roads-popup .highway-event-shield-box .image.hrp, .event-with-roads-popup .highway-event-shield-box .image.kwvpky, .event-with-roads-popup .highway-event-shield-box .image.mpky { width: 75px; }
.event-with-roads-popup .highway-event-shield-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; }
.event-with-roads-popup .highway-event-shield-box .image.tsp { height: 85px; width: 125px; background-size: 100%; -ms-background-size: 100%; -moz-background-size: 100%; -webkit-background-size: 100%; -o-background-size: 100%; }
.event-with-roads-popup .highway-event-shield-box .image.hotnl, .event-with-roads-popup .highway-event-shield-box .image.goetbrg, .event-with-roads-popup .highway-event-shield-box .image.bayobrg, .event-with-roads-popup .highway-event-shield-box .image.litnl { right: 0; left: 0; margin: 0 auto; height: 82px; width: 55px; background-size: 100% 100%; -ms-background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%; }
.event-with-roads-popup .congestion-table-box{border-top:1px solid #bbbbbb; margin:0 0 10px 0;text-align:center;}
#Highway_eventsPopup-content table tr.data-row td, #Highway_events2Popup-content table tr.data-row td{background:none;}
.event-with-roads-popup .highway-event-shield-inner {display:inline-block; vertical-align:middle;}
.event-with-roads-popup .lane-date-box{position:relative;padding:0 0 5px 5px;}
.day-data{background-color:red}
.event-with-roads-popup .multiple-lane-box{padding:0 0 10px 0; position:relative; border-bottom:1px solid #bbbbbb;}
.event-with-roads-popup .multiple-lane-box .lane-right-arrow, .event-with-roads-popup .multiple-lane-box .lane-left-arrow{display:block; position:absolute; top:95px; left:0; z-index:1;background: #cccccc;padding: 4px 0;cursor: pointer;width: 22px; height: 22px;text-align: center; border-radius: 50%;  -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.event-with-roads-popup .multiple-lane-box .lane-right-arrow{right:0; left:auto;}
.event-with-roads-popup .multiple-lane-box .lane-left-arrow.disable, .event-with-roads-popup .multiple-lane-box .lane-right-arrow.disable{background: #eeeeee;cursor:no-drop;}
.event-with-roads-popup .single-lane-box{padding-left:5px;padding-right:5px;}
.event-with-roads-popup .single-lane-box .lane-date-box, .event-with-roads-popup .single-lane-box .lane-right-arrow, .event-with-roads-popup .single-lane-box .lane-left-arrow{display:none;}
.event-with-roads-popup .lane-date-box{position:relative;padding:0 0 5px 0;text-align:center;}
.event-with-roads-popup .event-contact-box{padding:0 5px 5px 5px;}
#Highway_eventsPopup-content .event-with-roads-popup .lane-date-check-box .lane-date-table-box th.day-data, #Highway_events2Popup-content2 .event-with-roads-popup .lane-date-check-box .lane-date-table-box th.day-data{background:#ff0000 !important;}
#Highway_eventsPopup .common-openlayer-popup .modal-content, #Highway_events2Popup .common-openlayer-popup .modal-content { overflow-y: unset; overflow-x: unset; }
.event-with-roads-popup .lane-date-check-box {position:relative;padding:0 90px 0 73px;}
.event-with-roads-popup .lane-date-check-box .active-days{position:absolute; top:3px;left:0;}
.event-with-roads-popup .lane-date-check-box .lane-date-table-box .active-days{position:absolute; right:0; top:0;}
.event-with-roads-popup .lane-date-check-box .lane-checkbox{position:absolute; right:0; top:2px;}
.event-with-roads-popup .lane-date-check-box .lane-checkbox i{color:#21c300; font-size:12px;}
.event-with-roads-popup .lane-date-check-box .lane-checkbox i.pixie-tc-error{color:#ff0000;}
.event-with-roads-popup .lane-date-check-box .lane-checkbox .custom-radio-check{margin:0;position:relative;padding:0 0 0 22px;}
.event-with-roads-popup .lane-date-check-box .lane-checkbox .custom-radio-check i{position:absolute; top:1px; left:0;}
.event-with-roads-popup .lane-date-check-box .lane-date-table-box table{border:1px solid #bbbbbb;width:100%;}
.event-with-roads-popup .lane-date-check-box .lane-date-table-box table th{background:#4a90e2; color:#ffffff;border-right:1px solid #bbbbbb;padding:3px 2px; text-align: center;}
.event-with-roads-popup .multiple-lane-box .lane-left-arrow.disable, .event-with-roads-popup .multiple-lane-box .lane-right-arrow.disable{background: #eeeeee;cursor:no-drop;}

.event-with-roads-popup .schedule-date-row{ display: table; width: 100%; margin: 0 -5px 0 -5px; }
.event-with-roads-popup .schedule-date-row.no-lane-detail{ margin: 0px -5px 10px -5px; }
.event-with-roads-popup .schedule-date-row .col { width: 50%; padding: 0 5px; display: table-cell; }
.event-with-roads-popup .schedule-date-row .col label { display: block; margin: 0 0 5px 0; }
.event-with-roads-popup .schedule-date-row .col p { color: #444444;    margin-bottom: 7px; }

#Highway_eventsPopup .common-openlayer-popup .modal-content{ overflow-y: unset; overflow-x: unset; }
#Highway_events2Popup .common-openlayer-popup .modal-content{ overflow-y: unset; overflow-x: unset; }

/*Input picker LOV disable css*/
.data-source-list-wrapper.disable { pointer-events: none; }
.data-source-list-wrapper.disable .inputpicker-div input { background-color: #ddd; cursor: not-allowed; }

.drag-item-input-name-text{position:absolute; top:5px; right:95px; z-index:1; display:block;padding: 2px 23px 4px 5px;border-radius: 20px;line-height: 1; max-width:158px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;border: 1px solid #bbb;}
.drag-item-input-name-text.direction{position:absolute; top:5px; right:98px; z-index:1; display:block;padding: 2px 5px 4px 5px;border-radius: 20px;line-height: 1; max-width:350px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;border: none;}



.common-bottom-legend-box .highway-legend-inner-box{padding:5px;}
.common-bottom-legend-box .highway-legend-inner-box .highway-legend-row{display:table; width:100%;border-bottom:1px solid #aaa; margin:0 0 5px 0; padding:0 0 5px 0;}
.common-bottom-legend-box .highway-legend-inner-box .highway-legend-row label{margin:0;}
.common-bottom-legend-box .highway-legend-inner-box .highway-legend-row .left-text-box{float:left;}
.common-bottom-legend-box .highway-legend-inner-box .highway-legend-row .right-img-box{float:right;}


/*Direction wise schedule and laneview*/
.east-west-bound-tab { margin: 0 0 5px 0; }
.east-west-bound-tab ul li { display: inline-block; vertical-align:middle; }
.east-west-bound-tab ul li.active a { color: #003056; border-bottom: 3px solid #4a90e2; background: #BBDBFA; }
.east-west-bound-tab ul li a { text-transform: capitalize; padding: 5px; color: #003056; border-bottom: 3px solid #eeeeee; display: block; background: #eeeeee; }

/*for bootstrap5 changes*/
.fade.in {
    opacity: 1;
}
.modal-backdrop.in {
    opacity: 0.5;
}
.modal.in .modal-dialog {
    transform: none;
}
.form-group{
    margin:0 0 15px 0;
}
label {
    margin: 0 0 5px 0;
}
.dropdown-toggle::after {
content:none;
}
.pull-right{
    float:right !important;
}
.pull-left {
    float: left !important;
}
.btn{
    line-height:1;
    font-size:14px;
    padding:7px 15px;
}

.secondary-btn{
    text-decoration:none;
}
.bootstrap-dialog .modal-footer {
    display:block;
}
.bootstrap-dialog .modal-footer .btn{
    float:right;
}
a{
    text-decoration:none;
}
textarea.form-control{
    height:auto;
}
.dropdown-menu li a {
    display: block;
    padding: 10px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    font-size:14px;
}
    .dropdown-menu li a:focus, .dropdown-menu li a:hover {
        background-color: #f5f5f5;
        color: #333333;
    }
.multiselect-item .input-group .input-group-addon {
    display: flex;
    align-items: center;
    padding: 2px 7px;
    font-size: 10px;
    line-height: 1;
    color: #000000;
    text-align: center;
    white-space: nowrap;
    background: #eeeeee;
    border: 1px solid #cccccc;
}
    .input-group i {
        font-style: normal;
    }
.multiselect-box .dropdown-menu li a {
    padding:0;
}
.multiselect-box .dropdown-menu li a label{
    position: relative;
    color: #111111;
    top: 0;
    text-align: left;
    font-size: 12px;
    padding: 4px 20px 4px 25px !important;
    white-space: normal;
    font-weight: normal !important;
    font-family: 'open_sansregular';
    display:block;
}
    .multiselect-box .dropdown-menu li a .checkbox input[type=checkbox] {
        position: absolute;
        left: 5px;
        top: 4px;
    }
.multiselect-box .dropdown-menu {
    width: 100%;
 }
.modal-header .close{
    background:none;
    border:none;
}
.h6, h6 {
    font-size: 12px;
}
.h5, h5 {
    font-size: 14px;
}
.h4, h4 {
    font-size: 18px;
}
.h3, h3 {
    font-size: 24px;
}
.h2, h2 {
    font-size: 30px;
}
.h1, h1 {
    font-size: 36px;
}
.search-panel-note-box{
    padding:10px 0 30px 0;
}
    .search-panel-note-box p label{
        display:block;
    }

.common-tab-legend .common-tab > .nav-tabs > li > a{
    display:block;
}
.ol-attribution ul {
    font-size: 10px !important;
}
/*for radio-btn-group*/
.radio-btn-group {
    display: block;
}

    .radio-btn-group .btn {
        background: #ddd;
        color: #202020;
        border: 1px solid #ddd;
        margin: 1px !important;
        font-family: 'open_sansregular';
    }

        .radio-btn-group .btn.active, .radio-btn-group .btn:active, .radio-btn-group .btn:hover {
            background: #317ed6;
            color: #fff;
            border: 1px solid #317ed6;
        }

        .radio-btn-group .btn input[type="radio"], .radio-btn-group .btn input[type="checkbox"] {
            position: absolute;
            clip: rect(0,0,0,0);
            pointer-events: none;
        }

.input-group i {
    font-style: normal;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #ddd;
}

.dropup .dropdown-toggle:after {
    content: none;
}

.bootstrap-dialog-footer-buttons {
    display: block;
}

.btn-group-vertical > .btn-group::after, .btn-group-vertical > .btn-group::before, .btn-toolbar::after, .btn-toolbar::before, .clearfix::after, .clearfix::before, .container-fluid::after, .container-fluid::before, .container::after, .container::before, .dl-horizontal dd::after, .dl-horizontal dd::before, .form-horizontal .form-group::after, .form-horizontal .form-group::before, .modal-footer::after, .modal-footer::before, .modal-header::after, .modal-header::before, .nav::after, .nav::before, .navbar-collapse::after, .navbar-collapse::before, .navbar-header::after, .navbar-header::before, .navbar::after, .navbar::before, .pager::after, .pager::before, .panel-body::after, .panel-body::before, .row::after, .row::before {
    display: table;
    content: " ";
}

.btn-group-vertical > .btn-group::after, .btn-toolbar::after, .clearfix::after, .container-fluid::after, .container::after, .dl-horizontal dd::after, .form-horizontal .form-group::after, .modal-footer::after, .modal-header::after, .nav::after, .navbar-collapse::after, .navbar-header::after, .navbar::after, .pager::after, .panel-body::after, .row::after {
    clear: both;
}

.table > :not(:first-child) {
    border-top: none;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.modal-header {
    display: block;
}

.modal-footer > * {
    margin: 0 2px;
}
.common-tab .nav-tabs li a {
    display: block;
}
.bootstrap-dialog.type-primary .modal-header {
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
}
.olMap{
    display:none !important;
}
.leftGoogleMapActive, .rightGoogleMapActive {
    display: block !important;
}
.ol-viewport .ol-popup{
    filter:none;
    -moz-filter:none;
    -ms-filter:none;
    -webkit-filter:none;    
    box-shadow: 1px 0px 8px -2px #999999;
    -moz-box-shadow: 1px 0px 8px -2px #999999;
    -ms-box-shadow: 1px 0px 8px -2px #999999;
    -webkit-box-shadow: 1px 0px 8px -2px #999999;
}