.callout {
  padding: 20px;
  margin: 20px 0;
  margin-top: 0;
  border-left: 5px solid #005375;
  background-color: #fafcfc;
  border-radius: 0;
  position: relative;
}

.callout h4 {
  margin-top: 0;
  margin-bottom: 5px;
  color: #004f6f;
}

.callout p:last-child {
  margin-bottom: 0;
}

.callout:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-color: #d9e5ea;
  border-style: solid;
  border-width: 1px 1px 1px 0;
}

.callout.callout-error {
  border-left: 5px solid #de1a1a;
  background-color: #fefafa;
}

.callout.callout-error h4 {
  color: #d31919;
}

.callout.callout-error:after {
  border-color: #fadddd;
}

* {
  border-radius: 0 !important;
}

body {
  background-color: #002d51;
}

body .container-fluid {
  padding-left: 5em;
  padding-right: 5em;
}

#department-container {
  padding: 1em 0;
  background-color: #f4f4f4;
}

#department-container img {
  float: left;
  margin-right: 10px;
}

#department-container #return-btn {
  border: 2px solid #9d1433;
  float: right;
  margin-top: 7px;
  background: none;
}

#department-container #department-links {
  float: left;
  padding-top: 1.2em;
}

#department-container #department-links a {
  margin-left: 24px;
  vertical-align: middle;
  font-size: 16px;
  color: #003a52;
}

#appnav-container {
  background: url(images/water_bg.jpg) repeat-x;
}

#application-container {
  padding: 1em 0;
}

#application-container p {
  color: #bfd4dd;
  font-weight: bold;
  padding-left: 0.2em;
  margin: 0;
  font-size: 18px;
  padding-top: 8px;
  padding-bottom: 0;
}

#application-container h1 {
  padding-bottom: 0;
  padding-left: 0;
  color: #F3F6EF;
  margin-bottom: 0.1em;
  font-size: 3em;
  margin: 0;
}

#navigation-container .nav-tabs {
  border-bottom: 0;
}

#navigation-container .nav-tabs li, #navigation-container .nav-tabs li.active {
  border: none;
  margin-bottom: 0;
}

#navigation-container .nav-tabs > li.active > a:focus, #navigation-container .nav-tabs > li.active > a {
  border: none;
}

#navigation-container .nav-tabs > li.active > a, #navigation-container .nav-tabs > li.active > a:hover, #navigation-container .nav-tabs > li.active > a:focus {
  border: none;
  background-color: #fff;
  color: #000;
}

#navigation-container .nav > li {
  border: none;
}

#navigation-container .nav > li .active a {
  border: none;
}

#navigation-container .nav > li > a:focus, #navigation-container .nav > li > a:hover, #navigation-container .nav > li > a.active {
  background-color: #143e5f;
  color: #fff;
}

#navigation-container .nav > li > a {
  border: none;
  background-color: #002d51;
  color: #fff;
  padding: 6px 12px;
}

#content-container {
  background-color: #fff;
  padding: 20px 0;
}

#content-container .widget-menu .nav-tabs {
  border-bottom: 0;
}

#content-container .widget-menu .nav-tabs li, #content-container .widget-menu .nav-tabs li.active {
  border: none;
  margin-bottom: 0;
}

#content-container .widget-menu .nav-tabs > li.active > a:focus, #content-container .widget-menu .nav-tabs > li.active > a {
  border: none;
}

#content-container .widget-menu .nav-tabs > li.active > a, #content-container .widget-menu .nav-tabs > li.active > a:hover, #content-container .widget-menu .nav-tabs > li.active > a:focus {
  border: none;
  background-color: #196483;
  color: #fff;
}

#content-container .widget-menu .nav > li {
  border: none;
}

#content-container .widget-menu .nav > li > a:focus, #content-container .widget-menu .nav > li > a:hover, #content-container .widget-menu .nav > li > a.active, #content-container .widget-menu .nav > li a.btn:hover {
  background-color: #2b708d;
  color: #fff;
}

#content-container .widget-menu .nav > li > a, #content-container .widget-menu .nav > li a.btn {
  border: none;
  background-image: none;
  background-color: #196483;
  color: #fff;
  padding: 6px 12px;
  margin-right: 2px;
}

#content-container .widget-menu .nav > li a.active {
  background-color: #f2f6f8;
  color: #000;
  border: 2px solid #196483;
  border-bottom-width: 0;
  margin-bottom: -3px;
  z-index: 1040;
}

