body {
  background-color: black;
  font-family: 'Coda', arial, helvetica, sans-serif;
  color: #5afbea;
  font-size: 14px;
  margin: 0;
  width: 100%;
  height: 100%;
  margin-top: 60px;
}

@font-face {
  font-family: 'Coda';
  font-style: normal;
  font-weight: 400;
  src: local('Coda'), local('Coda-Regular'), url(//fonts.gstatic.com/s/coda/v9/lAc2voHjo6apblwiEW49vfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}

a:link,
a:visited {
  text-decoration: none;
}

a img { border: none; }
img { border: none; }

h1, h2, h3, h4, h5 {
  font-family: 'Coda', arial, helvetica, sans-serif;
}

input[type="email"],
input[type="text"],
input[type="submit"] {
  font-size: 14px;
}

input[type="email"],
input[type="text"],
input[type="submit"],
textarea {
  border: 1px solid #5afbea;
  font-family: 'Coda', arial, helvetica, sans-serif;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

input[type="text"].invalid,
textarea.invalid {
  border-color: #ff5555;
}

input[type="email"],
input[type="text"],
textarea {
  background-color: rgba(0, 0, 0, 0.0);
  color: #ebbc4a;
  padding: 5px 8px;
}

select {
  background-color: rgba(0, 0, 0, 0.0);
  color: #ebbc4a;
  padding: 5px 10px;
  height: 34px;
  border: 1px solid #5afbea;
  font-family: 'Coda', arial, helvetica, sans-serif;
  font-size: 14px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

input[type="submit"] {
  background-color: rgba(0, 0, 0, 0.0);
  color: #5afbea;
  padding: 2px 15px;
}

/**
 * This is to ensure the submit button is rendered at the same height as text
 * input field in a form on Firefox.
 */
input[type="submit"]::-moz-focus-inner {
  border: 0;
}

body a:hover {
  color: #5afbea;
}

.button,
button {
  background-color: #1f4549;
  color: #5afbea;
  padding: 9px 20px;
  border: 1px solid #5afbea;
  font-family: 'Coda', arial, helvetica, sans-serif;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  line-height: normal;
  text-align: center;
  cursor: pointer;
  background-image:
      -webkit-gradient(linear, 0 top, 0 10, from(rgba(255, 255, 255, 0.22)), to(transparent)),
      -webkit-gradient(linear, 0 bottom, 0 28, from(rgba(255, 255, 255, 0.22)), to(transparent));
  background-image:
      gradient(linear, 0 top, 0 10, from(rgba(255, 255, 255, 0.22)), to(transparent)),
      gradient(linear, 0 bottom, 0 28, from(rgba(255, 255, 255, 0.22)), to(transparent));
  background-image:
      -moz-gradient(linear, 0 top, 0 10, from(rgba(255, 255, 255, 0.22)), to(transparent)),
      -moz-gradient(linear, 0 bottom, 0 28, from(rgba(255, 255, 255, 0.22)), to(transparent));
  background-image:
      -o-gradient(linear, 0 top, 0 10, from(rgba(255, 255, 255, 0.22)), to(transparent)),
      -o-gradient(linear, 0 bottom, 0 28, from(rgba(255, 255, 255, 0.22)), to(transparent));
}

.button.flat,
button.flat {
  background-image: none;
}

.button[disabled],
button[disabled] {
  background-color: rgb(68, 68, 68);
  color: #ACAFAF;
  border-color: #ACAFAF;
  background-image: none;
}

.button.yellow,
button.yellow {
  background-color: #522F00;
  background-image:
      -webkit-gradient(linear, 0 top, 0 10, from(#935810), to(transparent)),
      -webkit-gradient(linear, 0 bottom, 0 28, from(#935810), to(transparent));
  color: #ffae38;
  border-color: #ffae38;
}

.button.transparent,
button.transparent {
  background-color: rgba(31, 69, 73, 0.5);
}

.button.bigger,
button.bigger {
  padding: 9px 80px;
}

.button.smaller,
button.smaller {
  padding: 5px 20px;
}

.button.active,
button.active {
  color: #ebbc4a;
  border: 1px solid #ebbc4a;
}

*::-webkit-input-placeholder {
  color: #888888;
}
*:-moz-placeholder {
  /* FF 4-18 */
  color: #888888;
}
*::-moz-placeholder {
  /* FF 19+ */
  color: #888888;
}
*:-ms-input-placeholder {
  /* IE 10+ */
  color: #888888;
}

hr {
  border-color: #3d3a31;
}

*:focus {
  outline: 0;
}

::-webkit-scrollbar {
  width: 7px;
  padding: 2px;
}

::-webkit-scrollbar-track {
  background-color: black;
}

::-webkit-scrollbar-thumb {
  background-color: black;
  background-clip: padding-box;
  border-radius: 0px;
  border: 1px solid #489299;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #489299;
}

::-webkit-scrollbar-thumb:active {
  background-color: #489299;
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

::-webkit-scrollbar-button {
  display: block;
  width: 2px;
  height: 2px;
  background-color: black;
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

.expanding-table {
  display: table;
  width: 100%;
  height: 100%;
  margin-bottom: 0px;
}

.expanding-row {
  display: table-row;
  height: 100%;
}

.landing-page {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #489299;
  padding: 35px;
}

.landing-page .welcome-message {
  text-align: center;
  font-size: 24px;
  color: #489299;
}

.landing-page .sign-in-button {
  margin-top: 100px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  display: block;
}

.access-denied-page {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #489299;
  padding: 35px;
}

.access-denied-page .welcome-message {
  text-align: center;
  font-size: 24px;
  color: #489299;
}

.access-denied-page .reason {
  text-align: center;
  color: #ff5555;
  margin-top: 30px;
}

.access-denied-page .message {
  text-align: center;
  color: #489299;
}

.access-denied-page .sign-out-button {
  margin-top: 30px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  display: block;
}

.navbar {
  border-bottom: 1px solid #489299;
  height: 54px;
  margin-bottom: 0;
}

.navbar-inverse {
  background-color: #0b0c0d;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #5afbea;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret,
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #5afbea;
  border-bottom-color: #5afbea;
}

.navbar-inverse .navbar-brand.navbar-my-missions {
  margin-top: 3px;
  margin-left: 6px;
  font-size: 22px;
  color: #ffae38;
}

.navbar-login {
  margin-top: 3px;
  margin-right: -13px;
  font-size: normal;
  float: right !important;
}

.top-buffer {
  margin-top: 10px;
}

.fill-width {
  width: 100%;
}

.fill-height {
  height: 100%;
}

.no-padding-left {
  padding-left: 0;
}

.borderless td {
  border: none;
}

.loading-screen {
  position: fixed;
  top: 70px;
  right: 50px;
  z-index: 10000;
}

.loading-screen .loading {
  background: no-repeat url(/images/loading_data_circle.png);
  height: 30px;
  width: 30px;
}

.bordered-panel {
  border: 1px solid #489299;
  padding: 35px;
}

.x-button {
  background-image: url(/images/button_close.png);
  background-repeat: none;
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
}

#mission-overlay {
  position: absolute;
  bottom: 55px;
  left: 25px;
  width: 320px;
}

#mission-overlay-header {
  border: 1px solid #00bab5;
  height: 30px;
  width: 320px;
  margin-bottom: 4px;
  box-shadow: 2px 2px 10px #000;
}

#mission-overlay-header.header-nearby {
  background-color: #00534a;
}

#mission-overlay-header.header-portal {
  background-color: black;
  cursor: pointer;
}

#mission-overlay-header-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 10px;
}

#mission-overlay-header-text {
  font-size: 15px;
  display: inline-block;
  line-height: 28px;
  vertical-align: middle;
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
}

#mission-overlay-body-container {
  border: 1px solid #00bab5;
  width: 320px;
  background-color: black;
  box-shadow: 1px 1px 20px #000;
}

#mission-overlay-body {
  width: 316px;
  overflow-y: auto;
  height: 35vh;
}

#mission-overlay-loading {
  color: #ffd652;
  font-size: 15px;
  line-height: 100px;
  text-align: center;
}

#mission-overlay-none {
  line-height: 100px;
  text-align: center;
}


