/** Screen sizes **/
/** New earthy colors **/
/** Bleu CC color scheme **/
/** Desale Phase II Theme **/
/** Galentine Theme **/
/** Bear Run Phase II Theme **/
/** Argentine Central Theme **/
/** BC16 Theme **/
/** Overrun site B Theme **/
/** LocustTheme **/
/** Coal Run Site 8 Theme **/
/** wells creek adam 6 Theme **/
/** alien nation Theme **/
/** Forest Stock Theme **/
/** Vintage Theme **/
/** Old Datashed Theme **/
/** New blue redeux **/
/** The body background is visible from the footer only from the barrio theme (weird) **/
body {
  background: #f2f2f2;
  max-width: 100%;
  overflow-x: hidden;
}

html {
  max-width: 100%;
  overflow-x: hidden;
}

/** Default table styles **/
table thead {
  background: #5484a9 !important;
  font-size: 95%;
}

.group-main-content h1.title {
  display: none !important;
}

/** Barrio update added a background color to fields, remove this **/
body.path-user .field--label-above .field__item {
  background: transparent;
}

/** Project page buttons (overview, documents, etc.), they are now controlled via a view **/
.view-project-buttons {
  padding-left: 0 !important;
}

/** Styles for the report displayed when clicking on a project on the mapbox, 
hide all columns first, then show just required columns **/
.mapbox-summary {
  background: #e6e6e6 !important;
  width: 100%;
  overflow-x: scroll;
  padding: 0.4em;
  /** Override styles for water quality report loaded in **/
  /** Hides certain columns for showing on the mapbox mini reports **/
}
.mapbox-summary table {
  font-size: 10px;
}
.mapbox-summary .measurement-header {
  display: none;
}
.mapbox-summary .water-data-average {
  display: none;
}
.mapbox-summary table.group-data-table {
  width: 80% !important;
}
.mapbox-summary .heading-date {
  display: block;
}
.mapbox-summary .heading-date .measurement-label {
  display: none;
}
.mapbox-summary table.water-quality-report {
  width: 100%;
  margin: 0;
}
.mapbox-summary .data-index-1 {
  display: none;
}
.mapbox-summary .data-index-2 {
  display: table-cell;
}
.mapbox-summary .data-index-3 {
  display: table-cell;
}
.mapbox-summary .data-index-4 {
  display: table-cell;
}
.mapbox-summary .data-index-9 {
  display: table-cell;
}
.mapbox-summary .data-index-10 {
  display: table-cell;
}
.mapbox-summary .data-index-11 {
  display: table-cell;
}
.mapbox-summary .data-index-12 {
  display: table-cell;
}
.mapbox-summary .data-index-14 {
  display: table-cell;
}
.mapbox-summary .data-index-16 {
  display: table-cell;
}

.popup-title {
  font-size: 1.5em;
  font-weight: bold;
}

.popup-description {
  background: #efefef;
  margin: 0.5em 0 0.5em;
  padding: 0.7em;
}

.no-data-notice {
  min-width: 550px;
  margin: 1em 0 1em;
  font-weight: bold;
}

.report-container {
  min-width: 1400px;
  overflow: scroll;
}

.projects-menu {
  font-size: 90%;
  overflow: scroll;
  max-height: 600px;
}

#map-sample-points li {
  border-bottom: #ccc;
}

#mapbox-menu {
  display: inline;
}
#mapbox-menu a {
  background: #274e71;
  color: #fff;
  padding: 8px;
  font-size: 75%;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px;
}
#mapbox-menu a:hover {
  background: #30618C;
}
#mapbox-menu .toggled {
  border-bottom: 6px solid #51bbd6;
}

.row {
  padding: 15px;
  padding-top: 0;
  padding-bottom: 0;
}

.user-menu thead {
  background: #274e71;
}

#project-menu {
  padding-left: 10px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 90%;
}
#project-menu input {
  margin-left: 10px;
}