#content-container .widget-menu .navbar-right > li > a {
  margin-right: 0;
  margin-left: 1px;
}

#content-container .widget-option {
  display: none;
}

#content-container .widget-option .col-xs-12 > div {
  border: 2px solid #196483;
  background-color: #f2f6f8;
  border-bottom-width: 0;
  padding: 20px 10px;
}

#content-container .widget-option .col-xs-12 > div .dxpgCustForm {
  border: none;
  background-color: #f2f6f8;
}

#content-container .widget-option .col-xs-12 h1, #content-container .widget-option .col-xs-12 h2, #content-container .widget-option .col-xs-12 h3 {
  color: #616263;
  border-bottom: 1px solid #616263;
  padding-top: 5px;
}

#content-container .widget-option .col-xs-12 h1 {
  font-size: 1.3em;
}

#content-container .widget-option .col-xs-12 h2 {
  font-size: 1.2em;
}

#content-container .widget-option .col-xs-12 h3 {
  font-size: 1.1em;
}

#content-container .widget-option .col-xs-12 .dxpgCustFieldsDiv {
  padding: 0;
}

#content-container .widget-option .col-xs-12 td {
  vertical-align: top;
}

#content-container .widget-option .query-option, #content-container .widget-option .query-filter {
  font-size: 80%;
  color: white;
}

#content-container .widget-option .query-option .heading, #content-container .widget-option .query-option .item, #content-container .widget-option .query-filter .heading, #content-container .widget-option .query-filter .item {
  padding: 5px 5px 5px 10px;
}

#content-container .widget-option .query-option .heading, #content-container .widget-option .query-filter .heading {
  background-color: #004763;
}

#content-container .widget-option .query-option .item, #content-container .widget-option .query-filter .item {
  border-top: 1px solid #266d8a;
  background-color: #0d5c7c;
}

#content-container .widget-option .query-option {
  width: 24%;
  float: left;
  margin-right: 2px;
}

#content-container .widget-option .query-option .heading {
  font-size: 110%;
}

#content-container .widget-option .query-filter .heading {
  float: left;
  width: 29%;
}

#content-container .widget-option .query-filter .item {
  clear: right;
  float: left;
  width: 70%;
  margin-left: 2px;
  margin-bottom: 4px;
  border: none;
}

#content-container .widget {
  border: 2px solid #196483;
}

#content-container .action-menu {
  display: none;
}

#footer-container {
  background-color: #002d51;
  color: #fff;
  min-height: 100px;
  text-align: center;
  padding: 5em 0;
}

.btn, .btn-primary, .dxbButton {
  background-image: none;
}

#inlineHelp {
  display: none;
  position: absolute;
  top: 0;
  width: 50%;
  right: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP4/wkAAvMB8suBnGEAAAAASUVORK5CYII=);
  padding: 10px 20px;
  margin-right: 15px;
  z-index: 200;
}

/*.query-info {
    display: table-cell;
    float: none;
    padding: 0;
    background-color: rgb(245, 245, 245);
    transition: 0.1s;
    overflow: hidden;
    h3 {
        margin-top: 0;
        padding: 0.2em;
    }
    h3 > a {
        font-size: 1em;
        color: #222;
    }
    h3 > a:hover {
        text-decoration: none;
    }
}

.query-info:hover .query-info-footer {
    display: block;
}

.query-info-wrapper {
    padding: 0.5em;
    position: relative;
    min-height: 170px;
    > h3 {
        border-bottom: 1px solid #ddd;
    }

    .query-info-header {
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
    }
    p {
        padding: 5px;
    }
    .query-info-footer {
        position: absolute;
        top: 3.8em;
        left: 0;
        right: 0;
        background: url(images/trans_bg.png) repeat;
        display: none;
        color: #fff;
        height: 20em;
        vertical-align: central;
        padding: 2em 1em;
        > a {
            padding-top: 0.2em;
            width: 49%;
            text-align: center;
            color: #fff;
            display: inline-block;
        }
    }
}

.query-info-row {
    display: table-row;
}*/
.tab-pane {
  padding-bottom: 16px;
}

.tab-content {
  padding: 0;
  border: 2px solid #eee;
  background-color: #fff;
}

#query-tabs.col-xs-3 {
  padding-right: 0;
}

#query-tabs {
  padding-left: 10px;
  position: relative;
}