#mission-overlay-mission-list {
  display: table;
  cursor: pointer;
  width: 100%;
}

#mission-overlay-mission-list .mission-summary {
  padding: 10px;
  border-top: 1px solid #0b5753;
}

#mission-overlay-mission-list .mission-summary .mission-summary-logo-container {
  display: table-cell;
}

#mission-overlay-mission-list .mission-summary .mission-summary-logo {
  float: left;
  vertical-align: middle;
  margin-right: 15px;
  width: 44px;
}

#mission-overlay-mission-list .mission-summary .mission-summary-metadata {
  display: table-cell;
  font-size: 15px;
  vertical-align: middle;
  width: 80%;
}

#mission-overlay-mission-list .mission-name {
  color: #fff;
  width: 222px;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#mission-overlay-mission-list .mission-stats-container {
  display: table;
  margin-top: 0px;
  width: 100%;
  color: #69ccca;
}

#mission-overlay-mission-list .mission-completion-time-container {
  display: table-cell;
  font-size: 13px;
  width: 50%;
}

#mission-overlay-mission-list .time-like-icon {
  margin-right: 8px;
  vertical-align: middle;
  height: 14px;
}

#mission-overlay-mission-list .mission-stats-container-text  {
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
}

#mission-overlay-mission-list .divider {
  height:1px;
  background: #0b746e;
  margin-top: 10px;
  margin-bottom: 6px;
  width: 100%;
}

.editor .view {
  position: relative;
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  height: 42px;
}

.editor .save-status {
  position: absolute;
  top: 110px;
  width: 100px;
  right: 50px;
  text-align: right;
  font-size: x-small;
  color: #888888;
}

.editor .view .title {
  position: absolute;
  font-size: 10px;
  top: 28px;
}

.editor .view .title-1 {
  left: -18px;
}

.editor .view .title-2 {
  left: 42px;
}

.editor .view .title-3 {
  left: 125px;
}

.editor .view .title-4 {
  left: 203px;
}

.editor .view .bullet {
  position: absolute;
  cursor: pointer;

  top: 6px;
  left: 6px;
  background-color: #4e4e4e;
  border-radius: 50%;
  width: 12px;
  height: 12px
}

.editor .view span.bullet.active {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #54dbcd;
  border: 1px solid #5afbea;
}

.editor .view span.bullet.active:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  visibility: visible;
  background-color: black;
  border-radius: 50%;
  min-width: 10px;
  min-height: 10px;
  width: 12px;
  height: 12px;
}