.fullscreen-project-menu {
  z-index: 9;
  position: relative;
  top: 45px;
  left: 20px;
  background-color: white;
  width: 640px;
  padding-top: 6px;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.view-watersheds caption {
  display: none;
}

#homepage-my-projects {
  max-height: 300px;
  overflow-y: scroll;
}

#watersheds-page #view-nid-table-column {
  display: none;
}
#watersheds-page #view-gid-table-column {
  width: 300px;
}
#watersheds-page .watershed-id {
  display: none;
}
#watersheds-page thead {
  background: #274e71;
}

.custom-view-page {
  padding: 2em;
}
.custom-view-page h1 {
  color: #3868A6;
}

#homepage-slideshow {
  text-align: center;
  background: #f2f2f2;
  padding: 2em;
  border-top: #274e71 10px solid;
  border-bottom: #274e71 10px solid;
}
#homepage-slideshow .row {
  display: block;
}
#homepage-slideshow h2 {
  color: #3868A6;
}
#homepage-slideshow table {
  border: 0;
}
#homepage-slideshow table td {
  border: 0;
}
@media screen and (max-width: 1125px) {
  #homepage-slideshow table td {
    display: block;
  }
}
#homepage-slideshow .slick-prev:before {
  color: #3868A6;
}
#homepage-slideshow .slick-next:before {
  color: #3868A6;
}
#homepage-slideshow img {
  width: 100%;
  min-width: 400px;
  height: auto;
}

/** There's issues with the project list responvie bootstrap grids, override the max width to fix... **/
.view-project-list-complete .views-view-grid .views-row {
  padding-top: 20px;
}
.view-project-list-complete .col-1 {
  max-width: none;
}
.view-project-list-complete .col-2 {
  max-width: none;
}
.view-project-list-complete .col-3 {
  max-width: none;
}
.view-project-list-complete .col-4 {
  max-width: none;
}
.view-project-list-complete .col-5 {
  max-width: none;
}
.view-project-list-complete a {
  font-weight: bold;
}

/** Override stupid transparent backgrounds from bootstrap bario theme **/
table tr th {
  background: unset !important;
}

.lab-box {
  display: none;
}

.auto-selected {
  background: #b1dea6;
}

#homepage thead {
  background: #274e71;
}

.views-view-grid.horizontal > .row > .col {
  flex: 1 0 auto;
}

#main-wrapper #main.container-fluid {
  padding-left: 0;
  padding-right: 0;
}
#main-wrapper .view {
  padding-left: 25px;
  padding-right: 25px;
}

#nav-group-id {
  display: none;
}

#nav-group-name {
  display: none;
}

#nav-group-alias {
  display: none;
}

.spacing-1 {
  padding: 1em;
}

.heading-dark {
  background: #274e71;
  padding: 0.55em;
  color: #fff;
  font-weight: bold;
  font-size: 88%;
}

.table-box {
  padding: 0.55em;
  background: #fff;
  border: 1px solid #c4d2e0;
}

table.dark-border tbody {
  border: #274e71;
}

.project-details-box {
  width: 40% !important;
  font-size: 88%;
}
.project-details-box td {
  margin: 0;
  padding: 3px;
}

.project-details-label {
  font-weight: bold;
  text-align: right;
  color: #30618C;
}

.project-details-label-small {
  font-weight: bold;
  text-align: right;
  color: #274e71;
}

.project-additional-details-box {
  background: #fff;
  position: absolute;
  right: 2.5em;
  width: 30%;
  border: 2px solid #274e71;
  font-size: 90%;
}

#additional-details-table td {
  margin: 0;
  padding: 3px;
}

/** Project screen mobile cleanup **/
@media screen and (max-width: 700px) {
  .project-details-label, .project-details-label-small {
    text-align: left;
  }
  .project-additional-details-box {
    width: auto;
    right: 1em;
  }
}
#sub-header {
  background: #274e71;
  min-height: 40px;
  padding: 10px;
}