#query-tabs li a {
  background-color: whitesmoke;
  color: #7E7D7D;
  border: 1px solid #eee;
  right: -10px;
  font-size: 1.15em;
  transition: 0.1s;
}

#query-tabs li a:hover {
  background-color: #fbfbfb;
  color: #525252;
}

#query-tabs li.active a {
  color: #444;
  background-color: #fff;
  right: -2px;
  z-index: 20;
  border: 2px solid #eee;
  border-right: none;
  font-weight: bold;
}

#cube-desc {
  padding-left: 1.1em;
  padding-top: 15px;
  padding-bottom: 10px;
}

#cube-desc h4 {
  font-size: 16px;
}

.query-panel {
  float: left;
  width: 32%;
  height: 170px;
  margin: 0.6%;
  overflow: hidden;
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  position: relative;
  cursor: pointer;
}

.query-panel h3 {
  margin: 0;
  border-bottom: 1px solid #ccc;
  background-color: #005375;
  background-size: 100% 300%;
  padding: 0.4em 0.5em;
  font-size: 1.3em;
  color: #fff;
}

.query-panel .query-panel-body {
  height: 100%;
  padding: 5px 10px;
}

.query-panel .query-panel-body p {
  margin-bottom: 2px;
}

.query-panel .query-panel-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgOAMAAM8AzbfAeUUAAAAASUVORK5CYII=);
  height: 250px;
  text-align: center;
  z-index: 1000;
}

.query-panel .query-panel-overlay div {
  padding-top: 80px;
}

.query-panel .query-panel-overlay div a {
  font-size: 1.25em;
  width: 100%;
}

.query-panel .query-panel-overlay .pivot-btn {
  width: 50%;
  float: left;
  padding-left: 20px;
  padding-right: 10px;
}

.query-panel .query-panel-overlay .map-btn {
  width: 50%;
  float: right;
  padding-left: 10px;
  padding-right: 20px;
}

.query-panel :hover .query-panel-overlay {
  display: block;
}

.query-panel:hover > .query-panel-overlay {
  display: block;
}

#query-panel-container {
  padding-left: 22px;
}

#query-panel-container .custom-query {
  background-color: #005375;
  color: #fff;
}

#query-panel-container .custom-query h3 {
  background-color: #005375;
}

#query-panel-container .fullwidth-query-panel .pivot-btn {
  width: 49%;
  display: block;
  margin: auto;
  float: none;
}

#map {
  position: relative;
}

#mapOptions {
  padding-bottom: 0;
}

#mapOptions label {
  font-size: 1em;
}

#mapOptions ul {
  list-style-type: none;
  padding-left: 5px;
  margin-bottom: 0;
}

#mapOptions ul > li > input {
  padding-right: 10px;
}

#mapOptions > h4 {
  cursor: pointer;
  margin-top: 5px;
  padding: 0 15px;
  margin: 0;
  background-color: #005375;
  color: #fff;
}

#mapOptions > #map-options-toggle {
  color: #fff;
  background-color: #005375;
  padding: 0;
  text-align: center;
  cursor: pointer;
}

#mapOptions > #map-options-toggle .display-when-closed {
  display: none;
}

#mapOptions > #map-options-toggle:hover {
  background-color: #0077a8;
}

#mapOptions #map-options-content ul {
  padding-left: 0;
}

#mapOptions #map-options-content > div {
  padding: 0 20px 10px 20px;
  display: table-cell;
  border-right: 1px solid #ddd;
}

#mapOptions #map-options-content > div > div {
  padding-left: 7px;
}

#mapOptions #map-options-content h4 {
  padding: 10px 7px;
  border-bottom: 1px solid #ddd;
}

#mapOptions #map-options-content .basemap {
  width: 40%;
}

#mapOptions #map-options-content .features {
  width: 15%;
}

#mapOptions #map-options-content .data {
  width: 20%;
}

#mapOptions #map-options-content .appearance {
  width: 25%;
  border-right-width: 0;
}

#widget-help > div > div {
  padding: 15px;
}

#mapColour #fromColor, #mapColour #toColor {
  border-width: 0;
  background: none;
  padding: 0;
  margin: 0;
  width: 16px;
  height: 16px;
}

#mapColour #fromColor {
  float: left;
}

#mapColour #toColor {
  float: right;
}

#mapColour .from-replacer {
  float: left;
}

#mapColour .to-replacer {
  float: right;
}

#mapColour .sp-replacer {
  border: 0;
  padding: 4px 0;
}