.editor .view .bullet.complete {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #1d4c47;
  border: 1px solid #5afbea;
}

.editor .view .bullet-line {
  position: absolute;
  height: 1px;
  left: 10px;
  right: 2px;
  background-color: #5afbea;
  top: 12px;
}

.editor .view .bullet-1 {
  position: absolute;
  left: 0;
}

.editor .view .bullet-2 {
  position: absolute;
  left: 70px;
}

.editor .view .bullet-3 {
  position: absolute;
  left: 140px;
}

.editor .view .bullet-4 {
  position: absolute;
  left: 210px;
}

.editor .waypoints-view {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 122px;
  bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}

.editor .waypoints-view .footer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 50px;
  padding-top: 10px;
}

.editor .waypoints-view .map-panel {
  position: absolute;
  left: 0;
  right: 450px;
  top: 0;
  bottom: 50px;
}

.editor .waypoints-view .locate-me-button {
  position: absolute;
  right: 7px;
  top: 50px;
  background: no-repeat url(/images/common_sprite.png) 0 -40px;
  height: 40px;
  margin: 0 auto;
  width: 40px;
  cursor: pointer;
}

.editor .waypoints-view .locate-me-button.locating {
  background: no-repeat url(/images/common_sprite.png) -40px -40px;
}

.editor .waypoints-view .mission-header {
  display: table-row;
  width: 400px;
}

.editor .waypoints-view .mission-header .mission-image {
  display: table-cell;
  border: 1px solid;
  vertical-align: middle;
  width: 40px;
  height: 40px;

}

.editor .waypoints-view .mission-header .mission-name {
  display: table-cell;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 22px;
  max-width: 320px;
  line-height: 100%;
  padding-left: 10px;
  margin-top: -2px;
  color: white;
}

.editor .waypoints-view .side-panel {
  position: absolute;
  width: 420px;
  right: 0;
  top: 0;
  bottom: 50px;
}

.editor .waypoints-view .angular-google-map {
  height: 100%;
}

.editor .waypoints-view .angular-google-map-container {
  width: 100%;
  height: 100%;
  border: 1px solid #5afbea;
}

.editor .waypoints-view .location-map-search {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 350px;
}

.editor .waypoints-view .goto-location-text {
  background-color: rgba(0,0,0,0.7);
}

.editor .waypoints-view .clear-search-button {
  position: absolute;
  right: 25px;
  bottom: 10px;
}

.editor .waypoints-view .filter-map-options {
  position: absolute;
  left: 10px;
  top: 10px;
  background-color: rgba(0,0,0,.7);
  padding-left: 10px;
  padding-right: 10px;
  color: white;
  border: 1px solid #5afbea;
}

.editor .waypoints-view .results {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 40px;
}

.editor .waypoints-view .results .panel-section-header {
  padding: 10px 15px;
  border-bottom: 1px solid;
  color: white;
}

.editor .waypoints-view .results .panel-section-header .x-button {
  position: absolute;
  top: 8px;
  right: 15px;
  padding-left: 11px;
}

.editor .waypoints-view .results .zoom-too-coarse {
  position: absolute;
  width: 100%;
  top: 50%;
  text-align: center;
}

.editor .waypoints-view .results .panel-section-header.active {
  background-color: rgb(0, 79, 74);
  color: #ebbc4a;
  border: 1px solid #ebbc4a;
}


.editor .waypoints-view .poi-list {
  width: 100%;
  max-height: 100%;
  padding-right: 2px;
  background-clip: content-box;
}

.editor .waypoints-view .poi-list .poi {
  padding: 10px;
  border-top: 1px solid black;
  border-bottom: 1px solid #3d3a31;
  cursor: pointer;
}

.editor .waypoints-view .poi-list .poi.selected {
  background-color: #0c2424;
  border-top: 1px solid;
  border-bottom: 1px solid;
  cursor: default;
}

.editor .waypoints-view .poi-list .thumb {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 1px solid #5afbea;
}

.editor .waypoints-view .poi-list .title {
  display: inline-flex;
  white-space: nowrap;
  overflow-x: hidden;
  max-width: 295px;
  margin-left: 5px;
  margin-top: 10px;
  color: white;
}

.editor .waypoints-view .poi-list .type {
  display: inline;
  float: right;
  margin-top: 3px;
  margin-left: 10px;
}

.editor .waypoints-view .ft-type {
  width: 27px;
  height: 27px;
  background-image: url(/images/icon_fieldtrip.png);
  background-repeat: no-repeat;
  background-position-y: 8px;
}

.editor .waypoints-view .portal-type {
  width: 27px;
  height: 27px;
  background-image: url(/images/icon_portal.png);
  background-repeat: no-repeat;
}

.editor .waypoints-view .results .panel-section {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}

.editor .waypoints-view .poi-preview {
  position: absolute;
  right: 0;
  top: 75px;
  bottom: 25px;
  width: 310px;
  border: 1px solid #5afbea;
}

.editor .waypoints-view .poi-preview .poi-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background-color: #1b3c39;
  padding-top: 15px;
  padding-left: 10px;
  color: #5afbea;
  white-space: nowrap;
  overflow-x: hidden;
  border-bottom: 1px solid;
}

.editor .waypoints-view .poi-preview .poi-title .type {
  float: left;
  margin-right: 3px;
  margin-top: -3px;
}