#homepage-contents thead {
  background: #30618C;
}
#homepage-contents th {
  background: #274e71 !important;
  border: 0;
}
#homepage-contents .views-field-field-primary-image {
  width: 255px;
}
#homepage-contents #groups-page .col-sm-8 {
  flex: 100%;
  max-width: 100%;
}
#homepage-contents #groups-page .views-field-view-2 {
  width: 255px;
}

thead.thead-dark {
  background: #30618C;
}
thead.thead-dark th {
  background: #274e71 !important;
  border: 0;
}
thead.thead-dark td {
  background: #30618C !important;
  border: 0;
}

thead.sub {
  background: #274e71;
}

/*
.views-field-field-primary-image {
	width: 240px;
}
*/
tr {
  background: transparent;
}
tr td {
  background: transparent;
}

.mini-table {
  background: #5484a9;
  border: 1px solid #c4d2e0;
  width: 100%;
  height: 100%;
  margin: 0;
}
.mini-table td {
  border: 1px solid #274e71;
  border-collapse: collapse;
}

.home-block {
  background: #274e71 !important;
  color: white;
}

td.info {
  width: 30%;
  background: #274e71 !important;
  color: #fff;
  font-weight: bold;
}

.preview-image {
  width: 100%;
  margin: 0 auto;
  height: auto;
}

/* this was hiding stuff on the projects page, doesn't need to be there since we added the buttons as a view
.field--label-hidden {
	display: none !important;
}
*/
.table td, .table th {
  padding: 0.55rem;
}

thead > tr {
  border-bottom: 1px solid #828282;
}

.label-info {
  border: 0 !important;
  font-size: 0.8em !important;
  color: white !important;
  font-weight: bold;
}
.label-info th {
  padding: 8px;
  border: 0 !important;
}

#home-slider {
  max-width: 1000px;
}

.visually-hidden-focusable {
  display: none;
}

#groups-page label {
  display: inline;
}
#groups-page fieldset {
  display: block !important;
}
#groups-page .form-row {
  display: block !important;
}
#groups-page select {
  display: block;
  max-width: 99%;
}
#groups-page .views-field a {
  font-weight: bold;
  font-size: 1.3em;
}
#groups-page .views-field a.btn-secondary {
  padding: 6px;
  margin-top: 5px;
  background: #274e71;
  border: #3868A6;
  font-size: 88%;
  margin-right: 5px;
  color: #fff;
}
#groups-page .views-field a.btn-secondary:hover {
  background: #c4d2e0;
}
#groups-page .js-form-type-select {
  display: block;
  width: 98%;
}
#groups-page .form-actions {
  width: 100%;
  display: block;
}
#groups-page table thead {
  display: none;
}
#groups-page table td.views-field-id {
  display: none;
}

#homepage-contents #groups-page .views-element-container {
  margin-top: 0.5em;
}
#homepage-contents #groups-page .group-data-row {
  border: 0;
}
#homepage-contents #groups-page .views-field {
  border: 0;
}

#nodes-page label {
  display: inline;
}
#nodes-page fieldset {
  display: block !important;
}
#nodes-page .form-row {
  display: block !important;
}
#nodes-page .views-field button {
  padding: 6px;
  margin-top: 5px;
  background: #929292;
  font-size: 88%;
  margin-right: 5px;
}

.site-footer {
  padding: 0;
}

.organization-thumbnail {
  height: auto;
  width: 60px;
}

#nodes-page table {
  border: 1px solid #3868A6;
}
#nodes-page table thead {
  background: #274e71 !important;
}
#nodes-page table thead th {
  border: 0 !important;
}
#nodes-page table td {
  border: 1px solid #3868A6;
}
#nodes-page table tr:nth-child(even) {
  background: #f2f2f2;
}
#nodes-page .views-field-field-photo {
  padding: 12px;
}
#nodes-page .views-field-field-photo img {
  -webkit-box-shadow: 10px 10px 14px -11px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 14px -11px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 14px -11px rgba(0, 0, 0, 0.75);
}
#nodes-page .views-field-field-photo img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.sample-point-list {
  padding: 6px;
  margin-bottom: 10px;
  width: 140px !important;
}