#mapColour .sp-preview {
  width: 20px;
  height: 17px;
  margin: 0;
}

#mapColour .sp-dd {
  display: none;
}

.btn .caret {
  border-top-style: solid;
}

#basemap-select a > img {
  width: 100px;
}

#basemap-select a > p {
  width: 100%;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}

.basemap img.basemap-thumb {
  width: 110px;
}

.basemap img.basemap-thumb.selected {
  border: 2px solid #005375;
}

.basemap .thumb-container {
  display: inline-block;
  width: 16.6%;
  padding-right: 15px;
  vertical-align: top;
  overflow: hidden;
}

.basemap .thumb-container p {
  padding-top: 5px;
}

.basemap .thumb-container:hover {
  cursor: pointer;
}

.basemap .thumb-container:hover img.basemap-thumb {
  border: 2px solid #0077a8;
}

.basemap .selected img.basemap-thumb {
  border: 2px solid #005375;
}

.basemap > select {
  display: none;
}

.basemap .dropdown ul {
  padding: 0;
}

.basemap .dropdown-menu {
  min-width: 120px;
}

.basemap .dropdown-menu > li > a {
  padding: 5px 10px;
  cursor: pointer;
}

#mapExport > button.btn {
  width: 100%;
}

#map-options-panel {
  width: 100px;
  float: right;
}

.map-option {
  padding-bottom: 10px;
  clear: both;
}

#mapLegend {
  z-index: 10;
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP4/wkAAvMB8suBnGEAAAAASUVORK5CYII=);
  padding: 10px 20px;
}

#mapLegend > ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

#mapLegend > h4 {
  margin-top: 0;
}

#mapLegend li > div {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
}

#mapLegend #breaks {
  display: table;
}

#mapLegend .break-row {
  display: table-row;
}

#mapLegend .break-value, #mapLegend break-sep, #mapLegend break-col {
  display: table-cell;
  padding: 0 3px;
}

#mapLegend .break-value-left {
  padding-left: 10px;
}

#mapLegend .break-sep {
  padding: 0 7px;
}

#mapLegend .break-col {
  padding: 6px;
}

#mapBreaks {
  clear: both;
}

#colorRamp {
  height: 20px;
  width: 100%;
}

#map > #loadingOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP4/xQAAuYB5e33aXgAAAAASUVORK5CYII=);
  z-index: 200;
  text-align: center;
  font-size: 1.3em;
  padding-top: 100px;
}

#map > #loadingOverlay > div.callout-error {
  width: 40%;
  margin: 100px auto;
}

.action-menu {
  float: right;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  height: 31px;
}

.action-menu div {
  background: #005375;
  color: white;
  font-size: 14px;
  text-align: center;
  line-height: 1.1;
  display: inline-block;
  min-width: 80px;
  cursor: pointer;
  padding: 8px 15px;
  margin-left: 1px;
}

#mapActionMenuContainer {
  width: 100%;
  border-bottom: 5px solid #005375;
  overflow: auto;
}

#pivotActionMenu div {
  font-size: 14px;
}

#pivotActionMenu #exportAction {
  padding: 0;
}

#pivotActionMenu #exportAction a {
  width: 100%;
  padding: 5px 15px 8px 15px;
  background: transparent;
  border: none;
  text-align: center;
}

#map, .dxpgControl {
  border: 2px solid #005375;
}

.dxpgTopPager, .dxpgBottomPager {
  background-color: #005375;
}

.dxpLite {
  color: white;
}

.dxpLite .dxp-num {
  color: white;
}

.dxgvPagerBottomPanel {
  color: black;
}

.dxgvPagerBottomPanel .dxpLite {
  color: black;
}

.dxgvPagerBottomPanel .dxpLite .dxp-num {
  color: black;
}

td.dxgvHeader, .dxgvDataRow td.dxgv {
  border: 1px solid black;
  text-align: left;
  padding: 2px;
}

.dxgvTable {
  border: 1px solid black;
}

.query-info-section {
  padding: 10px;
  float: left;
}

h1.cube-name {
  margin-top: 0;
}

.navbar-left {
  /* requried for IE */
  float: left;
}

.navbar-right {
  /* requried for IE */
  float: right;
  margin-right: 0;
}

#export-map-modal, #export-table-modal {
  margin: 30px auto;
  width: 600px;
}

#pivotGrid_dxpgCustFields_dxpgFLDefere {
  display: none;
}

/*# sourceMappingURL=qfish-main.css.map */