/* 
    Bourbon is a sass helper library, it is all functions and mixins so adds no weight to generated stylesheet 
    http://bourbon.io/
*/
/*
    Better defaults for common colors. See http://clrs.cc/
*/
/*
    See http://clrs.cc/ for source
*/
/* Common values for application */
/* utility styles */
.badge.badge-notify {
  background-color: red;
  position: absolute; }

.fill-content {
  min-height: 100%;
  min-width: 100%; }

.fill-height {
  height: 100%; }

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* ui components */
.k-primary, .btn-primary, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
  background-color: #0074D9; }

.k-button.k-primary {
  width: 100%; }

.clickable {
  cursor: pointer; }

.drag-handle {
  height: 5px;
  top: 0;
  position: relative;
  background: linear-gradient(to bottom, gainsboro, #FFFFFF 25%, gainsboro);
  z-index: 1;
  cursor: n-resize;
  overflow: hidden;
  padding: 0;
  margin: 0; }
  .drag-handle span {
    position: relative;
    top: -6px;
    display: block;
    margin: auto;
    height: 5px;
    font-weight: bold;
    color: #0074D9;
    text-align: center; }

gev-feature-panel {
  display: block; }

gev-feature-panel.repeated {
  margin-bottom: 4px; }

.feature-panel {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
  max-height: 100%; }
  .feature-panel.collapsed .feature-panel-header {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px; }
  .feature-panel .feature-panel-header {
    background-color: #0074D9;
    color: #FFFFFF;
    height: 2.016em;
    padding: 0.448em;
    font-size: 1.12em;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row; }
    .feature-panel .feature-panel-header .feature-panel-header-text {
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      flex-grow: 1;
      -ms-flex-positive: 1; }
    .feature-panel .feature-panel-header .feature-panel-toggle-trigger {
      color: #FFFFFF; }
  .feature-panel .feature-attribute-list-container {
    overflow-y: auto;
    border-bottom: none; }
    .feature-panel .feature-attribute-list-container .list-group {
      margin: 0;
      border-radius: 0; }
      .feature-panel .feature-attribute-list-container .list-group .list-group-item {
        padding: 3px;
        /*&:last-child {
                    border-radius: 0;
                }*/ }
        .feature-panel .feature-attribute-list-container .list-group .list-group-item:first-child {
          border-radius: 0; }

.feature-attribute-label {
  padding-bottom: 0;
  font-size: smaller; }

.feature-attribute-value {
  padding-bottom: 0;
  font-weight: bolder; }

.find-result-panel .panel-header {
  font-size: 1em; }

.navbar-fixed-bottom {
  padding: 5px;
  /*box-shadow: 0 -4px 6px -2px rgba(0, 0, 0, 0.4);*/ }

.main-header {
  background-color: #0074D9;
  border-color: #0074D9;
  /*box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.3);*/ }
  .main-header .userInfo {
    color: white;
    padding: 5px; }
  .main-header .header-title {
    display: inline-block;
    font-size: 1.6em; }

.main-header .navbar-brand .navbar-text {
  color: #FFFFFF; }

.navbar-brand {
  padding: 0; }
  .navbar-brand img {
    float: left;
    margin-left: 8px; }
  .navbar-brand span {
    font-size: xx-large; }

.layer-source-header-text {
  padding-left: 38px;
  padding-right: 20px; }

.layersource-opacity-slider {
  width: 185px; }

.legend-image-list {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .legend-image-list li {
    margin: 0;
    padding: 0; }

/*.list-group-item[ng-click] {

    cursor: pointer;

    &.active {
        background-color: $headerBackgroundColor;
        color: $headerTextColor, 10%;
    }

    &:hover {
        background-color: darken($headerBackgroundColor, 10%);
        color: $headerTextColor;
    }
}*/
#map {
  width: 100%;
  height: 100%;
  font-size: 0.8em;
  font-family: Arial, Helvetica; }

.map-updating-pane {
  font-size: 0.96em;
  display: inline-block;
  top: 10px;
  left: 30px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  color: white;
  padding: 6px; }
  .map-updating-pane i {
    margin-right: 5px; }
  .map-updating-pane span {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 0.8em; }

.leaflet-label-right:before,
.leaflet-label-left:after {
  content: ""; }

.leaflet-label {
  background: #ebebeb;
  background: rgba(235, 235, 235, 0.81);
  background-clip: padding-box;
  border-color: #777;
  border-color: rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  border-style: solid;
  border-width: 4px;
  color: #111;
  display: block;
  font: 12px/20px "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 1px 6px;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  white-space: nowrap;
  z-index: 6; }

.leaflet-label.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto; }

.leaflet-label:before,
.leaflet-label:after {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: none;
  position: absolute;
  top: 5px; }

.leaflet-label:before {
  border-right: 6px solid black;
  border-right-color: inherit;
  left: -10px; }

.leaflet-label:after {
  border-left: 6px solid black;
  border-left-color: inherit;
  right: -10px; }

.mapContainer {
  padding-right: 0;
  padding-left: 0; }

.mapContainer.tools-open {
  padding-left: 230px; }

.embedded .map-layout-view-main {
  padding-top: 0px;
  padding-bottom: 0px; }

.embedded .main-results-container {
  bottom: 0px; }

.map-layout-view-main {
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px; }

.modal-backdrop {
  height: 100%;
  width: 100%; }

.query-builder select, .query-builder input {
  border: none;
  background: none;
  border-bottom: 1px dotted blue; }

.query-builder .filter-group .filter-group {
  margin: 1em;
  padding: 0.5em;
  border: 1px dotted black; }

.query-builder .filter-group .filter:first-child .grouping-option {
  display: none; }

.query-builder-modal .modal-header {
  padding: 7px;
  background-color: #0074D9;
  color: #FFFFFF; }

.query-builder-modal .modal-footer {
  border-top: 1px dotted rgba(0, 0, 0, 0.3);
  margin-top: 7px;
  padding: 0;
  padding-top: 5px; }

gev-resultset-list {
  display: block;
  padding-bottom: 10px;
  padding-top: 10px; }
  gev-resultset-list .btn-toolbar {
    margin-bottom: 10px; }

uib-tab-heading a.btn, uib-tab-heading [uib-dropdown-toggle] {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  font-size: 0.8em;
  border-radius: 3px !important; }

gev-resultset-collection-tabbed, .grid {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.nav-tabs li a {
  padding: 5px;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  background-color: #0074D9;
  color: #FFFFFF; }

div [kendo-grid] {
  border-style: none; }

gev-resultset-grid {
  position: absolute;
  top: 28px;
  left: 0;
  bottom: 0;
  right: 0; }

.k-icon.k-filter {
  zoom: 0.7;
  margin-left: 4px;
  margin-top: 3px; }

.k-grid-content tr:hover {
  background-color: #0074D9;
  color: #FFFFFF; }

td[role='gridcell'] {
  padding: 3px; }

.k-grid {
  font-size: 0.8em; }

.k-grid-filter {
  height: 16px;
  width: 16px; }

.k-grid-filter.k-state-active {
  background-color: #2ECC40;
  color: #FFFFFF;
  border-radius: 18px;
  padding: 0;
  margin: 0.1em -0.3em -0.4em; }

.no-result-sets-warning {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 60%;
  text-align: center; }

.featuretype-attributes-table {
  width: 100%; }

.ui-select-container {
  width: 100%; }

.spinner-panel {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0; }

.spinner-content {
  width: 200px;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.spinner-content [kendo-progress-bar] {
  width: 200px; }

.spinner-message {
  font-weight: bold;
  padding: 16px; }

.label-switch {
  margin: 0;
  border-radius: 14px;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  position: relative;
  width: 25px; }
  .label-switch[disabled] {
    pointer-events: none; }
  .label-switch input[type="checkbox"] {
    display: none; }
    .label-switch input[type="checkbox"] + .checkbox {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background: #e8e8e8;
      border-radius: 14px;
      border: none;
      cursor: pointer;
      height: 14px;
      margin: 0;
      padding: 0;
      position: relative;
      width: 25px;
      z-index: 0; }
      .label-switch input[type="checkbox"] + .checkbox:before {
        position: absolute;
        top: 2px;
        right: 0;
        bottom: 0;
        left: 2px;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background: white;
        border-radius: 14px;
        content: "";
        height: 10px;
        width: 21px;
        z-index: 1; }
      .label-switch input[type="checkbox"] + .checkbox:after {
        position: absolute;
        top: 2px;
        right: 0;
        bottom: 0;
        left: 2px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        height: 10px;
        width: 10px;
        background: white;
        border-radius: 10px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
        content: "";
        z-index: 2; }
    .label-switch input[type="checkbox"][disabled] + .checkbox {
      background-color: silver; }
      .label-switch input[type="checkbox"][disabled] + .checkbox:before {
        background-color: lightgray; }
      .label-switch input[type="checkbox"][disabled] + .checkbox:after {
        background-color: darkgray; }
    .label-switch input[type="checkbox"][disabled]:checked + .checkbox {
      background-color: #124f19; }
    .label-switch input[type="checkbox"]:checked + .checkbox {
      background: #2ECC40; }
      .label-switch input[type="checkbox"]:checked + .checkbox:before {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0); }
      .label-switch input[type="checkbox"]:checked + .checkbox:after {
        left: 13px; }

/*.switch {
  display: inline-block;

  width: $baseFontSize * 2;
  height: $baseFontSize;

  padding: 0;
  margin: 0;

  background: #f00;
  position: relative;

  //border: 1px solid #dfdfdf;
  box-sizing: content-box;
  border-radius: $baseFontSize;
  cursor: pointer;
  box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;

  transition: 0.3s ease-out all;
  -webkit-transition: 0.3s ease-out all;
}

.switch input {
    padding: 0;
    margin: 0;
}

.switch small {
  display: inline-block;

  width: $baseFontSize;
  height: $baseFontSize;
  
  padding: 0;
  margin: 0;
  
  background: #fff;
  position: absolute;
  
  border-radius: $baseFontSize;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  left: 0px;

  transition: 0.3s ease-out all;
  -webkit-transition: 0.3s ease-out all;
}
.switch.checked {
  background: rgb(100, 189, 99);
  border-color: rgb(100, 189, 99);
}
.switch.checked small {
  left: $baseFontSize * 2;
  transform: translateX(-50%);
}*/
.toolbar {
  width: 230px;
  float: left;
  height: 100%;
  border-right: 1px solid whitesmoke;
  background-color: #FFFFFF; }

.tool-launcher:hover {
  background-color: #0074D9;
  color: #FFFFFF; }

.tool {
  border-bottom: 1px solid rgba(80, 80, 80, 0.3); }

.tool.active {
  border-bottom: 1px solid rgba(80, 80, 80, 0.3);
  height: 100%;
  display: flex;
  flex-direction: column; }

.tool-launcher {
  padding: 4px;
  display: block;
  text-decoration: none;
  color: black; }
  .tool-launcher:hover {
    text-decoration: none; }
  .tool-launcher:focus {
    text-decoration: none; }

.tool-name {
  text-transform: uppercase;
  display: block; }

.active .tool-launcher {
  background-color: #0074D9;
  color: #FFFFFF; }

.toolbar.toolactive .tool:not(.active) {
  display: none; }

.tool-content-panel {
  opacity: 1;
  padding: 6px;
  overflow-y: auto;
  flex: 1; }

div.tooltip-inner {
  max-width: 350px; }

/* layout styles */
html,
body,
#appContainer {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden; }

#appContainer {
  font-size: 0.8em;
  font-family: Arial, Helvetica; }

.main-results-container {
  position: absolute;
  left: 0;
  right: 0;
  height: 150px;
  bottom: 50px;
  background-color: white;
  /*box-shadow: 4px 0 4px 3px rgba(0, 0, 0, 0.3);*/ }

.main-results-container.tools-open {
  left: 230px; }

.configuration-layout-view-main {
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: scroll; }

.configuration-app-list {
  width: 230px;
  float: left;
  height: 100%;
  border-right: 1px solid whitesmoke; }

.configuration-content {
  padding-left: 0;
  padding-right: 0; }

.configuration-content .nav-tabs {
  height: 40px; }

/* NOTE:
   'dump' contains all our uncategorized styles 
   these should be organized and this file should be imports only.
*/
/*
    Note: put styles that are a work in progress here for auto inclusion in build and testing.
    once they are finalized they should be moved into separate files grouped to indicate intent 
    and relationship.

    organization:
    styles.scss - main parent should only be includes
    variables.scss - style variables to share with other scss files

    /lib - 3rd party sass extebsions/helpers
    /utilities - helper styles
    /components - layout objects
    /layouts - styles for specific layout views
*/