.data-type-dropdown {
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 0.3em;
  width: 190px;
  height: auto !important;
  font-size: 13px !important;
}

.water-data-container {
  background: #e6e6e6;
}

table.water-data-table {
  font-size: 12px;
  width: auto !important;
  margin: 10px;
  border: 1px solid #ccc;
}
table.water-data-table .display-label {
  display: block;
  margin-top: 0.7em;
}
table.water-data-table input {
  padding: 3px;
}
table.water-data-table td {
  border: 1px solid #afafaf;
  padding: 3px;
}
table.water-data-table thead {
  background: #274e71 !important;
  color: #fff;
}
table.water-data-table thead th {
  border-collapse: collapse;
  border: 1px solid #367cbb;
  text-align: center;
}
table.water-data-table .form-type-textfield .form-data {
  margin: 0 auto;
}

tr.edit-data-1 {
  border-bottom: 0;
}

td.td-data-type {
  background: #dadada;
  border: 1px solid #afafaf;
  border-collapse: collapse;
}

td.td-data-type-header {
  background: #e6e6e6;
}

td.td-data-type-checkbox, td.td-data-type-first {
  background: #adadad;
  border: 1px solid #8e8e8e !important;
  border-collapse: collapse;
}
td.td-data-type-checkbox fieldset, td.td-data-type-first fieldset {
  margin: 0 !important;
}
td.td-data-type-checkbox .input-group-append, td.td-data-type-first .input-group-append {
  margin: 0 auto;
}
td.td-data-type-checkbox .field-suffix, td.td-data-type-first .field-suffix {
  padding: 0;
}

#mapper-form .form-control {
  color: #343B3D;
}
#mapper-form .form-group {
  margin-bottom: 0;
  margin-top: 0.6em;
}
#mapper-form table {
  text-align: center;
}
#mapper-form table td {
  text-align: center;
}

.form-data {
  width: 95%;
}

.toggle-box {
  border: 1px solid #efefef;
  padding: 4px;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  width: 50px;
  text-transform: uppercase;
}

.toggle-box:hover {
  background: #efefef;
  color: inherit;
  cursor: pointer;
}

.toggle-box-on {
  background: #274e71;
  color: #fff;
}

.toggle-box-on:hover {
  background: #4d6a7d;
  color: #fff;
}

tr.selection-row {
  display: inline-block;
}

th.heading-date {
  padding-top: 50px;
}
th.heading-date .measurement-label {
  transform: none;
}

#group-page-container {
  /** each column on the water quality reports has a data index, this one will
  * hide the method of flow field as requested **/
}
#group-page-container table {
  margin-bottom: 5px;
  width: 99.9%;
}
#group-page-container .data-index-1 {
  display: none;
}

table.water-quality-report {
  width: 95%;
  background: #fff;
}
table.water-quality-report td {
  border: 1px solid #e4e4e4;
}
table.water-quality-report tr:hover {
  background: #efefef;
}

th.measurement-header {
  background: #274e71 !important;
  color: #fff !important;
  font-size: 1.2em;
  white-space: nowrap;
  border: 1 solid #fff !important;
  vertical-align: middle !important;
}

.quick-report-container {
  background: #e6e6e6;
}

/** Summary report styles **/
.water-quality-data-container th {
  background: #c4d2e0 !important;
  color: #000 !important;
  border: 1px solid #fff !important;
}

.water-quality-data-container {
  /** Default barrio gray background **/
  background: #e6e6e6;
}
.water-quality-data-container .water-data-average {
  width: 70px;
  border: 1px solid #3868A6;
}
.water-quality-data-container .text-right {
  border: 1px solid #3868A6;
}

@media only screen and (max-width: 1700px) {
  .water-quality-data-container {
    overflow: scroll;
  }
}
table.group-data-table {
  background: #fff;
  width: 100%;
  margin-bottom: 0 !important;
}
table.group-data-table tbody {
  background: fff;
}

