/* buildVersion: DEV */
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
.leaflet-bottom {
margin-bottom: 25px; }
.modal-dialog .btn:active, .modal-dialog .btn.active {
background-color: #09F;
color: #fff; }
body.incidents #emv-header {
height: 60px; }
body.incidents #emv-content {
padding: 120px 0 0px 0; }
body.incidents #emv-content .leaflet-top {
top: -10px; }
body.incidents #emv-content .leaflet-top .leaflet-control-showall {
display: none; }
body.incidents #emv-content.map-only-view {
padding-top: 113px; }
@media (max-width: 768px) and (min-aspect-ratio: 13 / 9) {
body.incidents #emv-content.map-only-view {
padding-top: 62px; } }
@media (max-width: 768px) {
body.incidents .major-incidents-page #emv-content {
padding-top: 202px; }
body.incidents #emv-content {
padding-top: 170px; }
body.incidents #emv-content.majorinfo-only-view {
padding-top: 152px; } }
@media (min-width: 768px) {
body.incidents #emv-header {
height: 60px; }
body.incidents #emv-content {
padding: 118px 0 50px 0; }
body.incidents #emv-content .leaflet-top {
top: 0; }
body.incidents #emv-content .leaflet-top .leaflet-control-showall {
display: block; } }
@media (min-aspect-ratio: 13 / 9) and (max-width: 768px) {
body.incidents #emv-header {
height: 62px; }
body.incidents #emv-content {
padding: 62px 0 0px 0; }
body.incidents #emv-content .leaflet-top {
top: 30px; }
body.incidents #emv-content .leaflet-top .leaflet-control-showall {
display: none; } }
body.prepare #emv-header,
body.relief #emv-header,
body.standard #emv-header {
height: 62px; }
body.prepare #emv-content,
body.relief #emv-content,
body.standard #emv-content {
padding: 62px 0 0 0; }
@media (min-width: 768px) {
body.prepare #emv-header,
body.relief #emv-header,
body.standard #emv-header {
height: 60px; }
body.prepare #emv-content,
body.relief #emv-content,
body.standard #emv-content {
padding: 70px 0 50px 0; } }
#emv-header {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 4000; }
#emv-content {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%; }
#emv-footer {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 50px;
background: #F4F4F4; }
#emv-footer-xs {
position: absolute;
bottom: 0px;
right: 0px;
width: 46px;
height: 50px;
background: #F4F4F4; }
#alert-placeholder {
position: absolute;
z-index: 5020;
left: 50%;
margin-left: -25%;
width: 50%;
top: 60px; }
.control-geosearch {
min-width: 200px; }
label.no-emphasis {
font-weight: normal;
font-style: italic; }
.victoria {
background-image: url(../images/controls/map/state.png);
width: 27px;
height: 19px; }
.refresh-control div.updated-bar {
display: inline-block;
height: 26px;
padding: 0 8px 0 0; }
.refresh-control div.updated-bar span {
display: inline-block;
font-size: 12px;
line-height: 18px;
padding: 4px 8px;
background: #FFF;
border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65); }
.refresh-control div.refresh-bar {
display: inline-block;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
border-radius: 4px; }
.refresh-control div.refresh-bar a {
display: inline-block;
background-color: #FFF;
width: 26px;
height: 26px;
text-align: center;
text-decoration: none;
line-height: 26px;
color: #000; }
.refresh-control div.refresh-bar a:first-child {
border-radius: 4px 0 0 4px;
border-right: 1px solid #CCC; }
.refresh-control div.refresh-bar a:last-child {
border-radius: 0 4px 4px 0; }
.refresh-control div.refresh-bar a:hover {
background-color: #F4F4F4; }
.refresh-control div.refresh-bar a.active {
color: #fff;
background-color: #09F;
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.2); }
.cluster-icon {
background-image: url(../images/markers/incident/Other_Incident.svg);
text-align: right;
color: red;
font-size: 16px; }
.published-date-timestamp {
background-color: white;
padding: 2px; }
html, body, #container {
height: 100%;
width: 100%;
overflow: hidden; }
body {
font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif;
min-width: 300px; }
#container {
position: relative; }
input[type="radio"], input[type="checkbox"] {
margin: 0; }
#map {
position: relative;
width: auto;
height: 100%; }
#loading {
position: absolute;
width: 96px;
height: 96px;
top: 50%;
left: 50%;
padding: 24px;
border-radius: 12px;
-webkit-border-radius: 12px;
background: #fff;
margin: -48px 0 0 -48px;
z-index: 6000;
box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.3); }
#features {
margin: 0px;
border: none;
border-radius: 0px;
box-shadow: none; }
#aboutTabsContent {
padding-top: 10px; }
.progress-bar-full {
width: 100%; }
.white {
color: #FFFFFF; }
/* SIDEBAR
======================================== */
.sidebar-wrapper {
width: 100%;
height: 100%;
position: relative;
-webkit-overflow-scrolling: touch; }
.sidebar-table {
width: 100%;
bottom: 0px; }
@media (max-width: 768px -1) {
.sidebar-table {
top: 94px; } }
@media (min-aspect-ratio: 13 / 9) and (max-width: 768px) {
.sidebar-table {
top: 10px; } }
@media (max-width: 480px) {
.sidebar-table-scrolling .sidebar-sort-panel {
display: none !important; }
.sidebar-table-scrolling .tab-content {
margin-top: 46px;
border-top: 1.5px solid #ccc; } }
.no-feature-row .sidebar-sort-panel {
display: none !important; }
.no-feature-row .tab-content {
margin-top: 45px; }
#sidebar {
height: 100%;
z-index: 3000;
transition: left 0.3s ease;
border-right: 1px solid #ccc;
background: #fff; }
#sidebar .panel-heading {
padding: 8px 8px 7px 8px; }
#sidebar .no-elements-on-the-list {
display: none; }
#sidebar .list-summary {
text-align: center; }
#sidebar .list-summary .zoom-to-state {
font-weight: bold;
color: #0099FF; }
#sidebar .list-summary td {
padding-top: 40px; }
#sidebar .list-summary p.feature-list-show-all {
color: #09F; }
#sidebar .list-summary p.feature-list-show-all .fa-plus {
font-size: 12px; }
#sidebar .list-summary p.feature-list-show-all a {
color: #09F;
text-decoration: underline; }
#sidebar .list-summary p.feature-list-show-all a:hover {
text-decoration: none; }
#sidebar .tab-summary p {
text-align: center; }
.sidebar-closed #sidebar {
position: absolute;
left: -10000px;
width: 0; }
.sidebar-opened #sidebar {
width: 100%;
left: 0; }
@media (min-aspect-ratio: 13 / 9) and (max-width: 768px) {
.sidebar-opened #sidebar {
padding-top: 55px;
background-color: #f4f3f3; } }
@media (max-width: 767px) {
.sidebar-opened #map {
left: -10000px;
top: -10000px;
position: absolute; } }
@media (min-width: 768px) {
#sidebar {
position: relative;
float: left;
z-index: auto; }
.sidebar-opened #sidebar {
left: auto;
width: 420px; }
.sidebar-closed #sidebar {
left: auto;
width: 0px; } }
.sidebar-expanded #sidebar {
position: absolute;
z-index: 3000;
width: 100% !important; }
.sidebar-expanded #map {
padding-left: 420px; }
.sidebar-expanded #sidebar-toggle-container {
display: none; }
.sidebar-expanded .sidebar-table {
top: 0px; }
.sidebar-expanded .tab-content {
margin-top: 0px;
width: 100%; }
.sidebar-expanded-only {
display: none;
min-width: 50px; }
.sidebar-expanded-only .sort i {
margin-left: 10px; }
.sidebar-expanded .sidebar-expanded-only th,
.sidebar-expanded .sidebar-expanded-only td,
.sidebar-expanded th.sidebar-expanded-only,
.sidebar-expanded td.sidebar-expanded-only {
display: table-cell; }
.sidebar-collapsed-only {
display: none; }
.sidebar-collapsed .sidebar-collapsed-only {
display: block; }
#sidebar-toggle-container {
display: none; }
@media (min-width: 768px) {
#sidebar-toggle-container {
display: block; } }
#sidebar-toggle {
margin-top: -2px;
position: absolute;
z-index: 3010;
background-color: black;
opacity: 0.8;
top: 40%;
height: 20%;
width: 30px; }
#sidebar-toggle i, #sidebar-toggle span {
color: #fff; }
#sidebar-expand {
display: none; }
@media (min-width: 768px) {
#sidebar-expand {
display: inline-block; } }
/* LEAFLET
======================================== */
.leaflet-control-layers {
overflow: auto; }
.leaflet-control-layers label {
font-weight: normal;
margin-bottom: 0px; }
.leaflet-control-layers-list input[type="radio"], input[type="checkbox"] {
margin: 2px; }
#map .leaflet-control-zoom-in, #map .leaflet-control-zoom-out {
font-size: inherit;
display: none; }
@media (min-width: 768px) {
#map .leaflet-control-zoom-in, #map .leaflet-control-zoom-out {
display: block; } }
.table {
margin-bottom: 0px; }
.typeahead {
background-color: #FFFFFF; }
.tt-dropdown-menu {
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
margin-top: 4px;
padding: 4px 0;
width: 100%;
max-height: 300px;
overflow: auto; }
.tt-suggestion {
font-size: 14px;
line-height: 20px;
padding: 3px 10px; }
.tt-suggestion.tt-cursor {
background-color: #0097CF;
color: #FFFFFF;
cursor: pointer; }
.tt-suggestion p {
margin: 0; }
.tt-suggestion + .tt-suggestion {
border-top: 1px solid #ccc; }
.typeahead-header {
margin: 0 5px 5px 5px;
padding: 3px 0;
border-bottom: 2px solid #333; }
.has-feedback .form-control-feedback {
position: absolute;
top: 0;
right: 0;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center; }
@media (max-width: 767px) {
#sidebar {
/*display: none;*/ }
.url-break {
word-break: break-all;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; } }
/* Print Handling */
@media print {
.leaflet-control-container {
display: none !important; } }
#skip-container {
position: relative; }
#skip-navigation, #skip-filter {
display: block;
position: absolute;
top: 0;
left: 0;
padding: 1em;
background-color: #333;
color: #fff;
z-index: 4020;
outline: none; }
.leaflet-control-locate {
display: none;
/* Hidden from all views - operation bar contains button that triggers Locate Me */
background-color: #09F; }
@media (min-width: 768px) {
.leaflet-control-locate {
display: none; } }
.leaflet-control-locate a,
.leaflet-control-locate a:hover,
.leaflet-control-locate a:focus {
background-color: #09F; }
.leaflet-control-locate a span,
.leaflet-control-locate a:hover span,
.leaflet-control-locate a:focus span {
color: #fff; }
.no-style-link,
.no-style-link:hover,
.no-style-link:focus {
color: #000;
text-decoration: none;
font-weight: bold; }
.hide-xs {
display: none; }
@media (min-width: 321px) {
.hide-xs {
display: block; } }
iframe.planned-burns {
width: 100%;
height: 150px; }
@media (min-width: 720px) {
iframe.planned-burns {
width: 695px; } }
@media (min-height: 500px) {
iframe.planned-burns {
height: 250px; } }
@media (min-height: 700px) {
iframe.planned-burns {
height: 400px; } }
/* GENERAL ACCESSIBILITY
======================================== */
.access-hidden {
display: none; }
.gtm-data {
/* data for Google Tag Manager */
display: none; }
.media-querier {
border: 10px solid red;
width: 100px;
height: 100px;
display: none; }
@media (min-width: 581px) {
.media-querier {
width: 101px; } }
@media (min-width: 801px) {
.media-querier {
width: 102px; } }
.hidden-ie {
display: block; }
.visible-ie {
display: none; }
.ie .hidden-ie {
display: none; }
.ie .visible-ie {
display: block; }
.locate-me-spinner {
display: none; }
/* Base template for label styling */
.emv-checkbox[type="checkbox"]:not(:checked),
.emv-checkbox[type="checkbox"]:checked {
position: absolute;
left: -9999px; }
.emv-checkbox[type="checkbox"]:not(:checked) + label,
.emv-checkbox[type="checkbox"]:checked + label {
position: relative;
padding-left: 25px;
cursor: pointer; }
/* checkbox aspect */
.emv-checkbox[type="checkbox"]:not(:checked) + label:before,
.emv-checkbox[type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0px;
width: 20px;
height: 20px;
xborder: 1px solid #aaa;
background: #e7e7e7;
xborder-radius: 3px;
xbox-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); }
.emv-checkbox[type="checkbox"]:checked + label:before {
background: #09F; }
/* checked mark aspect */
.emv-checkbox[type="checkbox"]:not(:checked) + label:after,
.emv-checkbox[type="checkbox"]:checked + label:after {
content: '';
background: url(svg/sprite-controls.svg) 59.14362% 0 no-repeat;
position: absolute;
top: 3px;
left: 1px;
font-size: 18px;
line-height: 0.8;
color: #000;
transition: all .2s;
width: 18px;
height: 14px; }
.Safari .emv-checkbox[type="checkbox"]:not(:checked) + label:after,
.lt-ie9 .emv-checkbox[type="checkbox"]:not(:checked) + label:after {
background: none; }
.Safari .emv-checkbox[type="checkbox"]:checked + label:after,
.lt-ie9 .emv-checkbox[type="checkbox"]:checked + label:after {
background: url("../images/tick-white.png"); }
.emv-radio[type="radio"]:not(:checked),
.emv-radio[type="radio"]:checked {
position: absolute;
left: -9999px; }
.emv-radio[type="radio"]:not(:checked) + label,
.emv-radio[type="radio"]:checked + label {
position: relative;
padding-left: 25px;
cursor: pointer; }
/* checkbox aspect */
.emv-radio[type="radio"]:not(:checked) + label:before,
.emv-radio[type="radio"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 0px;
width: 20px;
height: 20px;
xborder: 1px solid #aaa;
background: #e7e7e7;
xborder-radius: 3px;
xbox-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); }
.emv-radio[type="radio"]:checked + label:before {
background: #09F; }
/* checked mark aspect */
.emv-radio[type="radio"]:not(:checked) + label:after,
.emv-radio[type="radio"]:checked + label:after {
content: '';
background: url(svg/sprite-controls.svg) 59.14362% 0 no-repeat;
position: absolute;
top: 3px;
left: 1px;
font-size: 18px;
line-height: 0.8;
color: #000;
transition: all .2s;
width: 18px;
height: 14px; }
.lt-ie9 .emv-radio[type="radio"]:checked + label:after {
background-image: url(../images/sprite_controls.png);
background-position: -213px -80px; }
/* checked mark aspect changes */
.emv-checkbox[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0); }
.emv-checkbox[type="checkbox"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
/* disabled checkbox */
.emv-checkbox[type="checkbox"]:disabled:not(:checked) + label:before,
.emv-checkbox[type="checkbox"]:disabled:checked + label:before {
xbox-shadow: none;
xborder-color: #bbb;
background-color: #ddd; }
.emv-checkbox[type="checkbox"]:disabled:checked + label:after {
color: #999; }
.emv-checkbox[type="checkbox"]:disabled + label {
color: #aaa; }
/* accessibility */
.emv-checkbox[type="checkbox"]:checked:focus + label:before,
.emv-checkbox[type="checkbox"]:not(:checked):focus + label:before {
xborder: 1px dotted blue; }
/* hover style just for information */
label:hover:before {
xborder: 1px solid #4778d9 !important; }
.ui-interactive-block {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 5999;
opacity: 0.3;
background-color: #ddd; }
/* Accessibility Fixes (colour contrast) */
.leaflet-control-attribution {
color: black !important; }
.leaflet-control-attribution a {
color: blue !important; }
.layer-control {
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
border-color: #FFFFFF;
border-style: solid;
border-width: 2px;
border-radius: 4px;
position: relative;
z-index: 2000; }
.layer-control a {
display: block;
height: 48px;
width: 48px; }
.layer-control a.VicMapCartographic {
background-image: url("../images/controls/map/VicMapHybrid_tile.png"); }
.layer-control a.VicMapHybrid {
background-image: url("../images/controls/map/VicMapCartographic_tile.png"); }
.layer-control a.VicMapSatellite {
background-image: url("../images/controls/map/VicMapCartographic_tile.png"); }
@media (min-width: 768px) {
.layer-control a {
width: 75px;
height: 75px; } }
.layer-control img {
width: 100%; }
#popupModal .popup-close {
font-size: 21px;
right: 10px;
top: 10px;
position: absolute;
z-index: 1;
color: #fff;
opacity: 1; }
.hide {
display: none; }
.modal-layer {
display: none; }
.modal-layer .pale {
z-index: 5010;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ccc;
opacity: 0.9; }
.modal-layer .bkgrnd {
text-align: center;
background-color: #fff;
opacity: 1;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.modal-layer .modal-general-container {
z-index: 5012;
opacity: 1;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0; }
.modal-layer .modal-general-container .ask-slow-connection {
position: absolute;
top: 10px;
left: 20px;
bottom: 10px;
right: 20px;
border: 2px solid #333;
border-radius: 20px;
background-color: #fff;
overflow: hidden; }
@media (min-width: 993px) {
.modal-layer .modal-general-container .ask-slow-connection {
width: 600px;
height: 400px;
margin: auto;
top: 50%;
bottom: auto;
left: 50%;
right: auto;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
.modal-layer .modal-general-container .ask-slow-connection .control {
height: 50px;
width: 50px;
position: absolute;
right: 0; }
.modal-layer .modal-general-container .ask-slow-connection .control a, .modal-layer .modal-general-container .ask-slow-connection .control a:visited {
color: #e5e5e5; }
.modal-layer .modal-general-container .ask-slow-connection .control a:active, .modal-layer .modal-general-container .ask-slow-connection .control a:hover {
text-decoration: none;
color: #fff; }
.modal-layer .modal-general-container .ask-slow-connection .message {
background-color: #fff;
position: absolute;
top: 50px;
left: 0;
right: 0;
bottom: 80px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-around;
justify-content: space-around;
text-align: center;
font-size: 18px;
margin: auto;
color: #333; }
.modal-layer .modal-general-container .ask-slow-connection .message a {
color: #09F;
text-transform: uppercase; }
.modal-layer .modal-general-container .ask-slow-connection .message .too-slow {
font-weight: 600;
font-size: 1.2em;
color: #6b6b6b; }
.modal-layer .modal-general-container .ask-slow-connection .header {
height: 50px;
background-color: #6b6b6b;
width: 100%;
color: #ccc;
font-size: 2.2em; }
.modal-layer .modal-general-container .ask-slow-connection .footer {
position: absolute;
bottom: 0;
left: 16px;
right: 16px;
height: 80px;
border-top: 2px solid #e5e5e5;
margin: 0; }
.modal-layer .modal-general-container .ask-slow-connection .emv-logo {
float: left;
margin-top: 18px; }
.modal-layer .modal-general-container .ask-slow-connection .vic-logo {
float: right;
margin-top: 18px; }
#modal-message .modal-dialog {
border-radius: 0; }
#modal-message .modal-dialog .modal-content {
border-radius: 0; }
#modal-message .modal-dialog .modal-content .modal-header {
height: 50px;
font-size: 10px;
font-weight: bold; }
#modal-message .modal-dialog .modal-content .modal-header .modal-title {
color: red;
font-weight: bold; }
#modal-message .modal-dialog .modal-content .modal-header .close {
position: absolute;
top: 7px;
right: 10px;
margin: 0;
padding: 0;
opacity: 1; }
@media (min-width: 768px) {
#modal-message .modal-dialog .modal-content .modal-header .close {
right: 15px; } }
@media (min-width: 768px) {
#modal-message .modal-dialog .modal-content .modal-header .close img {
width: 10px;
height: 10px; } }
#modal-message .modal-dialog .modal-content .modal-body {
padding-bottom: 40px; }
#modal-message .modal-dialog .modal-content .modal-body .message {
font-size: 16px; }
#modal-message .bkgrnd {
z-index: 5011;
width: 60%;
height: 150px;
margin: auto;
border-radius: 10px;
text-align: center;
color: #000;
font-weight: 900; }
#modal-message .error {
background-color: #fcc;
border: 3px solid #f00; }
#modal-message .success {
background-color: #cfc;
border: 3px solid #0f0; }
#modal-message div.xmessage {
position: absolute;
left: 0;
right: 0;
top: 30px;
margin: auto; }
#modal-message xbutton {
font-weight: 400;
position: absolute;
bottom: 10px;
text-align: center;
left: 0;
right: 0;
margin: auto;
width: 70px; }
.modal {
z-index: 5010; }
.modal-backdrop {
z-index: 5000; }
#feature-title svg {
margin-right: 8px;
margin-bottom: -8px; }
.text-primary {
color: #FFF; }
#emv-nav {
position: relative;
z-index: 4010;
border-bottom-width: 8px;
border-bottom-style: solid;
border-bottom-color: #C33; }
#emv-nav .navbar {
height: 54px;
background: #FFF;
border: 0;
margin: 0; }
#emv-nav .navbar .navbar-header .open > .dropdown-toggle {
background-color: #0099FF;
color: #FFF; }
#emv-nav .navbar-collapse {
padding: 0 8px;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }
#emv-nav #navbar {
background: #FFF;
margin: 0 62px; }
#emv-nav .emv-navbar-brand {
position: absolute;
top: 0;
left: 0;
width: 62px;
height: 54px;
padding: 7px 15px 0px 15px;
font-size: 0;
line-height: 0; }
@media (min-width: 768px) {
#emv-nav .emv-navbar-brand {
padding-top: 10px; } }
#emv-nav .emv-navbar-brand .logo-full {
display: none; }
#emv-nav .emv-navbar-brand .logo-short {
display: block; }
#emv-nav .emv-navbar-menu {
position: absolute;
top: 0;
right: 0;
width: 62px;
height: 54px;
padding-top: 10px;
font-size: 0;
line-height: 0;
text-align: center;
display: block; }
@media (min-width: 768px) {
#emv-nav .emv-navbar-menu {
display: none; } }
#emv-nav .emv-navbar-toggle-container {
padding-top: 22px;
margin: 0 62px; }
#emv-nav .emv-navbar-toggle {
position: relative;
width: 100%;
height: 32px;
font-size: 13px;
text-transform: uppercase;
line-height: 20px;
color: #FFF;
background-color: transparent;
background-image: none;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 6px 0;
border: 0;
margin: 0; }
#emv-nav .navbar-toggle .icon-bar {
background-color: #888; }
#emv-nav .navbar-nav {
padding: 8px 0;
margin: 0; }
#emv-nav .navbar-nav > li > a {
text-align: center;
text-transform: uppercase;
font-size: 13px;
color: #333;
background: #f4f3f3; }
#emv-nav .navbar-nav > li > a:hover,
#emv-nav .navbar-nav > li > a:focus {
color: #fff;
background: #6b6b6b; }
#emv-nav .navbar-nav > .active a,
#emv-nav .navbar-nav > .active a:hover,
#emv-nav .navbar-nav > .active a:focus {
color: #fff;
background: #333; }
#emv-nav .right-top-nav {
padding-right: 10px;
margin-top: 22px; }
#emv-nav .right-top-nav > div {
padding-left: 15px;
float: left; }
#emv-nav .right-top-nav > div a.watchzone {
position: relative;
margin-top: 0px; }
#emv-nav .right-top-nav > div a.watchzone .watchzone-count {
width: 20px;
height: 20px;
border-radius: 10px;
position: absolute;
text-align: center;
top: -10px;
left: 15px;
font-size: 12px;
padding-top: 0px;
color: #fff;
background: #0099FF; }
#emv-nav .right-top-nav > div a.watchzone .triangle {
position: absolute;
left: 6px;
top: 34px;
display: none; }
#emv-nav .right-top-nav div:focus {
outline: none; }
#emv-nav .right-top-nav .triple-zero {
padding-top: 8px;
xdisplay: none;
font-weight: bold; }
@media (min-width: 1300px) {
#emv-nav .right-top-nav .triple-zero {
display: block; } }
#emv-nav .right-top-nav .username {
max-width: 150px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
#emv-nav .right-top-nav #user-profile {
line-height: 35px; }
#emv-nav .right-top-nav .open a.watchzone .triangle {
display: block; }
body.incidents #emv-nav {
border-color: #F03; }
body.incidents #emv-nav .emv-navbar-toggle {
background-color: #C33; }
body.prepare #emv-nav {
border-color: #F9A831; }
body.prepare #emv-nav .emv-navbar-toggle {
background-color: #F90; }
body.relief #emv-nav {
border-color: #09F; }
body.relief #emv-nav .emv-navbar-toggle {
background-color: #09C; }
body.standard #emv-nav {
border-color: black; }
body.standard #emv-nav .emv-navbar-toggle {
background-color: black; }
@media (min-width: 768px) {
body.incidents #emv-nav .navbar-nav > .active {
background: #C33; }
body.prepare #emv-nav .navbar-nav > .active {
background: #F90; }
body.relief #emv-nav .navbar-nav > .active {
background: #09C; }
#emv-nav {
border-bottom-width: 0; }
#emv-nav .navbar {
height: 60px; }
#emv-nav .emv-navbar-brand {
width: 62px;
height: 60px; }
#emv-nav #navbar {
margin: 0; }
#emv-nav .emv-navbar-toggle-container {
display: none; }
#emv-nav .navbar-nav {
padding: 28px 0 0 0;
margin: 0 0 0 62px; }
#emv-nav .navbar-nav > li {
width: 200px;
float: left;
background: #333;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-right: 5px; }
#emv-nav .navbar-nav > li > a {
color: #FFF;
text-transform: uppercase;
text-align: center;
font-size: 14px;
line-height: 20px;
background: none;
padding: 6px 0; }
#emv-nav .navbar-nav > li > a.prepare, #emv-nav .navbar-nav > li > a.incidents, #emv-nav .navbar-nav > li > a.relief {
background: none; }
#emv-nav .navbar-nav > li > a:hover,
#emv-nav .navbar-nav > li > a:focus {
background: none; }
#emv-nav .navbar-nav > li.active > a,
#emv-nav .navbar-nav > li.active > a:hover,
#emv-nav .navbar-nav > li.active > a:focus {
color: #FFF;
background: none; }
#emv-nav .navbar-collapse {
padding: 0;
border: 0;
box-shadow: none; } }
@media (min-width: 992px) {
#emv-nav .emv-navbar-brand {
padding-top: 10px; }
#emv-nav .emv-navbar-brand .logo-full {
display: block; }
#emv-nav .emv-navbar-brand .logo-short {
display: none; }
#emv-nav .navbar-nav {
margin-left: 235px; } }
/*
Icon classes can be used entirely standalone. They are named after their original file names.
```html
![]()
```
*/
.icon-Burn_Area {
background-image: url(../images/sprite.png);
background-position: -200px -206px;
width: 30px;
height: 30px;
}
.icon-Airport_Closure {
background-image: url(../images/sprite.png);
background-position: -42px 0px;
width: 32px;
height: 32px;
}
.icon-Other_Closed {
background-image: url(../images/sprite.png);
background-position: 0px -166px;
width: 30px;
height: 30px;
}
.icon-Park_Closed {
background-image: url(../images/sprite.png);
background-position: -40px -166px;
width: 30px;
height: 30px;
}
.icon-Port_Closure {
background-image: url(../images/sprite.png);
background-position: 0px -42px;
width: 32px;
height: 32px;
}
.icon-Rail_Disruptions {
background-image: url(../images/sprite.png);
background-position: -246px -160px;
width: 30px;
height: 30px;
}
.icon-Road_Closed {
background-image: url(../images/sprite.png);
background-position: -246px -200px;
width: 30px;
height: 30px;
}
.icon-Road_Works {
background-image: url(../images/sprite.png);
background-position: 0px -246px;
width: 30px;
height: 30px;
}
.icon-School_Closure {
background-image: url(../images/sprite.png);
background-position: -126px 0px;
width: 30px;
height: 30px;
}
.icon-Total_Fire_Ban {
background-image: url(../images/sprite.png);
background-position: -126px -40px;
width: 30px;
height: 30px;
}
.icon-Track_Closed {
background-image: url(../images/sprite.png);
background-position: -126px -80px;
width: 30px;
height: 30px;
}
.icon-cluster {
background-image: url(../images/sprite.png);
background-position: -246px 0px;
width: 30px;
height: 30px;
}
.icon-Community_Document {
background-image: url(../images/sprite.png);
background-position: 0px -126px;
width: 30px;
height: 30px;
}
.icon-Community_Information_Point {
background-image: url(../images/sprite.png);
background-position: -40px -126px;
width: 30px;
height: 30px;
}
.icon-Community_Refuge {
background-image: url(../images/sprite.png);
background-position: -80px -126px;
width: 30px;
height: 30px;
}
.icon-Community_Relief_Centre {
background-image: url(../images/sprite.png);
background-position: -120px -126px;
width: 30px;
height: 30px;
}
.icon-Community_Siren {
background-image: url(../images/sprite.png);
background-position: -166px 0px;
width: 30px;
height: 30px;
}
.icon-Neighbourhood_Safer_Place {
background-image: url(../images/sprite.png);
background-position: -166px -40px;
width: 30px;
height: 30px;
}
.icon-Accident_Collision {
background-image: url(../images/sprite.png);
background-position: -166px -80px;
width: 30px;
height: 30px;
}
.icon-Aircraft_Incident {
background-image: url(../images/sprite.png);
background-position: -166px -120px;
width: 30px;
height: 30px;
}
.icon-Animal_Health {
background-image: url(../images/sprite.png);
background-position: -42px -42px;
width: 32px;
height: 32px;
}
.icon-Beach_Closures {
background-image: url(../images/sprite.png);
background-position: -84px 0px;
width: 32px;
height: 32px;
}
.icon-Building_damage {
background-image: url(../images/sprite.png);
background-position: -80px -166px;
width: 30px;
height: 30px;
}
.icon-Dam_Failure {
background-image: url(../images/sprite.png);
background-position: -120px -166px;
width: 30px;
height: 30px;
}
.icon-Earthquake {
background-image: url(../images/sprite.png);
background-position: -160px -166px;
width: 30px;
height: 30px;
}
.icon-Fallen_Power_Lines {
background-image: url(../images/sprite.png);
background-position: -206px 0px;
width: 30px;
height: 30px;
}
.icon-Fire {
background-image: url(../images/sprite.png);
background-position: -206px -40px;
width: 30px;
height: 30px;
}
.icon-Fire_Active {
background-image: url(../images/sprite.png);
background-position: -206px -80px;
width: 30px;
height: 30px;
}
.icon-Hazardous_Material {
background-image: url(../images/sprite.png);
background-position: -206px -120px;
width: 30px;
height: 30px;
}
.icon-Hazardous_Material_Gas_Leak {
background-image: url(../images/sprite.png);
background-position: -206px -160px;
width: 30px;
height: 30px;
}
.icon-Hazardous_Material_Liquids {
background-image: url(../images/sprite.png);
background-position: 0px -206px;
width: 30px;
height: 30px;
}
.icon-Health {
background-image: url(../images/sprite.png);
background-position: -40px -206px;
width: 30px;
height: 30px;
}
.icon-Landslide {
background-image: url(../images/sprite.png);
background-position: -80px -206px;
width: 30px;
height: 30px;
}
.icon-Locust_Plague {
background-image: url(../images/sprite.png);
background-position: -120px -206px;
width: 30px;
height: 30px;
}
.icon-Oiled_Wildlife {
background-image: url(../images/sprite.png);
background-position: -160px -206px;
width: 30px;
height: 30px;
}
.icon-Other_Incident {
background-image: url(../images/sprite.png);
background-position: -84px -42px;
width: 32px;
height: 32px;
}
.icon-Petroleum_Oil_Spill {
background-image: url(../images/sprite.png);
background-position: -326px -280px;
width: 30px;
height: 30px;
}
.icon-Planned_Burn {
background-image: url(../images/sprite.png);
background-position: -246px -40px;
width: 30px;
height: 30px;
}
.icon-Plant_Pest_Disease {
background-image: url(../images/sprite.png);
background-position: -246px -80px;
width: 30px;
height: 30px;
}
.icon-Rail_Incident {
background-image: url(../images/sprite.png);
background-position: -246px -120px;
width: 30px;
height: 30px;
}
.icon-Rescue {
background-image: url(../images/sprite.png);
background-position: 0px -84px;
width: 32px;
height: 32px;
}
.icon-Severe_Weather {
background-image: url(../images/sprite.png);
background-position: -42px -84px;
width: 32px;
height: 32px;
}
.icon-Shark_Sighting {
background-image: url(../images/sprite.png);
background-position: -84px -84px;
width: 32px;
height: 32px;
}
.icon-Ship_Incident {
background-image: url(../images/sprite.png);
background-position: -40px -246px;
width: 30px;
height: 30px;
}
.icon-Tree_Hazard {
background-image: url(../images/sprite.png);
background-position: -80px -246px;
width: 30px;
height: 30px;
}
.icon-Vertebrate_Animal_Plague {
background-image: url(../images/sprite.png);
background-position: -120px -246px;
width: 30px;
height: 30px;
}
.icon-Water_pollution {
background-image: url(../images/sprite.png);
background-position: -160px -246px;
width: 30px;
height: 30px;
}
.icon-Media_Assembly_Point {
background-image: url(../images/sprite.png);
background-position: -286px -40px;
width: 30px;
height: 30px;
}
.icon-Electricity_Outage {
background-image: url(../images/sprite.png);
background-position: -200px -246px;
width: 30px;
height: 30px;
}
.icon-Gas_Outage {
background-image: url(../images/sprite.png);
background-position: -240px -246px;
width: 30px;
height: 30px;
}
.icon-Water_Outage {
background-image: url(../images/sprite.png);
background-position: -286px 0px;
width: 30px;
height: 30px;
}
.icon-Special_Restricted_area_Animal_Health {
background-image: url(../images/sprite.png);
background-position: -286px -80px;
width: 30px;
height: 30px;
}
.icon-Special_Restricted_area_Plant_Health {
background-image: url(../images/sprite.png);
background-position: -286px -120px;
width: 30px;
height: 30px;
}
.icon-Special_Restricted_area_Quarantine {
background-image: url(../images/sprite.png);
background-position: -286px -160px;
width: 30px;
height: 30px;
}
.icon-Facebook {
background-image: url(../images/sprite.png);
background-position: -286px -200px;
width: 30px;
height: 30px;
}
.icon-Instagram {
background-image: url(../images/sprite.png);
background-position: -286px -240px;
width: 30px;
height: 30px;
}
.icon-Twitter {
background-image: url(../images/sprite.png);
background-position: 0px -286px;
width: 30px;
height: 30px;
}
.icon-Youtube {
background-image: url(../images/sprite.png);
background-position: -40px -286px;
width: 30px;
height: 30px;
}
.icon-Advice {
background-image: url(../images/sprite.png);
background-position: -80px -286px;
width: 30px;
height: 30px;
}
.icon-Community_Update {
background-image: url(../images/sprite.png);
background-position: -120px -286px;
width: 30px;
height: 30px;
}
.icon-Emergency_Warning {
background-image: url(../images/sprite.png);
background-position: -160px -286px;
width: 30px;
height: 30px;
}
.icon-Evacuate {
background-image: url(../images/sprite.png);
background-position: -200px -286px;
width: 30px;
height: 30px;
}
.icon-Warning-Watch_and_Act {
background-image: url(../images/sprite.png);
background-position: -240px -286px;
width: 30px;
height: 30px;
}
.icon-Cyclone {
background-image: url(../images/sprite.png);
background-position: -280px -286px;
width: 30px;
height: 30px;
}
.icon-Damaging_Winds {
background-image: url(../images/sprite.png);
background-position: -326px 0px;
width: 30px;
height: 30px;
}
.icon-Fire_Danger_Ratings {
background-image: url(../images/sprite.png);
background-position: -326px -40px;
width: 30px;
height: 30px;
}
.icon-Flood {
background-image: url(../images/sprite.png);
background-position: -326px -80px;
width: 30px;
height: 30px;
}
.icon-Gauge {
background-image: url(../images/sprite.png);
background-position: -326px -120px;
width: 30px;
height: 30px;
}
.icon-Storm {
background-image: url(../images/sprite.png);
background-position: -326px -160px;
width: 30px;
height: 30px;
}
.icon-Temperature {
background-image: url(../images/sprite.png);
background-position: -326px -200px;
width: 30px;
height: 30px;
}
.icon-Tsunami {
background-image: url(../images/sprite.png);
background-position: -326px -240px;
width: 30px;
height: 30px;
}
.icon-Wind_Direction {
background-image: url(../images/sprite.png);
background-position: 0px 0px;
width: 32px;
height: 32px;
}
/*
Icon classes can be used entirely standalone. They are named after their original file names.
```html
![]()
```
*/
.icon-keys-DamFailure {
background-image: url(../images/sprite_keys.png);
background-position: -60px -245px;
width: 50px;
height: 50px;
}
.icon-keys-FireActive {
background-image: url(../images/sprite_keys.png);
background-position: -300px -305px;
width: 50px;
height: 50px;
}
.icon-keys-WarningPerimetersIcon {
background-image: url(../images/sprite_keys.png);
background-position: -120px -245px;
width: 50px;
height: 50px;
}
.icon-keys-airplane {
background-image: url(../images/sprite_keys.png);
background-position: -180px -365px;
width: 50px;
height: 50px;
}
.icon-keys-airportClosure {
background-image: url(../images/sprite_keys.png);
background-position: -478px -300px;
width: 50px;
height: 50px;
}
.icon-keys-animalHealth {
background-image: url(../images/sprite_keys.png);
background-position: -180px -425px;
width: 50px;
height: 50px;
}
.icon-keys-animalPlague {
background-image: url(../images/sprite_keys.png);
background-position: 0px -125px;
width: 50px;
height: 50px;
}
.icon-keys-beachClosures {
background-image: url(../images/sprite_keys.png);
background-position: -60px -125px;
width: 50px;
height: 50px;
}
.icon-keys-buildingDamage {
background-image: url(../images/sprite_keys.png);
background-position: -120px -125px;
width: 50px;
height: 50px;
}
.icon-keys-clustered_fire {
background-image: url(../images/sprite_keys.png);
background-position: -238px 0px;
width: 50px;
height: 50px;
}
.icon-keys-communityDocument {
background-image: url(../images/sprite_keys.png);
background-position: -238px -60px;
width: 50px;
height: 50px;
}
.icon-keys-communityInformationPoint {
background-image: url(../images/sprite_keys.png);
background-position: -238px -120px;
width: 50px;
height: 50px;
}
.icon-keys-communityRefuge {
background-image: url(../images/sprite_keys.png);
background-position: 0px -185px;
width: 50px;
height: 50px;
}
.icon-keys-communityReliefCentre {
background-image: url(../images/sprite_keys.png);
background-position: -60px -185px;
width: 50px;
height: 50px;
}
.icon-keys-communitySiren {
background-image: url(../images/sprite_keys.png);
background-position: -120px -185px;
width: 50px;
height: 50px;
}
.icon-keys-communityUpdateBlue {
background-image: url(../images/sprite_keys.png);
background-position: -180px -185px;
width: 50px;
height: 50px;
}
.icon-keys-damagingWinds {
background-image: url(../images/sprite_keys.png);
background-position: -298px 0px;
width: 50px;
height: 50px;
}
.icon-keys-earthquake {
background-image: url(../images/sprite_keys.png);
background-position: -298px -60px;
width: 50px;
height: 50px;
}
.icon-keys-fallenPowerLines {
background-image: url(../images/sprite_keys.png);
background-position: -298px -120px;
width: 50px;
height: 50px;
}
.icon-keys-fdr {
background-image: url(../images/sprite_keys.png);
background-position: -298px -180px;
width: 50px;
height: 50px;
}
.icon-keys-fire {
background-image: url(../images/sprite_keys.png);
background-position: 0px -245px;
width: 50px;
height: 50px;
}
.icon-keys-fireDangerPeriods {
background-image: url(../images/sprite_keys.png);
background-position: -86px 0px;
width: 75px;
height: 45px;
}
.icon-keys-fireDangerRatingsSprite {
background-image: url(../images/sprite_keys.png);
background-position: 0px 0px;
width: 76px;
height: 47px;
}
.icon-keys-firefightingAircraft {
background-image: url(../images/sprite_keys.png);
background-position: -180px -245px;
width: 50px;
height: 50px;
}
.icon-keys-firefightingChopper {
background-image: url(../images/sprite_keys.png);
background-position: -240px -245px;
width: 50px;
height: 50px;
}
.icon-keys-flood {
background-image: url(../images/sprite_keys.png);
background-position: -358px 0px;
width: 50px;
height: 50px;
}
.icon-keys-gasOutage {
background-image: url(../images/sprite_keys.png);
background-position: -358px -60px;
width: 50px;
height: 50px;
}
.icon-keys-hazardousMat {
background-image: url(../images/sprite_keys.png);
background-position: -358px -120px;
width: 50px;
height: 50px;
}
.icon-keys-incident {
background-image: url(../images/sprite_keys.png);
background-position: -358px -180px;
width: 50px;
height: 50px;
}
.icon-keys-incidentPerimeters {
background-image: url(../images/sprite_keys.png);
background-position: -358px -240px;
width: 50px;
height: 50px;
}
.icon-keys-invertebratePlague {
background-image: url(../images/sprite_keys.png);
background-position: 0px -305px;
width: 50px;
height: 50px;
}
.icon-keys-landslide {
background-image: url(../images/sprite_keys.png);
background-position: -60px -305px;
width: 50px;
height: 50px;
}
.icon-keys-marine-incident {
background-image: url(../images/sprite_keys.png);
background-position: -120px -305px;
width: 50px;
height: 50px;
}
.icon-keys-medical {
background-image: url(../images/sprite_keys.png);
background-position: -180px -305px;
width: 50px;
height: 50px;
}
.icon-keys-neighbourhoodSafer {
background-image: url(../images/sprite_keys.png);
background-position: -240px -305px;
width: 50px;
height: 50px;
}
.icon-keys-oiledWildlife {
background-image: url(../images/sprite_keys.png);
background-position: -171px -60px;
width: 50px;
height: 50px;
}
.icon-keys-other {
background-image: url(../images/sprite_keys.png);
background-position: -418px 0px;
width: 50px;
height: 50px;
}
.icon-keys-otherClosed {
background-image: url(../images/sprite_keys.png);
background-position: -418px -60px;
width: 50px;
height: 50px;
}
.icon-keys-parkClosed {
background-image: url(../images/sprite_keys.png);
background-position: -418px -120px;
width: 50px;
height: 50px;
}
.icon-keys-plannedBurn {
background-image: url(../images/sprite_keys.png);
background-position: -418px -180px;
width: 50px;
height: 50px;
}
.icon-keys-plantHealth {
background-image: url(../images/sprite_keys.png);
background-position: -418px -240px;
width: 50px;
height: 50px;
}
.icon-keys-portClosure {
background-image: url(../images/sprite_keys.png);
background-position: -418px -300px;
width: 50px;
height: 50px;
}
.icon-keys-powerOutage {
background-image: url(../images/sprite_keys.png);
background-position: 0px -365px;
width: 50px;
height: 50px;
}
.icon-keys-rail {
background-image: url(../images/sprite_keys.png);
background-position: -60px -365px;
width: 50px;
height: 50px;
}
.icon-keys-railDisruption {
background-image: url(../images/sprite_keys.png);
background-position: -120px -365px;
width: 50px;
height: 50px;
}
.icon-keys-rainRadar {
background-image: url(../images/sprite_keys.png);
background-position: -171px 0px;
width: 57px;
height: 50px;
}
.icon-keys-rescue {
background-image: url(../images/sprite_keys.png);
background-position: -538px -240px;
width: 45px;
height: 45px;
}
.icon-keys-riverMonitoring {
background-image: url(../images/sprite_keys.png);
background-position: -300px -365px;
width: 50px;
height: 50px;
}
.icon-keys-roadClosed {
background-image: url(../images/sprite_keys.png);
background-position: -360px -365px;
width: 50px;
height: 50px;
}
.icon-keys-satelliteFireDetection {
background-image: url(../images/sprite_keys.png);
background-position: -538px -295px;
width: 42px;
height: 42px;
}
.icon-keys-schoolClosure {
background-image: url(../images/sprite_keys.png);
background-position: -478px -60px;
width: 50px;
height: 50px;
}
.icon-keys-service {
background-image: url(../images/sprite_keys.png);
background-position: -478px -120px;
width: 50px;
height: 50px;
}
.icon-keys-sharkSighting {
background-image: url(../images/sprite_keys.png);
background-position: -478px -180px;
width: 50px;
height: 50px;
}
.icon-keys-storm {
background-image: url(../images/sprite_keys.png);
background-position: -478px -240px;
width: 50px;
height: 50px;
}
.icon-keys-thunderstormTracker {
background-image: url(../images/sprite_keys.png);
background-position: -68px -57px;
width: 55px;
height: 52px;
}
.icon-keys-tornado {
background-image: url(../images/sprite_keys.png);
background-position: -478px -360px;
width: 50px;
height: 50px;
}
.icon-keys-totalFireBan {
background-image: url(../images/sprite_keys.png);
background-position: 0px -425px;
width: 50px;
height: 50px;
}
.icon-keys-treeDown {
background-image: url(../images/sprite_keys.png);
background-position: -60px -425px;
width: 50px;
height: 50px;
}
.icon-keys-tsunami {
background-image: url(../images/sprite_keys.png);
background-position: -120px -425px;
width: 50px;
height: 50px;
}
.icon-keys-tsunamiSprite {
background-image: url(../images/sprite_keys.png);
background-position: 0px -57px;
width: 58px;
height: 58px;
}
.icon-keys-vehicleAccident {
background-image: url(../images/sprite_keys.png);
background-position: -240px -425px;
width: 50px;
height: 50px;
}
.icon-keys-warning {
background-image: url(../images/sprite_keys.png);
background-position: -300px -425px;
width: 50px;
height: 50px;
}
.icon-keys-warningAdvice {
background-image: url(../images/sprite_keys.png);
background-position: -360px -425px;
width: 50px;
height: 50px;
}
.icon-keys-warningEmergency {
background-image: url(../images/sprite_keys.png);
background-position: -420px -425px;
width: 50px;
height: 50px;
}
.icon-keys-warningEvacuation {
background-image: url(../images/sprite_keys.png);
background-position: -538px 0px;
width: 50px;
height: 50px;
}
.icon-keys-warningWatchAct {
background-image: url(../images/sprite_keys.png);
background-position: -538px -60px;
width: 50px;
height: 50px;
}
.icon-keys-waterOutage {
background-image: url(../images/sprite_keys.png);
background-position: -538px -120px;
width: 50px;
height: 50px;
}
.icon-keys-waterPollution {
background-image: url(../images/sprite_keys.png);
background-position: -478px 0px;
width: 50px;
height: 50px;
}
.icon-keys-weatherStation {
background-image: url(../images/sprite_keys.png);
background-position: -240px -365px;
width: 50px;
height: 50px;
}
.icon-keys-windDirection {
background-image: url(../images/sprite_keys.png);
background-position: -538px -180px;
width: 50px;
height: 50px;
}
#operation-bar {
padding-top: 50px;
position: relative;
background-color: #f4f3f3; }
#operation-bar .btn-group-left-padded {
padding-left: 8px; }
#operation-bar .btn-group-separated {
padding-left: 8px; }
#operation-bar .btn-group-separated button.btn {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
#operation-bar .btn-group-separated-right {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
#operation-bar .btn.active, #operation-bar .btn:active {
background-color: #0099FF;
color: #FFF;
font-weight: bold; }
#operation-bar .open > .dropdown-toggle {
background-color: #0099FF;
color: #FFF; }
@media (min-width: 768px) {
#operation-bar {
height: 50px;
padding-top: 0;
border-bottom: 1px solid #ccc; } }
@media (min-aspect-ratio: 13 / 9) and (max-width: 768px) {
#operation-bar {
padding-top: 0;
height: 0; } }
#operation-bar div.operation-header {
height: 100%;
cursor: pointer;
position: relative; }
#operation-bar .operation-header-label {
text-align: right;
font-size: 15px;
position: relative;
top: 10px; }
#operation-bar #search-panel {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
background-color: #f4f3f3;
border-bottom: 1px solid #ccc;
padding: 8px; }
#operation-bar #search-panel .input-group {
width: 100%; }
@media (min-width: 768px) {
#operation-bar #search-panel {
width: auto;
margin-left: 420px;
padding: 8px 8px 7px 0px;
position: relative;
border-bottom: none; } }
@media (min-aspect-ratio: 13 / 9) and (max-width: 768px) {
#operation-bar #search-panel {
display: none; } }
#operation-bar #search-panel .typeahead a:hover,
#operation-bar #search-panel .typeahead .active a {
background-color: #0099FF;
color: #FFF; }
#operation-bar #control-panel {
display: block;
width: 100%;
height: 50px;
padding: 8px 8px 7px 8px;
background-color: none;
border-bottom: 1px solid #ccc; }
@media (min-width: 768px) {
#operation-bar #control-panel {
float: left;
width: auto;
height: auto;
background-color: #f4f3f3;
border: none;
width: 420px;
border-bottom: none; } }
@media (min-aspect-ratio: 13 / 9) and (max-width: 768px) {
#operation-bar #control-panel {
height: 0;
border-bottom: none;
margin: 8px 8px;
padding: 0 16px 0 0; } }
#operation-bar #locate-me-panel {
display: inline-block; }
@media (min-width: 768px) {
#operation-bar #locate-me-panel {
display: inline-block; } }
#operation-bar #locate-me-panel .btn-locate-me {
min-width: 104px; }
#operation-bar #locate-me-panel .btn-locate-me span.locate-me {
display: inline; }
#operation-bar #locate-me-panel .btn-locate-me span.locate-me i span {
font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif !important; }
#operation-bar #locate-me-panel .btn-locate-me span.loader,
#operation-bar #locate-me-panel .btn-locate-me span.hide-me {
display: none; }
#operation-bar #locate-me-panel button.requesting span.locate-me {
display: none; }
#operation-bar #locate-me-panel button.requesting span.loader {
display: inline; }
#operation-bar #locate-me-panel button.active {
background-color: #09F;
box-shadow: none;
-webkit-box-shadow: none;
border-color: transparent; }
#operation-bar #locate-me-panel button.active span.locate-me {
display: inline;
color: #fff; }
#operation-bar #locate-me-panel button.active span.loader {
display: none; }
#operation-bar #sort-and-filter-panel {
float: right; }
#operation-bar #sort-and-filter-panel div#refresh-panel,
#operation-bar #sort-and-filter-panel div#filter-panel,
#operation-bar #sort-and-filter-panel div#sort-panel {
float: left; }
#operation-bar #refresh-panel span {
display: inline-block;
min-width: 16px;
text-align: center; }
#operation-bar #refresh-panel button.refresh-loading {
background-color: #E6E6E6;
border-color: #ADADAD; }
#operation-bar #filter-panel {
display: block; }
#operation-bar #filter-panel .filter-commands {
width: 100%;
text-align: center;
padding: 10px; }
#operation-bar #filter-panel .filter-options {
display: none;
padding: 0; }
#operation-bar #filter-panel ul {
width: 256px;
overflow: auto;
padding-bottom: 20px; }
@media (min-height: 320px) {
#operation-bar #filter-panel ul {
height: 160px; } }
@media (min-height: 375px) {
#operation-bar #filter-panel ul {
height: 215px; } }
@media (min-height: 480px) {
#operation-bar #filter-panel ul {
height: 320px; } }
@media (min-height: 568px) {
#operation-bar #filter-panel ul {
height: 408px; } }
@media (min-height: 600px) {
#operation-bar #filter-panel ul {
height: 440px; } }
@media (min-height: 667px) {
#operation-bar #filter-panel ul {
height: 507px; } }
@media (min-height: 700px) {
#operation-bar #filter-panel ul {
height: 540px; } }
@media (min-height: 736px) {
#operation-bar #filter-panel ul {
height: 576px; } }
@media (min-height: 768px) {
#operation-bar #filter-panel ul {
height: auto; } }
#operation-bar #filter-panel li:first-child {
padding: 4px 8px 8px 8px;
text-align: center;
border-bottom: 1px solid #ccc; }
#operation-bar #filter-panel li:first-child button {
width: 108px; }
#operation-bar #filter-panel li.filter-folder {
margin: 0;
padding: 0;
width: 100%;
margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 14px;
background-color: #6b6b6b;
color: #fff;
font-weight: bold; }
#operation-bar #filter-panel li.filter-folder-open .filter-folder-open-control {
display: none; }
#operation-bar #filter-panel li.filter-folder-closed .filter-folder-close-control {
display: none; }
#operation-bar #filter-panel li {
margin: 0;
padding: 0;
cursor: pointer;
position: relative; }
#operation-bar #filter-panel li label {
font-style: normal;
cursor: pointer;
margin: 0;
padding: 8px;
width: 100%;
color: #555; }
#operation-bar #filter-panel li label.fixed {
font-weight: normal;
color: #6b6b6b; }
#operation-bar #filter-panel li label.has-parent {
padding-left: 30px; }
#operation-bar #filter-panel li label:hover {
background-color: #e5e5e5; }
#operation-bar #filter-panel li input[type=checkbox], #operation-bar #filter-panel li input[type=radio] {
margin-right: 6px;
cursor: pointer; }
#operation-bar #filter-panel li input[type=checkbox]:hover, #operation-bar #filter-panel li input[type=checkbox]:focus, #operation-bar #filter-panel li input[type=radio]:hover, #operation-bar #filter-panel li input[type=radio]:focus {
outline: 1px dotted #e5e5e5;
outline-offset: 4px; }
#operation-bar #filter-panel li .expandable-control {
display: none; }
#operation-bar #filter-panel li .filter-description {
display: none; }
#operation-bar #filter-panel li.filter-selected .filter-description {
display: block;
display: block;
padding-left: 10px; }
#operation-bar #filter-panel li.filter-parent-has-children .expandable-control {
position: absolute;
right: 10px;
top: 10px;
display: block; }
#operation-bar #filter-panel li.filter-parent-has-children .expandable-control .hidden-Expanded {
display: block; }
#operation-bar #filter-panel li.filter-parent-has-children .expandable-control .visible-Expanded {
display: none; }
#operation-bar #filter-panel li.filter-parent-has-children-expanded .expandable-control .hidden-Expanded {
display: none; }
#operation-bar #filter-panel li.filter-parent-has-children-expanded .expandable-control .visible-Expanded {
display: block; }
@media (min-width: 768px) {
#operation-bar #filter-panel ul {
margin-left: 0; } }
#operation-bar #mobile-sidebar-toggle-panel {
display: block;
float: left; }
#operation-bar #mobile-sidebar-toggle-panel #mobile-sidebar-toggle {
/*min-width:108px;*/ }
#operation-bar #mobile-sidebar-toggle-panel #mobile-sidebar-info-btn {
display: block; }
@media (min-width: 768px) {
#operation-bar #mobile-sidebar-toggle-panel #mobile-sidebar-info-btn {
display: none; } }
#operation-bar #updated-panel {
display: block;
height: 22px;
background: #f4f3f3;
border-bottom: 1px solid #ccc; }
#operation-bar #updated-panel span#updated-date {
float: right;
font-size: 12px;
line-height: 22px;
color: #6b6b6b;
margin-right: 8px; }
#operation-bar.map-only-view #control-panel {
position: absolute;
background-color: transparent;
border: none; }
.lt-ie9 #operation-bar #filter-panel ul {
position: fixed;
top: 115px;
left: 155px;
bottom: 50px;
max-height: 595px; }
.filter-thematic label.emphasis {
font-weight: normal; }
/*leaflet*/
.leaflet-popup {
outline: 0;
font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif; }
.leaflet-popup-content-wrapper {
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
background: none;
margin: 0;
border-radius: 0; }
.leaflet-popup-content {
min-width: 300px;
max-width: 320px;
margin: 0;
background: #fff;
line-height: 1.2; }
.search-pin-popup {
background: #fff;
border: 2px solid #6b6b6b;
padding: 8px 8px 5px 8px;
text-align: center;
font-size: 15px;
margin: -2px;
height: auto;
overflow: auto; }
.search-pin-popup .search-label {
margin-left: 25px;
min-height: 35px; }
.search-pin-popup .search-create-watchzone {
position: absolute;
left: 5px;
top: 5px; }
#leaflet-popup-styling {
/*popuptable*/ }
#leaflet-popup-styling .osom-panel-map-marker {
margin: 0;
border: none; }
#leaflet-popup-styling .advice {
border-left: 10px solid #fbe032;
border-bottom: solid 1px #c2c2c2; }
#leaflet-popup-styling .emergency {
border-left: 10px solid #C33;
border-bottom: solid 1px #c2c2c2; }
#leaflet-popup-styling .watchact {
border-left: 10px solid #f57f2f;
border-bottom: solid 1px #c2c2c2; }
#leaflet-popup-styling .evacuate {
border-left: 10px solid #000;
border-bottom: solid 1px #c2c2c2; }
#leaflet-popup-styling .info {
border-left: 10px solid #1e5da7;
border-bottom: solid 1px #c2c2c2; }
#leaflet-popup-styling .osom-popup-header {
padding: 0px 10px 14px 30px;
background-color: #fff;
color: #000;
min-height: 60px; }
#leaflet-popup-styling .osom-popup-header .osom-header-wrapper {
width: 85%; }
#leaflet-popup-styling .osom-popup-header > div {
display: inline-block;
float: left; }
#leaflet-popup-styling .popup-header-icon-style {
height: 30px;
width: 30px;
padding-top: 15px; }
#leaflet-popup-styling .popup-header-font-style {
color: #000;
font-weight: bold;
font-size: 18px;
padding: 12px 0 0 32px;
max-width: 230px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
#leaflet-popup-styling .osom-subheader {
border-bottom: 1px solid #DDDDDD;
padding: 10px 5px 10px 30px; }
#leaflet-popup-styling .osom-subheader-contents {
display: table; }
#leaflet-popup-styling .osom-subheader-contents div {
display: table-cell;
vertical-align: middle;
font-size: 14px; }
#leaflet-popup-styling .osom-popup-incident-subheader {
background-color: #f1f0ee;
padding: 10px 5px 10px 15px;
display: table;
width: 100%; }
@media (min-width: 768px) {
#leaflet-popup-styling .osom-popup-incident-subheader {
padding-left: 30px; } }
#leaflet-popup-styling .subheader-time-style {
font-size: 11px;
text-align: right;
width: 100%;
font-weight: bold;
padding-bottom: 3px; }
#leaflet-popup-styling .osom-popup-incident-subheader > div {
display: table-cell;
vertical-align: middle; }
#leaflet-popup-styling .subheader-icon-style {
width: 30px; }
#leaflet-popup-styling .subheader-warning-icon-style {
width: 30px; }
#leaflet-popup-styling .subheader-p-style {
float: left;
padding: 0 0 0 30px;
max-width: 220px;
margin: 0; }
#leaflet-popup-styling .osom-popup-incident-subheader .subheader-p-style {
padding-left: 27px; }
#leaflet-popup-styling .osom-popup-header .subheader-p-style {
float: left;
padding: 0 0 0 32px;
min-width: 200px;
max-width: 220px;
font-size: 14px;
margin: 0; }
#leaflet-popup-styling .subheader-incident-p-style {
float: left;
padding-left: 30px;
max-width: 210px;
font-size: 14px; }
#leaflet-popup-styling .subheader-title-style {
font-size: 18px; }
#leaflet-popup-styling .osom-popup-body {
padding: 10px 15px; }
#leaflet-popup-styling .osom-popup-body .fdr-legend {
max-width: 100% !important;
margin: auto; }
#leaflet-popup-styling #osom-popup-content {
padding-top: 5px;
padding-left: 5px;
display: block; }
@media (min-width: 768px) {
#leaflet-popup-styling #osom-popup-content {
padding-left: 15px; } }
#leaflet-popup-styling #osom-popup-content dt {
display: block;
float: left;
background-color: blue;
font-size: 1.5em;
width: 20px; }
#leaflet-popup-styling #osom-popup-content dd {
display: block;
float: left;
background-color: red;
margin-left: 32px;
width: 120px; }
#leaflet-popup-styling #osom-popup-content span {
display: block;
font-weight: normal;
font-size: 0.8em; }
#leaflet-popup-styling #osom-popup-content .data-item span:first-child {
display: inline-block;
font-size: 1.5em;
padding-right: 10px;
width: 50px;
background-color: red; }
#leaflet-popup-styling #osom-popup-content .data-item > div {
display: inline-block;
background-color: yellow; }
#leaflet-popup-styling .panel-footer {
height: 40px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
border-radius: 0;
border-top: none; }
@media (min-width: 768px) {
#leaflet-popup-styling .panel-footer {
padding-left: 30px;
padding-right: 30px;
font-size: 11px; } }
#leaflet-popup-styling .panel-footer a {
text-decoration: none;
color: black;
padding-top: 2px; }
#leaflet-popup-styling .panel-footer a img {
width: 20px;
height: 20px; }
#leaflet-popup-styling .panel-footer a .left-margin {
margin-left: 10px; }
#leaflet-popup-styling .panel-footer a .right-margin {
margin-right: 10px; }
#leaflet-popup-styling .panel-footer .btn-label {
display: inline-block;
color: #000; }
#leaflet-popup-styling .fa-search {
font-size: 14px; }
#leaflet-popup-styling #popup-table-style tr td {
font-weight: normal;
padding: 0px 5px 5px 0px;
font-size: 13px; }
#leaflet-popup-styling #popup-table-style tr th {
padding: 0px 8px 5px 0px;
font-size: 14px;
width: 20px; }
#leaflet-popup-styling .popup-data-table {
font-size: 14px;
padding-left: 3px; }
.leaflet-container a.leaflet-popup-close-button {
color: #343434;
top: 10px;
right: 15px; }
@media (min-width: 768px) {
.leaflet-container a.leaflet-popup-close-button {
top: 5px;
right: 10px; } }
.leaflet-container a.leaflet-popup-close-button span {
display: none; }
.lt-ie9 .leaflet-container a.leaflet-popup-close-button .icon-media-cross {
background-image: url(../images/sprite_controls_mobile.png);
background-position: 0px -52px;
width: 20px;
height: 20px; }
@media (min-width: 768px) {
.lt-ie9 .leaflet-container a.leaflet-popup-close-button .icon-media-cross {
background-image: url(../images/sprite_controls_desktop.png);
background-position: -132px -60px;
width: 10px;
height: 10px; } }
.leaflet-popup-tip {
background-color: #f1f0ee; }
.leaflet-popup-tip-container {
margin-top: -1px; }
/*
Locate Me Popup Stylez */
.leaflet-container .locate-control-popup .leaflet-popup-close-button {
color: #C3C3C3;
top: 0;
right: 0; }
.leaflet-container .locate-control-popup .leaflet-popup-content-wrapper {
background: #FFF;
padding: 1px; }
.leaflet-container .locate-control-popup .leaflet-popup-content {
min-width: 210px;
max-width: 230px;
margin: 12px 20px;
background: #FFF;
border: 0;
line-height: 1.2;
padding: 1px; }
.leaflet-container .locate-control-popup .leaflet-popup-tip {
background: #FFF; }
.osom-subheader #osom-popup-content {
padding-left: 10px; }
.lt-ie9 .ie-td-head {
width: 10% !important; }
.lt-ie9 .ie-td-content {
width: 90% !important; }
.lt-ie9 .subheader-incident-p-style {
padding-right: 10px; }
#sidebar {
/*create gap to place a fixed table header*/ }
@media (min-aspect-ratio: 13 / 9) and (max-width: 768px) {
#sidebar {
padding-top: 85px; } }
#sidebar .sidebar-padding {
padding-top: 32px; }
@media (max-height: 449px) {
#sidebar .sidebar-padding {
padding-top: 85px; } }
#sidebar .sidebar-sort-panel {
background: #555;
z-index: 3000;
left: 0px;
padding-top: 5px;
max-width: 420px;
height: 30px;
color: #fff; }
@media (max-width: 767px) {
#sidebar .sidebar-sort-panel {
top: 216px;
max-width: 100%; } }
@media (min-aspect-ratio: 13 / 9) and (max-width: 768px) {
#sidebar .sidebar-sort-panel {
width: 100%;
top: 160px;
max-width: initial; } }
#sidebar .sidebar-sort-panel .type-span {
float: left;
margin-left: 30px; }
@media (max-width: 767px) {
#sidebar .sidebar-sort-panel .type-span {
margin-left: 15px; } }
#sidebar .sidebar-sort-panel .updated-span {
float: right;
margin-right: 30px; }
#sidebar .sidebar-sort-panel i {
margin-left: 10px; }
#sidebar .sidebar-sort-panel a {
color: #fff; }
#sidebar .feature-list {
width: 100%;
max-width: 100%;
margin: 0px 0px 50px 0px;
/* Highlighting panel styling */ }
#sidebar .feature-list .feature-row > td:first-child,
#sidebar .feature-list .icon-column {
width: 90px;
text-align: center; }
#sidebar .feature-list .feature-row > td:first-child div,
#sidebar .feature-list .icon-column div {
padding-left: 30px; }
#sidebar .feature-list .feature-row:nth-child(odd) {
background-color: #F0F0F0; }
#sidebar .feature-list tr:first-child td {
border-top: 0; }
#sidebar .feature-list .distanceColumnOnly {
min-width: 220px; }
#sidebar .feature-list th {
white-space: nowrap;
width: 50px;
padding: 0; }
#sidebar .feature-list th span {
padding: 5px;
position: fixed;
top: 183px; }
#sidebar .feature-list th a {
color: black;
text-decoration: none; }
#sidebar .feature-list .listActionStyle {
cursor: pointer; }
#sidebar .feature-list .sidebar-summary-panel {
width: 100%;
position: relative; }
#sidebar .feature-list .sidebar-summary-panel p {
margin-bottom: 0px; }
#sidebar .feature-list .sidebar-summary-panel span {
top: 166px; }
@media (min-aspect-ratio: 13 / 9) and (max-width: 768px) {
#sidebar .feature-list .sidebar-summary-panel span {
top: 116px; } }
#sidebar .feature-list .sidebar-summary-panel .type-span {
left: 38px; }
#sidebar .feature-list .sidebar-summary-panel .type-span i {
margin-left: 10px; }
#sidebar .feature-list .sidebar-summary-panel .updated-span {
left: auto;
right: 20px;
margin-right: 20px; }
#sidebar .feature-list .sidebar-summary-panel .updated-span i {
margin-left: 10px; }
@media (min-width: 768px) {
#sidebar .feature-list .sidebar-summary-panel .updated-span {
left: 320px;
right: auto; } }
#sidebar .feature-list .sidebar-incident-div {
min-height: 60px; }
#sidebar .feature-list td {
padding: 5px; }
#sidebar .feature-list td.sidebar-summary-panel, #sidebar .feature-list td.sidebar-summary-warning-panel {
padding: 0;
background-color: #fff; }
#sidebar .feature-list td .sidebar-feature {
border-bottom: solid 1.5px #c0c0c0;
position: relative;
background-color: white;
cursor: pointer;
display: block;
width: 100%;
text-decoration: none;
color: #333; }
#sidebar .feature-list td .sidebar-feature:hover {
color: #333;
background-color: #dedede; }
#sidebar .feature-list td ul.sidebar-more-link {
position: absolute;
right: 15px;
bottom: 10px;
list-style: none;
text-align: right;
list-style-type: none;
margin: 0;
padding: 0; }
@media (min-width: 768px) {
#sidebar .feature-list td ul.sidebar-more-link {
right: 30px;
bottom: 15px; } }
#sidebar .feature-list td ul.sidebar-more-link li {
float: left;
width: 26px; }
@media (min-width: 768px) {
#sidebar .feature-list td ul.sidebar-more-link li {
width: 30px; } }
#sidebar .feature-list td ul.sidebar-more-link li a:hover, #sidebar .feature-list td ul.sidebar-more-link li a:focus {
text-decoration: none;
cursor: pointer; }
#sidebar .feature-list td ul.sidebar-more-link li a img {
width: 16px;
height: 16px; }
@media (min-width: 768px) {
#sidebar .feature-list td ul.sidebar-more-link li a img {
width: 20px;
height: 20px; } }
#sidebar .feature-list td a.osom-table-popup-details {
color: #000;
font-weight: bold;
text-decoration: none; }
#sidebar .feature-list td .summary-col2 table.sidebar-feature-info th,
#sidebar .feature-list td .summary-col2 table.sidebar-feature-info td {
padding: 1px 0; }
#sidebar .feature-list td table.sidebar-feature-info th,
#sidebar .feature-list td table.sidebar-feature-info td {
font-size: 15px;
padding: 0;
border: 0; }
@media (min-width: 768px) {
#sidebar .feature-list td table.sidebar-feature-info th,
#sidebar .feature-list td table.sidebar-feature-info td {
font-size: 14px; } }
#sidebar .feature-list td .sidebar-summary-updated {
position: absolute;
width: 30%;
top: 0;
right: 0;
text-align: right;
font-size: 13px;
font-weight: bold;
padding: 15px 15px 5px 0px; }
@media (min-width: 768px) {
#sidebar .feature-list td .sidebar-summary-updated {
padding-right: 30px;
font-size: 11px; } }
#sidebar .feature-list h4 {
font-size: 18px;
font-weight: bold;
margin: 0;
margin-top: 5px; }
@media (max-width: 767px) {
#sidebar .feature-list h4 {
font-size: 17px; } }
#sidebar .feature-list .selectedPanel .sidebar-feature,
#sidebar .feature-list .selectedPanel .sidebar-feature-more {
background-color: #0099FF;
color: white; }
#sidebar .feature-list .selectedPanel .sidebar-feature:hover, #sidebar .feature-list .selectedPanel .sidebar-feature:focus,
#sidebar .feature-list .selectedPanel .sidebar-feature-more:hover,
#sidebar .feature-list .selectedPanel .sidebar-feature-more:focus {
color: #fff;
background-color: #0099FF; }
#sidebar .feature-list .fa-chevron-right {
font-size: 11px; }
#sidebar .feature-list .selectedPanel-visible, #sidebar .feature-list .selectedPanel-visible-inline, #sidebar .feature-list .selectedPanel-visible-inline-block {
display: none; }
#sidebar .feature-list .selectedPanel .selectedPanel-visible, #sidebar .feature-list .selectedPanel .selectedPanel-visible-inline {
display: inline; }
#sidebar .feature-list .selectedPanel .selectedPanel-visible-inline-block {
display: inline-block; }
#sidebar .feature-list .selectedPanel div.selectedPanel-visible {
display: block; }
#sidebar .feature-list .selectedPanel tr.selectedPanel-visible {
display: table-row; }
#sidebar .feature-list .selectedPanel .selectedPanel-hidden {
display: none; }
#sidebar .feature-list .selectedPanel > td {
background-color: #0099FF;
color: white; }
#sidebar .feature-list .selectedPanel > td a {
color: white;
text-decoration: none; }
#sidebar .feature-list .selectedPanel:hover > td {
color: white; }
#sidebar .feature-list .feature-row:hover > td {
background-color: #B8B8B8; }
#sidebar .feature-list .overflow-x-hide {
overflow-x: hidden; }
.sidebar-collapsed .sidebar-collapsed-only {
line-height: 1.1; }
.sidebar-summary-div {
width: 100%;
display: table;
min-height: 80px; }
.sidebar-summary-div > div {
display: table-cell;
vertical-align: middle; }
.sidebar-summary-div2 {
width: 100%;
margin-top: 5px;
margin-right: 60px;
display: table; }
.sidebar-summary-div2 > div {
display: table-cell;
vertical-align: middle; }
.sidebar-summary-div3 {
width: 100%;
margin-top: 5px; }
.sidebar-summary-div3 .sidebar-majorinfo {
padding: 10px;
max-height: 360px;
overflow: hidden;
color: black;
width: 100%; }
@media (min-width: 768px) {
.sidebar-summary-div3 .sidebar-majorinfo {
width: 400px; } }
.sidebar-summary-div3 .sidebar-majormoreinfo {
padding: 5px 25px 5px 0;
text-align: right; }
.sidebar-summary-div3 .sidebar-majormoreinfo a {
color: #337ab7 !important; }
/* Sub elements within div elements */
.position-relative {
position: relative; }
div.summaryCol1 {
width: 90px;
display: table-cell;
padding: 20px 30px 20px 35px;
vertical-align: middle; }
@media (max-width: 480px) {
div.summaryCol1 {
width: 60px;
padding: 20px 15px; } }
div.summaryCol2 {
vertical-align: top;
padding-right: 90px;
display: table-cell; }
@media (max-width: 480px) {
div.summaryCol2 {
width: inherit; } }
div.summaryCol-warning1 {
vertical-align: middle;
padding: 0px 30px;
width: 90px; }
@media (max-width: 480px) {
div.summaryCol-warning1 {
width: 60px;
padding: 20px 15px; } }
div.summaryCol-warning2 {
vertical-align: middle;
margin-bottom: 15px;
position: relative;
padding-right: 90px; }
@media (min-width: 768px) {
div.summaryCol-warning2 {
padding-right: 100px; } }
div.summaryCol-warning2 .ff-min-height-fix {
height: 50px;
float: left;
width: 1px; }
.panel-item-title {
font-size: 14px;
font-weight: bold; }
.panel-item-subtitle {
font-size: 12px; }
div.summaryCol3-warning2 img {
margin-bottom: 7px; }
.sidebar-summary-warning-panel {
width: 100%;
position: relative;
/* min-height: 83px; */ }
.sidebar-summary-warning-panel a.sidebar-feature {
/* min-height: 83px; */ }
.sidebar-summary-warning-panel p {
margin-bottom: 0px; }
/*TODO :Clean up later*/
.sidebar-feature-info .major td {
padding: 3px 0px 0px 0px !important; }
.sidebar-feature-info .minor td {
font-size: 11px !important;
padding: 3px 0px 0px 0px !important; }
.summaryCol2, .summaryCol-warning2 {
padding: 10px 5px 10px 0px; }
.sidebar-summary-div2 {
background-color: #cce0f5 !important;
color: black !important; }
.sidebar-summary-div3 {
background-color: #fff !important; }
.tab-navigation {
margin: 1px 0px 3px 0px;
padding: 0px 5px;
max-width: 420px;
width: 100%; }
@media (max-width: 767px) {
.tab-navigation {
max-width: 100%;
width: 100%; } }
@media (min-aspect-ratio: 13 / 9) and (max-width: 768px) {
.tab-navigation {
width: 100%;
max-width: 100%; } }
.tab-navigation ul > li > a {
border-radius: 0 !important;
padding-top: 0px;
height: 40px;
line-height: 40px;
font-size: 14px;
border: solid 1px #ddd; }
.tab-navigation ul > li > a .badge {
background: #c2c2c2;
color: #000;
font-size: 12px;
font-weight: normal;
width: 36px;
padding: 3px 7px; }
@media (max-width: 767px) {
.tab-navigation ul > li > a .badge {
font-size: 12px; } }
.tab-navigation ul > li.active > a {
font-weight: bold;
border-color: #09f; }
.tab-navigation ul > li.active > a .badge {
font-weight: bold;
background-color: #304269;
color: #fff; }
.tab-navigation ul > li.active > a:focus {
background-color: #09f; }
.sidebar-table {
padding-bottom: 50px; }
.sidebar-table .nav-justified > li {
display: table-cell;
width: 1%; }
.sidebar-table .nav-justified > li > a {
margin-bottom: 0; }
/* top | right | bottom | left */
.nav-pills > li > a {
padding: 3px 3px 3px 3px;
margin: 3px 3px 3px 3px;
color: black; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover {
background-color: #0099FF;
color: white; }
.feature-list > thead > tr > th.sidebar-summary-panel {
padding-top: 5px !important;
padding-bottom: 5px !important; }
.feature-list > thead > tr > th.sidebar-summary-panel > span {
position: relative !important;
top: 0px !important;
float: left;
left: auto !important;
padding: 0px 10px 5px 40px !important; }
.feature-list > thead > tr > th.sidebar-summary-panel > span.updated-span {
float: right; }
.feature-list > thead > tr {
background-color: #6b6b6b; }
.feature-list > thead > tr a {
color: white !important; }
.feature-list > thead > tr > th.sidebar-expanded-only {
padding-top: 5px !important;
padding-bottom: 5px !important; }
.feature-list > thead > tr > th.sidebar-expanded-only > span {
position: relative !important;
top: 0px !important; }
.feature-heading {
text-align: left;
padding-left: 30px;
display: none; }
.tab-content {
position: absolute;
bottom: 0px;
overflow-x: hidden;
overflow-y: auto;
top: 0px;
margin-top: 76px;
width: 100%; }
#emv-footer-xs {
height: 50px;
text-align: center; }
#emv-footer-xs .dropdown-menu {
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }
#emv-footer-xs .dropdown-menu > li > a {
color: #333;
background: none; }
#emv-footer-xs .dropdown-menu > li > a:hover {
color: #FFF;
background: #6b6b6b; }
#emv-footer-xs .footer-support-container {
position: static;
display: none; }
#emv-footer-xs .footer-support-container .dropdown-menu {
z-index: 3000; }
@media (min-width: 768px) {
#emv-footer-xs .footer-support-container {
display: block; } }
#emv-footer-xs #footer-support-button {
display: block;
width: 46px;
height: 50px;
font-size: 16px;
color: #FFF;
background-color: #333;
background-image: none;
border: 1px solid transparent;
border-radius: 0;
margin: 0;
z-index: 2000; }
#emv-footer-xs .font-size-icon {
display: inline-block;
width: 20px;
font-size: 13px;
font-weight: bold;
color: #6b6b6b; }
@media (min-width: 768px) {
#emv-footer-xs #footer-support-button {
display: none; } }
@media (min-width: 992px) {
#emv-footer-xs .footer-support-container .dropdown-menu li a {
font-size: 14px;
padding: 0 24px; } }
#emv-footer {
background: #f4f3f3;
height: 50px;
border-top: 1px solid #ccc;
text-align: center; }
#emv-footer .footer-brand-container {
position: relative;
display: block;
float: left; }
#emv-footer .footer-brand {
position: relative;
display: block;
width: 94px;
height: 50px;
font-size: 0.1px;
line-height: 0px;
padding: 7px 15px;
z-index: 2000; }
#emv-footer .dropdown-menu {
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }
#emv-footer .dropdown-menu > li > a {
color: #333;
background: none; }
#emv-footer .dropdown-menu > li > a:hover {
color: #FFF;
background: #6b6b6b; }
#emv-footer .footer-social-container {
position: absolute;
width: 100%;
height: 50px;
top: 0;
left: 0; }
#emv-footer .footer-social {
width: 80px;
height: 50px;
padding: 0;
border: 0;
margin: 0 auto; }
#emv-footer .footer-social > li {
float: left;
list-style: none;
padding: 7px 0; }
#emv-footer .footer-social > li:first-child {
margin-right: 8px; }
#emv-footer .footer-social > li a {
padding: 0; }
#emv-footer .footer-support-container {
position: static;
display: none; }
#emv-footer .footer-support-container .dropdown-menu {
z-index: 3000; }
@media (min-width: 768px) {
#emv-footer .footer-support-container {
display: block; } }
#emv-footer #footer-support-button {
display: block;
width: 46px;
height: 50px;
font-size: 16px;
color: #FFF;
background-color: #333;
background-image: none;
border: 1px solid transparent;
border-radius: 0;
margin: 0;
z-index: 2000; }
#emv-footer .font-size-icon {
display: inline-block;
width: 20px;
font-size: 13px;
font-weight: bold;
color: #6b6b6b; }
#emv-footer a.font-size-control:hover .font-size-icon {
color: #fff; }
@media (min-width: 768px) {
#emv-footer .footer-support-container .dropdown-menu {
position: relative;
display: inline-block;
top: auto;
bottom: auto;
background: none;
padding: 0;
border: none;
box-shadow: none;
margin: 0; }
#emv-footer .footer-support-container .dropdown-menu li {
display: block;
float: left;
padding: 7px 0; }
#emv-footer .footer-support-container .dropdown-menu li a {
display: block;
/*font-size:14px;*/
line-height: 36px;
text-decoration: none;
color: #333;
padding: 0 8px;
background: none;
border-right: 1px solid #ccc; }
#emv-footer .footer-support-container .dropdown-menu li:hover, #emv-footer .footer-support-container .dropdown-menu li:focus {
text-decoration: underline;
background: none;
color: inherit; }
#emv-footer .footer-support-container .dropdown-menu li:last-child a {
border-right: 0 transparent none; }
#emv-footer .footer-social-container {
position: relative;
width: auto;
float: right;
top: auto;
left: auto;
margin-right: 15px; }
#emv-footer #footer-support-button {
display: none; } }
@media (min-width: 992px) {
#emv-footer .footer-support-container .dropdown-menu li a {
font-size: 14px;
padding: 0 24px; } }
div.masthead {
height: 8px !important; }
@media (min-width: 768px) {
div.masthead {
display: block;
height: 8px;
border-bottom-style: solid;
border-bottom-width: 8px; }
body.incidents div.masthead {
background: #C33;
border-bottom-color: #C33; }
body.prepare div.masthead,
body.prepare div.masthead {
background: #F90;
border-bottom-color: #F90; }
body.relief div.masthead {
background: #09C;
border-bottom-color: #09C; }
body.standard div.masthead {
background: black;
border-bottom-color: black; }
div.masthead h1 {
font-size: 22px;
font-weight: normal;
line-height: 30px;
color: #FFF;
margin: 0 15px;
padding: 7px 0; }
span.triple-zero {
color: #000;
line-height: 42px;
margin-right: 15px;
position: absolute;
font-weight: bold;
font-size: 14px;
top: 16px;
right: 0px;
z-index: 900000;
color: #000; } }
@media (min-width: 768px) and (max-width: 1200) {
span.triple-zero {
xdisplay: none; } }
#static-content {
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch; }
#static-content h2 {
font-size: 20px; }
#static-content h3 {
font-size: 16px; }
#static-content span.fa-external-link {
color: #6b6b6b; }
#static-content .main-text {
margin-left: 0;
margin-right: 0;
padding: 10px 10px 20px 10px; }
#static-content .main-text .static-section {
padding: 0; }
#static-content .main-text p:focus, #static-content .main-text h1:focus, #static-content .main-text h2:focus, #static-content .main-text h3:focus, #static-content .main-text h4:focus, #static-content .main-text h5:focus, #static-content .main-text h6:focus {
outline: transparent none 0; }
#static-content .main-text h1 {
margin-top: 0; }
#static-content .main-text h2 {
margin-top: 0px;
padding-top: 30px; }
@media (min-width: 581px) {
#static-content .main-text ul {
position: relative;
left: 15px; } }
@media (min-width: 801px) {
#static-content .main-text ul {
position: static;
left: auto; } }
@media (min-width: 581px) {
#static-content .main-text h2 {
padding-top: 0; } }
#static-content .main-text .image-container {
/*display: none;*/
width: 300px;
/*height: 300px;*/
overflow: hidden;
padding: 0;
margin: auto;
margin-bottom: 10px;
text-align: center;
/*background-color: $COLOR_GREY_DARK;*/ }
#static-content .main-text .item {
padding-top: 0;
margin-top: 0;
margin-bottom: 20px; }
#static-content .main-text .item:first-child {
padding-top: 0; }
#static-content .main-text .item:last-child {
margin-bottom: 0; }
@media (min-width: 581px) {
#static-content .main-text .item {
/*background-color: red;*/
clear: right; }
#static-content .main-text .image-container {
margin: auto;
margin-bottom: 10px; } }
@media (min-width: 801px) {
#static-content .main-text {
padding-left: 270px; }
#static-content .main-text .image-container {
float: right;
margin-left: 10px; } }
#static-content .main-text .bordered-table td, #static-content .main-text .bordered-table th {
border: 1px solid #ccc;
padding: 10px;
vertical-align: top; }
#static-content .main-text .row-label {
vertical-align: top; }
#static-content .accordion-menu {
width: 100%;
padding: 10px 10px 10px 10px;
margin-bottom: 0;
position: static; }
#static-content .accordion-menu a:hover {
text-decoration: none; }
#static-content .accordion-menu .panel-heading {
cursor: pointer; }
@media (min-width: 581px) {
#static-content .accordion-menu {
width: 270px;
float: left; } }
@media (min-width: 801px) {
#static-content .accordion-menu {
position: relative; } }
#static-content .accordion-menu .active {
background-color: #ccc; }
#static-content .accordion-menu .item {
margin: 0;
padding-bottom: 8px;
padding-left: 40px;
padding-top: 8px;
cursor: pointer; }
#static-content .accordion-menu .item a {
color: #333; }
#static-content .accordion-menu .item:first-child {
padding-top: 10px; }
#static-content .accordion-menu .item:last-child {
padding-bottom: 10px; }
#static-content .accordion-menu .active-main {
background-color: #09F;
color: #fff; }
#static-content .accordion-menu .panel-body-unpadded {
padding: 0; }
#static-content .accordion-menu-relief .active-main {
background-color: #09F; }
#static-content .accordion-menu-prepare .active-main {
background-color: #F9A831; }
#static-content .accordion-menu-standard .active-main {
background-color: #6b6b6b; }
#static-content .fire-danger-ratings .one-day {
border-bottom: 1px solid #6b6b6b;
padding: 0;
margin: 15px 0 0 0;
width: 100%; }
@media (min-width: 321px) {
#static-content .fire-danger-ratings .one-day {
padding: 10px;
margin: 15px 10px 0 10px; } }
#static-content .fire-danger-ratings .one-day .date-description {
color: #C33;
font-size: 22pt;
margin-bottom: 0px;
font-weight: 600; }
#static-content .fire-danger-ratings .one-day .bom-timestamp {
margin-top: 0;
font-size: 11pt;
font-weight: 600; }
#static-content .fire-danger-ratings .one-day .day-closer {
padding-top: 20px;
clear: both; }
#static-content .fire-danger-ratings .one-day h4 {
margin-top: 28px;
margin-bottom: 0;
font-weight: 600; }
#static-content .fire-danger-ratings .one-day h4:first-child {
margin-top: 0px;
margin-bottom: 0px; }
#static-content .fire-danger-ratings .one-day:first-child {
margin-top: 20px;
margin-bottom: 20px; }
#static-content .fire-danger-ratings .left-column {
width: 100%;
position: relative;
float: left;
display: block;
padding: 0;
top: 0; }
@media (min-width: 490px) {
#static-content .fire-danger-ratings .left-column {
width: 380px;
padding: 15px 0 15px 0;
margin-right: 50px; } }
#static-content .fire-danger-ratings .right-column {
width: 100%;
position: relative;
float: left;
padding: 15px 15px 15px 0;
display: block; }
#static-content .fire-danger-ratings .right-column img.scale {
margin-top: 6px; }
@media (min-width: 600px) {
#static-content .fire-danger-ratings .right-column {
width: 500px; } }
#static-content .fire-danger-ratings table.fire-ban-data {
width: 100%;
overflow: scroll;
margin-top: 10px; }
#static-content .fire-danger-ratings table.fire-ban-data th {
background-color: #333;
color: #fff; }
#static-content .fire-danger-ratings table.fire-ban-data tr {
border-bottom: 1px solid #333; }
#static-content .fire-danger-ratings table.fire-ban-data td, #static-content .fire-danger-ratings table.fire-ban-data th {
padding: 5px;
word-wrap: break-word; }
#static-content .fire-danger-ratings table.fire-ban-data td:first-child, #static-content .fire-danger-ratings table.fire-ban-data th:first-child {
padding-left: 5px; }
#static-content .fire-danger-ratings table.fire-ban-data td:last-child, #static-content .fire-danger-ratings table.fire-ban-data th:last-child {
padding-left: 5px; }
#static-content .fire-danger-ratings .image-map-container {
margin-top: 30px;
position: relative;
height: 260px;
overflow: hidden; }
#static-content .fire-danger-ratings .image-map-container .districts-container {
position: relative;
top: 10px;
height: 213px; }
#static-content .fire-danger-ratings .image-map-container img.map {
position: absolute;
left: 0;
top: 0; }
#static-content .fire-danger-ratings .image-map-container img.scale {
position: absolute;
right: 0;
top: 0; }
#static-content .fire-danger-ratings .image-map-container img.district {
position: absolute;
left: -15px;
top: 0; }
#static-content .fire-danger-ratings .image-map-container .district-labels {
left: auto;
position: relative;
list-style-type: none; }
#static-content .fire-danger-ratings .image-map-container .district-labels li {
position: absolute;
border: 1px solid #333;
background-color: #f1f1f1;
color: #0a477c;
padding: 1px 2px 1px 2px;
font-size: 10px; }
#static-content .fire-danger-ratings .image-map-container .district-labels .mallee {
left: 14px;
top: 35px; }
#static-content .fire-danger-ratings .image-map-container .district-labels .wimmera {
left: 19px;
top: 88px; }
#static-content .fire-danger-ratings .image-map-container .district-labels .northerncountry {
left: 94px;
top: 74px; }
#static-content .fire-danger-ratings .image-map-container .district-labels .southwest {
left: 18px;
top: 130px; }
#static-content .fire-danger-ratings .image-map-container .district-labels .northcentral {
left: 103px;
top: 109px; }
#static-content .fire-danger-ratings .image-map-container .district-labels .central {
left: 118px;
top: 150px; }
#static-content .fire-danger-ratings .image-map-container .district-labels .northeast {
left: 194px;
top: 81px; }
#static-content .fire-danger-ratings .image-map-container .district-labels .southandwestgipps {
left: 181px;
top: 156px; }
#static-content .fire-danger-ratings .image-map-container .district-labels .eastgipps {
left: 236px;
top: 109px; }
#static-content .fire-danger-ratings .image-map-container .total-fire-ban-icons img {
position: absolute;
left: 0;
top: 0; }
#static-content .fire-danger-ratings .image-map-container .total-fire-ban-icons .mallee {
left: 60px;
top: 57px; }
#static-content .fire-danger-ratings .image-map-container .total-fire-ban-icons .wimmera {
left: 6px;
top: 104px; }
#static-content .fire-danger-ratings .image-map-container .total-fire-ban-icons .southwest {
left: 69px;
top: 153px; }
#static-content .fire-danger-ratings .image-map-container .total-fire-ban-icons .northerncountry {
left: 137px;
top: 90px; }
#static-content .fire-danger-ratings .image-map-container .total-fire-ban-icons .northcentral {
left: 160px;
top: 122px; }
#static-content .fire-danger-ratings .image-map-container .total-fire-ban-icons .central {
left: 120px;
top: 134px; }
#static-content .fire-danger-ratings .image-map-container .total-fire-ban-icons .northeast {
left: 193px;
top: 100px; }
#static-content .fire-danger-ratings .image-map-container .total-fire-ban-icons .southandwestgipps {
left: 203px;
top: 135px; }
#static-content .fire-danger-ratings .image-map-container .total-fire-ban-icons .eastgipps {
left: 263px;
top: 130px; }
#static-content .fire-danger-ratings .rating-phrase {
margin: 5px 0 5px 0;
font-size: 14pt;
text-transform: uppercase;
font-weight: 600; }
#static-content .fire-danger-ratings .rating-phrase span {
padding: 3px 50px 3px 50px;
border: 1px solid #333; }
#static-content .fire-danger-ratings .rating-phrase .lowmoderate {
color: black;
background-color: #78bf41; }
#static-content .fire-danger-ratings .rating-phrase .high {
color: black;
background-color: #00aced; }
#static-content .fire-danger-ratings .rating-phrase .veryhigh {
color: black;
background-color: #fded00; }
#static-content .fire-danger-ratings .rating-phrase .severe {
color: white;
background-color: #f69527; }
#static-content .fire-danger-ratings .rating-phrase .extreme {
color: white;
background-color: #ec2f22; }
#static-content .fire-danger-ratings .rating-phrase .codered {
color: white;
background: url("../images/diagonal.png"); }
#static-content .fire-danger-ratings .rating-phrase .nodata {
color: #6b6b6b;
background-color: white; }
#static-content iframe.planned-burns {
margin: 0; }
#static-content .jump-to-top {
z-index: 3900;
position: fixed;
top: 62px;
left: 0px;
width: 100%;
padding: 5px;
border: 0px transparent none;
border-bottom: 1px solid #e5e5e5;
background-color: #fff; }
#static-content .jump-to-top a {
color: #09C; }
@media (min-width: 581px) {
#static-content .jump-to-top {
left: -1000000px; } }
#static-content .important-message {
font-size: 1.3em;
font-weight: 700;
font-style: italic; }
#static-content .question {
font-weight: 600; }
#static-content .accordion-menu-standard {
position: relative !important; }
#static-content .content-container {
float: left; }
.sidebar-summary-warning-panel-advice {
border-left: 10px solid #fbe032; }
.osom-subheader-advice {
background-color: #fbe032; }
.sidebar-summary-warning-panel-emergency {
border-left: 10px solid #D24C4C; }
.osom-subheader-emergency {
background-color: #C33;
color: #fff; }
.sidebar-summary-warning-panel-watchact {
border-left: 10px solid #f57f2f; }
.osom-subheader-watchact {
background-color: #f57f2f; }
.osom-moreinfo-watchact {
background-color: #f57f2f; }
.sidebar-summary-warning-panel-evacuate {
border-left: 10px solid #000; }
.osom-subheader-evacuate {
background-color: #333;
color: white; }
#feature-title > div {
display: inline-block;
vertical-align: middle; }
.sidebar-summary-warning-panel-info {
border-left: 10px solid #1e5da7; }
.osom-subheader-info {
background-color: #1e5da7;
color: #fff; }
.fdr {
stroke: #000;
stroke-width: 2px;
stroke-opacity: 1;
fill-opacity: 1; }
.fdr-low-moderate {
fill: #78BF41; }
.fdr-high {
fill: #00ACED; }
.fdr-very-high {
fill: #FDED00; }
.fdr-severe {
fill: #F69527; }
.fdr-extreme {
fill: #EE2D24; }
.marker-fdr {
padding: 5px;
margin-left: -37px;
width: 99px;
font-size: 10px;
text-align: center;
xbackground-color: rgba(255, 255, 255, 0.9);
xborder: solid black 1px; }
.marker-fdr-low-moderate
.marker-fdr-high
.marker-fdr-very-high {
color: #000; }
#featureModal {
z-index: 6000; }
#featureModal .modal-dialog {
height: 90%; }
#featureModal .modal-dialog .modal-content {
height: 100%;
position: relative;
border-radius: 0; }
#featureModal .modal-dialog .modal-content .advice {
border-left: 10px solid #FCE471; }
#featureModal .modal-dialog .modal-content .emergency {
border-left: 10px solid #D24C4C; }
#featureModal .modal-dialog .modal-content .watchact {
border-left: 10px solid #FF9933; }
#featureModal .modal-dialog .modal-content .evacuate {
border-left: 10px solid #000; }
#featureModal .modal-dialog .modal-content .modal-header {
position: absolute;
width: 100%;
background-color: #fff;
color: #FFF;
padding: 15px 18px;
border-bottom: solid 1px #c2c2c2; }
#featureModal .modal-dialog .modal-content .modal-header > div {
padding-right: 30px;
display: table;
width: 100%;
font-size: 20px; }
#featureModal .modal-dialog .modal-content .modal-header > div .warning-title {
top: 14px;
left: 78px;
padding-left: 20px;
right: 36px;
display: table-cell;
vertical-align: middle;
color: #000;
font-weight: bold;
font-size: 18px; }
@media (max-width: 767px) {
#featureModal .modal-dialog .modal-content .modal-header > div .warning-title {
font-size: 17px;
padding-left: 10px; } }
#featureModal .modal-dialog .modal-content .modal-header > div .warning-icon {
display: table-cell;
vertical-align: middle;
width: 30px; }
#featureModal .modal-dialog .modal-content .modal-header .close {
opacity: 1;
color: #000;
font-size: 21px;
position: absolute;
top: 10px;
right: 10px; }
@media (min-width: 768px) {
#featureModal .modal-dialog .modal-content .modal-header .close {
top: 5px;
right: 10px; }
#featureModal .modal-dialog .modal-content .modal-header .close img {
width: 10px;
height: 10px; } }
#featureModal .modal-dialog .modal-content .modal-body {
position: absolute;
bottom: 40px;
top: 62px;
width: 100%;
overflow-y: auto;
padding-left: 30px; }
#featureModal .modal-dialog .modal-content .modal-footer {
position: absolute;
padding: 5px 20px 5px 18px;
width: 100%;
bottom: 0;
height: 40px;
font-size: 13px;
font-weight: bold;
background-color: #f1f0ee; }
@media (min-width: 768px) {
#featureModal .modal-dialog .modal-content .modal-footer {
font-size: 11px; } }
@media (max-height: 449px) {
#featureModal .modal-dialog .modal-content .modal-footer {
padding: 5px 15px;
height: 42px; } }
#featureModal .modal-dialog .modal-content .modal-footer div.social-share {
float: right; }
#featureModal .modal-dialog .modal-content .modal-footer div.social-share ul.social-share-list {
float: left;
list-style: none;
padding: 2px 0px 0px 0px;
margin: 0; }
#featureModal .modal-dialog .modal-content .modal-footer div.social-share ul.social-share-list li {
float: left;
margin-left: 10px; }
#featureModal .modal-dialog .modal-content .modal-footer div.social-share ul.social-share-list .print-warning-page,
#featureModal .modal-dialog .modal-content .modal-footer div.social-share ul.social-share-list .st_facebook_large,
#featureModal .modal-dialog .modal-content .modal-footer div.social-share ul.social-share-list .st_twitter_large {
display: block;
width: 28px;
height: 28px; }
#featureModal .modal-dialog .modal-content .modal-footer .popup-zome-to-map-btn {
float: left;
border: none;
background-color: transparent;
padding-top: 2px;
font-size: 13px;
font-weight: bold;
display: inline-block; }
#featureModal .modal-dialog .modal-content .modal-footer .popup-zome-to-map-btn .mobile {
display: inline-block; }
@media (min-width: 768px) {
#featureModal .modal-dialog .modal-content .modal-footer .popup-zome-to-map-btn .mobile {
display: none; } }
#featureModal .modal-dialog .modal-content .modal-footer .popup-zome-to-map-btn .desktop {
display: none; }
@media (min-width: 768px) {
#featureModal .modal-dialog .modal-content .modal-footer .popup-zome-to-map-btn .desktop {
display: inline-block; } }
@media (min-width: 768px) {
#featureModal .modal-dialog .modal-content .modal-footer .popup-zome-to-map-btn {
font-size: 11px; } }
#featureModal .modal-dialog .modal-content .modal-footer .popup-zome-to-map-btn img {
width: 25px;
height: 25px;
margin-right: 2px; }
@media (min-width: 768px) {
#featureModal .modal-dialog .modal-content .modal-footer .popup-zome-to-map-btn img {
margin-right: 10px; } }
#popupModal .modal-content {
border-radius: 10px; }
#popupModal .modal-content .modal-body {
padding: 0; }
#popupModal .modal-content .modal-body .popup-close {
font-size: 21px;
right: 9px;
top: 5px;
position: absolute;
color: #000;
opacity: 1; }
@media (min-width: 768px) {
#popupModal .modal-content .modal-body .popup-close {
right: 10px;
top: 4px; }
#popupModal .modal-content .modal-body .popup-close img {
width: 10px;
height: 10px; } }
#printable-section {
display: none; }
@media print {
body * {
visibility: hidden; }
body, #container {
height: auto; }
#emv-header,
#container {
display: none; }
#emv-content {
padding-top: 0px !important; }
#printable-section, #printable-section * {
visibility: visible; }
#printable-section {
display: block; }
#printable-section .modal-header,
#printable-section .modal-body {
position: relative; }
#printable-section .warning-title {
font-size: 22px; }
#printable-section .modal-footer,
#printable-section .close {
display: none; } }
#keyModal {
z-index: 6000; }
#keyModal .modal-dialog {
height: 93%; }
#keyModal .modal-dialog .modal-content {
height: 100%;
position: relative;
border-radius: 0; }
#keyModal .modal-dialog .modal-content .modal-header {
width: 100%;
height: 50px;
opacity: 1;
color: #000;
padding: 10px 15px;
font-size: 16px; }
@media (min-width: 768px) {
#keyModal .modal-dialog .modal-content .modal-header {
padding-left: 30px; } }
#keyModal .modal-dialog .modal-content .modal-header h4 {
padding-right: 30px;
font-size: 20px;
display: inline-block;
font-weight: bold;
vertical-align: middle; }
#keyModal .modal-dialog .modal-content .modal-header .close {
opacity: 1;
color: #000;
display: inline-block;
font-size: 21px;
margin-top: -7px;
margin-right: -6px; }
@media (min-width: 768px) {
#keyModal .modal-dialog .modal-content .modal-header .close {
font-size: 21px;
margin-top: 0;
margin-right: 0; }
#keyModal .modal-dialog .modal-content .modal-header .close img {
width: 10px;
height: 10px; } }
#keyModal .modal-dialog .modal-content td {
border-top: 0px; }
#keyModal .modal-dialog .modal-content p {
text-center: justify;
line-height: 1.2; }
#keyModal .modal-dialog .modal-content .modal-body {
position: absolute;
top: 50px;
bottom: 0;
width: 100%;
overflow-y: scroll; }
#keyModal .modal-dialog .modal-content .modal-body .container-fluid {
padding-left: 0px;
padding-right: 0px; }
@media (min-width: 768px) {
#keyModal .modal-dialog .modal-content .modal-body .container-fluid {
padding-left: 15px;
padding-right: 15px; } }
#keyModal .modal-dialog .modal-content .modal-body h3 {
margin-top: 0px;
font-size: 18px;
font-weight: bold; }
@media (min-width: 768px) {
#keyModal .modal-dialog .modal-content .modal-body h3 {
font-size: 15px; } }
#keyModal .modal-dialog .modal-content .modal-body table {
font-size: 14px;
margin-bottom: 50px; }
#keyModal .modal-dialog .modal-content .modal-body table tbody > tr:nth-child(odd) > td {
background-color: #F0F0F0; }
#keyModal .modal-dialog .modal-content .modal-body table td {
vertical-align: middle; }
#keyModal .modal-dialog .modal-content .modal-body table:last-child {
margin-bottom: 10px; }
#keyModal .modal-dialog .modal-content .modal-footer {
position: absolute;
width: 100%;
bottom: 0;
height: 65px; }
.emv-link-style {
color: #000;
text-decoration: none;
cursor: pointer; }
.emv-link-style:hover, .emv-link-style:focus, .emv-link-style:visited {
color: #000;
outline: none; }
.emv-black-button {
background-color: #555555;
border-radius: 0;
border: none;
color: #fff;
text-decoration: none;
cursor: pointer;
font-size: 22px;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none; }
.emv-black-button:hover, .emv-black-button:focus, .emv-black-button:visited {
background-color: #343434;
color: #fff;
text-decoration: none; }
@media (min-width: 768px) {
.emv-black-button {
height: 50px;
line-height: 50px; } }
.emv-common-modal .modal-dialog {
min-width: 280px;
font-size: 14px; }
@media (min-width: 768px) {
.emv-common-modal .modal-dialog {
width: 440px;
font-size: 16px; } }
.emv-common-modal .modal-dialog .modal-content {
position: relative;
border-radius: 0; }
@media (min-width: 768px) {
.emv-common-modal .modal-dialog .modal-content {
xheight: 595px; } }
.emv-common-modal .modal-dialog .modal-content .modal-header {
padding: 23px 19px 0px 19px;
border-bottom: none; }
.emv-common-modal .modal-dialog .modal-content .modal-header .modal-navbar-brand {
xmargin-top: 35px; }
@media (min-width: 768px) {
.emv-common-modal .modal-dialog .modal-content .modal-header {
padding: 23px 39px 0px 39px; }
.emv-common-modal .modal-dialog .modal-content .modal-header .modal-navbar-brand {
margin-top: 0px; } }
.emv-common-modal .modal-dialog .modal-content .modal-header .close {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
/* IE 5-7 */
filter: alpha(opacity=100);
/* Netscape */
-moz-opacity: 1;
/* Safari 1.x */
-khtml-opacity: 1;
position: absolute;
color: #000;
right: 20px;
top: 20px; }
.emv-common-modal .modal-dialog .modal-content .modal-header .close img {
margin-top: -5px; }
@media (min-width: 768px) {
.emv-common-modal .modal-dialog .modal-content .modal-header .close {
font-size: 21px;
margin-top: 0;
margin-right: 0;
top: 10px;
right: 10px; }
.emv-common-modal .modal-dialog .modal-content .modal-header .close img {
margin-top: -17px; } }
.emv-common-modal .modal-dialog .modal-content .modal-body {
max-height: 500px;
overflow-y: auto;
position: relative;
padding: 20px 19px; }
@media (min-width: 768px) {
.emv-common-modal .modal-dialog .modal-content .modal-body {
padding: 20px 39px;
max-height: 595px; } }
.emv-common-modal .modal-dialog .modal-content .modal-body h2 {
margin-bottom: 15px;
margin-top: 0px;
font-size: 24px; }
@media (min-width: 768px) {
.emv-common-modal .modal-dialog .modal-content .modal-body h2 {
font-size: 32px;
margin-top: 0px;
margin-bottom: 20px; } }
.emv-common-modal .modal-dialog .modal-content .modal-body h4 {
margin-bottom: 15px;
margin-top: 15px;
font-size: 21px; }
@media (min-width: 768px) {
.emv-common-modal .modal-dialog .modal-content .modal-body h4 {
font-size: 22px; } }
.emv-common-modal .modal-dialog .modal-content .modal-body .message-error {
color: #c71010;
font-size: 12px; }
.emv-common-modal .modal-dialog .modal-content .modal-body .message-error a, .emv-common-modal .modal-dialog .modal-content .modal-body .message-error a:hover, .emv-common-modal .modal-dialog .modal-content .modal-body .message-error a:focus {
color: #0099FF;
font-weight: bold; }
.emv-common-modal .modal-dialog .modal-content .modal-body .message-success {
color: #000; }
.emv-common-modal .modal-dialog .modal-content .modal-body .form-group {
margin-bottom: 10px; }
@media (min-width: 768px) {
.emv-common-modal .modal-dialog .modal-content .modal-body .form-group {
margin-bottom: 20px; } }
.emv-common-modal .modal-dialog .modal-content .modal-body .form-group .input-lg {
border-radius: 0;
background-color: #e7e7e7;
color: #000;
border: none;
xwidth: 240px;
height: 40px;
font-size: 16px; }
@media (min-width: 768px) {
.emv-common-modal .modal-dialog .modal-content .modal-body .form-group .input-lg {
width: 360px;
height: 50px; } }
.emv-common-modal .modal-dialog .modal-content .modal-body .form-group .input-lg:focus {
border-color: none;
border: none;
box-shadow: none; }
.emv-common-modal .modal-dialog .modal-content .modal-body .has-error {
margin-bottom: 0px; }
.emv-common-modal .modal-dialog .modal-content .modal-body .has-error .input-lg {
border: solid 1px #c71010;
background: #ffe6e6; }
.emv-common-modal .modal-dialog .modal-content .modal-body .has-error span.with-errors {
padding-left: 0px 0px 0px 20px;
color: #c71010;
font-size: 12px; }
.emv-common-modal .modal-dialog .modal-content .modal-body .btn-submit {
width: 100%;
display: block; }
.emv-common-modal .modal-dialog .modal-content .modal-body .btn-submit:hover,
.emv-common-modal .modal-dialog .modal-content .modal-body a.btn-lg:hover {
color: #fff; }
.emv-common-modal .modal-dialog .modal-content .modal-body ::-webkit-input-placeholder {
color: #000; }
.emv-common-modal .modal-dialog .modal-content .modal-body :-moz-placeholder {
/* Firefox 18- */
color: #000; }
.emv-common-modal .modal-dialog .modal-content .modal-body ::-moz-placeholder {
/* Firefox 19+ */
color: #000; }
.emv-common-modal .modal-dialog .modal-content .modal-body :-ms-input-placeholder {
color: #000; }
.emv-common-modal .modal-dialog .modal-content .modal-footer {
border-top: none;
padding: 10px 19px; }
@media (min-width: 768px) {
.emv-common-modal .modal-dialog .modal-content .modal-footer {
padding: 20px 39px; } }
.emv-login-modal .display-terms-and-conditions .modal-body {
height: 450px;
font-size: 12px; }
.emv-login-modal .modal-body {
max-height: 400px; }
.emv-login-modal .signup-link {
margin-top: 0px;
overflow: auto;
height: auto; }
@media (min-width: 768px) {
.emv-login-modal .signup-link {
margin-top: 30px; } }
.emv-login-modal .signup-link .text-align {
padding-top: 12px; }
.emv-login-modal .signup-link .btn-signup-wrapper {
margin-top: 10px;
overflow: hidden;
width: 100%; }
@media (min-width: 768px) {
.emv-login-modal .signup-link .btn-signup-wrapper {
width: auto; } }
.emv-login-modal .signup-link .btn-signup-wrapper .btn-signup {
display: block;
width: 100%; }
@media (min-width: 768px) {
.emv-login-modal .signup-link .btn-signup-wrapper .btn-signup {
width: 160px; } }
.emv-login-modal .signup-link .btn-signup-wrapper .btn-signup:focus,
.emv-login-modal .signup-link .btn-signup-wrapper .btn-signup:hover {
color: #fff !important; }
@media (min-width: 768px) {
.emv-login-modal .signup-link .btn-signup-wrapper {
margin-top: 0px; } }
.emv-login-modal .signup-link #signin-rememberme {
width: 100%; }
@media (min-width: 768px) {
.emv-login-modal .signup-link #signin-rememberme {
width: initial; } }
.emv-login-modal .modal-body .message-error {
font-size: 12px; }
.emv-login-modal .modal-body #login-toc-update-placeholder h4 {
display: block !important;
text-align: left; }
.option-links {
margin-top: 20px; }
.option-links label {
font-weight: normal; }
@media (max-width: 767px) {
.option-links {
margin-top: 0px; }
.option-links div {
margin-top: 2px; }
.option-links #remember-me-wrapper {
margin-top: 10px; }
.option-links .pull-right {
width: 100%;
float: left !important; }
.option-links .pull-right a {
float: left !important; } }
.toc-buttons {
display: none; }
@media (min-width: 768px) {
.emv-toc-modal .modal-dialog {
width: 560px; } }
.emv-toc-modal .modal-dialog .modal-body {
max-height: 320px !important;
font-size: 12px;
margin-top: 20px;
padding: 0px 30px !important;
text-align: justify; }
@media (min-width: 768px) {
.emv-toc-modal .modal-dialog .modal-body {
padding: 0px 100px !important;
max-height: 400px !important; } }
.emv-toc-modal .modal-dialog .modal-body h2, .emv-toc-modal .modal-dialog .modal-body h4 {
display: none; }
.emv-toc-modal .modal-dialog .modal-header {
padding-left: 30px !important; }
@media (min-width: 768px) {
.emv-toc-modal .modal-dialog .modal-header {
padding-left: 100px !important; } }
.emv-toc-modal .modal-dialog .modal-footer {
padding-left: 30px !important;
padding-right: 30px !important; }
@media (min-width: 768px) {
.emv-toc-modal .modal-dialog .modal-footer {
padding-left: 100px !important;
padding-right: 100px !important; } }
.emv-toc-modal .modal-dialog .modal-footer .toc-buttons {
display: block !important; }
.emv-toc-modal .modal-dialog .modal-footer .accept-button-wrapper,
.emv-toc-modal .modal-dialog .modal-footer .decline-button-wrapper {
float: left;
width: 50%; }
.emv-toc-modal .modal-dialog .modal-footer .accept-button-wrapper {
padding-left: 8px; }
.emv-toc-modal .modal-dialog .modal-footer .decline-button-wrapper {
padding-right: 8px; }
.emv-toc-modal .modal-dialog .modal-footer .accept-button,
.emv-toc-modal .modal-dialog .modal-footer .decline-button {
width: 100%;
float: left;
background-color: #0358ab;
display: block;
height: 50px;
color: #fff;
font-size: 22px;
text-align: center;
line-height: 50px;
text-decoration: none; }
.emv-toc-modal .modal-dialog .modal-footer .accept-button:hover,
.emv-toc-modal .modal-dialog .modal-footer .decline-button:hover {
background-color: #0066cb; }
.emv-toc-modal .modal-dialog .modal-footer .decline-button {
background-color: #cd3333;
display: block; }
.emv-toc-modal .modal-dialog .modal-footer .decline-button:hover {
background-color: #fe0034; }
.emv-toc-modal .modal-dialog .term-title {
display: block !important;
margin-top: 0px; }
.emv-signup-modal .modal-body .term-title {
display: none; }
.emv-signup-modal .modal-body .signup-form-title {
margin-top: 5px !important;
margin-bottom: 40px !important; }
.emv-signup-modal .modal-footer {
min-height: 30px; }
.emv-pwreset-modal .form-title {
margin-bottom: 20px; }
.emv-pwreset-modal .reset-email-address {
margin-top: 10px; }
.emv-pwreset-modal #resetpw-btn-finish {
margin-top: 30px; }
.emv-confirm-modal .modal-content {
height: initial !important; }
.emv-confirm-modal .modal-content .modal-body {
padding-top: 50px; }
.emv-confirm-modal .modal-content .modal-body .emv-button {
text-align: center;
padding-top: 50px; }
.emv-confirm-modal .modal-content .modal-body .emv-button > div {
float: left;
width: 50%;
margin-bottom: 15px;
overflow: hidden;
padding: 0px 10px; }
.emv-confirm-modal .modal-content .modal-body .emv-button input {
border-radius: 0;
border: none;
width: 100%;
background-color: #343434;
color: #fff;
text-decoration: none;
cursor: pointer;
font-size: 22px;
line-height: 40px; }
@media (min-width: 768px) {
.emv-confirm-modal .modal-content .modal-body .emv-button input {
line-height: 50px; } }
.visible-authenticated {
display: none; }
.visible-not-authenticated {
display: block; }
.emv-authenticated .visible-authenticated {
display: block; }
.emv-authenticated .visible-not-authenticated {
display: none; }
#resend-validation-email {
display: block;
width: 100%;
background-color: #09C;
color: #fff;
margin-bottom: 20px; }
#resend-validation-email:hover {
background-color: #09F; }
.resend-validation-email-close-wrapper {
width: 100%;
text-align: center; }
.resend-validation-email-close-wrapper button {
min-width: 100px; }
#filterModal {
z-index: 6000; }
#filterModal .modal-dialog {
height: 93%; }
#filterModal .modal-dialog .modal-content {
height: 100%;
position: relative;
border-radius: 0; }
#filterModal .modal-dialog .modal-content .modal-header {
width: 100%;
height: 50px;
opacity: 1;
background-color: #fff;
color: #000;
padding: 10px 20px;
font-size: 16px;
border-bottom: #f1f0ee solid 1.5px; }
#filterModal .modal-dialog .modal-content .modal-header h4 {
padding-right: 30px;
font-size: 20px;
display: inline-block;
font-weight: bold;
vertical-align: middle; }
#filterModal .modal-dialog .modal-content .modal-header .close {
opacity: 1;
color: #000;
display: inline-block;
font-size: 21px;
margin-top: -5px;
margin-right: -10px; }
#filterModal .modal-dialog .modal-content td {
border-top: 0px; }
#filterModal .modal-dialog .modal-content p {
text-align: justify; }
#filterModal .modal-dialog .modal-content .modal-body {
position: absolute;
top: 50px;
bottom: 0;
width: 100%;
padding: 10px 20px;
overflow-y: scroll; }
#filterModal .modal-dialog .modal-content .modal-body .modal-filter-group .btn-group {
width: 100%; }
#filterModal .modal-dialog .modal-content .modal-body .modal-filter-group .btn-group button {
width: 50%; }
#filterModal .modal-dialog .modal-content .modal-footer {
position: absolute;
width: 100%;
bottom: 0;
height: 50px; }
#filterModal ul {
list-style: none;
overflow: auto;
padding: 0; }
#filterModal li:first-child {
padding: 4px 8px 8px 0px;
text-align: center;
border-bottom: 1px solid #ccc; }
#filterModal li:first-child button {
width: 108px; }
#filterModal li.filter-folder {
margin: 0;
padding: 0;
width: 100%;
margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 14px;
background-color: #6b6b6b;
color: #fff;
font-weight: bold; }
#filterModal li.filter-folder-open .filter-folder-open-control {
display: none; }
#filterModal li.filter-folder-closed .filter-folder-close-control {
display: none; }
#filterModal li {
margin: 0;
padding: 0;
cursor: pointer;
position: relative; }
#filterModal li label {
font-style: normal;
cursor: pointer;
margin: 0;
padding: 8px 0px;
width: 100%;
color: #555; }
#filterModal li label.fixed {
font-weight: normal;
color: #6b6b6b; }
#filterModal li label.has-parent {
padding-left: 30px; }
#filterModal li label:hover {
background-color: #e5e5e5; }
#filterModal li input[type=checkbox], #filterModal li input[type=radio] {
margin-right: 6px;
cursor: pointer; }
#filterModal li input[type=checkbox]:hover, #filterModal li input[type=checkbox]:focus, #filterModal li input[type=radio]:hover, #filterModal li input[type=radio]:focus {
outline: 1px dotted #e5e5e5;
outline-offset: 4px; }
#filterModal li .expandable-control {
display: none; }
#filterModal li .filter-description {
display: none; }
#filterModal li.filter-selected .filter-description {
display: block;
padding-left: 10px; }
#filterModal li.filter-parent-has-children .expandable-control {
position: absolute;
right: 10px;
top: 10px;
display: block; }
#filterModal li.filter-parent-has-children .expandable-control .hidden-Expanded {
display: block; }
#filterModal li.filter-parent-has-children .expandable-control .visible-Expanded {
display: none; }
#filterModal li.filter-parent-has-children-expanded .expandable-control .hidden-Expanded {
display: none; }
#filterModal li.filter-parent-has-children-expanded .expandable-control .visible-Expanded {
display: block; }
@media (min-width: 768px) {
#filterModal ul {
margin-left: 0; } }
#hamburgerMenuModal {
font-family: Lato, Arial, "Helvetica Neue", Helvetica, sans-serif; }
#hamburgerMenuModal .modal-dialog .modal-content {
border-radius: 0; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-header {
width: 100%;
border-radius: 0;
height: 50px;
opacity: 1;
background-color: #fff;
color: #000;
padding: 10px 20px;
font-size: 16px;
border-bottom: #f1f0ee solid 1.5px; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-header .modal-title {
font-size: 20px;
font-weight: bold; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-header .close {
opacity: 1;
color: #000;
display: inline-block;
font-size: 21px;
margin-top: -4px;
margin-right: -10px; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-body {
padding: 15px 20px; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-body ul {
list-style: none;
list-style-type: none;
margin: 0px;
padding: 0px; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-body ul li {
padding-bottom: 10px; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-body ul li a {
color: #333;
font-size: 14px; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-body ul li a .watchzone-count {
width: 20px;
height: 20px;
border-radius: 10px;
position: absolute;
text-align: center;
top: -10px;
left: 110px;
font-size: 12px;
padding-top: 0px;
color: #fff;
background: #0099FF; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-body #mnuProfile {
border-bottom: solid 1px #ddd;
margin-bottom: 20px; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-footer {
background-color: #f1f0ee;
padding: 9px 10px;
height: 50px; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-footer img.vic-logo {
float: left;
margin-left: 11px; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-footer .footer-social {
list-style: none;
list-style-type: none;
margin: 0px;
padding: 0px;
float: right; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-footer .footer-social li {
float: left;
margin-left: 9px; }
#hamburgerMenuModal .modal-dialog .modal-content .modal-footer .footer-social li img {
width: 30px;
height: 30px; }
.icon {
display: inline-block;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-size: contain; }
.icon-external {
background-image: url("../images/controls/common/external_link.png"); }
.icon-zoom {
background-image: url("../images/controls/common/zoom.png"); }
.icon-info {
background-image: url("../images/controls/common/info_icon_32x32.png"); }
.icon-arrow-down {
background-image: url("../images/controls/common/arrow_down.png"); }
.icon-arrow-up {
background-image: url("../images/controls/common/arrow_up.png"); }
.left-icon {
width: auto;
padding-left: 26px; }
.icon-map {
background-image: url("../images/controls/common/map_pin.png"); }
.selectedPanel .icon-info {
background-image: url("../images/controls/common/info_icon_white.png"); }
.selectedPanel .icon-arrow-down {
background-image: url("../images/controls/common/arrow_down_white.png"); }
.selectedPanel .icon-arrow-up {
background-image: url("../images/controls/common/arrow_up_white.png"); }
.selectedPanel .icon-external {
background-image: url("../images/controls/common/external_link_white.png"); }
.right-icon {
width: auto;
padding-right: 26px;
background-position: right;
-ms-background-position: right; }
#static-content.news-and-media h1 {
font-size: 20px;
font-weight: 700; }
#static-content.news-and-media .news-and-media-menu.subpage {
display: none; }
@media (min-width: 581px) {
#static-content.news-and-media .news-and-media-menu.subpage {
display: block; } }
#static-content.news-and-media .news-and-media-menu {
background-color: #fff;
width: 100%;
padding: 0;
margin-bottom: 0;
position: static; }
#static-content.news-and-media .news-and-media-menu h1 {
margin: 30px 50px 30px 20px;
font-weight: bold; }
@media (min-width: 581px) {
#static-content.news-and-media .news-and-media-menu {
float: left;
width: 330px; } }
@media (min-width: 801px) {
#static-content.news-and-media .news-and-media-menu {
/*position: fixed;*/ } }
#static-content.news-and-media .news-and-media-menu .items .separator {
height: 1px;
background-color: #ababab;
margin: 0 20px 0 20px; }
#static-content.news-and-media .news-and-media-menu .items a {
display: block;
padding: 16px 20px 16px 20px;
margin: 0;
font-size: 15px; }
@media (min-width: 768px) {
#static-content.news-and-media .news-and-media-menu .items a {
font-size: 16px; } }
#static-content.news-and-media .news-and-media-menu .items a .timestamp {
font-weight: bold;
font-size: 12px; }
#static-content.news-and-media .news-and-media-menu .items a, #static-content.news-and-media .news-and-media-menu .items a:hover, #static-content.news-and-media .news-and-media-menu .items a:visited, #static-content.news-and-media .news-and-media-menu .items a:focus {
text-decoration: none;
color: #6b6b6b; }
#static-content.news-and-media .news-and-media-menu .items a.active {
background-color: #f6f6f6; }
#static-content.news-and-media .news-and-media-menu .items a:hover {
background-color: #dedede; }
#static-content.news-and-media .main-text-empty {
display: none; }
#static-content.news-and-media .main-text {
background-color: #f6f6f6;
font-size: 16px; }
#static-content.news-and-media .main-text h1 {
font-size: 20px; }
@media (min-width: 581px) {
#static-content.news-and-media .main-text {
margin-left: 330px; } }
@media (min-width: 801px) {
#static-content.news-and-media .main-text {
margin-left: 330px;
padding: 32px 60px 32px 60px; } }
@media (min-width: 768px) {
#static-content.news-and-media .main-text {
font-size: 14px; }
#static-content.news-and-media .main-text h1 {
font-size: 30px; } }
#static-content.news-and-media .main-text .posted {
font-weight: 600;
padding-top: 0;
margin-top: 0;
padding-bottom: 30px;
font-size: 12px; }
#static-content.news-and-media .main-text td {
padding-bottom: 5px; }
#static-content.news-and-media .main-text table {
margin-bottom: 25px; }
#static-content.news-and-media .main-text .num {
text-align: right;
width: 4em; }
#static-content.news-and-media .footer {
border-top: 1px solid #6b6b6b;
padding-top: 15px;
font-size: 1.5em;
text-align: right; }
#static-content.news-and-media .footer a, #static-content.news-and-media .footer a.hover, #static-content.news-and-media .footer a:focus, #static-content.news-and-media .footer a:active {
text-decoration: none;
color: #6b6b6b;
padding: 10px 0px;
margin-left: 5px; }
@media print {
body {
overflow: visible;
overflow-y: visible; }
#emv-content {
position: static;
visibility: visible;
overflow: visible;
overflow-y: visible; }
#emv-content #static-content.news-and-media {
overflow: visible;
overflow-y: visible; }
#emv-content #static-content.news-and-media .news-and-media-menu {
display: none; }
#emv-content #static-content.news-and-media .main-text {
height: auto;
visibility: visible;
margin: 0.2em;
padding: 0.2em;
overflow: visible;
overflow-y: visible; }
#emv-content #static-content.news-and-media .main-text .footer {
display: none; }
#emv-content #static-content.news-and-media .main-text table {
display: table; }
#emv-content #static-content.news-and-media .main-text tr {
display: table-row; }
#emv-content #static-content.news-and-media .main-text td, #emv-content #static-content.news-and-media .main-text th {
padding: 0.3em;
display: table-cell; }
#emv-content #static-content.news-and-media .main-text td {
border: 0.15em solid #6b6b6b; }
#emv-content #static-content.news-and-media .main-text a, #emv-content #static-content.news-and-media .main-text span {
display: inline; }
.main-text, .main-text * {
display: block;
visibility: visible;
overflow: visible;
overflow-y: visible;
position: static; } }
/*
Icon classes can be used entirely standalone. They are named after their original file names.
```html
![]()
```
*/
.icon-controls-Cross_10x10 {
background-image: url(../images/sprite_controls.png);
background-position: -247px -214px;
width: 10px;
height: 10px;
}
.icon-controls-Cross_20x20 {
background-image: url(../images/sprite_controls.png);
background-position: -90px -205px;
width: 20px;
height: 20px;
}
.icon-controls-Earthquake_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -69px -136px;
width: 24px;
height: 24px;
}
.icon-controls-Earthquake_white_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -213px -68px;
width: 24px;
height: 24px;
}
.icon-controls-ExtremeHeat_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -171px -136px;
width: 24px;
height: 24px;
}
.icon-controls-ExtremeHeat_white_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: 0px -171px;
width: 24px;
height: 24px;
}
.icon-controls-Print_25x25 {
background-image: url(../images/sprite_controls.png);
background-position: -81px -90px;
width: 25px;
height: 25px;
}
.icon-controls-SocialFacebook_30x30 {
background-image: url(../images/sprite_controls.png);
background-position: -63px -50px;
width: 30px;
height: 30px;
}
.icon-controls-SocialFacebook_36x36 {
background-image: url(../images/sprite_controls.png);
background-position: -127px 0px;
width: 36px;
height: 36px;
}
.icon-controls-SocialTwitter_30x30 {
background-image: url(../images/sprite_controls.png);
background-position: -173px -90px;
width: 30px;
height: 30px;
}
.icon-controls-SocialTwitter_36x36 {
background-image: url(../images/sprite_controls.png);
background-position: 0px -90px;
width: 36px;
height: 36px;
}
.icon-controls-Tsunami_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -213px 0px;
width: 24px;
height: 24px;
}
.icon-controls-Tsunami_white_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -213px -34px;
width: 24px;
height: 24px;
}
.icon-controls-external_link_20x20 {
background-image: url(../images/sprite_controls.png);
background-position: -60px -205px;
width: 20px;
height: 20px;
}
.icon-controls-facebook_25x25 {
background-image: url(../images/sprite_controls.png);
background-position: -46px -90px;
width: 25px;
height: 25px;
}
.icon-controls-fire_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -213px -102px;
width: 24px;
height: 24px;
}
.icon-controls-fire_white_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -35px -136px;
width: 24px;
height: 24px;
}
.icon-controls-flood_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -103px -136px;
width: 24px;
height: 24px;
}
.icon-controls-flood_white_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -137px -136px;
width: 24px;
height: 24px;
}
.icon-controls-info_32x32 {
background-image: url(../images/sprite_controls.png);
background-position: -127px -46px;
width: 32px;
height: 32px;
}
.icon-controls-link_20x20 {
background-image: url(../images/sprite_controls.png);
background-position: -213px -170px;
width: 20px;
height: 20px;
}
.icon-controls-map_pin_25x25 {
background-image: url(../images/sprite_controls.png);
background-position: -116px -90px;
width: 25px;
height: 25px;
}
.icon-controls-storm_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -34px -171px;
width: 24px;
height: 24px;
}
.icon-controls-storm_white_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -136px -171px;
width: 24px;
height: 24px;
}
.icon-controls-thumbup_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -68px -171px;
width: 24px;
height: 24px;
}
.icon-controls-thumbup_white_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -102px -171px;
width: 24px;
height: 24px;
}
.icon-controls-tick-white {
background-image: url(../images/sprite_controls.png);
background-position: -247px -51px;
width: 18px;
height: 13px;
}
.icon-controls-tick {
background-image: url(../images/sprite_controls.png);
background-position: -247px -28px;
width: 18px;
height: 13px;
}
.icon-controls-triangle-up {
background-image: url(../images/sprite_controls.png);
background-position: -153px -205px;
width: 20px;
height: 12px;
}
.icon-controls-twitter_25x25 {
background-image: url(../images/sprite_controls.png);
background-position: 0px -136px;
width: 25px;
height: 25px;
}
.icon-controls-vic_emergency {
background-image: url(../images/sprite_controls.png);
background-position: 0px 0px;
width: 117px;
height: 40px;
}
.icon-controls-vic_emergency_teardrop {
background-image: url(../images/sprite_controls.png);
background-position: -173px 0px;
width: 30px;
height: 40px;
}
.icon-controls-vic_gov_logo {
background-image: url(../images/sprite_controls.png);
background-position: 0px -50px;
width: 53px;
height: 30px;
}
.icon-controls-warningwhite_24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -213px -136px;
width: 24px;
height: 24px;
}
.icon-controls-watchzone-24x24 {
background-image: url(../images/sprite_controls.png);
background-position: -170px -171px;
width: 24px;
height: 24px;
}
.icon-controls-watchzone {
background-image: url(../images/sprite_controls.png);
background-position: -173px -50px;
width: 30px;
height: 30px;
}
.icon-controls-wz-add-12x12 {
background-image: url(../images/sprite_controls.png);
background-position: -247px -148px;
width: 12px;
height: 12px;
}
.icon-controls-wz-add {
background-image: url(../images/sprite_controls.png);
background-position: -247px 0px;
width: 18px;
height: 18px;
}
.icon-controls-wz-delete-small {
background-image: url(../images/sprite_controls.png);
background-position: -247px -192px;
width: 10px;
height: 12px;
}
.icon-controls-wz-delete {
background-image: url(../images/sprite_controls.png);
background-position: -247px -74px;
width: 13px;
height: 16px;
}
.icon-controls-wz-edit-small {
background-image: url(../images/sprite_controls.png);
background-position: -247px -170px;
width: 10px;
height: 12px;
}
.icon-controls-wz-edit {
background-image: url(../images/sprite_controls.png);
background-position: -247px -100px;
width: 13px;
height: 16px;
}
.icon-controls-wz-mail-small {
background-image: url(../images/sprite_controls.png);
background-position: -247px -126px;
width: 17px;
height: 12px;
}
.icon-controls-wz-mail {
background-image: url(../images/sprite_controls.png);
background-position: -120px -205px;
width: 23px;
height: 16px;
}
.icon-controls-zoom_20x20 {
background-image: url(../images/sprite_controls.png);
background-position: -30px -205px;
width: 20px;
height: 20px;
}
.icon-controls-zoom_to_state {
background-image: url(../images/sprite_controls.png);
background-position: 0px -205px;
width: 20px;
height: 20px;
}
.icon-controls-Cross_10x10 { background: url(svg/sprite-controls.svg) 0 0 no-repeat; } .icon-controls-Cross_10x10-dims { width: 10px; height: 10px; } .icon-controls-Cross_20x20 { background: url(svg/sprite-controls.svg) 0.8748906386701663% 0 no-repeat;
} .icon-controls-Cross_20x20-dims { width: 20px; height: 20px; } .icon-controls-Earthquake_24x24 { background: url(svg/sprite-controls.svg) 2.633889376646181% 0 no-repeat; } .icon-controls-Earthquake_24x24-dims { width: 24px; height: 24px; } .icon-controls-Earthquake_white_24x24
{ background: url(svg/sprite-controls.svg) 4.741000877963126% 0 no-repeat; } .icon-controls-Earthquake_white_24x24-dims { width: 24px; height: 24px; } .icon-controls-ExtremeHeat_24x24 { background: url(svg/sprite-controls.svg) 6.84811237928007% 0 no-repeat;
} .icon-controls-ExtremeHeat_24x24-dims { width: 24px; height: 24px; } .icon-controls-ExtremeHeat_white_24x24 { background: url(svg/sprite-controls.svg) 8.955223880597014% 0 no-repeat; } .icon-controls-ExtremeHeat_white_24x24-dims { width: 24px; height:
24px; } .icon-controls-Print_25x25 { background: url(svg/sprite-controls.svg) 11.072056239015817% 0 no-repeat; } .icon-controls-Print_25x25-dims { width: 25px; height: 25px; } .icon-controls-SocialFacebook_30x30 { background: url(svg/sprite-controls.svg)
13.327449249779347% 0 no-repeat; } .icon-controls-SocialFacebook_30x30-dims { width: 30px; height: 30px; } .icon-controls-SocialFacebook_36x36 { background: url(svg/sprite-controls.svg) 16.060337178349602% 0 no-repeat; } .icon-controls-SocialFacebook_36x36-dims
{ width: 36px; height: 36px; } .icon-controls-SocialTwitter_30x30 { background: url(svg/sprite-controls.svg) 19.152691968225948% 0 no-repeat; } .icon-controls-SocialTwitter_30x30-dims { width: 30px; height: 30px; } .icon-controls-SocialTwitter_36x36 {
background: url(svg/sprite-controls.svg) 21.91659272404614% 0 no-repeat; } .icon-controls-SocialTwitter_36x36-dims { width: 36px; height: 36px; } .icon-controls-Tsunami_24x24 { background: url(svg/sprite-controls.svg) 24.846356453028974% 0 no-repeat;
} .icon-controls-Tsunami_24x24-dims { width: 24px; height: 24px; } .icon-controls-Tsunami_white_24x24 { background: url(svg/sprite-controls.svg) 26.953467954345918% 0 no-repeat; } .icon-controls-Tsunami_white_24x24-dims { width: 24px; height: 24px; }
.icon-controls-external_link_20x20 { background: url(svg/sprite-controls.svg) 28.9588801399825% 0 no-repeat; } .icon-controls-external_link_20x20-dims { width: 20px; height: 20px; } .icon-controls-facebook_25x25 { background: url(svg/sprite-controls.svg)
30.84358523725835% 0 no-repeat; } .icon-controls-facebook_25x25-dims { width: 25px; height: 25px; } .icon-controls-fire_24x24 { background: url(svg/sprite-controls.svg) 33.01141352063213% 0 no-repeat; } .icon-controls-fire_24x24-dims { width: 24px; height:
24px; } .icon-controls-fire_white_24x24 { background: url(svg/sprite-controls.svg) 35.118525021949075% 0 no-repeat; } .icon-controls-fire_white_24x24-dims { width: 24px; height: 24px; } .icon-controls-flood_24x24 { background: url(svg/sprite-controls.svg)
37.225636523266026% 0 no-repeat; } .icon-controls-flood_24x24-dims { width: 24px; height: 24px; } .icon-controls-flood_white_24x24 { background: url(svg/sprite-controls.svg) 39.33274802458297% 0 no-repeat; } .icon-controls-flood_white_24x24-dims { width:
24px; height: 24px; } .icon-controls-info_32x32 { background: url(svg/sprite-controls.svg) 41.732979664014145% 0 no-repeat; } .icon-controls-info_32x32-dims { width: 32px; height: 32px; } .icon-controls-link_20x20 { background: url(svg/sprite-controls.svg)
44.09448818897638% 0 no-repeat; } .icon-controls-link_20x20-dims { width: 20px; height: 20px; } .icon-controls-map_pin_25x25 { background: url(svg/sprite-controls.svg) 46.04569420035149% 0 no-repeat; } .icon-controls-map_pin_25x25-dims { width: 25px;
height: 25px; } .icon-controls-storm_24x24 { background: url(svg/sprite-controls.svg) 48.20017559262511% 0 no-repeat; } .icon-controls-storm_24x24-dims { width: 24px; height: 24px; } .icon-controls-storm_white_24x24 { background: url(svg/sprite-controls.svg)
50.30728709394205% 0 no-repeat; } .icon-controls-storm_white_24x24-dims { width: 24px; height: 24px; } .icon-controls-thumbup_24x24 { background: url(svg/sprite-controls.svg) 52.414398595259% 0 no-repeat; } .icon-controls-thumbup_24x24-dims { width: 24px;
height: 24px; } .icon-controls-thumbup_white_24x24 { background: url(svg/sprite-controls.svg) 54.521510096575945% 0 no-repeat; } .icon-controls-thumbup_white_24x24-dims { width: 24px; height: 24px; } .icon-controls-tick { background: url(svg/sprite-controls.svg)
56.33187772925764% 0 no-repeat; } .icon-controls-tick-dims { width: 18px; height: 13.46px; } .icon-controls-tick-white { background: url(svg/sprite-controls.svg) 57.903930131004365% 0 no-repeat; } .icon-controls-tick-white-dims { width: 18px; height:
13.47px; } .icon-controls-triangle-up { background: url(svg/sprite-controls.svg) 59.58005249343832% 0 no-repeat; } .icon-controls-triangle-up-dims { width: 20px; height: 12px; } .icon-controls-twitter_25x25 { background: url(svg/sprite-controls.svg) 61.59929701230229%
0 no-repeat; } .icon-controls-twitter_25x25-dims { width: 25px; height: 25px; } .icon-controls-vic_emergency { background: url(svg/sprite-controls.svg) 69.39021674406958% 0 no-repeat; } .icon-controls-vic_emergency-dims { width: 116.743px; height: 40px;
} .icon-controls-vic_emergency_teardrop { background: url(svg/sprite-controls.svg) 74.42611111650645% 0 no-repeat; } .icon-controls-vic_emergency_teardrop-dims { width: 30.333px; height: 40px; } .icon-controls-vic_gov_logo { background: url(svg/sprite-controls.svg)
78.73873873873873% 0 no-repeat; } .icon-controls-vic_gov_logo-dims { width: 53px; height: 30px; } .icon-controls-warningwhite_24x24 { background: url(svg/sprite-controls.svg) 81.38718173836699% 0 no-repeat; } .icon-controls-warningwhite_24x24-dims { width:
24px; height: 24px; } .icon-controls-watchzone { background: url(svg/sprite-controls.svg) 83.93645189761695% 0 no-repeat; } .icon-controls-watchzone-dims { width: 30px; height: 30px; } .icon-controls-watchzone-24x24 { background: url(svg/sprite-controls.svg)
86.12818261633011% 0 no-repeat; } .icon-controls-watchzone-24x24-dims { width: 24px; height: 24px; } .icon-controls-wz-add { background: url(svg/sprite-controls.svg) 87.77292576419214% 0 no-repeat; } .icon-controls-wz-add-dims { width: 18px; height: 18px;
} .icon-controls-wz-add-12x12 { background: url(svg/sprite-controls.svg) 88.87923544743701% 0 no-repeat; } .icon-controls-wz-add-12x12-dims { width: 12px; height: 12px; } .icon-controls-wz-delete { background: url(svg/sprite-controls.svg) 89.98607172107273%
0 no-repeat; } .icon-controls-wz-delete-dims { width: 12.822px; height: 16px; } .icon-controls-wz-delete-small { background: url(svg/sprite-controls.svg) 90.86313913071373% 0 no-repeat; } .icon-controls-wz-delete-small-dims { width: 9.617px; height: 12px;
} .icon-controls-wz-edit { background: url(svg/sprite-controls.svg) 92.00656046778988% 0 no-repeat; } .icon-controls-wz-edit-dims { width: 13.082px; height: 16px; } .icon-controls-wz-edit-small { background: url(svg/sprite-controls.svg) 92.95969087434138%
0 no-repeat; } .icon-controls-wz-edit-small-dims { width: 9.812px; height: 12px; } .icon-controls-wz-mail { background: url(svg/sprite-controls.svg) 94.88830891844867% 0 no-repeat; } .icon-controls-wz-mail-dims { width: 22.712px; height: 16px; } .icon-controls-wz-mail-small
{ background: url(svg/sprite-controls.svg) 96.42519935146419% 0 no-repeat; } .icon-controls-wz-mail-small-dims { width: 17.034px; height: 12px; } .icon-controls-zoom_20x20 { background: url(svg/sprite-controls.svg) 98.25021872265967% 0 no-repeat; } .icon-controls-zoom_20x20-dims
{ width: 20px; height: 20px; } .icon-controls-zoom_to_state { background: url(svg/sprite-controls.svg) 100% 0 no-repeat; } .icon-controls-zoom_to_state-dims { width: 20px; height: 20px; }
#watchzone-list,
#xs-watchzone-list {
width: 100%;
padding-bottom: 25px;
top: 46px;
border-radius: 0;
border: none;
background-color: #f1f0ee;
overflow: auto;
height: auto;
list-style: none;
list-style-type: none; }
@media (min-width: 992px) {
#watchzone-list,
#xs-watchzone-list {
width: 330px; } }
#watchzone-list li,
#xs-watchzone-list li {
width: 100%;
float: left;
padding-right: 15px; }
#watchzone-list li:first-child,
#xs-watchzone-list li:first-child {
padding: 0px 15px 0px 15px;
margin-bottom: 10px; }
#watchzone-list li:first-child:focus,
#xs-watchzone-list li:first-child:focus {
outline: none; }
#watchzone-list li:first-child a,
#xs-watchzone-list li:first-child a {
line-height: 40px;
border-bottom: solid 1px #b8b7b6;
padding-right: 0px;
padding-left: 0px; }
#watchzone-list li:first-child a:focus,
#xs-watchzone-list li:first-child a:focus {
outline: none;
background: none; }
#watchzone-list li:first-child a img,
#xs-watchzone-list li:first-child a img {
float: right;
margin-top: 15px; }
#watchzone-list li:first-child hr,
#xs-watchzone-list li:first-child hr {
margin-left: 20px;
margin-right: 20px; }
#watchzone-list .watchzone-item,
#xs-watchzone-list .watchzone-item {
padding: 3px 15px 3px 15px; }
#watchzone-list .watchzone-item .inner,
#xs-watchzone-list .watchzone-item .inner {
width: 100%; }
#watchzone-list .watchzone-item .inner a,
#xs-watchzone-list .watchzone-item .inner a {
color: #000;
text-decoration: none; }
#watchzone-list .watchzone-item .inner a:hover, #watchzone-list .watchzone-item .inner a:visited, #watchzone-list .watchzone-item .inner a:focus,
#xs-watchzone-list .watchzone-item .inner a:hover,
#xs-watchzone-list .watchzone-item .inner a:visited,
#xs-watchzone-list .watchzone-item .inner a:focus {
color: #000;
text-decoration: none; }
#watchzone-list .watchzone-item .inner .icon,
#xs-watchzone-list .watchzone-item .inner .icon {
margin-right: 5px;
float: left; }
#watchzone-list .watchzone-item .inner .actions,
#xs-watchzone-list .watchzone-item .inner .actions {
width: 75px; }
#watchzone-list .watchzone-item .inner .actions a,
#xs-watchzone-list .watchzone-item .inner .actions a {
display: inline-block;
float: right; }
#watchzone-list .watchzone-item .inner .actions .toggle-notification-wrapper,
#xs-watchzone-list .watchzone-item .inner .actions .toggle-notification-wrapper {
float: left; }
#watchzone-list .watchzone-item .inner .actions .toggle-notification-wrapper > div,
#xs-watchzone-list .watchzone-item .inner .actions .toggle-notification-wrapper > div {
padding-right: 10px; }
#watchzone-list .watchzone-item .inner .watchzone-name,
#xs-watchzone-list .watchzone-item .inner .watchzone-name {
max-width: 135px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
float: left;
padding-left: 5px; }
@media (min-width: 768px) {
#watchzone-list .watchzone-item .inner .watchzone-name,
#xs-watchzone-list .watchzone-item .inner .watchzone-name {
max-width: 160px; } }
#xs-watchzone-list {
background-color: #fff;
padding: 0px; }
#xs-watchzone-list li {
padding: 0px; }
#xs-watchzone-list li.watchzone-item {
padding-left: 5px;
padding-right: 0px; }
#xs-watchzone-list li.watchzone-item span {
color: #000; }
#xs-watchzone-list li:first-child {
padding: 0px; }
#xs-watchzone-list li:first-child a {
width: 100%;
display: block;
color: #000; }
#xs-watchzone-list li:first-child a img {
float: right; }
#watchZoneModal .modal-dialog {
border-radius: 0px; }
#watchZoneModal .modal-dialog .modal-content {
border-radius: 0px; }
#watchZoneModal .modal-dialog .modal-content .modal-header .modal-title {
font-size: 20px;
font-weight: bold; }
#watchZoneModal .modal-dialog .modal-content .modal-header .close {
opacity: 1; }
#watchZoneModal .modal-dialog .modal-content .modal-body {
padding-top: 0px; }
@media (min-width: 768px) {
#watchZoneModal .modal-dialog .modal-content .modal-body {
padding-top: 15px; } }
.watchzone-popup .panel-body {
padding: 45px 25px 25px 25px; }
@media (min-width: 768px) {
.watchzone-popup .panel-body {
padding: 30px 25px 25px 25px; } }
.watchzone-popup .panel-footer {
display: none; }
.watchzone-popup .btn-submit {
border-radius: 0;
border: none;
width: 100%;
background-color: #555555;
color: #fff;
text-decoration: none;
cursor: pointer;
font-size: 18px;
height: 40px; }
@media (min-width: 768px) {
.watchzone-popup .btn-submit {
height: 50px;
padding-top: 10px;
font-size: 22px;
padding-top: 5px !important; } }
.watchzone-popup .btn-submit:hover {
background-color: #343434; }
.watchzone-editor .panel-body .input-lg {
border-radius: 0;
background-color: #e7e7e7;
color: #000;
border: none;
height: 40px; }
.watchzone-editor .panel-body .input-lg:focus {
outline: none;
box-shadow: none;
-webkit-box-shadow: none; }
@media (min-width: 768px) {
.watchzone-editor .panel-body .input-lg {
height: 50px; } }
.watchzone-editor .panel-body .has-error span.with-errors {
color: red; }
.watchzone-editor .panel-body .input-slider {
width: 100%; }
.watchzone-editor .panel-body .slider-wrapper {
margin-top: 10px;
/*iron range slider style override*/
/*END style override*/ }
.watchzone-editor .panel-body .slider-wrapper .slider-track {
background: #e7e7e7;
border-radius: 0; }
.watchzone-editor .panel-body .slider-wrapper .slider-selection {
position: absolute;
background: #0066cb;
border-radius: 0px; }
.watchzone-editor .panel-body .slider-wrapper .slider .tooltip.top {
margin-top: -30px; }
.watchzone-editor .panel-body .slider-wrapper .slider-handle {
background: #0066cb;
display: none;
cursor: pointer; }
.watchzone-editor .panel-body .slider-wrapper .tooltip-arrow {
border-top-color: #0066cb; }
.watchzone-editor .panel-body .slider-wrapper .tooltip-inner {
background-color: #0066cb;
border-radius: 0;
cursor: pointer; }
.watchzone-editor .panel-body .slider-wrapper .irs-line-mid,
.watchzone-editor .panel-body .slider-wrapper .irs-line-left,
.watchzone-editor .panel-body .slider-wrapper .irs-line-right,
.watchzone-editor .panel-body .slider-wrapper .irs-bar,
.watchzone-editor .panel-body .slider-wrapper .irs-bar-edge,
.watchzone-editor .panel-body .slider-wrapper .irs-slider {
background: url(../images/sprite-skin-flat.png) repeat-x; }
.watchzone-editor .panel-body .slider-wrapper .irs-single {
border-radius: 0 !important;
line-height: 1.7em !important;
padding-left: 8px !important;
padding-right: 8px !important; }
.watchzone-editor .panel-body .slider-wrapper .irs {
height: 40px; }
.watchzone-editor .panel-body .slider-wrapper .irs-with-grid {
height: 60px; }
.watchzone-editor .panel-body .slider-wrapper .irs-line {
height: 12px;
top: 25px; }
.watchzone-editor .panel-body .slider-wrapper .irs-line-left {
height: 12px;
background-position: 0 -30px; }
.watchzone-editor .panel-body .slider-wrapper .irs-line-mid {
height: 12px;
background-position: 0 0; }
.watchzone-editor .panel-body .slider-wrapper .irs-line-right {
height: 12px;
background-position: 100% -30px; }
.watchzone-editor .panel-body .slider-wrapper .irs-bar {
height: 12px;
top: 25px;
background-position: 0 -60px; }
.watchzone-editor .panel-body .slider-wrapper .irs-bar-edge {
top: 25px;
height: 12px;
width: 9px;
background-position: 0 -90px; }
.watchzone-editor .panel-body .slider-wrapper .irs-shadow {
height: 3px;
top: 34px;
background: #000;
opacity: 0.25; }
.watchzone-editor .panel-body .slider-wrapper .lt-ie9 .irs-shadow {
filter: alpha(opacity=25); }
.watchzone-editor .panel-body .slider-wrapper .irs-slider {
width: 16px;
height: 18px;
top: 22px;
background-position: 0 -120px; }
.watchzone-editor .panel-body .slider-wrapper .irs-slider.state_hover, .watchzone-editor .panel-body .slider-wrapper .irs-slider:hover {
background-position: 0 -150px; }
.watchzone-editor .panel-body .slider-wrapper .irs-min, .watchzone-editor .panel-body .slider-wrapper .irs-max {
color: #999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
top: 0;
padding: 1px 3px;
background: #e1e4e9;
border-radius: 4px; }
.watchzone-editor .panel-body .slider-wrapper .irs-from, .watchzone-editor .panel-body .slider-wrapper .irs-to, .watchzone-editor .panel-body .slider-wrapper .irs-single {
color: #fff;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background: #0066cb;
border-radius: 4px; }
.watchzone-editor .panel-body .slider-wrapper .irs-from:after, .watchzone-editor .panel-body .slider-wrapper .irs-to:after, .watchzone-editor .panel-body .slider-wrapper .irs-single:after {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #0066cb; }
.watchzone-editor .panel-body .slider-wrapper .irs-grid-pol {
background: #e1e4e9; }
.watchzone-editor .panel-body .slider-wrapper .irs-grid-text {
color: #999; }
.watchzone-editor .panel-body .slider-horizontal {
width: 100%; }
.watchzone-editor .panel-body .button-wrapper {
padding-top: 15px; }
.watchzone-editor .panel-body .button-wrapper > div {
width: 50%; }
.watchzone-editor .panel-body .button-wrapper > div button,
.watchzone-editor .panel-body .button-wrapper > div a {
width: 100%; }
.watchzone-editor .panel-body .button-wrapper > div button:focus,
.watchzone-editor .panel-body .button-wrapper > div a:focus {
outline: none; }
.watchzone-editor .panel-body .button-wrapper .left-button {
padding-right: 8px; }
.watchzone-editor .panel-body .button-wrapper .right-button {
padding-left: 8px; }
.watchzone-editor .panel-body .button-wrapper .right-button .notification-setting-link {
text-align: right; }
.watchzone-editor .panel-body .button-wrapper .accept-button,
.watchzone-editor .panel-body .button-wrapper .decline-button {
width: 100%;
float: left;
border: none;
background-color: #0358ab;
display: block;
height: 40px;
color: #fff;
font-size: 18px;
text-align: center;
line-height: 40px;
text-decoration: none; }
@media (min-width: 768px) {
.watchzone-editor .panel-body .button-wrapper .accept-button,
.watchzone-editor .panel-body .button-wrapper .decline-button {
font-size: 22px;
height: 50px;
line-height: 50px; } }
.watchzone-editor .panel-body .button-wrapper .accept-button:hover,
.watchzone-editor .panel-body .button-wrapper .decline-button:hover {
background-color: #0066cb; }
.watchzone-editor .panel-body .button-wrapper .decline-button {
background-color: #cd3333;
display: block; }
.watchzone-editor .panel-body .button-wrapper .decline-button:hover {
background-color: #fe0034; }
.watchzone-editor .panel-body ::-webkit-input-placeholder {
color: #000; }
.watchzone-editor .panel-body :-moz-placeholder {
/* Firefox 18- */
color: #000; }
.watchzone-editor .panel-body ::-moz-placeholder {
/* Firefox 19+ */
color: #000; }
.watchzone-editor .panel-body :-ms-input-placeholder {
color: #000; }
.watchzone-editor .visible-wz-created {
display: none; }
.watchzone-editor .visible-on-edit {
display: none; }
.watchzone-editor-created .visible-wz-created {
display: block !important; }
.watchzone-editor-created .visible-wz-new {
display: none; }
.watchzone-editor-created #zw-created-name {
margin-top: 10px;
margin-bottom: 10px;
font-size: 22px;
font-weight: bold;
max-width: 100%;
xtext-overflow: ellipsis;
xwhite-space: normal;
xoverflow: hidden;
word-wrap: break-word; }
@media (min-width: 768px) {
.watchzone-editor-created #zw-created-name {
font-size: 18px; } }
.watchzone-editor-created .watch-zone-name {
word-wrap: break-word; }
.watchzone-editor-update .visible-on-edit {
display: block; }
.watchzone-editor-update .hidden-on-edit {
display: none; }
.watchzone-editor-update .quick-links {
margin-top: 15px;
margin-bottom: 5px;
overflow: auto;
height: auto; }
.watchzone-editor-update .quick-links a {
width: initial;
margin-right: 10px;
color: #000; }
.watchzone-editor-update .notificaiton-setting-panel {
margin-bottom: 20px; }
.watchzone-editor-update .notificaiton-setting-panel span {
display: inline-block;
padding-top: 10px; }
.watchzone-editor-update .edit-buttons {
margin-top: 10px;
margin-bottom: 10px;
overflow: auto;
height: auto; }
.watchzone-editor-update .edit-buttons button {
width: 114px;
font-size: 14px; }
@media (min-width: 768px) {
.watchzone-editor-update .edit-buttons button {
font-size: 15px; } }
.watchzone-editor-update .edit-buttons a {
color: #000;
text-decoration: none; }
.watchzone-editor-update .watch-zone-popup-delete-btn {
margin: 10px 0px; }
.watchzone-editor-update .watch-zone-popup-delete-btn span {
padding-top: 5px;
color: #000; }
.watch-zone-item-trigger {
cursor: pointer; }
.watchzone-viewer .panel-body {
padding-top: 15px; }
.watchzone-viewer .panel-body h2 {
margin-top: 0px;
max-width: 100%;
xoverflow: hidden;
xtext-overflow: ellipsis;
word-wrap: break-word; }
.watchzone-viewer .panel-body .buttons {
margin-top: 10px;
margin-bottom: 10px;
overflow: auto;
height: auto; }
.watchzone-viewer .panel-body .buttons a {
color: #000; }
.emv-small-switch .bootstrap-switch-on {
border: solid 1px #67ca4b; }
.emv-small-switch .bootstrap-switch-off {
border: solid 1px #c3c3c3; }
.emv-small-switch .bootstrap-switch-wrapper {
border-radius: 0; }
.emv-small-switch .bootstrap-switch-wrapper .bootstrap-switch-handle-on,
.emv-small-switch .bootstrap-switch-wrapper .bootstrap-switch-handle-off {
border-radius: 0px; }
.emv-small-switch .bootstrap-switch-wrapper.bootstrap-switch-off .bootstrap-switch-handle-off {
background-color: #c3c3c3; }
.emv-small-switch .bootstrap-switch-wrapper.bootstrap-switch-on .bootstrap-switch-handle-on {
background-color: #67ca4b; }
.emv-small-switch .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.emv-small-switch .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.emv-small-switch .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
padding: 1px 2px;
font-size: 10px;
line-height: 1.3; }
.emv-gray-input {
border-radius: 0;
background-color: #e7e7e7;
color: #000;
border: none;
height: 50px;
font-size: 16px; }
div.form-group.has-error .emv-gray-input {
border: solid 1px #c71010;
background: #ffe6e6; }
#profile-wrapper.white-background {
background-color: #fff; }
#profile-wrapper {
height: 100%;
overflow: auto;
background: #f6f6f6; }
#profile-wrapper #profile-sidebar {
float: left;
padding: 30px 30px;
width: 100%;
background-color: #fff;
padding: 0;
margin-bottom: 0;
display: none;
top: -33px; }
@media (min-width: 768px) {
#profile-wrapper #profile-sidebar {
height: 100%;
width: 330px;
top: 0;
display: block; } }
#profile-wrapper #profile-sidebar a.section-header {
padding: 0px 20px;
text-decoration: none;
color: #000;
font-size: 20px;
font-weight: bold;
margin: 30px 0px 10px 0px;
display: block; }
#profile-wrapper #profile-sidebar ul {
list-style: none;
margin: 0px;
padding: 0px; }
#profile-wrapper #profile-sidebar ul li {
padding: 0px 20px;
font-size: 18px; }
#profile-wrapper #profile-sidebar ul li a {
color: #000;
line-height: 30px;
display: block;
width: 100%;
padding: 10px 0px; }
#profile-wrapper #profile-sidebar ul li.active {
background: #f6f6f6; }
#profile-wrapper #profile-sidebar ul li.active a {
border-top: solid 2px #ccc;
border-bottom: solid 2px #ccc; }
#profile-wrapper #profile-sidebar ul li.active a:hover {
text-decoration: none; }
#profile-wrapper #profile-sidebar .watchzone-item {
overflow: auto; }
#profile-wrapper #profile-sidebar .watchzone-item > div > a img {
float: left; }
#profile-wrapper #profile-sidebar .watchzone-item > div > a > div {
width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
margin-left: 10px; }
#profile-wrapper .profile-main-content {
height: 100%;
height: auto;
padding: 20px 30px;
background-color: #f6f6f6;
position: relative; }
@media (min-width: 768px) {
#profile-wrapper .profile-main-content {
padding: 20px 20px 0px;
margin-left: 330px;
margin-right: 0px; } }
#profile-wrapper .profile-main-content #account-setting-wrapper h2 {
margin-top: 0px; }
@media (min-width: 768px) {
#profile-wrapper .profile-main-content #account-setting-wrapper {
xwidth: 50%; } }
@media (max-width: 767px) {
#profile-wrapper .profile-main-content #account-setting-wrapper #profile-form button {
width: 100%; } }
#profile-wrapper .profile-main-content #account-setting-wrapper #change-password-form {
margin-top: 100px; }
@media (max-width: 767px) {
#profile-wrapper .profile-main-content #account-setting-wrapper #change-password-form .change-pw-btn-wrapper {
width: 100%; }
#profile-wrapper .profile-main-content #account-setting-wrapper #change-password-form .change-pw-btn-wrapper button {
width: 100%; } }
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons {
width: 100%; }
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons > div {
float: right; }
@media (max-width: 767px) {
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons > div {
width: 50%; } }
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons .delete-btn-wrapper,
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons .update-btn-wrapper {
float: right; }
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons .delete-btn-wrapper {
margin-right: 20px; }
@media (max-width: 767px) {
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons .delete-btn-wrapper {
margin-right: 0px;
padding-right: 10px; } }
@media (max-width: 767px) {
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons .update-btn-wrapper {
padding-left: 10px; } }
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons input[type="submit"],
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons input[type="button"],
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons button {
padding-left: 30px;
padding-right: 30px;
min-width: 160px;
font-size: 14px; }
@media (max-width: 767px) {
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons input[type="submit"],
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons input[type="button"],
#profile-wrapper .profile-main-content #account-setting-wrapper .form-buttons button {
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
min-width: 0px; } }
#profile-wrapper .profile-main-content #account-setting-wrapper .has-error {
margin-bottom: 0px; }
#profile-wrapper .profile-main-content #account-setting-wrapper .has-error input[type='text'] {
border: solid 1px #c71010;
background: #ffe6e6; }
#profile-wrapper .profile-main-content #account-setting-wrapper .has-error span.with-errors {
padding-left: 0px 0px 0px 20px;
color: #c71010;
font-size: 12px; }
#profile-wrapper .profile-main-content #account-setting-wrapper .xs-watchzone-list-wrapper {
padding-top: 90px;
padding-bottom: 30px; }
#profile-wrapper .profile-main-content #account-setting-wrapper .xs-watchzone-list-wrapper ul {
list-style-type: none;
list-style: none;
padding: 0;
margin: 0; }
#profile-wrapper .profile-main-content #account-setting-wrapper .xs-watchzone-list-wrapper ul li {
width: 100%; }
#profile-wrapper .profile-main-content #account-setting-wrapper .xs-watchzone-list-wrapper ul li div a {
line-height: 35px;
text-decoration: none;
cursor: pointer;
width: 100%;
display: block;
overflow: auto; }
#profile-wrapper .profile-main-content #account-setting-wrapper .xs-watchzone-list-wrapper ul li div a img {
float: left; }
#profile-wrapper .profile-main-content #account-setting-wrapper .xs-watchzone-list-wrapper ul li div a div {
color: #000;
float: left;
margin-left: 10px; }
#watchzone-filterlist p {
margin: 20px 0 0 20px;
font-size: 18px; }
#watchzone-filterlist a div {
position: absolute;
text-overflow: ellipsis;
overflow: hidden;
left: 60px;
right: 16px;
display: inline;
white-space: nowrap; }
#mobile-watchfilter-buttons {
display: block;
float: right;
right: 18px;
top: 18px; }
#mobile-watchfilter-buttons button {
width: 70px; }
@media (min-width: 768px) {
#mobile-watchfilter-buttons {
display: none; } }
#filterwatch-wrapper.white-background {
background-color: #fff; }
#filterwatch-wrapper {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
background-color: #f6f6f6; }
#filterwatch-wrapper #profile-sidebar {
float: left;
padding: 30px 30px;
width: 100%;
background-color: #fff;
padding: 0;
margin-bottom: 0;
display: none;
top: -33px; }
@media (min-width: 768px) {
#filterwatch-wrapper #profile-sidebar {
height: 100%;
width: 330px;
top: 0;
display: block; } }
#filterwatch-wrapper #profile-sidebar a.section-header {
padding: 0px 20px;
text-decoration: none;
color: #000;
font-size: 20px;
font-weight: bold;
margin: 30px 0px 10px 0px;
display: block; }
#filterwatch-wrapper #profile-sidebar ul {
list-style: none;
margin: 0px;
padding: 0px; }
#filterwatch-wrapper #profile-sidebar ul li {
padding: 0px 20px;
font-size: 18px; }
#filterwatch-wrapper #profile-sidebar ul li a {
color: #000;
line-height: 30px;
display: block;
width: 100%;
padding: 10px 0px;
overflow: auto; }
#filterwatch-wrapper #profile-sidebar ul li.active {
background: #f6f6f6; }
#filterwatch-wrapper #profile-sidebar ul li.active a {
border-top: solid 2px #ccc;
border-bottom: solid 2px #ccc; }
#filterwatch-wrapper #profile-sidebar ul li.active a:hover {
text-decoration: none; }
#filterwatch-wrapper #profile-sidebar .watchzone-item {
overflow: auto; }
#filterwatch-wrapper #profile-sidebar .watchzone-item > div > a img {
float: left; }
#filterwatch-wrapper .profile-main-content {
height: 100%;
padding: 20px 30px;
position: relative; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content {
padding: 20px 20px 0px;
margin-left: 330px;
margin-right: 0px; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-header {
position: relative;
margin-bottom: 0px; }
#filterwatch-wrapper .profile-main-content .watchzone-content-header h2 {
display: block;
position: relative;
left: 0;
top: 0;
margin-top: 0;
margin-bottom: 0; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-header h2 {
display: inline;
left: 40px;
right: 370px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
padding-top: 5px;
height: 35px; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-header h2 label {
display: block;
white-space: nowrap;
position: absolute;
top: 0;
left: 0; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-header h2 label {
display: inline;
white-space: nowrap; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-header h2 span {
display: block;
position: absolute;
left: 0;
top: 40px;
right: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-header h2 span {
display: inline;
white-space: nowrap;
top: 0;
left: 190px;
right: 0; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-header .watchzone-filter-buttons {
display: inherit;
left: 0;
top: 90px;
position: absolute;
right: 0; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-header .watchzone-filter-buttons {
width: auto;
float: right;
display: inline;
position: static;
margin-right: 41px;
left: 60px;
right: 60px; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-header .watchzone-filter-buttons button {
width: 47%;
height: 50px;
background-color: #343434;
color: #fff;
cursor: pointer;
border: none;
float: left;
border-radius: 0;
font-size: 24px; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-header .watchzone-filter-buttons button {
width: 150px;
height: 40px; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-header #cancel-watchzone-filter {
margin-right: 3%; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-header #cancel-watchzone-filter {
margin-right: 20px; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-header #save-watchzone-filter {
margin-left: 3%; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-header #save-watchzone-filter {
margin-left: 0; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-main {
position: absolute;
bottom: 32px;
top: 180px;
right: 30px;
left: 30px; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-main {
top: 82px;
right: 60px;
left: 60px; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-main .visible-label-close {
display: none; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main .hidden-label-close {
display: inherit; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main .hideMobileFilter {
height: auto !important; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main .hideMobileFilter .visible-label-close {
display: inherit; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main .hideMobileFilter .hidden-label-close {
display: none; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main #watchzone-for-prepare {
border-right: 1px solid #c8c8c8;
border-left: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
height: auto; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main #watchzone-for-prepare h4 {
background-color: #F90; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-main #watchzone-for-prepare {
display: inline-block;
border-left: none;
border-bottom: none;
height: 100%; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-main #watchzone-for-incidents {
border-left: 1px solid #c8c8c8;
border-right: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
height: 100%; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main #watchzone-for-incidents h4 {
background-color: #c33; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-main #watchzone-for-incidents {
display: inline-block;
border-bottom: none; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-main #watchzone-for-relief {
border-left: 1px solid #c8c8c8;
border-right: 1px solid #c8c8c8;
border-bottom: 1px solid #c8c8c8;
height: 100%; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main #watchzone-for-relief h4 {
background-color: #09C; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-main #watchzone-for-relief {
display: inline-block;
border-right: none;
border-bottom: none; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div {
float: left;
width: 100%;
display: inline-block;
position: relative;
margin-bottom: 30px; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div {
width: 33.3%;
margin-bottom: 0; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div .watchfilter-container {
overflow: auto;
position: absolute;
top: 50px;
bottom: 0px;
right: 0;
left: 0;
background-color: #fff; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div .watchfilter-container .hidden-close,
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div .watchfilter-container .visible-close {
display: none; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div .watchfilter-container .watchzone-folder-closed .visible-close {
display: none; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div .watchfilter-container .watchzone-folder-closed .hidden-close {
display: block; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div .watchfilter-container .watchzone-folder-open .visible-close {
display: block; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div .watchfilter-container .watchzone-folder-open .hidden-close {
display: none; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div a:hover {
text-decoration: none; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div h4 {
text-align: center;
color: #fff;
font-weight: bold;
margin: 0;
padding-top: 15px;
padding-bottom: 10px;
height: 50px; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div h4 {
padding-top: 10px;
position: relative; } }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div h4 label {
width: auto;
right: 32px;
text-overflow: ellipsis;
white-space: nowrap;
left: 5px;
top: 16px;
overflow: hidden;
position: absolute; } }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div h4 span.no-url-change {
position: absolute;
top: 15px;
right: 5px; } }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div ul.modal-filter-group {
list-style: none;
background-color: #fff;
padding: 5px 0; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div ul.modal-filter-group > li {
margin: 10px 20px 0 20px;
background-color: #c8c8c8;
padding: 10px 10px 4px 10px;
position: relative; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div ul.modal-filter-group > li label {
font-size: 16px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: auto;
padding-right: 30px; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div ul.modal-filter-group > li .watchzone-folder-close-control {
position: absolute;
right: 5px;
top: 10px; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div ul.subfilter-lists {
list-style: none;
padding: 0 20px; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div ul.subfilter-lists > li {
margin: 0;
padding: 3px 10px;
background-color: #f6f6f6; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div ul.subfilter-lists > li label {
font-size: 13px; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div ul.subfilter-lists > li .emv-checkbox[type="checkbox"]:disabled + label {
opacity: 0.7; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div ul.subfilter-lists > li .emv-checkbox[type="checkbox"]:not(:checked) + label:before {
width: 15px;
height: 15px;
top: 3px;
left: 2px;
background-color: #c8c8c8; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div ul.subfilter-lists > li .emv-checkbox[type="checkbox"]:checked + label:before {
width: 15px;
height: 15px;
top: 3px;
left: 2px;
background-color: #09f; }
#filterwatch-wrapper .profile-main-content .watchzone-content-main > div ul.subfilter-lists > li .emv-checkbox[type="checkbox"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(0.7);
transform: scale(0.7);
background-color: #09f; }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper h2 {
margin-top: 0px; }
@media (min-width: 768px) {
#filterwatch-wrapper .profile-main-content #account-setting-wrapper {
xwidth: 50%; } }
@media (max-width: 767px) {
#filterwatch-wrapper .profile-main-content #account-setting-wrapper #profile-form button {
width: 100%; } }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper #change-password-form {
margin-top: 100px; }
@media (max-width: 767px) {
#filterwatch-wrapper .profile-main-content #account-setting-wrapper #change-password-form .change-pw-btn-wrapper {
width: 100%; }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper #change-password-form .change-pw-btn-wrapper button {
width: 100%; } }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons {
width: 100%; }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons > div {
float: right; }
@media (max-width: 767px) {
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons > div {
width: 50%; } }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons .delete-btn-wrapper,
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons .update-btn-wrapper {
float: right; }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons .delete-btn-wrapper {
margin-right: 20px; }
@media (max-width: 767px) {
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons .delete-btn-wrapper {
margin-right: 0px;
padding-right: 10px; } }
@media (max-width: 767px) {
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons .update-btn-wrapper {
padding-left: 10px; } }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons input[type="submit"],
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons input[type="button"],
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons button {
padding-left: 30px;
padding-right: 30px;
min-width: 160px;
font-size: 14px; }
@media (max-width: 767px) {
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons input[type="submit"],
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons input[type="button"],
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .form-buttons button {
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
width: 100%;
min-width: 0px; } }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .has-error {
margin-bottom: 0px; }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .has-error input[type='text'] {
border: solid 1px #c71010;
background: #ffe6e6; }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .has-error span.with-errors {
padding-left: 0px 0px 0px 20px;
color: #c71010;
font-size: 12px; }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .xs-watchzone-list-wrapper {
padding-top: 90px;
padding-bottom: 30px; }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .xs-watchzone-list-wrapper ul {
list-style-type: none;
list-style: none;
padding: 0;
margin: 0; }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .xs-watchzone-list-wrapper ul li a {
line-height: 35px;
text-decoration: none;
width: 100%; }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .xs-watchzone-list-wrapper ul li a img {
float: left; }
#filterwatch-wrapper .profile-main-content #account-setting-wrapper .xs-watchzone-list-wrapper ul li a div {
color: #000;
margin-left: 40px; }
#container.sidebar-closed #major-container.expanded-major-container {
height: 90%; }
#container.sidebar-closed #major-container {
height: 30%;
width: 100%;
bottom: 0; }
#container.sidebar-closed #major-container .main-text h1 {
padding-right: 40px; }
@media (min-width: 768px) {
#container.sidebar-closed #major-container .main-text h1 {
padding-right: 0; } }
#container.sidebar-opened #major-container.expanded-major-container {
height: 90%; }
#container.sidebar-opened #major-container {
display: none; }
@media (min-width: 768px) {
#container.sidebar-opened #major-container {
display: block;
height: 30%;
width: auto;
right: 0;
left: 420px;
bottom: 0; } }
.back-to-sidebar-desktop {
display: none; }
#container.sidebar-collapsed .popular-wrapper .major-all-tabs .common-major-sidebar {
width: 100% !important;
display: block; }
#container.sidebar-collapsed .popular-wrapper .major-all-tabs .common-major-sidebar .major-scheduled-sidebar-item div.timestamp {
position: absolute !important;
width: 60px !important;
background-color: #0099ff !important;
color: #fff !important;
text-align: center !important;
font-weight: bold !important;
height: 40px !important;
padding: 3px 5px !important; }
#container.sidebar-collapsed .popular-wrapper .major-all-tabs .common-major-sidebar .major-scheduled-sidebar-item div.timestamp > span {
display: block !important;
text-transform: uppercase !important; }
#container.sidebar-collapsed .popular-wrapper .major-all-tabs .common-major-sidebar .major-scheduled-sidebar-item div.holder {
padding-left: 70px !important;
padding-right: 70px !important; }
#container.sidebar-collapsed .popular-wrapper .major-all-tabs .common-major-sidebar .major-scheduled-sidebar-item div.scheduledtime {
display: block !important;
width: 60px !important;
position: absolute !important;
right: 15px !important;
text-align: right !important; }
#container.sidebar-collapsed .popular-wrapper .major-all-tabs .common-major-main {
width: 100% !important;
display: none; }
#container.sidebar-collapsed .popular-wrapper .major-all-tabs .common-major-main .back-to-sidebar-desktop {
display: block;
position: fixed;
bottom: 200px;
right: 10px;
z-index: 5000; }
#container.sidebar-collapsed .popular-wrapper .major-all-tabs .common-major-main .main-text h1 {
padding-right: 50px; }
#container.sidebar-collapsed .popular-wrapper .major-all-tabs.hide-social-tab .common-major-main .back-to-sidebar-desktop {
right: 10px; }
.map-only-view #container.major-container-style #map {
height: 100%; }
.map-only-view #container.major-container-style #major-container {
display: none; }
.majorinfo-only-view#operation-bar {
padding-top: 0; }
.majorinfo-only-view#operation-bar #filter-panel {
display: none; }
.majorinfo-only-view #container.sidebar-closed.major-container-style #map {
left: -10000px;
top: -10000px;
position: absolute; }
.majorinfo-only-view #container.sidebar-closed.major-container-style #major-container {
height: 100%; }
#container.major-container-style #map {
height: 70%; }
#container.major-container-style #major-container {
background-color: white;
z-index: 1000;
bottom: 0;
position: absolute;
overflow: hidden; }
#container.major-container-style #major-container #major-container-button-div {
position: relative;
width: 100%; }
#container.major-container-style #major-container #major-container-button-div #major-container-button {
width: 100%;
height: 22px; }
#container.major-container-style #major-container #major-tabs.hide-social-tab .major-container-wrapper .popular-wrapper {
width: 100%; }
@media (min-width: 768px) {
#container.major-container-style #major-container #major-tabs.hide-social-tab .major-container-wrapper .popular-wrapper .major-all-tabs .common-major-main .back-to-sidebar {
position: fixed;
right: 2%;
top: 202px;
z-index: 50; } }
#container.major-container-style #major-container #major-tabs.hide-social-tab .major-container-wrapper .lonely-wrapper .social-container {
width: 0;
border: none; }
#container.major-container-style #major-container #major-tabs {
position: relative;
width: 100%;
height: 100%; }
#container.major-container-style #major-container #major-tabs .major-list-of-tabs > li > a {
border-radius: 0 !important; }
#container.major-container-style #major-container #major-tabs .major-list-of-tabs {
height: 40px;
/*li.lonely-active {
background-color: #000000;
@media (min-width: 768px) {
background-color: #0099ff;
}
a:hover {
background-color: #0099ff;
}
a:focus {
background-color: #000000;
@media (min-width: 768px) {
background-color: #0099ff;
}
}
}
li.active.lonely-active {
a {
background-color: #0099ff;
}
}*/ }
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li,
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li:focus {
background-color: #000000;
width: 25%; }
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li a,
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li:focus a {
color: #fff;
border: none;
border-radius: none;
margin-right: 0;
text-align: center; }
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li a span,
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li:focus a span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li a:hover,
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li:focus a:hover {
background-color: #0099ff; }
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li a:focus,
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li:focus a:focus {
background-color: #000000; }
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li.active a {
background-color: #0099ff; }
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li.social-list-div {
cursor: pointer;
cursor: hand; }
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li.social-list-div a.lonely-tabs {
width: 50%;
height: 40px;
float: left;
padding: 10px; }
#container.major-container-style #major-container #major-tabs .major-list-of-tabs li.social-list-div a.lonely-tabs.active {
background-color: #0099ff; }
#container.major-container-style #major-container #major-tabs .major-list-of-tabs .social-list-div-mobile {
display: block; }
@media (min-width: 768px) {
#container.major-container-style #major-container #major-tabs .major-list-of-tabs .social-list-div-mobile {
display: none; } }
#container.major-container-style #major-container #major-tabs .major-container-wrapper {
position: absolute;
width: 100%;
top: 40px;
bottom: 0; }
@media (min-width: 768px) {
#container.major-container-style #major-container #major-tabs .major-container-wrapper {
bottom: 20px; } }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper {
position: relative;
height: 100%;
width: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
@media (min-width: 768px) {
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper {
width: 75%; } }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper .major-all-tabs > div:first-child {
border-top: none; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab {
display: none; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .separator,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .separator,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .separator {
border-bottom: 1px solid #ababab;
margin: 0 10px; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar {
float: left;
width: 100%;
background-color: #fff; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar h1.empty-text,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar h1.empty-text,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar h1.empty-text {
padding: 0 20px;
font-size: 30px; }
@media (min-width: 768px) {
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar {
width: 25%; } }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-news-sidebar-item.active,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-relief-sidebar-item.active,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item.active,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-news-sidebar-item.active,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-relief-sidebar-item.active,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item.active,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-news-sidebar-item.active,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-relief-sidebar-item.active,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item.active {
background-color: #f6f6f6; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-news-sidebar-item a,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-relief-sidebar-item a,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item a,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-news-sidebar-item a,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-relief-sidebar-item a,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item a,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-news-sidebar-item a,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-relief-sidebar-item a,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item a {
display: block;
text-decoration: none;
color: #6b6b6b;
padding: 10px; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-news-sidebar-item a .timestamp,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-relief-sidebar-item a .timestamp,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item a .timestamp,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-news-sidebar-item a .timestamp,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-relief-sidebar-item a .timestamp,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item a .timestamp,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-news-sidebar-item a .timestamp,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-relief-sidebar-item a .timestamp,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item a .timestamp {
font-size: 12px; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-news-sidebar-item a .title,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-relief-sidebar-item a .title,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item a .title,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-news-sidebar-item a .title,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-relief-sidebar-item a .title,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item a .title,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-news-sidebar-item a .title,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-relief-sidebar-item a .title,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item a .title {
font-size: 16px; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-news-sidebar-item a:hover,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-relief-sidebar-item a:hover,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item a:hover,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-news-sidebar-item a:hover,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-relief-sidebar-item a:hover,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item a:hover,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-news-sidebar-item a:hover,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-relief-sidebar-item a:hover,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item a:hover {
background-color: #dedede;
text-decoration: none;
color: #6b6b6b; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item div.timestamp,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item div.timestamp,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item div.timestamp {
position: absolute;
width: 40px;
background-color: #0099ff;
color: #fff;
text-align: center;
font-weight: bold;
height: 40px;
padding: 3px 5px; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item div.timestamp > span,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item div.timestamp > span,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item div.timestamp > span {
display: block;
text-transform: uppercase; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item div.holder,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item div.holder,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item div.holder {
padding-left: 50px;
padding-right: 70px; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item div.scheduledtime,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item div.scheduledtime,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item div.scheduledtime {
display: block;
width: 60px;
position: absolute;
right: 10px; }
@media (min-width: 768px) {
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item div.timestamp,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item div.timestamp,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item div.timestamp {
position: relative;
width: 100%;
height: inherit;
background-color: transparent;
color: #6b6b6b;
padding: 0;
text-align: left;
font-weight: normal; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item div.timestamp > span,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item div.timestamp > span,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item div.timestamp > span {
display: inline-block;
text-transform: none; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item div.holder,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item div.holder,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item div.holder {
padding-left: 0;
padding-right: 0; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-sidebar .major-scheduled-sidebar-item div.scheduledtime,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-sidebar .major-scheduled-sidebar-item div.scheduledtime,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-sidebar .major-scheduled-sidebar-item div.scheduledtime {
display: none; } }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-main,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-main,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-main {
background-color: #f6f6f6;
float: left;
width: 100%;
display: none;
padding: 0 20px;
-webkit-overflow-scrolling: touch; }
@media (min-width: 768px) {
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-main,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-main,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-main {
width: 75%;
display: block; } }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-main .back-to-sidebar,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-main .back-to-sidebar,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-main .back-to-sidebar {
position: fixed;
right: 2%;
top: 202px;
z-index: 50; }
@media (min-width: 768px) {
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-main .back-to-sidebar,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-main .back-to-sidebar,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-main .back-to-sidebar {
display: none; } }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-main .main-text h1,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-main .main-text h1,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-main .main-text h1 {
font-weight: 700;
font-size: 30px; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .common-major-main .main-text .posted,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .common-major-main .main-text .posted,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .common-major-main .main-text .posted {
font-weight: 600;
font-size: 12px;
padding-bottom: 30px; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .major-scheduled-main .content .field:nth-child(1) .field-label,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .major-scheduled-main .content .field:nth-child(2) .field-label,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .major-scheduled-main .content .field:nth-child(3) .field-label,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .major-scheduled-main .content .field:nth-child(1) .field-label,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .major-scheduled-main .content .field:nth-child(2) .field-label,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .major-scheduled-main .content .field:nth-child(3) .field-label,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .major-scheduled-main .content .field:nth-child(1) .field-label,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .major-scheduled-main .content .field:nth-child(2) .field-label,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .major-scheduled-main .content .field:nth-child(3) .field-label {
display: inline-block;
width: 100px;
float: left; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .major-scheduled-main .content .field:nth-child(1) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .major-scheduled-main .content .field:nth-child(2) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .major-scheduled-main .content .field:nth-child(3) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .major-scheduled-main .content .field:nth-child(1) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .major-scheduled-main .content .field:nth-child(2) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .major-scheduled-main .content .field:nth-child(3) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .major-scheduled-main .content .field:nth-child(1) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .major-scheduled-main .content .field:nth-child(2) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .major-scheduled-main .content .field:nth-child(3) .field-items {
padding-left: 120px;
word-wrap: break-word; }
@media (min-width: 768px) {
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .major-scheduled-main .content .field:nth-child(1) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .major-scheduled-main .content .field:nth-child(2) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .major-scheduled-main .content .field:nth-child(3) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .major-scheduled-main .content .field:nth-child(1) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .major-scheduled-main .content .field:nth-child(2) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .major-scheduled-main .content .field:nth-child(3) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .major-scheduled-main .content .field:nth-child(1) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .major-scheduled-main .content .field:nth-child(2) .field-items,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .major-scheduled-main .content .field:nth-child(3) .field-items {
padding-left: 150px; } }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-news-tab .major-scheduled-main .content .field-name-body,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-relief-tab .major-scheduled-main .content .field-name-body,
#container.major-container-style #major-container #major-tabs .major-container-wrapper .popular-wrapper #major-scheduled-tab .major-scheduled-main .content .field-name-body {
padding-top: 20px; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .lonely-wrapper {
float: right;
width: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
display: none; }
@media (min-width: 768px) {
#container.major-container-style #major-container #major-tabs .major-container-wrapper .lonely-wrapper {
width: 25%;
display: block; } }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .lonely-wrapper .social-container {
position: relative;
width: 100%; }
@media (min-width: 768px) {
#container.major-container-style #major-container #major-tabs .major-container-wrapper .lonely-wrapper .social-container {
overflow-x: hidden;
overflow-y: auto;
top: 0;
bottom: 0;
right: 0;
position: absolute;
display: block;
width: 25%;
border: 3px solid #0099ff;
border-top: none; } }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .lonely-wrapper #major-social-tab .tab-pane {
display: none; }
#container.major-container-style #major-container #major-tabs .major-container-wrapper .lonely-wrapper #major-social-tab .tab-pane.active {
display: block; }
body.incidents.major-incidents-page.major-incidents-respond-page #emv-nav {
border-bottom-color: #C33; }
body.incidents.major-incidents-page.major-incidents-respond-page div.masthead {
background: #C33;
border-bottom-color: #C33; }
body.prepare.major-incidents-page.major-incidents-prepare-page #emv-nav {
border-bottom-color: #F90; }
body.prepare.major-incidents-page.major-incidents-prepare-page div.masthead {
background: #F90;
border-bottom-color: #F90; }
body.prepare.major-incidents-page.major-incidents-prepare-page div.leaflet-control-showall {
display: none; }
@media (min-width: 768px) {
body.prepare.major-incidents-page.major-incidents-prepare-page div.leaflet-control-showall {
display: block; } }
body.relief.major-incidents-page.major-incidents-relief-page #emv-nav {
border-bottom-color: #09C; }
body.relief.major-incidents-page.major-incidents-relief-page div.masthead {
background: #09C;
border-bottom-color: #09C; }
body.relief.major-incidents-page.major-incidents-relief-page div.leaflet-control-showall {
display: none; }
@media (min-width: 768px) {
body.relief.major-incidents-page.major-incidents-relief-page div.leaflet-control-showall {
display: block; } }
body.major-incidents-page div.masthead {
height: 40px !important;
border-bottom-width: 0;
color: #fff;
padding: 5px 10px;
font-size: 20px; }
body.major-incidents-page #emv-content {
padding-top: 202px; }
@media (max-width: 768px) and (min-aspect-ratio: 13 / 9) {
body.major-incidents-page #emv-content {
padding-top: 92px; } }
@media (min-width: 768px) {
body.major-incidents-page #emv-content {
padding-top: 150px; } }
body.major-incidents-page #emv-content .desktop-only {
display: block; }
@media (max-width: 768px) {
body.major-incidents-page #emv-content .desktop-only {
display: none; } }
body.major-incidents-page #emv-content .mobile-only {
display: none; }
@media (max-width: 768px) {
body.major-incidents-page #emv-content .mobile-only {
display: block; } }
body.major-incidents-page #emv-content.map-only-view {
padding-top: 150px; }
@media (max-width: 768px) and (min-aspect-ratio: 13 / 9) {
body.major-incidents-page #emv-content.map-only-view {
padding-top: 102px; } }
body.major-incidents-page #emv-content.majorinfo-only-view {
padding-top: 150px; }
/* buildVersion: DEV */
#prepareGDSideBar {
padding: 0px 0px 20px 0px;
overflow: auto; }
#prepareGDSideBar .panel-pgr-item {
margin-bottom: 0px;
padding: 0px 0px;
border-radius: 0 !important;
cursor: pointer;
border-left: none;
border-right: none;
height: auto; }
#prepareGDSideBar .panel-pgr-item .panel-body {
padding: 0px 0px 0px 0px; }
#prepareGDSideBar .panel-pgr-item .pgr-item-desc {
display: none; }
#prepareGDSideBar .panel-pgr-item .panel-heading {
border-bottom: none;
padding: 0px; }
#prepareGDSideBar .panel-pgr-item .panel-heading:hover {
color: #000; }
#prepareGDSideBar .panel-pgr-item .panel-heading .panel-title a.item-name {
text-decoration: none;
width: 100%;
display: block;
line-height: 60px;
padding-left: 10px; }
#prepareGDSideBar .panel-pgr-item .panel-heading .panel-title a.item-name label {
font-weight: normal;
display: block;
width: 100%;
cursor: pointer;
margin-bottom: 0px; }
#prepareGDSideBar .panel-pgr-item .panel-heading .panel-title a.item-name:hover {
background: #dedede;
color: #000; }
#prepareGDSideBar .panel-pgr-item .panel-heading .panel-title a.item-name .visible-expanded {
display: none; }
#prepareGDSideBar .panel-pgr-item .panel-heading .panel-title a.item-name .hidden-expanded {
display: inline-block; }
#prepareGDSideBar .panel-pgr-item > .panel-heading > .panel-title > span .visible-expanded {
display: none; }
#prepareGDSideBar .panel-pgr-item > .panel-heading > .panel-title > span .hidden-expanded {
display: block; }
#prepareGDSideBar .panel-pgr-item .selectable-wrapper,
#prepareGDSideBar .panel-pgr-item .expandable-wrapper {
float: right;
right: 20px;
margin-right: 15px;
top: 10px;
margin-top: -40px;
height: auto; }
#prepareGDSideBar .panel-pgr-item .selectable-wrapper {
margin-top: -55px; }
#prepareGDSideBar .panel-pgr-item:hover {
background: #dedede; }
#prepareGDSideBar .panel-pgr-item-expanded {
xbackground: #F90;
color: #fff;
height: auto; }
#prepareGDSideBar .panel-pgr-item-expanded .panel-body {
background-color: #fff; }
#prepareGDSideBar .panel-pgr-item-expanded > .panel-heading > .panel-title,
#prepareGDSideBar .panel-pgr-item-expanded:hover > .panel-heading > .panel-title {
background: #F90; }
#prepareGDSideBar .panel-pgr-item-expanded > .panel-heading > .panel-title > a,
#prepareGDSideBar .panel-pgr-item-expanded:hover > .panel-heading > .panel-title > a {
color: #fff; }
#prepareGDSideBar .panel-pgr-item-expanded > .panel-heading > .panel-title .visible-expanded,
#prepareGDSideBar .panel-pgr-item-expanded:hover > .panel-heading > .panel-title .visible-expanded {
display: inline-block !important; }
#prepareGDSideBar .panel-pgr-item-expanded > .panel-heading > .panel-title .hidden-expanded,
#prepareGDSideBar .panel-pgr-item-expanded:hover > .panel-heading > .panel-title .hidden-expanded {
display: none !important; }
#prepareGDSideBar .panel-pgr-item-expanded .panel-pgr-item,
#prepareGDSideBar .panel-pgr-item-expanded:hover .panel-pgr-item {
color: #000; }
#prepareGDSideBar .panel-pgr-item-expanded .panel-pgr-item:hover .emv-checkbox[type="checkbox"]:not(:checked) + label:before,
#prepareGDSideBar .panel-pgr-item-expanded:hover .panel-pgr-item:hover .emv-checkbox[type="checkbox"]:not(:checked) + label:before {
background: #c0c0c0; }
#prepareGDSideBar .panel-pgr-item-expanded:hover {
color: #fff; }
#prepareGDSideBar .panel-pgr-item-expanded:hover > .panel-heading > .panel-title {
background: #F90; }
#prepareGDSideBar .panel-pgr-item-expanded:hover > .panel-heading > .panel-title > a {
color: #fff; }
#prepareGDSideBar .panel-pgr-item-expanded:hover > .panel-heading > .panel-title > a:hover {
background: #F90;
color: #fff; }
#prepareGDSideBar .top-level {
border-bottom: solid 1.5px #c0c0c0;
border-top: none; }
.prepare-gr-page .sidebar-title {
margin-top: 0px;
margin-bottom: 0px;
background: #F90;
color: #fff;
padding: 8px 12px 8px 12px;
font-size: 18px;
font-weight: bold;
border-bottom: #ddd 1.5px solid; }
.prepare-gr-page .sidebar-title ul {
overflow: auto;
height: auto;
padding: 0;
margin: 0;
list-style: none;
list-style-type: none; }
.prepare-gr-page .sidebar-title ul li {
list-style: none;
list-style-type: none;
font-size: 14px;
font-weight: normal;
height: 100%;
overflow: auto; }
@media (max-width: 767px) {
.prepare-gr-page .sidebar-title ul li {
font-size: 15px; } }
.prepare-gr-page .sidebar-title ul li div:first-child {
float: left;
width: 18px; }
.prepare-gr-page .sidebar-title ul li div:last-child {
float: left;
width: 92%; }
.prepare-gr-page .sidebar-title ul li a,
.prepare-gr-page .sidebar-title ul li a:hover,
.prepare-gr-page .sidebar-title ul li a:focus {
color: #fff; }
.prepare-gr-page .sidebar-title ul li:first-child {
padding-bottom: 10px; }
@media (min-width: 768px) {
.prepare-gr-page .sidebar-title {
padding: 10px; } }
@media (max-width: 767px) {
.prepare-gr-page .sidebar-title .visible-xs {
display: inline-block !important; } }
.prepare-gr-page .sidebar-expanded #sidebar {
width: 100%; }
@media (min-width: 768px) {
.prepare-gr-page .sidebar-expanded #sidebar {
max-width: 420px; } }
.prepare-gr-page .sidebar-expanded #map {
position: absolute;
left: -100000px; }
.prepare-gr-page .sidebar-expanded .static-content-wrapper {
display: block; }
.prepare-gr-page .sidebar-wrapper {
width: 100%;
height: 100%;
position: relative;
-webkit-overflow-scrolling: auto; }
.prepare-gr-page div.masthead {
background: #F90 !important;
border-bottom-color: #F9A831 !important; }
@media (max-width: 767px) {
.prepare-gr-page div.masthead {
display: none; } }
.prepare-gr-page #emv-nav .emv-navbar-toggle {
background: #F90 !important; }
.prepare-gr-page #emv-nav {
border-bottom-color: #F9A831 !important; }
.prepare-gr-page #emv-nav .navbar-nav > .active {
background: #F90 !important; }
@media (min-width: 768px) {
.prepare-gr-page #sidebar {
height: 100%; } }
@media (max-width: 768px) and (min-aspect-ratio: 13 / 9) {
.prepare-gr-page #sidebar {
padding-top: 0px !important; } }
@media (max-width: 767px) {
.prepare-gr-page #emv-content {
padding-top: 163px !important; } }
.prepare-gr-page .map-floating-message {
position: fixed;
top: 133px;
left: 470px;
width: 400px;
color: #fff;
xbackground: #F90;
padding: 0px 5px;
xdisplay: none;
xbox-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }
@media (max-width: 767px) {
.prepare-gr-page .map-floating-message .sidebar-title {
padding-top: 25px;
padding-bottom: 25px; } }
.prepare-gr-page .map-floating-message #help-message {
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
background: #F90;
position: relative; }
.prepare-gr-page .map-floating-message #help-message .sidebar-title {
border-bottom: none; }
.prepare-gr-page .map-floating-message #help-message .close {
opacity: 1;
position: absolute;
right: 10px;
top: 10px; }
@media (max-width: 767px) {
.prepare-gr-page .map-floating-message {
top: 166px;
left: 10px;
max-width: 100%;
width: auto;
right: 10px; } }
.prepare-gr-page .map-floating-message .layername-label-control {
background: #09F;
width: 100%;
color: #fff;
position: relative;
padding: 10px 10px 8px;
box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); }
.prepare-gr-page .map-floating-message .layername-label-control a,
.prepare-gr-page .map-floating-message .layername-label-control a:hover,
.prepare-gr-page .map-floating-message .layername-label-control a:focus {
padding-right: 20px;
color: #fff;
text-decoration: none;
display: block;
font-weight: bold;
color: #fff;
font-size: 15px;
text-decoration: none;
cursor: default; }
.prepare-gr-page .map-floating-message .layername-label-control .close {
opacity: 1;
position: absolute;
right: 10px;
top: 10px; }
.prepare-gr-page.info-view #search-panel,
.prepare-gr-page.info-view #filter-panel {
display: none !important; }
@media (max-width: 767px) {
.prepare-gr-page.info-view #operation-bar {
padding-top: 0px; }
.prepare-gr-page.info-view #operation-bar #search-panel {
display: none !important; }
.prepare-gr-page.info-view #emv-content {
padding-top: 112px !important; } }
@media (max-width: 767px) {
.map-view {
/*.static-content-wrapper-expanded{
top:50px;
}*/ } }
#emv-content.map-only-view {
padding-top: 113px !important; }
@media (max-width: 768px) and (min-aspect-ratio: 13 / 9) {
#emv-content.map-only-view {
padding-top: 62px !important; }
#emv-content.map-only-view .map-floating-message {
top: 108px; } }
.fdr-map-control {
background-color: #F90;
color: #fff;
padding: 0px;
border-radius: 0;
margin-top: 10px; }
@media (min-width: 768px) {
.fdr-map-control {
margin-top: 0px; } }
.fdr-map-control li {
float: left;
background-color: #F90; }
.fdr-map-control li:before {
content: '' !important;
padding: 0px !important; }
.fdr-map-control li.active {
background: #09F; }
.fdr-map-control li.active a {
color: #fff; }
.fdr-map-control li {
/*&:hover {
background: $COLOR_BRAND_BLUE_LIGHT;
}*/
padding: 0px; }
.fdr-map-control li a {
display: block;
cursor: pointer;
color: #fff;
font-size: 10px;
padding: 5px 10px; }
@media (max-width: 360px) {
.fdr-map-control li a {
padding: 6px 4px; } }
@media (min-width: 992px) {
.fdr-map-control li a {
font-size: 14px; } }
.fdr-map-control li a:hover {
color: #fff;
text-decoration: none; }
.modalStatic .modal-dialog {
border-radius: 0; }
.modalStatic .modal-dialog .modal-content {
border-radius: 0; }
.modalStatic .modal-dialog .modal-content .modal-header h4 {
padding-right: 30px;
font-size: 20px;
display: inline-block;
font-weight: bold;
vertical-align: middle; }
.modalStatic .modal-dialog .modal-content .modal-header .close {
position: absolute;
top: 20px;
right: 20px; }
@media (min-width: 768px) {
.modalStatic .modal-dialog .modal-content .modal-header .close {
top: 10px;
right: 10px; } }
.visible-content-expanded {
display: none; }
.hidden-content-expanded {
display: block; }
.static-content-wrapper {
margin-left: 0px;
height: 100%;
overflow: auto;
display: none;
-webkit-overflow-scrolling: touch; }
@media (min-width: 768px) {
.static-content-wrapper {
margin-left: 420px; } }
.static-content-wrapper .expand-button button {
width: 100%;
height: 26px;
border-radius: 0; }
.static-content-wrapper .content {
-webkit-overflow-scrolling: touch; }
.static-content-wrapper .content .static-content {
padding: 5px 20px; }
.static-content-wrapper .content .static-content h3 {
font-size: 20px; }
.static-content-wrapper .content .static-content div.scroller-wrap {
x-webkit-overflow-scrolling: touch;
xoverflow-y: scroll; }
.static-content-wrapper .content > h2 {
background-color: #F90;
color: #fff;
padding: 8px 20px;
font-size: 18px;
margin-top: 0px;
margin-bottom: 5px; }
.static-content-wrapper-expanded {
background: #fff;
z-index: 3000; }
.static-content-wrapper-expanded .visible-content-expanded {
display: block; }
.static-content-wrapper-expanded .hidden-content-expanded {
display: none; }
@media (max-width: 767px) {
.static-content-wrapper-expanded {
position: absolute;
top: 0px;
margin-left: 0;
display: block;
right: 0;
bottom: 0px;
left: 0px; }
.static-content-wrapper-expanded .xs-back-button {
position: fixed;
top: 111px;
/* left: 100px; */
z-index: 30300;
color: #000;
right: 10px;
font-size: 22px;
border: none;
background: transparent;
box-shadow: none;
-webkit-box-shadow: none; }
.static-content-wrapper-expanded .xcontent {
display: block;
position: absolute;
bottom: 0px;
top: 0px;
right: 0px;
left: 0px;
overflow: auto;
background: #fff; }
.static-content-wrapper-expanded .xcontent img {
max-width: 100%; } }
.sidebar-closed .map-floating-message {
left: 10px; }
@media (min-width: 768px) {
.sidebar-closed .map-floating-message {
left: 50px; } }
.sidebar-opened.sidebar-collapsed .map-floating-message #help-message {
display: none; }
.sidebar-opened.sidebar-expanded .map-floating-message {
display: none; }
@media (max-width: 767px) {
.sidebar-opened.sidebar-collapsed {
/*.layername-label-control{
display:none;
}*/ } }
@media (min-width: 768px) and (max-width: 992px) {
.sidebar-opened.sidebar-collapsed {
/*.layername-label-control{
width:auto;
right:10px;
}*/ } }
.second-level {
border-bottom: none; }
.second-level .pgr-item-desc {
padding-left: 50px; }
.second-level .panel-title {
padding-left: 40px; }
.second-level a.item-name {
line-height: 50px !important; }
.second-level .selectable-wrapper {
margin-top: -50px !important; }
.second-level .expandable-wrapper {
margin-top: -35px !important; }
.third-level .selectable-wrapper {
margin-top: -50px !important; }
.third-level .expandable-wrapper {
margin-top: -35px !important; }
.third-level .pgr-item-desc {
padding-left: 74px; }
.third-level .panel-title {
padding-left: 65px; }
.third-level a.item-name {
line-height: 50px !important; }
.top-level > .panel-heading .panel-title .item-name {
font-weight: bold; }
.top-level.panel-pgr-item-expanded,
.second-level.panel-pgr-item-expanded {
xbackground: #F90 !important; }
.text-lhs-item-active,
.layer-lhs-item-active {
background: #cce0f5; }
.text-lhs-item-active .pgr-item-desc,
.layer-lhs-item-active .pgr-item-desc {
display: block !important; }
.third-level.text-lhs-item-active,
.third-level.layer-lhs-item-active {
background: #cce0f5; }
.lt-ie9 .xstatic-content-wrapper {
width: auto; }
.lt-ie9 .xstatic-content-wrapper-expanded {
margin-left: 0px; }
.lt-ie9 .selectable-wrapper input {
margin-top: 20px; }
a.external-link span {
margin-left: 4px; }
/* iPad [portrait + landscape] */
/* iPhone [portrait + landscape] */
/* buildVersion: DEV */
.relief-recovery-page #emv-header div.masthead {
background: #09C !important;
border-bottom-color: #09C !important; }
@media (max-width: 767px) {
.relief-recovery-page #emv-header div.masthead {
display: none; } }
.relief-recovery-page #emv-header #emv-nav .emv-navbar-toggle {
background: #09C !important; }
.relief-recovery-page #emv-header #emv-nav {
border-bottom-color: #09C !important; }
.relief-recovery-page #emv-header #emv-nav .navbar-nav > .active {
background: #09C !important; }
.relief-recovery-page #emv-content {
padding-top: 61px !important; }
@media (min-width: 768px) {
.relief-recovery-page #emv-content {
padding-top: 68px !important;
padding-bottom: 50px; } }
.relief-recovery-page #emv-content #sidebar {
width: 100%;
height: 100%; }
@media (min-aspect-ratio: 13 / 9) {
.relief-recovery-page #emv-content #sidebar {
width: 100%;
padding-top: 0 !important; } }
@media (min-width: 768px) {
.relief-recovery-page #emv-content #sidebar {
width: 420px;
padding-top: 0 !important; } }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar {
padding: 0px 0px 20px 0px;
overflow: auto; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .sidebar-title {
margin-top: 0px;
margin-bottom: 0px;
background: #09C;
color: #fff;
padding: 8px 12px 8px 12px;
font-size: 18px;
font-weight: bold;
border-bottom: 1.5px solid #ddd; }
@media (min-width: 768px) {
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .sidebar-title {
padding: 20px 10px 20px 10px; } }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item {
margin-bottom: 0px;
padding: 0px 0px;
border-radius: 0 !important;
cursor: pointer;
border-left: none;
border-right: none; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .panel-body {
padding: 0px 0px 0px 0px; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .panel-heading {
border-bottom: none;
padding: 0px; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .panel-heading:hover {
color: #000; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .panel-heading .panel-title a.item-name {
text-decoration: none;
width: 100%;
display: block;
line-height: 60px;
padding-left: 10px; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .panel-heading .panel-title a.item-name label {
font-weight: normal;
display: block;
width: 100%;
cursor: pointer;
margin-bottom: 0px; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .panel-heading .panel-title a.item-name:hover {
background: #dedede;
color: #000; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .panel-heading .panel-title a.item-name .visible-expanded {
display: none; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .panel-heading .panel-title a.item-name .hidden-expanded {
display: inline-block; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item > .panel-heading > .panel-title > span .visible-expanded {
display: none; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item > .panel-heading > .panel-title > span .hidden-expanded {
display: block; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .selectable-wrapper,
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .expandable-wrapper {
float: right;
right: 20px;
margin-right: 20px;
top: 10px;
margin-top: -40px;
height: auto; }
@media (min-width: 768px) {
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .selectable-wrapper,
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .expandable-wrapper {
margin-right: 30px; } }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item .selectable-wrapper {
margin-top: -55px; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item:hover {
background: #dedede; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item-expanded {
background: #09C;
color: #fff; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item-expanded > .panel-heading > .panel-title > a,
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item-expanded:hover > .panel-heading > .panel-title > a {
color: #fff; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item-expanded > .panel-heading > .panel-title .visible-expanded,
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item-expanded:hover > .panel-heading > .panel-title .visible-expanded {
display: inline-block !important; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item-expanded > .panel-heading > .panel-title .hidden-expanded,
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item-expanded:hover > .panel-heading > .panel-title .hidden-expanded {
display: none !important; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item-expanded .panel-pgr-item,
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item-expanded:hover .panel-pgr-item {
color: #000; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item-expanded:hover {
background: #09C;
color: #fff; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item-expanded:hover > .panel-heading > .panel-title > a {
color: #fff; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .panel-pgr-item-expanded:hover > .panel-heading > .panel-title > a:hover {
background: #09C;
color: #fff; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .top-level {
border-bottom: solid 1.5px #c0c0c0; }
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .top-level.panel-pgr-item-expanded,
.relief-recovery-page #emv-content #sidebar #reliefGDSideBar .second-level.panel-pgr-item-expanded {
background: #09C !important; }
.relief-recovery-page #emv-content .static-content-wrapper-expanded {
-webkit-overflow-scrolling: touch;
display: block !important; }
.relief-recovery-page #emv-content .static-content-wrapper-expanded #static-content-placeholder > h2:first-child {
background-color: #09C;
padding-right: 40px; }
.relief-recovery-page #emv-content .static-content-wrapper-expanded .xs-back-button {
display: block;
position: fixed;
top: 53px;
z-index: 30300;
background: transparent;
right: 0;
font-size: 22px;
border: none;
color: #000;
-webkit-box-shadow: none; }
@media (min-width: 768px) {
.relief-recovery-page #emv-content .static-content-wrapper-expanded .xs-back-button {
display: none; } }
.static-panel-heading {
padding: 10px 20px 10px 20px; }
.general-info a {
font-size: 18px; }
.general-info a.item-name {
padding-left: 22px; }
.general-info-wrapper {
border-top: solid 1.5px #c0c0c0;
border-bottom: solid 1.5px #c0c0c0; }
#collapse-static-content-body {
border-top: solid 1.5px #c0c0c0; }