.editor .waypoints-view .poi-preview .poi-title .text {
  max-width: 230px;
  overflow-x: hidden;
  float: left;
  display: inline-block;
  color: white;
}

.editor .waypoints-view .poi-preview .poi-body {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  overflow-y: auto;
  background-color: black;
}

.editor .waypoints-view .poi-preview .poi-body .publisher-info {
  margin-top: 5px;
  margin-bottom: 15px;
}

.editor .waypoints-view .poi-preview .poi-body .publisher-info .logo {
  width: 40px;
  height: 40px;
  float: left;
  display: inline-block;
  margin-right: 10px;
  background-color: white;
}

.editor .waypoints-view .poi-preview .poi-body .publisher-info .name {
  height: 40px;
  display: table-cell;
  vertical-align: middle
}

.editor .waypoints-view .poi-preview .poi-body .publisher-details {
  margin-top: 10px;
  clear: both;
  padding-bottom: 100px;
}

.editor .waypoints-view .poi-preview .poi-body .poi-description {
  clear: both;
}

.editor .waypoints-view .poi-preview .poi-body.with-bottom {
  bottom: 70px;
  margin-right: 2px;
}

.editor .waypoints-view .poi-preview .poi-body .poi-photo {
  max-width: 260px;
  max-height: 200px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.editor .waypoints-view .poi-preview .poi-body .top-missions-link {
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

.editor .waypoints-view .poi-preview .poi-body .top-missions-link .top-missions-icon {
  height: 16px;
  width: 16px;
  margin-right: 8px;
}

.editor .waypoints-view .poi-preview .poi-bottom {
  position: absolute;
  bottom: 0;
  height: 70px;
  left: 0;
  right: 0;
  background-color: black;
}

.editor .waypoints-view .poi-preview .poi-bottom .add-waypoint-btn {
  margin-left: 20px;
  width: 268px;
  margin-top: 15px;
}

.editor .waypoints-view .poi-preview .x-button {
  margin-right: 10px;
  float: right !important;
}

.editor .waypoints-view .waypoints {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 50px;
}

.editor .waypoints-view .waypoints .panel-section-header {
  padding: 10px 10px;
  border-bottom: 1px solid;
  color: white;
}

.editor .waypoints-view .waypoints .details {
  position: absolute;
  top: 0;
  height: 50px;
  left: 0;
  right: 0;
}

.editor .waypoints-view .waypoints .panel-section {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
  background-clip: content-box;
}

.editor .waypoint-buttons {
  float: right !important;
  padding-top: 5px;
}

.editor .waypoints-view .waypoints .button-up {
  background-image: url(/images/button_up.png);
  width: 30px;
  height: 30px;
  display: inline-block;
}

.editor .waypoints-view .waypoints .button-down {
  background-image: url(/images/button_down.png);
  width: 30px;
  height: 30px;
  display: inline-block;
}

.editor .waypoints-view .waypoints .button-remove {
  background-image: url(/images/button_remove.png);
  width: 30px;
  height: 30px;
  display: inline-block;
}

.editor .waypoints-view .waypoints .panel-section-footer {
  color: #FB5959;
  padding: 10px 15px;
  border-top: 1px solid;
}

.editor .waypoints-view .waypoints .errors {
  position: absolute;
  bottom: 0;
  height: 50px;
  left: 0;
  right: 0;
  overflow-y: auto;
}

.editor .waypoints-view .waypoints .errors .message {
  font-size: small;
}

.editor .waypoints-view .waypoints .waypoint .number {
  width: 32px;
  height: 32px;
  background-image: url(/images/circle_sgl.png);
  text-align: center;
  padding-top: 7px;
  margin-top: 3px;
}

.editor .waypoints-view .waypoints .waypoint.selected .number {
  width: 32px;
  height: 32px;
  background-image: url(/images/circle_dbl.png);
}

.editor .waypoints-view .waypoints .waypoint-image {
  width: 40px;
  height: 40px;
  border: 1px solid;
  cursor: pointer;
  display: inline-block;
}

.editor .waypoints-view .waypoints .waypoint .title {
  margin-right: 10px;
  margin-top: 10px;
  white-space: nowrap;
  overflow-x: hidden;
  max-width: 195px;
  color: white;
}

.editor .waypoints-view .waypoints .waypoint {
  padding: 10px;
  width: 100%;
  border-bottom: 1px solid #3d3a31;
}

.editor .waypoints-view .waypoints .waypoint.unselected {
  cursor: pointer;
}

.editor .waypoints-view .waypoints .waypoint.selected {
  background-color: #0c2424;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.editor .waypoints-view .waypoints .waypoint .control-label {
  font-size: small;
}

.editor .waypoints-view .waypoints .waypoint .form-group {
  margin-top: 5px;
  margin-bottom: 5px;
}

.editor .footer-buttons {
  clear: both;
  margin-top: 20px;
  float: right;
}

.editor .title-view {
}

.editor .type-view {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.editor .name-view {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.editor .name-view .errors {
  margin-top: 20px;
  margin-bottom: 40px;
  background-color: rgb(79, 0, 0);
  color: #FB5959;
  padding: 10px 15px;
  border: 1px solid #5afbea;
}

.editor .preview-view {
  position: absolute;
  top: 122px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.editor .preview-view .preview-buttons{
  padding-top: 10px;
}

.editor .preview-view .footer {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 50px;
  padding-top: 10px;
}

.preview-mission {
  color: #69ccca;
  height: 100%;
}

.preview-mission .mission-header {
  margin-bottom: 20px;
  white-space: nowrap;
}

.preview-mission .mission-header .mission-image-column {
  display: table-cell;
}

.preview-mission .mission-header .mission-image {
  border: 1px solid;
}

.preview-mission .mission-header .mission-image-revised {
  border: 25px solid #833700;
}

.preview-mission .mission-header .mission-image .img-author {
  /* Keep these in sync with ImageSizes in constants.js */
  width: 74px;
  height: 74px;
}

.preview-mission .mission-header .mission-image .img-ops {
  /* Keep these in sync with ImageSizes in constants.js */
  width: 242px;
  height: 242px;
}

.preview-mission .mission-header .mission-text {
  white-space: normal;
  display: table-cell;
  border-spacing: 20px 20px;
  vertical-align: top;
  height: 75px;
}

.preview-mission .mission-header .mission-text .mission-name {
  color: #ffffff;
  font-size: 28px;
  display: table-row;
  vertical-align: top;
  line-height: 26px;
}

.preview-mission .mission-header .mission-text .mission-author-nickname {
  font-size: 15px;
  display: table-row;
  vertical-align: middle;
  margin-top: 5px;
}

.preview-mission .body-panel {
  position: relative;
  width: 100%;
}

.preview-mission .body-panel .panel-container {
  /**
   * THIS (height: 1px) IS A HACK!!!
   * This is needed to get the layout to be correct on Firefox.
   * The desired behavior is that the waypoint list will get a
   * scrollbar if there are too many waypoints, without this
   * height: 1px, Firefox does not give the waypoints a scroll
   * bar.  This issue can be seen in the following jsfiddle:
   * https://jsfiddle.net/z7rfkwp1/7/
   *
   * If you change this, you MUST do rigorous testing on
   * Chrome, Safari, and Firefox to make sure the functionality
   * is not broken.
   */
  height: 1px;

  width: 100%;
  min-width: 500px;
  display: table-cell;
  border: 1px solid #174540;
  padding: 20px;
}

.preview-mission .body-panel .panel-container .map {
  position: relative;
  height: 100%;
  float: left;
}

.preview-mission .angular-google-map {
  height: 100%;
}

.preview-mission .angular-google-map-container {
  border: 1px solid;
  width: 400px;

  /* This needs to match the height in .body-panel .panel-container .waypoints */
  height: 400px;
}

.preview-mission .body-panel .panel-container .waypoints {
  position: relative;
  overflow-y: auto;
  max-height: 100%;
  padding-left: 20px;

  /* This needs to match the map height in .angular-google-map-container */
  min-height: 400px;
}

.preview-mission .waypoints .waypoint {
  padding: 10px;
  width: 100%;
  border-bottom: 1px solid #3d3a31;
  min-height: 60px;
}

.preview-mission .waypoints .waypoint .number {
  display: inline-block;
  float: left;
  width: 32px;
  height: 32px;
  background-image: url(/images/circle_sgl.png);
  text-align: center;
  padding-top: 7px;
  margin-top: 3px;
}

.preview-mission .waypoints .waypoint.selected .number {
  width: 32px;
  height: 32px;
  background-image: url(/images/circle_dbl.png);
}

.preview-mission .waypoints .waypoint-image {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  border: 1px solid;
  margin-left: 10px;
}

.preview-mission .waypoints .waypoint .details {
  display: inline-block;
  margin-left: 10px;
  max-width: 195px;
}

.preview-mission .waypoints .waypoint .details .title {
  font-size: 14px;
  color: #ffffff;
}

.preview-mission .waypoints .waypoint .details .objective {
  font-size: 13px;
}

.preview-mission .waypoints .waypoint .hidden-waypoint {
  font-size: 13px;
  color: #999999;
}

.preview-mission .waypoints .waypoint .details .qa {
  margin-top: 5px;
  font-size: 13px;
}

.preview-mission .waypoints .waypoint .details .description {
  margin-top: 5px;
  font-size: 13px;
}

.preview-mission .waypoints .waypoint .details .location-clue {
  margin-top: 5px;
  font-size: 13px;
}

.preview-mission .preview-mission-text .mission-logo-badge {
  display: table;
  padding-bottom: 10px;
}

.preview-mission .preview-mission-text .mission-logo-badge .logo-badge-header {
  display: table-row;
}

.preview-mission .preview-mission-text .mission-logo-badge .logo-badge-header .logo-badge-header-text {
  display: table-cell;
  padding: 10px;
  font-weight: bold;
  text-align: center;
}

.preview-mission .preview-mission-text .mission-logo-badge .logo-badge-image-container {
  display: table-row;
}

.preview-mission .preview-mission-text .mission-logo-badge .logo-badge-image-container .logo-badge-image {
  display: table-cell;
  padding: 10px;
}

.preview-mission .preview-mission-text .waypoints .header{
  font-size: larger;
  font-weight: 600;
  padding-bottom: 5px;
}

.preview-mission .preview-mission-text .waypoints .waypoint {
  padding-bottom: 10px;
}

.preview-mission .preview-mission-text .waypoints .waypoint .title {
  white-space: nowrap;
  overflow-x: hidden;
}

.preview-mission .preview-mission-text .waypoints .waypoint .objective {
}

.preview-mission .preview-mission-text .waypoints .waypoint .custom-description {
}

.preview-mission .preview-mission-text .waypoints .waypoint .question {
}

.preview-mission .preview-mission-text .waypoints .waypoint .passphrase {
}

.preview-mission .mission-stats {
  display: table;
  width: 290px;
  margin-bottom: 15px;
}

.preview-mission .mission-stats .mission-stats-row{
  display: table-row;
}

.preview-mission .mission-stats .mission-stats-row .mission-stats-item {
  display: table-cell;
  width: 33%;
}

.preview-mission .mission-stats .mission-stats-row .mission-stats-item .time-like-icon {
  background-image: url(/images/time.png);
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  background-size: Auto 15px;
  background-repeat: no-repeat;
  margin-right:5px;
}

.preview-mission .mission-stats .mission-stats-row .mission-stats-item .liked-icon {
  background-image: url(/images/liked.png);
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  background-size: Auto 15px;
  background-repeat: no-repeat;
  margin-right:5px;
}

.preview-mission .mission-stats .mission-stats-row .mission-stats-item .agents-icon {
  background-image: url(/images/agents.png);
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
  background-size: Auto 15px;
  background-repeat: no-repeat;
}

.preview-mission .mission-stats .mission-stats-row .mission-stats-item .stats-value {
  display: inline-block;
  vertical-align: top;
  height: 16px;
}

.preview-mission .mission-description {
  display: block;
  margin-bottom: 20px;
}

.mission-profile {
  position: absolute;
  top: 85px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.mission-profile .preview-mission .mission-header .mission-text{
  border-spacing: 20px 10px;
}

.mission-profile .links {
  margin-top: 15px;
  margin-bottom: 10px;
}

.mission-profile .links .link {
  text-decoration: underline;
  margin-right: 20px;
  color: #69ccca;
  font-size: 13px;
}

.search-missions {
}

.search-missions .load-more-search-results-btn {
  margin-top: 10px;
}

.search-missions .controls {
}

.search-missions .controls .title .title-text-field {
  width: 300px;
}

.search-missions .controls .author-guid {
  margin-left: 10px;
}

.search-missions .controls .author-guid .author-guid-text-field {
  width: 300px;
}

.search-missions .results .result-row {
  margin-top: 4px;
  border-style: solid;
  border-width: 1px;
  padding: 5px;
}

.search-missions .results .result-row .summary {
  display: table;
  width: 100%;
}

.search-missions .results .result-row .summary .title {
  display: table-cell;
  text-decoration: underline;
}

.search-missions .results .result-row .summary .author-guid {
  display: table-cell;
  width: 300px;
}

.search-missions .results .result-row .summary .curation-type {
  display: table-cell;
  width: 140px;
}

.search-missions .results .result-row .summary .curation-state {
  display: table-cell;
  width: 100px;
}

.search-missions .results .result-row .summary .mission-details-text {
  display: table-cell;
  text-decoration: underline;
  text-align: right;
  width: 200px;
}

.search-missions .results .result-row .mission-details .search-mission-thumbnail {
  display: inline-block;
  /* Keep these in sync with ImageSizes in constants.js */
  width: 120px;
  height: 120px;
}

.search-mission-thumbnail {
  vertical-align: top;
}

.search-missions .results .result-row .mission-details .text {
  display: inline-block;
}

.search-missions .results .check-box {
  width: 20px;
  display: table-cell;
}

.detailed-search-results {
  position: absolute;
  top: 60px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.detailed-search-results .search-back-button{
  margin-bottom: 20px;
}

.detailed-search-results .ops-controls {
  padding-top: 5px;
  margin-bottom: 20px;
}

.detailed-search-results .ops-controls .takedown-btn {
  color: white;
  border: 1px solid white;
  width: 100px;
  margin-right: 5px;
  float: left;
}

.detailed-search-results .ops-controls .dmca-takedown-btn {
  color: white;
  border: 1px solid white;
  margin-right: 5px;
  margin-top: 30px;
}

.detailed-search-results .ops-controls .notes {
  width: 100%;
  height: 100px;
  background-color: #202020;
  margin-top: 20px;
}

.detailed-search-results .ops-controls .decision-reasons {
  float: left;
  padding-right: 20px;
}

.review-mission {
  position: absolute;
  top: 70px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.review-mission .ops-controls {
  margin-bottom: 20px;
}

.review-mission .result-text {
  margin-bottom: 20px;
}

.review-mission .ops-controls .buttons {
  margin-top: 20px;
  float: left;
}

.review-mission .ops-controls .buttons .approve {
  background-color: #105a01;
  color: white;
  outline: 1px solid white;
  width: 85px;
  margin-right: 5px;
}

.review-mission .ops-controls .buttons .reject {
  background-color: #a40d0d;
  color: white;
  outline: 1px solid white;
  width: 85px;
  margin-right: 5px;
  font-weight: bold;
}

.review-mission .ops-controls .buttons .skip {
  background-color: #1E3438
  color: white;
  outline: 1px solid white;
  width: 85px;
  margin-right: 5px;
}

.review-mission .ops-controls .buttons .button-selected {
  outline: 4px solid white;
  font-weight: bold;
}

.review-mission .ops-controls .notes {
  width: 100%;
  height: 100px;
  background-color: #202020;
  margin-top: 20px;
}

.batch-missions-list .ops-change-mission-author-controls .new-author-guid .new-author-guid-text-field {
  width: 300px;
  margin-top: 20px;
}

.batch-missions-list .ops-change-mission-author-controls .author-updated-mission-guids {
  margin-top: 20px;
}

.author-updated-mission-guid {
  color: white;
  line-height: 0.5;
}

.batch-missions-list .ops-change-mission-author-controls .author-failed-mission-guids {
  margin-top: 20px;
}

.author-failed-mission-guid {
  color: red;
  line-height: 0.5;
}

.batch-missions-list .ops-change-mission-author-controls .change-author-success {
  color: green;
}
.batch-missions-list .ops-change-mission-author-controls .change-author-error {
  color: red;
}
.batch-missions-list .ops-change-mission-author-controls .change-mission-author-status {
  margin-left: 5px;
}


.batch-missions-list .ops-change-mission-author-controls .change-mission-author-button {
  background-color: #105a01;
  color: white;
  outline: 1px solid white;
  width: 85px;
  margin-left: 5px;
}

.review-mission .ops-controls .decision-reasons {
  float: left;
  margin-top: 20px;
}

.review-mission .ops-controls .submit-button {
  margin-top: 20px;
  float: left;
  padding-left: 10px;
}

.review-mission .ops-controls .submit-button .submit {
  background-color: #105a01;
  color: white;
  outline: 1px solid white;
  width: 85px;
  margin-right: 5px;
}

.upload-logo {
  display: table;
}

.upload-logo .input-row {
  display: table-row;
}

.upload-logo .input-row .upload-label {
  display: table-cell;
  padding-right: 20px;
  vertical-align: middle;
}

.upload-logo .input-row .upload-logo-cell {
  display: table-cell;
  padding-left: 10px;
}

.upload-logo .input-row .upload-logo-cell .logo-upload-label {
}

.upload-logo .input-row .clear-logo-cell {
  display: table-cell;
}

.upload-logo .uploaded-images-headers {
  display: table-row;
}

.upload-logo .uploaded-images-headers .image-header {
  display: table-cell;
  padding: 10px;
  font-weight: bold;
  text-align: center;
}

.upload-logo .uploaded-images {
  display: table-row;
}

.upload-logo .uploaded-image {
  display: table-cell;
  padding: 10px;
  text-align: center;
}

.editor .cluster-label {
  color: black;
  font-family: 'Coda';
  text-align: center;
}

.waypoint-label {
  font-size: 14px;
  font-family: 'Coda';
  text-align: center;
  width: 40px;
}

.list {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.list .welcome-panel {
  margin-top: 64px;
  border: 1px solid #489299;
  padding: 35px;
}

.list .welcome-panel .welcome-message {
  text-align: center;
  font-size: 24px;
  color: #489299;
}

.list .welcome-panel .design-message {
  margin-top: 36px;
  text-align: center;
  font-size: 14px;
}

.list .welcome-panel .create-new {
  margin-top: 68px;
  text-align: center;
}

.list .create-mission-button {
  float: right !important;
  display: block;
  margin-top: 40px;
  padding: 9px 30px;
}

.list .missions-list {
  clear: both;
  padding-top: 40px;
}

.list .mission {
  padding: 7px 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.mission-list-item-published {
  background-image:
    linear-gradient(
      to right, #21696b,
      transparent
    );
  border: 1px solid #21696b;
}

.mission-list-item-draft {
  background-image:
    linear-gradient(
      to right, #4c3b1f,
      transparent
    );
  border: 1px solid #4c3b1f;
}

.mission-list-item-draft_of_published_mission {
  background-image:
    linear-gradient(
      to right, #21696b,
      transparent
    );
  border: 1px solid #21696b;
}

.mission-list-item-submitted {
  background-image:
    linear-gradient(
      to right, #4c3b1f,
      transparent
    );
  border: 1px solid #4c3b1f;
}

.mission-list-item-disabled {
  background-image:
    linear-gradient(
      to right, #6b6b6b,
      transparent
    );
  border: 1px solid #6b6b6b;
}

.mission-list-item-submitted_and_published {
  background-image:
    linear-gradient(
      to right, #21696b,
      transparent
    );
  border: 1px solid #21696b;
}

.list .mission .details {
}

.list .mission .name {
  font-size: 20px;
  color: #8cffff;
}

.list .mission .mission-title-draft {
  color: #f7ba5f;
}

.list .mission .mission-title-draft_of_published_mission {
  color: #8cffff;
}

.list .mission .mission-title-submitted {
  color: #9c763d;
}

.list .mission .mission-title-published {
  color: #8cffff;
}

.list .mission .mission-title-submitted_and_published {
  color: #56b1b2;
}

.list .mission .mission-title-suffix-draft {
  color: #f7ba5f;
}

.list .mission .mission-title-suffix-draft_of_published_mission {
  color: #f7ba5f;
}

.list .mission .mission-title-suffix-submitted_and_published {
  color: #898659;
}

.list .mission .mission-title-suffix-submitted {
  color: #9c763d;
}

.list .mission .mission-title-suffix-published {
  color: #8cffff;
}

.list .mission .mission-time-draft {
  color: #b2b0a1;
  font-size: 14px;
}

.list .mission .mission-time-draft_of_published_mission {
  color: #b2b0a1;
  font-size: 14px;
}

.list .mission .mission-time-submitted {
  color: #b2b0a1;
  font-size: 14px;
}

.list .mission .mission-time-published {
  color: #b2b0a1;
  font-size: 14px;
}

.list .mission .mission-time-submitted_and_published {
  color: #b2b0a1;
  font-size: 14px;
}

.list .mission .mission-image {
  display: inline-block;
  float: left;
  margin-top: 6px;
  width: 60px;
  height: 60px;
}

.list .mission .info {
  display: inline-block;
  float: left;
  margin-left: 15px;
  max-width: 400px;
}

.list .mission .mission-type {
  color: #ffffff;
}

.list .mission .submitted {
  color: #bbb;
}

.list .mission .published {
  color: #b2b0a1;
}

.list .mission .revision-submitted {
  color: #bbb;
}

.list .mission .draft {
  color: #ffae38;
}

.list .mission .stats {
  margin-left: 20px;
  vertical-align: middle;
}

.list .mission .time-icon {
  background-image: url(/images/time.png);
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  background-size: Auto 15px;
  background-repeat: no-repeat;
}

.list .mission .liked-icon {
  background-image: url(/images/liked.png);
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  background-size: Auto 15px;
  background-repeat: no-repeat;
}

.list .mission .agents-icon {
  background-image: url(/images/agents.png);
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  background-size: Auto 15px;
  background-repeat: no-repeat;
}

.list .mission .stats-number {
  margin-left: 5px;
}

.list .mission .actions {
  width: 50%;
}

.list .mission .actions .buttons {
}

.list .mission .actions .buttons .button-group {
  display: flex;
  align-items: center;
}

.list .mission .actions .buttons .action-button-hr-div {
}

.list .mission .actions .buttons .action-button-hr {
  height:1px;
  background: #0b746e;
  margin-top: 10px;
  margin-bottom: 10px;
}

.list .mission .actions .buttons .button-group .button-description{
  padding-left: 20px;
  font-size: 12px;
  color: #b2b0a1;
}

.list .mission .action-button {
  min-width: 128px;
  max-width: 128px;
  height: 32px;
  padding: 0px 0px;
}

.list .mission .action-button {
  min-width: 128px;
  max-width: 128px;
  height: 32px;
  padding: 0px 0px;
}

.mission-history {
  padding-top: 10px;
  padding-bottom: 10px;
}

.mission-history-row {
  padding-top: 2px;
  padding-bottom: 2px;
}

.history-item-rejected {
  color: #ff0000;
}

.history-item-takedown {
  color: #ffa500;
}

.history-item-default {
  color: #ffffff;
}

.mat-error-modal {
  color: #000000;
}

.mat-application-error-modal {
  color: #000000;
}

.mat-uncaught-error-modal {
  color: #000000;
}

.waypoint-labels {
  color: #8effff;
  font-size: 14px;
}

.ops-review-warnings {
  height: 100px;
}

.ops-review-warning-common {
  color: black;
  font-size: 18px;
  border-style: solid;
  border-width: 2px;
  border-color: white;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 100px;
  align-items: center;
  display: flex;
}

.ops-review-warning-previously-rejected {
  background-color: red;
}

.ops-review-warning-previously-taken-down {
  background-color: orange;
}

.spin {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

input[type='file'] {
  display: none;
}

.view-screen {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 150px;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  margin-bottom: 10px;
}

.revised {
  background-color: #833700;
}

#footer {
  padding: 15px 0 10px 0;
  margin-top: 10px;
  text-align: center;
  font-size: 90%;
}

#footer a:link {
  color: #489299;
}

#footer a:visited {
  color: #666;
}

#about-page {
  background-color: #FFF;
  color: #000;
  font-family: arial, helvetica, sans-serif;
  height: 100%;
  width: 100%;
  margin-top: 0;
}

#about-page #container {
  padding: 20px;
  position: absolute;
  width: 90%;
}

#about-page pre {
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
}

.batch-missions-list .ops-controls .buttons {
  margin-top: 20px;
  float: left;
}

.batch-missions-list .ops-controls .buttons .approve {
  background-color: #105a01;
  color: white;
  outline: 1px solid white;
  width: 85px;
  margin-right: 5px;
}

.batch-missions-list .ops-controls .buttons .reject {
  background-color: #a40d0d;
  color: white;
  outline: 1px solid white;
  width: 85px;
  margin-right: 5px;
  font-weight: bold;
}

.batch-missions-list .ops-controls .buttons .skip {
  background-color: #1E3438
  color: white;
  outline: 1px solid white;
  width: 85px;
  margin-right: 5px;
}

.batch-missions-list .ops-controls .buttons .button-selected {
  outline: 4px solid white;
  font-weight: bold;
}

.batch-missions-list .ops-controls .notes {
  width: 100%;
  height: 100px;
  background-color: #202020;
  margin-top: 20px;
}

.batch-missions-list .ops-controls .decision-reasons {
  float: left;
  margin-top: 20px;
}

.batch-missions-list .ops-controls .submit-button {
  margin-top: 20px;
  float: left;
  padding-left: 10px;
}

.batch-missions-list .ops-controls .submit-button .submit {
  background-color: #105a01;
  color: white;
  outline: 1px solid white;
  width: 85px;
  margin-right: 5px;
}