.hidden {
  display: none;
}

.view-group-watersheds {
  padding: 0 !important;
}

#map {
  width: 100%;
  max-width: 800px;
  min-height: 450px;
}

.indicator {
  width: 15px;
  height: 15px;
  display: inline-block;
}

.alert-dismissible .close {
  padding: 0.35rem 1.2rem;
}

.alert-fixed {
  margin: 20px;
  position: fixed;
  top: 100px;
  left: 0px;
  width: 90%;
  z-index: 9999;
  border-radius: 0px;
}

.close-dialog {
  font-weight: bold;
  font-size: 2em;
}

.group-view-container {
  border: 1px solid #274e71;
  margin-top: 10px;
  text-align: left;
}
.group-view-container section {
  background: #274e71;
  color: #fff;
  padding: 10px;
  margin: 0;
  font-weight: bold;
  text-align: left;
  font-size: 88%;
}
.group-view-container .view {
  padding: 0px !important;
}
.group-view-container table {
  margin: 0;
}
.group-view-container table thead {
  background: #5484a9 !important;
  font-size: 95%;
}
.group-view-container table th {
  border: 0;
}

shade_4 .organizations-master thead {
  background: #5484a9 !important;
  font-size: 95%;
}

.help-sections ul {
  list-style: square;
}
.help-sections ul li {
  list-style: square;
}
.help-sections .views-row {
  display: block;
  width: 100%;
}

/** fix draggable icons **/
.draggable a.tabledrag-handle {
  font-size: 3em;
  float: none;
  overflow: visible;
  margin: 0;
}
.draggable a.tabledrag-handle .handle {
  margin: 0;
}

form h4 {
  font-size: inherit;
}

.full-map {
  height: 100%;
  width: 100%;
}

.small-map {
  margin: 20px;
  margin-top: 20px;
  width: 98%;
  height: 550px;
}

.fullscreen-map-container {
  width: 100vw;
  height: 100vh;
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999999;
}

#map-canvas {
  position: relative;
}

.fullscreen-map-canvas {
  height: 100%;
  overflow: auto;
  width: 100%;
}

#fullscreen-btn {
  cursor: pointer;
  z-index: 9;
  position: absolute;
  padding-top: 3px;
  width: 48px;
  height: 48px;
  bottom: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 50%;
}

.not-fullscreen-btn {
  right: 20px;
}

.is-fullscreen-btn {
  right: 10px;
}

.fa-arrows-maximize {
  font-size: 1.3rem;
}

.fa-arrows-minimize {
  font-size: 1.3rem;
}

.overflow-hidden {
  overflow-y: hidden;
}

/** Empty search results styling fix **/
.view-empty {
  margin: 3em;
  font-weight: bold;
}

/** Group form styles - fixes some unsightly things on the add/edit project form **/
.group-data-edit-form {
  margin: 2em;
}
.group-data-edit-form label {
  display: block;
}
.group-data-edit-form .btn-primary {
  font-size: 1em !important;
  margin: 0;
}
.group-data-edit-form #edit-delete {
  font-weight: bold;
  color: #fff;
  background: #8f3232;
  border-radius: 0.2em;
  padding: 0.5em;
  margin-left: 30px;
}
.group-data-edit-form .tabledrag-handle {
  float: none !important;
  font-size: 2.3em;
  padding: 0;
  margin: 2em 0em 0 0;
  overflow: visible !important;
}
.group-data-edit-form .field--name-status {
  padding: 1em;
  background: #e9ecef;
  font-weight: bold;
}
.group-data-edit-form table thead th {
  padding: 0;
  vertical-align: middle;
}
.group-data-edit-form table thead h4 {
  font-size: 1.5em;
  padding: 0.4em;
}

.water-data-table {
  border: 2px solid black;
}

#report-collider {
  background: transparent;
  position: fixed;
  height: 5px;
  width: 5px;
}

