@charset "UTF-8";
.asset-icon {
  margin-bottom: 2px; }
  .asset-icon[data-display-type] {
    background: none;
    text-indent: 0; }
    .asset-icon[data-display-type]::before {
      font-family: 'socrata-icons';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 13px; }
  .asset-icon[data-display-type='data_lens']::before {
    content: '';
    color: #80acca; }
  .asset-icon[data-display-type='calendar']::before {
    content: '';
    color: blue; }
  .asset-icon[data-display-type='datasets']::before, .asset-icon[data-display-type='table']::before, .asset-icon[data-display-type='blist']::before {
    content: '';
    color: #cf7532; }
  .asset-icon[data-display-type='charts']::before, .asset-icon[data-display-type='chart']::before {
    content: '';
    color: #e6be65; }
  .asset-icon[data-display-type='filters']::before, .asset-icon[data-display-type='filter']::before {
    content: '';
    color: #8db7df; }
  .asset-icon[data-display-type='blob']::before {
    content: '';
    color: #88bb50; }
  .asset-icon[data-display-type='maps']::before, .asset-icon[data-display-type='map']::before {
    content: '';
    color: #619858; }
  .asset-icon[data-display-type='unpublished']::before {
    content: '';
    color: blue; }

.settings-icon {
  background: none;
  text-indent: 0; }
  .settings-icon::before {
    font-family: 'socrata-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    color: gray;
    content: ''; }

@keyframes busy-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.action-btn {
  background-color: #f0f5f7;
  border: solid 2px #bad9e6;
  color: #68b0cc; }
  .action-btn.dark, .tool-panel .tool-panel-input-group .action-btn {
    background-color: #3f4752;
    border: solid 2px #67aecc;
    color: #67aecc; }
    .action-btn.dark:hover, .tool-panel .tool-panel-input-group .action-btn:hover, .action-btn.dark.active, .tool-panel .tool-panel-input-group .active.action-btn, .tool-panel .tool-panel-input-group .action-btn:hover, .tool-panel .tool-panel-input-group .action-btn:focus {
      background-color: #67aecc;
      border: solid 2px #67aecc;
      color: #fff; }
    .action-btn.dark.disabled, .tool-panel .tool-panel-input-group .disabled.action-btn, .tool-panel .tool-panel-input-group button.customize-bar-action-btn.disabled, .tool-panel .tool-panel-input-group .customize-bar.is-customizing .save-this-page button.disabled.save-button, .customize-bar.is-customizing .save-this-page .tool-panel .tool-panel-input-group button.disabled.save-button, .tool-panel .tool-panel-input-group .customize-bar.is-customizing button.disabled.save-as-button, .customize-bar.is-customizing .tool-panel .tool-panel-input-group button.disabled.save-as-button, .tool-panel .tool-panel-input-group button.customize-bar-action-btn:disabled, .tool-panel .tool-panel-input-group .customize-bar button.action-btn:disabled, .customize-bar .tool-panel .tool-panel-input-group button.action-btn:disabled, .tool-panel .tool-panel-input-group .customize-bar.is-customizing .save-this-page button.save-button:disabled, .customize-bar.is-customizing .save-this-page .tool-panel .tool-panel-input-group button.save-button:disabled, .tool-panel .tool-panel-input-group .customize-bar.is-customizing button.save-as-button:disabled, .customize-bar.is-customizing .tool-panel .tool-panel-input-group button.save-as-button:disabled, .tool-panel .tool-panel-input-group .customize-bar.is-customizing .customize-button.disabled, .customize-bar.is-customizing .tool-panel .tool-panel-input-group .customize-button.disabled, .tool-panel .tool-panel-input-group .customize-bar.is-customizing .revert-btn.disabled, .customize-bar.is-customizing .tool-panel .tool-panel-input-group .revert-btn.disabled, button.dark.customize-bar-action-btn.disabled, .customize-bar.is-customizing .save-this-page button.dark.disabled.save-button, .customize-bar.is-customizing button.dark.disabled.save-as-button, button.dark.customize-bar-action-btn:disabled, .customize-bar button.dark.action-btn:disabled, .customize-bar.is-customizing .save-this-page button.dark.save-button:disabled, .customize-bar.is-customizing button.dark.save-as-button:disabled, .customize-bar .dark.action-btn.disabled:hover, .customize-bar .dark.action-btn.touched.disabled, .customize-bar .dark.action-btn.working.disabled, .customize-bar.is-customizing .dark.customize-button.disabled, .customize-bar.is-customizing .dark.revert-btn.disabled, .action-btn.dark:disabled, .tool-panel .tool-panel-input-group .action-btn:disabled {
      background-color: #434d59;
      border: solid 2px #5f6a77;
      color: #6d7681; }
  .action-btn.green {
    background-color: #576a4a;
    border: solid 2px #87b265;
    color: #fff; }
    .action-btn.green:hover {
      background-color: #87b265;
      border: solid 2px #87b265;
      color: #fff; }
    .action-btn.green.disabled, button.green.customize-bar-action-btn.disabled, .customize-bar.is-customizing .save-this-page button.green.disabled.save-button, .customize-bar.is-customizing button.green.disabled.save-as-button, button.green.customize-bar-action-btn:disabled, .customize-bar button.green.action-btn:disabled, .customize-bar.is-customizing .save-this-page button.green.save-button:disabled, .customize-bar.is-customizing button.green.save-as-button:disabled, .customize-bar .green.action-btn.disabled:hover, .customize-bar .green.action-btn.touched.disabled, .customize-bar .green.action-btn.working.disabled, .customize-bar.is-customizing .green.customize-button.disabled, .customize-bar.is-customizing .green.revert-btn.disabled, .action-btn.green:disabled {
      background-color: #f0f;
      border: solid 2px #ff0;
      color: #4b0082; }
  .action-btn.inverted {
    background-color: #67aecc;
    border: solid 2px #67aecc;
    color: #fff; }
    .action-btn.inverted:hover {
      background-color: #f0f5f7;
      border: solid 2px #bad9e6;
      color: #68b0cc; }
  .action-btn:hover, .action-btn.active {
    background-color: #67aecc;
    border: solid 2px #67aecc;
    color: #fff; }
  .action-btn.disabled, button.customize-bar-action-btn.disabled, .customize-bar button.disabled.action-btn, .customize-bar.is-customizing .save-this-page button.disabled.save-button, .customize-bar.is-customizing button.disabled.save-as-button, button.customize-bar-action-btn:disabled, .customize-bar button.action-btn:disabled, .customize-bar.is-customizing .save-this-page button.save-button:disabled, .customize-bar.is-customizing button.save-as-button:disabled, button.customize-bar-action-btn.disabled:hover, .customize-bar .action-btn.disabled:hover, .customize-bar .action-btn.touched.disabled, .customize-bar .action-btn.working.disabled, .customize-bar.is-customizing .customize-button.disabled, .customize-bar.is-customizing .customize-button.disabled:hover, .customize-bar.is-customizing .revert-btn.disabled, .customize-bar.is-customizing .revert-btn.disabled:hover, .action-btn:disabled {
    background-color: #f9f7f8;
    border: solid 2px #e9e6e7;
    color: #c6c1bf; }
  .action-btn.touched {
    background-color: #67aecc;
    border: solid 2px #67aecc;
    color: #fff; }
  .action-btn.error, .tool-panel .tool-panel-input-group .action-btn.error, button.customize-bar-action-btn.error, .customize-bar button.error.action-btn, .customize-bar.is-customizing .save-this-page button.error.save-button, .customize-bar.is-customizing button.error.save-as-button, button.customize-bar-action-btn.error:hover {
    background-color: #cc6667;
    border: solid 2px #cc6667;
    color: #fff; }
    .action-btn.error:hover, .tool-panel .tool-panel-input-group .action-btn.error:hover, button.customize-bar-action-btn.error:hover, .customize-bar.is-customizing .save-this-page button.error.save-button:hover, .customize-bar.is-customizing button.error.save-as-button:hover, .action-btn.error.active, .tool-panel .tool-panel-input-group .active.action-btn.error, button.active.customize-bar-action-btn.error, .customize-bar.is-customizing .save-this-page button.active.error.save-button, .customize-bar.is-customizing button.active.error.save-as-button, .customize-bar button.active.error.action-btn:hover {
      background-color: #cc6667;
      border: solid 2px #cc6667;
      color: #fff; }
  .action-btn.success, .tool-panel .tool-panel-input-group .action-btn.success {
    background-color: #68cd70;
    border: solid 2px #68cd70;
    color: #fff; }
    .action-btn.success:hover, .tool-panel .tool-panel-input-group .action-btn.success:hover, .action-btn.success.active, .tool-panel .tool-panel-input-group .active.action-btn.success {
      background-color: #68cd70;
      border: solid 2px #68cd70;
      color: #fff; }
  .action-btn.working, .tool-panel .tool-panel-input-group .action-btn.working {
    background-color: #67aecc;
    border: solid 2px #67aecc;
    color: #fff; }

#uber-flyout {
  color: #8a8686;
  background-color: #f1eeee;
  border: 1px solid #ccc; }
  #uber-flyout .flyout-title {
    color: #676464; }
  #uber-flyout .flyout-row .flyout-cell.is-selected, #uber-flyout .flyout-row .is-selected {
    color: #ba9d26; }
  #uber-flyout .flyout-row .flyout-cell.is-highlighted,
  #uber-flyout .flyout-row .flyout-cell.emphasis, #uber-flyout .flyout-row .is-highlighted {
    color: #8ec4d9; }

#uber-flyout.southwest .hint:after {
  border-color: #f1eeee transparent transparent transparent; }
#uber-flyout.southwest .hint:before {
  border-color: #ccc transparent transparent transparent; }

#uber-flyout.southeast .hint:after {
  border-color: transparent #f1eeee transparent transparent; }
#uber-flyout.southeast .hint:before {
  border-color: transparent #ccc transparent transparent; }

#uber-flyout.northwest .hint:after {
  border-color: transparent transparent transparent #f1eeee; }
#uber-flyout.northwest .hint:before {
  border-color: transparent transparent transparent #ccc; }

#uber-flyout.northeast .hint:after {
  border-color: transparent transparent #f1eeee transparent; }
#uber-flyout.northeast .hint:before {
  border-color: transparent transparent #ccc transparent; }

.flyout {
  border: 1px solid #ccc;
  background-color: #fff;
  color: #000; }
  .flyout .flyout-row .flyout-cell.is-selected, .flyout .flyout-row .is-selected {
    color: #ba9d26; }
  .flyout .flyout-row .flyout-cell.is-highlighted, .flyout .flyout-row .is-highlighted {
    color: #8ec4d9; }
  .flyout.flyout-chart {
    color: #8a8686;
    background-color: #f1eeee; }
    .flyout.flyout-chart .flyout-title {
      color: #676464; }
    .flyout.flyout-chart.top .flyout-arrow.left:after {
      border-color: #f1eeee transparent transparent transparent; }
    .flyout.flyout-chart.top .flyout-arrow.left:before {
      border-color: #ccc transparent transparent transparent; }
    .flyout.flyout-chart.top .flyout-arrow.right:after {
      border-color: transparent #f1eeee transparent transparent; }
    .flyout.flyout-chart.top .flyout-arrow.right:before {
      border-color: transparent #ccc transparent transparent; }
    .flyout.flyout-chart.top .flyout-arrow.center:after {
      border-color: #f1eeee transparent transparent; }
    .flyout.flyout-chart.top .flyout-arrow.center:before {
      border-color: #ccc transparent transparent; }
  .flyout.flyout-table .flyout-title {
    border-bottom: 1px solid #ccc; }
    .flyout.flyout-table .flyout-title .description {
      color: rgba(0, 0, 0, 0.5); }
  .flyout.flyout-table.right .flyout-arrow:after {
    border-right-color: #fff; }
  .flyout.flyout-table.right .flyout-arrow:before {
    border-right-color: #ccc; }
  .flyout.flyout-table.left .flyout-arrow:after {
    border-left-color: #fff; }
  .flyout.flyout-table.left .flyout-arrow:before {
    border-left-color: #ccc; }
  .flyout.flyout-table.top .flyout-arrow:after {
    border-top-color: #fff; }
  .flyout.flyout-table.top .flyout-arrow:before {
    border-top-color: #ccc; }
  .flyout.flyout-table.bottom .flyout-arrow:after {
    border-bottom-color: #fff; }
  .flyout.flyout-table.bottom .flyout-arrow:before {
    border-bottom-color: #ccc; }

.modal-container .modal-overlay {
  background-color: #141415; }
.modal-container .modal-dialog {
  background-color: #4d5968;
  border: 1px solid #3f4752; }
  .modal-container .modal-dialog .modal-dialog-content {
    color: #fff; }
  .modal-container .modal-dialog .modal-close-button {
    color: #67aecc; }
  .modal-container .modal-dialog .modal-close-button.disabled {
    color: #e9e6e7; }
  .modal-container .modal-dialog a {
    color: #68b0cc; }

manage-lens-dialog section.ownership .ownership-input {
  background-color: #3f4752;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff; }
  manage-lens-dialog section.ownership .ownership-input.disabled {
    color: #aaa; }
  manage-lens-dialog section.ownership .ownership-input.error {
    border-color: #e83e3e; }
manage-lens-dialog section.ownership .icon-warning {
  color: #e83e3e; }
manage-lens-dialog section.ownership .tool-panel.suggestion-tool-panel .tool-panel-main {
  background-color: #eee; }

new-share-dialog section .new-share input.email {
  color: #fff;
  background-color: #3f4752;
  border: 1px solid rgba(255, 255, 255, 0.15); }
new-share-dialog .optional-message {
  color: #fff;
  background-color: #3f4752;
  border: 1px solid rgba(255, 255, 255, 0.15); }

.show-more .show-more-arrow {
  border-top-color: #68b0cc; }
.show-more.less .show-more-arrow {
  border-bottom-color: #68b0cc; }

rich-text-editor {
  border: 1px solid #000; }
  rich-text-editor .toolbar {
    background-color: #eee;
    border-bottom: 1px solid #ddd; }
    rich-text-editor .toolbar .rich-text-editor-button {
      border-left: 1px solid #ddd;
      background-color: transparent;
      color: #666; }
      rich-text-editor .toolbar .rich-text-editor-button:hover {
        background-color: #ddd;
        border-color: #ccc;
        color: #666; }
        rich-text-editor .toolbar .rich-text-editor-button:hover + .rich-text-editor-button {
          border-color: #ccc; }
      rich-text-editor .toolbar .rich-text-editor-button.active {
        background-color: #999;
        border-color: #999;
        color: #fff; }
        rich-text-editor .toolbar .rich-text-editor-button.active + .rich-text-editor-button {
          border-color: #999; }
    rich-text-editor .toolbar .icon-link-edit {
      background-color: #4d5969;
      border: 1px solid #3f4752; }
      rich-text-editor .toolbar .icon-link-edit .icon-link-edit-hint {
        color: #4d5969;
        border-right-color: transparent;
        border-top-color: transparent;
        border-bottom-color: #4d5969; }
      rich-text-editor .toolbar .icon-link-edit p {
        color: #fff; }
      rich-text-editor .toolbar .icon-link-edit input {
        border: 1px solid #4d5969; }

.selection-label-outer {
  color: #000;
  background-color: #fff; }

soc-select, .soc-select {
  background-color: #3f4752;
  border: 1px solid rgba(255, 255, 255, 0.15); }
  soc-select select, .soc-select select {
    color: #fff; }
    soc-select select option, .soc-select select option {
      background-color: #fff;
      color: #000; }
      soc-select select option:disabled, .soc-select select option:disabled {
        color: #bebebe; }
  soc-select .arrow-container .arrow, .soc-select .arrow-container .arrow {
    border-color: #fff transparent transparent transparent; }
  soc-select select:disabled, .soc-select select:disabled {
    color: #aaa; }
    soc-select select:disabled + .arrow-container .arrow, .soc-select select:disabled + .arrow-container .arrow {
      border-top-color: #aaa; }

.tool-panel .tool-panel-main {
  color: #fff;
  background-color: #4d5968;
  border: solid 1px #3f4752; }
.tool-panel .tool-panel-hint {
  border-color: transparent transparent #4d5968 transparent; }
  .tool-panel .tool-panel-hint:before {
    border-color: transparent transparent #3f4752 transparent; }
.tool-panel.upwards .tool-panel-hint {
  border-color: #4d5968 transparent transparent #4d5968; }
  .tool-panel.upwards .tool-panel-hint:before {
    border-color: transparent #3f4752 transparent #3f4752; }
.tool-panel.up-left .tool-panel-hint {
  border-color: #4d5968 #4d5968 transparent transparent; }
  .tool-panel.up-left .tool-panel-hint:before {
    border-color: #3f4752 #3f4752 transparent transparent; }
.tool-panel.light .tool-panel-hint {
  border-color: #d4d4d4; }
.tool-panel.left .tool-panel-hint:after {
  border-color: transparent transparent #eee #eee; }
.tool-panel.left .tool-panel-hint:before {
  border-color: transparent transparent #d4d4d4 #d4d4d4; }
.tool-panel .form-control {
  color: #555;
  background: #fff; }
  .tool-panel .form-control.form-error {
    border-color: #e83e3e; }

.choropleth-container .choropleth-selection-box {
  background: #fff; }
.choropleth-container .icon-filter {
  color: #debb1e; }
.choropleth-container .choropleth-legend svg .labels .tick line {
  stroke: #000; }
.choropleth-container .choropleth-legend svg rect.choropleth-legend-color {
  stroke: #fff; }
.choropleth-container .choropleth-legend.continuous svg .tick text {
  color: #646464;
  fill: #646464; }
.choropleth-container .choropleth-legend.continuous svg .tick line {
  stroke: #000; }

.histogram-area-unfiltered {
  fill: rgba(214, 212, 213, 0.5); }

.histogram-trace-unfiltered {
  stroke: #d6d4d5; }

.histogram-area-filtered {
  fill: rgba(106, 176, 204, 0.5); }

.histogram-trace-filtered {
  stroke: #68b0cc; }

.histogram-area-selected {
  fill: #debb1e; }

.histogram-trace-selected {
  stroke: #969605; }

.histogram-area-selected-unfiltered {
  fill: rgba(222, 187, 30, 0.2); }

.histogram-trace-selected-unfiltered {
  stroke: rgba(222, 187, 30, 0.4); }

.histogram-axis-x .tick line, .histogram-axis-y .tick line {
  stroke: #bbb; }

.histogram-axis-x text {
  fill: #bbb; }

.histogram-axis-y text {
  fill: #bbb; }

.histogram-axis-x .tick.is-zero line, .histogram-axis-y .tick.is-zero line {
  stroke: #888; }
.histogram-axis-x .tick.is-zero text, .histogram-axis-y .tick.is-zero text {
  fill: #888; }

.histogram.has-selection .histogram-axis-x text {
  fill: #e1e1e1; }
.histogram.has-selection .histogram-axis-x .tick.is-zero text {
  fill: #e1e1e1; }

.histogram-hover-block {
  fill: rgba(255, 255, 255, 0.85); }

.histogram-brush-handle {
  stroke: #8a8686;
  fill: #c0bbbb; }

.histogram-brush-line {
  stroke: #8a8686; }

.histogram .histogram-brush-clear {
  fill: rgba(255, 255, 255, 0.85); }
.histogram .histogram-brush-clear-text, .histogram .histogram-brush-clear-x {
  fill: #8f8f8f; }
.histogram .histogram-filter-icon {
  fill: #debb1e; }

.search-card-text {
  color: #bbb; }

.search-card-results .no-results,
.search-card-results .invalid-value {
  color: #cc6667; }

.tool-panel.suggestion-tool-panel .tool-panel-main {
  border-color: #d4d4d4; }
.tool-panel.suggestion-tool-panel.light .tool-panel-inner-container {
  background-color: #eee;
  color: #666; }
.tool-panel.suggestion-tool-panel.light .tool-panel-hint {
  border-color: transparent transparent #eee transparent; }
.tool-panel.suggestion-tool-panel.light .suggestions-status spinner path {
  fill: #888; }
.tool-panel.suggestion-tool-panel.light .suggestion-examples {
  background-color: #d4d4d4; }
.tool-panel.suggestion-tool-panel.light .intractable-list ul.list li {
  background-color: #eee;
  color: #666; }
  .tool-panel.suggestion-tool-panel.light .intractable-list ul.list li.active {
    background-color: #67aecc;
    color: #eee; }

.card table-card .table-inner .table-body {
  background-color: #fff;
  border: 1px solid #f0eeef; }
  .card table-card .table-inner .table-body .cell {
    border-right: 1px solid #f0eeef; }
  .card table-card .table-inner .table-body .table-row:nth-child(even) {
    background-color: #f0f5f8; }
.card table-card .table-inner .table-head {
  background-color: #68b0cc;
  color: #f0edee; }
  .card table-card .table-inner .table-head .th .caret {
    color: rgba(240, 237, 238, 0.5); }
  .card table-card .table-inner .table-head .th.active .caret {
    color: #f0edee; }
  .card table-card .table-inner .table-head .th .content:hover {
    background-color: rgba(255, 255, 255, 0.1); }
.card table-card .table-inner .th .resize:hover, .card table-card .table-inner .th .resize:active, .card table-card .table-inner .cell .resize:hover, .card table-card .table-inner .cell .resize:active {
  background-color: #f0eeef; }
.card table-card .table-inner .th a, .card table-card .table-inner .cell a {
  color: #2c97de; }
.card table-card .table-label {
  color: #bbb; }
  .card table-card .table-label strong {
    color: #8f8f8f; }

.timeline-chart-highlight-container .timeline-chart-highlight {
  fill: rgba(255, 255, 255, 0.75);
  stroke: transparent; }

.timeline-chart-selection .selection {
  fill: #debb1e; }
.timeline-chart-selection .selection-trace {
  stroke: #969605; }

.timeline-chart-left-selection-marker svg line,
.timeline-chart-right-selection-marker svg line {
  stroke: #8a8686; }
.timeline-chart-left-selection-marker svg path,
.timeline-chart-right-selection-marker svg path {
  stroke: #8a8686;
  fill: #c0bbbb; }

.timeline-chart-clear-selection-label {
  background-color: rgba(255, 255, 255, 0.75); }

.datum-label {
  color: #d6d4d5; }

.timeline-chart-unfiltered-visualization .context,
.timeline-chart-filtered-visualization .context {
  fill: rgba(214, 212, 213, 0.5); }
.timeline-chart-unfiltered-visualization .context-trace,
.timeline-chart-filtered-visualization .context-trace {
  stroke: #d6d4d5; }
.timeline-chart-unfiltered-visualization .shaded,
.timeline-chart-filtered-visualization .shaded {
  fill: rgba(106, 176, 204, 0.5); }
.timeline-chart-unfiltered-visualization .shaded-trace,
.timeline-chart-filtered-visualization .shaded-trace {
  stroke: #68b0cc; }

.x-ticks .x-tick {
  background-color: #bbb; }
.x-ticks .x-tick-label {
  color: #bbb; }

.y-ticks .y-tick {
  color: #bbb;
  border-bottom: 1px solid #bbb; }
  .y-ticks .y-tick.top {
    border-bottom: none;
    border-top: 1px solid #bbb; }
.y-ticks .zero {
  font-weight: bold;
  color: #888; }

.state-view-cards #socrata-row-inspector .row-inspector-content .row-data-item .value a {
  color: #2c97de; }

body.state-view-cards {
  background-color: #4d5969; }
body.state-view-card {
  background-color: #fff; }

.page-header {
  background-color: #3f4752; }

.page-header-link {
  color: #f0edee;
  text-shadow: 1px 1px 2px #000; }

.cards-metadata {
  background: #fff;
  color: #646464;
  border-color: #d7d4d4; }
  .cards-metadata .page-description a {
    color: #68b0cc; }
  .cards-metadata .page-description .show-more {
    background: #fff;
    color: #68b0cc; }
  .cards-metadata .edit-page-name > .placeholder span, .cards-metadata .edit-page-description > .placeholder span {
    color: rgba(0, 0, 0, 0.4); }
  .cards-metadata .edit-page-name > textarea, .cards-metadata .edit-page-name > rich-text-editor, .cards-metadata .edit-page-description > textarea, .cards-metadata .edit-page-description > rich-text-editor {
    background: transparent;
    border: 1px solid #ccc; }
    .cards-metadata .edit-page-name > textarea:focus, .cards-metadata .edit-page-name > textarea.focus, .cards-metadata .edit-page-name > rich-text-editor:focus, .cards-metadata .edit-page-name > rich-text-editor.focus, .cards-metadata .edit-page-description > textarea:focus, .cards-metadata .edit-page-description > textarea.focus, .cards-metadata .edit-page-description > rich-text-editor:focus, .cards-metadata .edit-page-description > rich-text-editor.focus {
      border-color: #67aecc;
      box-shadow: 0 0 2px 0 #67aecc;
      -webkit-box-shadow: 0 0 2px 0 #67aecc;
      -moz-box-shadow: 0 0 2px 0 #67aecc;
      -ms-box-shadow: 0 0 2px 0 #67aecc;
      -o-box-shadow: 0 0 2px 0 #67aecc; }
      .cards-metadata .edit-page-name > textarea:focus + .placeholder::before, .cards-metadata .edit-page-name > textarea.focus + .placeholder::before, .cards-metadata .edit-page-name > rich-text-editor:focus + .placeholder::before, .cards-metadata .edit-page-name > rich-text-editor.focus + .placeholder::before, .cards-metadata .edit-page-description > textarea:focus + .placeholder::before, .cards-metadata .edit-page-description > textarea.focus + .placeholder::before, .cards-metadata .edit-page-description > rich-text-editor:focus + .placeholder::before, .cards-metadata .edit-page-description > rich-text-editor.focus + .placeholder::before {
        color: #67aecc; }
  .cards-metadata .edit-page-name .icon-warning, .cards-metadata .edit-page-description .icon-warning {
    color: #e83e3e; }
    .cards-metadata .edit-page-name .icon-warning + textarea, .cards-metadata .edit-page-description .icon-warning + textarea {
      border-color: #e83e3e; }
  .cards-metadata .metadata .metadatum-wrapper .metadatum span.value {
    color: #676464; }
    .cards-metadata .metadata .metadatum-wrapper .metadatum span.value a {
      color: #68b0cc; }

lens-type span {
  color: #646464;
  background-color: #eee; }
lens-type .icon-check {
  color: white;
  background-color: #68b0cc; }

body.state-view-cards .cards-content {
  color: #fff;
  background-color: #4d5969; }
  body.state-view-cards .cards-content #quick-filter-bar-container .quick-filter-bar {
    border-bottom-color: #3f4752; }
    body.state-view-cards .cards-content #quick-filter-bar-container .quick-filter-bar .content {
      background-color: #4d5969; }
    body.state-view-cards .cards-content #quick-filter-bar-container .quick-filter-bar .filter {
      color: #fff; }
  body.state-view-cards .cards-content .cards .card-spot .overlay.card-chooser {
    background-color: rgba(0, 0, 0, 0.5); }
    body.state-view-cards .cards-content .cards .card-spot .overlay.card-chooser.enabled:hover {
      background-color: rgba(0, 0, 0, 0.1); }
    body.state-view-cards .cards-content .cards .card-spot .overlay.card-chooser .action-png-export:focus {
      background-color: #67aecc;
      border: 2px solid #67aecc;
      color: #fff; }
  body.state-view-cards .cards-content .cards .card-group {
    border-left-color: #f7f7f7; }
  body.state-view-cards .cards-content .cards .card-group-customize-hint .icon-help {
    border-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.2);
    color: #ddd; }
  body.state-view-cards .cards-content .cards .card-group-customize-hint .card-group-customize-hint-cards .card-group-customize-hint-card-inner {
    background: rgba(255, 255, 255, 0.2); }
  body.state-view-cards .cards-content .cards .card-group-drop-placeholder {
    color: #9ca2ad; }
  body.state-view-cards .cards-content .cards .card-drop-placeholder {
    background-color: #fff; }
body.state-view-cards .manage-lens-link .icon-warning {
  color: #debb1e; }

.table-icon .grid-lines {
  fill: #68b0cc; }
.table-icon .grid-cells {
  fill: #8ec4d9; }

.add-card-select-column label {
  color: #aaa; }
.add-card-select-column soc-select {
  background-color: #3f4752; }

.add-card-preview {
  background-color: #6d7988;
  border: 2px dashed #fff; }

.add-card-controls {
  background-color: #fff; }
  .add-card-controls > .card-control {
    color: #888; }
    .add-card-controls > .card-control:hover {
      color: #ccc;
      border-color: #ccc; }
  .add-card-controls > .add-card-settings:hover {
    color: #fff;
    background-color: #67aecc; }

.card-aggregation-input-group label {
  color: #aaa; }
.card-aggregation-input-group input {
  background-color: #3f4752;
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #aaa; }

.card {
  color: #8f8f8f;
  background: #fff; }
  .card .title-one-line {
    color: #68b0cc; }
    .card .title-one-line.dynamic-title {
      color: #bbb; }
    .card .title-one-line .subtitle {
      color: #bbb; }
    .card .title-one-line .wrap {
      background-color: #fff; }
  .card .description {
    color: rgba(0, 0, 0, 0.5); }
    .card .description .description-expand-button {
      color: rgba(0, 0, 0, 0.5);
      background-color: #fff; }
    .card .description .description-expanded-wrapper {
      background: #fff; }
      .card .description .description-expanded-wrapper .description-expanded-content {
        color: #000;
        background: rgba(255, 255, 255, 0.9); }
  .card .card-controls {
    background-color: #fff; }
    .card .card-controls > .card-control {
      color: #888; }
      .card .card-controls > .card-control:hover {
        color: #ccc;
        border-color: #ccc; }
    .card .card-controls > .icon-settings:hover {
      color: #67aecc; }
    .card .card-controls > .icon-close:hover {
      color: #f00; }

.card-form-group .form-control {
  color: #999;
  background: #fff;
  border: 1px solid transparent;
  border-bottom-color: #bbb; }
  .card-form-group .form-control:focus {
    color: #666; }
.card-form-group .clearable-input-trigger {
  color: #999; }
  .card-form-group .clearable-input-trigger:hover {
    color: #ccc; }

button.customize-bar-action-btn, .customize-bar button.action-btn, .customize-bar.is-customizing .save-this-page button.save-button, .customize-bar.is-customizing button.save-as-button {
  background-color: #eaf4f1;
  border: solid 2px #5bb397;
  color: #4e9981; }
  button.customize-bar-action-btn:hover, .customize-bar button.action-btn:hover, .customize-bar.is-customizing .save-this-page button.save-button:hover, .customize-bar.is-customizing button.save-as-button:hover, button.customize-bar-action-btn.active, .customize-bar button.active.action-btn, .customize-bar.is-customizing .save-this-page button.active.save-button, .customize-bar.is-customizing button.active.save-as-button, button.customize-bar-action-btn.touched, .customize-bar button.touched.action-btn, .customize-bar.is-customizing .save-this-page button.touched.save-button, .customize-bar.is-customizing button.touched.save-as-button {
    background-color: #4c8d78;
    border: solid 2px #fff;
    color: #fff; }
  button.customize-bar-action-btn.disabled, .customize-bar button.disabled.action-btn, .customize-bar button.customize-bar-action-btn:disabled, .customize-bar button.action-btn.disabled:hover, .customize-bar button.action-btn.touched.disabled, .customize-bar button.action-btn.working.disabled, .customize-bar.is-customizing button.customize-button.disabled, .customize-bar.is-customizing button.customize-button.disabled:hover, .customize-bar.is-customizing button.revert-btn.disabled, .customize-bar.is-customizing button.revert-btn.disabled:hover, .customize-bar.is-customizing .save-this-page button.disabled.save-button, .customize-bar.is-customizing button.disabled.save-as-button, button.customize-bar-action-btn:disabled, .customize-bar button.action-btn:disabled, .customize-bar.is-customizing .save-this-page button.save-button:disabled, .customize-bar.is-customizing button.save-as-button:disabled, button.customize-bar-action-btn.disabled:hover, .customize-bar button.customize-bar-action-btn:hover:disabled, .customize-bar button.action-btn.disabled:hover, .customize-bar.is-customizing button.customize-button.disabled:hover, .customize-bar.is-customizing button.revert-btn.disabled:hover, .customize-bar.is-customizing .save-this-page button.disabled.save-button:hover, .customize-bar.is-customizing button.disabled.save-as-button:hover {
    background-color: #f9f7f8;
    border: solid 2px #e9e6e7;
    color: #c6c1bf; }
  button.customize-bar-action-btn.working, .customize-bar button.working.action-btn, .customize-bar .tool-panel .tool-panel-input-group button.action-btn.working, .tool-panel .tool-panel-input-group .customize-bar button.action-btn.working, .customize-bar.is-customizing .save-this-page button.working.save-button, .customize-bar.is-customizing button.working.save-as-button {
    background-color: #4c8d78;
    border: solid 2px #fff;
    color: #fff; }
  button.customize-bar-action-btn.error, .customize-bar button.error.action-btn, .customize-bar .tool-panel .tool-panel-input-group button.action-btn.error, .tool-panel .tool-panel-input-group .customize-bar button.action-btn.error, .customize-bar.is-customizing .save-this-page button.error.save-button, .customize-bar.is-customizing button.error.save-as-button, button.customize-bar-action-btn.error:hover, .customize-bar button.error.action-btn:hover, .customize-bar.is-customizing .save-this-page button.error.save-button:hover, .customize-bar.is-customizing button.error.save-as-button:hover {
    background-color: #cc6667;
    border: solid 2px #cc6667;
    color: #fff; }

.customize-bar {
  background-color: rgba(255, 255, 255, 0.96);
  border-top-color: rgba(215, 212, 212, 0.8);
  color: #4e9981; }
  .customize-bar .action-btn:hover, .customize-bar .action-btn.touched, .customize-bar .action-btn.working, .customize-bar .tool-panel .tool-panel-input-group .action-btn.working, .tool-panel .tool-panel-input-group .customize-bar .action-btn.working {
    border-color: #4c8d78; }
  .customize-bar.is-customizing {
    background-color: #4e9981;
    border-top-color: rgba(78, 153, 129, 0.8);
    color: #fff; }
    .customize-bar.is-customizing .customize-button, .customize-bar.is-customizing .revert-btn {
      background-color: #4c8d78;
      border: solid 2px #fff;
      color: #fff; }
      .customize-bar.is-customizing .customize-button:hover, .customize-bar.is-customizing .customize-button.active, .customize-bar.is-customizing .revert-btn:hover, .customize-bar.is-customizing .revert-btn.active {
        background-color: #eaf4f1;
        border: solid 2px white;
        color: #4c8d78; }
    .customize-bar.is-customizing .save-this-page button.save-button:hover, .customize-bar.is-customizing button.save-as-button:hover {
      border-color: #4c8d78; }

save-as a {
  color: #68b0cc; }

feedback-panel .feedback-panel-button {
  color: #f5f5f5;
  background-color: #3f4752;
  border: 1px solid #68b0cc; }
feedback-panel .feedback-panel-content {
  color: #f5f5f5;
  background-color: #3f4752;
  border: 1px solid #68b0cc; }
  feedback-panel .feedback-panel-content a {
    font-weight: bold;
    color: #fff; }

.skip-links a {
  background: #edc54b;
  color: #000;
  border: 2px solid #fff; }