.responsive-report {
  width: 93%;
  margin: 0 auto;
  overflow: auto;
}
.responsive-report .table-responsive {
  overflow: visible;
}

.report-title {
  font-size: 2.1em;
  color: #274e71;
}

.report-toggle {
  border-radius: 5%;
  border: 0;
  opacity: 1;
  background: #274e71;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  z-index: 999;
}

.report-toggle:hover {
  opacity: 0.7;
}

#scroll-right {
  right: 0;
  padding: 1em 0.5em;
}

#scroll-left {
  left: 0;
  padding: 1em 0.5em;
}

/** Draggable icon (used right now for sample point flow order) **/
.drag-icon {
  font-size: 2em;
  text-align: center;
  color: #30618C;
  cursor: move;
}

.project-sub-page-heading {
  color: #30618C;
  font-size: 1.8em;
}

.project-sub-page-icon {
  font-size: 0.7em;
  margin: 0 0.5em;
}

.flow-order-table {
  max-width: 650px;
}

.flow-arrange {
  width: 100px;
}

.group-content-form {
  margin: 2em;
}

.group-content-data-group-membership-edit-form #edit-path-wrapper {
  display: none;
}

.submit-water-data {
  margin-left: 3em;
}

.help-sections-heading {
  font-size: 1.5em;
  margin: 0 1em;
  color: #5484a9;
}

.help-contents-listing .views-field-title {
  margin-top: 1.5em;
  font-size: 1.1em;
  color: #274e71;
  border-bottom: 1px solid #274e71;
}
.help-contents-listing ul {
  list-style: none;
  border: 0;
}
.help-contents-listing ul li {
  list-style: none;
  border: 0;
}
.help-contents-listing ul hr {
  display: none !important;
}

.alert-wrapper {
  position: fixed;
  z-index: 999;
  user-select: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
}
.alert-wrapper .alert {
  margin-bottom: 0;
}

.delete-report-row:hover {
  cursor: pointer;
}

.report-container .water-quality-report {
  margin: 0.3em;
}

/** node/content editor styles **/
.node-form {
  margin-top: 1em;
  font-size: 15px;
}
.node-form legend {
  font-size: 1.4em;
  color: #437097;
  font-weight: bold;
}
.node-form select {
  display: block;
}
.node-form table thead {
  background: #427098 !important;
  font-size: 14px;
}
.node-form table thead th {
  padding: 0.8em !important;
}
.node-form table thead th h4 {
  margin: 0 !important;
}
.node-form .field-add-more-submit {
  background: #8f8f8f !important;
  border: 0 !important;
  font-size: 16px;
  margin: 0;
}
.node-form .field-add-more-submit:hover {
  background: #6b6b6b !important;
}
.node-form .tabledrag-toggle-weight {
  background: #707070 !important;
  border-radius: 0.2em;
  border: 0;
  color: #fff;
  padding: 0.4em;
}
.node-form .tabledrag-toggle-weight:hover {
  cursor: pointer;
}
.node-form .details-wrapper {
  margin-top: 1em;
}
.node-form .button--danger {
  background: #a10000;
  color: white;
  padding: 0.7em;
  border-radius: 0.3em;
}

/** Bulk group join page **/
.bulk-options-view a {
  color: #274e71 !important;
  text-decoration: underline !important;
}
.bulk-options-view a:hover {
  color: #30618C;
  text-decoration: none;
  cursor: pointer;
}
.bulk-options-view .views-field-label {
  padding-left: 1.5em;
}
.bulk-options-view .form-checkbox {
  margin-top: -2em;
}

.view-sub-downloads {
  display: flex;
  margin: 5em 0;
}
.view-sub-downloads .view-header {
  width: 100%;
  display: block;
  position: absolute;
  margin: -4.5em 0.5em;
}
.view-sub-downloads .views-exposed-form {
  margin: 1em;
}
.view-sub-downloads .js-form-item {
  width: 100%;
}
.view-sub-downloads label {
  display: block !important;
}

/*# sourceMappingURL=layout.css.map */