.skunkworks-green {
  background-color: #909933;
  color: #fff;
}
.skunkworks-green.darken-1 {
  background-color: #7e862d;
}
.skunkworks-green.lighten-4 {
  background-color: #f0f2d9;
}
.skunkworks-green.lighten-4 .btn {
  background-color: #909933;
}
.skunkworks-green.lighten-4 .btn-flat {
  color: #909933;
}
.skunkworks-green .input-field > label {
  color: #f0f2d9;
}
.skunkworks-green .select-wrapper .caret {
  fill: rgba(0, 0, 0, 0.7);
}
.skunkworks-green .select-wrapper input {
  color: rgba(0, 0, 0, 0.7);
}
.skunkworks-green .select-wrapper input.select-dropdown {
  border-bottom: 1px solid #c3cc66;
}

.dropdown-content li a {
  color: #000;
}
.dropdown-content li span {
  color: #000;
}

.select-dropdown li img {
  float: left;
}

@media only screen and (max-width: 600px) {
  html {
    background-image: none !important;
  }

  .valign-wrapper {
    height: 100% !important;
  }

  .container {
    width: 100vw;
    margin: 0;
  }
  .container .card {
    width: 100vw;
    margin: 0;
    position: absolute;
    top: 104px;
  }
}
#dev-mode-label {
  color: black;
}
#dev-mode-label [type=checkbox].filled-in:checked + span:not(.lever):after {
  border: 2px solid #909933;
  background-color: #909933;
}
html {
  height: 100%;
  min-height: 100vh;
  background-image: url(https://skunk.ws/skunk-images/backgrounds/original.jpg);
  background-size: cover;
  background-position: center center;
  font-family: "Roboto", sans-serif;
}
html body {
  height: 100%;
  min-height: 100vh;
  background-color: rgba(3, 28, 7, 0.6);
}
html body nav {
  height: 64px !important;
  background-color: #222;
  color: #b0b1ad;
}
html body nav .nav-wrapper .row {
  margin-bottom: 0;
}
html body nav .tabs.tabs-transparent {
  background-color: #141414;
}
html body nav .brand-logo span {
  color: #b0b1ad;
}
html body nav .brand-logo i {
  color: #b0b1ad;
}
html body nav i {
  color: #b0b1ad;
}
html body nav ul a {
  color: #b0b1ad;
}
html body nav ul i, html body nav ul svg {
  position: relative;
  top: 6px;
}
html body .sidenav svg {
  position: relative;
  top: 6px;
  margin-right: 8px;
}
html body main {
  height: calc(100% - 64px);
}
html body main .container {
  height: calc(100% - 64px);
}
html body main .container .valign-wrapper {
  height: calc(100% - 64px);
}
html body .card .card-tabs .tabs .tab a {
  color: rgba(255, 255, 255, 0.6);
}
html body .card .card-tabs .tabs .tab a.active {
  color: white;
  background-color: #858e2f;
}
html body .card .card-tabs .tabs .tab a:hover {
  color: rgba(255, 255, 255, 0.8);
}
html body .card .card-tabs .tabs .tab a:focus {
  background-color: rgba(255, 255, 255, 0.1);
}
html body .card .card-tabs .tabs .tab a:focus.active {
  background-color: rgba(255, 255, 255, 0.1);
}
html body .card .card-tabs .tabs .indicator {
  background-color: #fff;
}
html body .card .card-content p {
  margin-bottom: 1.3em;
}
html body .card .card-content form .materialize-textarea {
  max-height: 40vh;
  overflow: auto;
}
html body .card .card-action {
  padding: 8px 0;
}
html body .card .card-action.right-align .btn, html body .card .card-action.right-align .btn-flat {
  margin-right: 0 !important;
}
html body #success .card-content form .materialize-textarea {
  max-height: 41px !important;
}
html body #success .card-action {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
html body #modal-info .row {
  margin-bottom: 0;
}
html body #modal-info .row p:first-of-type {
  margin-top: 0;
}
html body #modal-info .row p:last-of-type {
  margin-bottom: 0;
}
html body textarea#textarea1 {
  font-family: monospace;
}
html body textarea#textarea1.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #4CAF51;
}
html body textarea#textarea1.materialize-textarea:focus:not([readonly]) + label {
  color: #4CAF51;
}
html body textarea#textarea2 {
  font-family: monospace;
}
html body textarea#textarea2.materialize-textarea {
  border-bottom: 1px solid #fff;
}
html body textarea#textarea2.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #fff;
}

.toast {
  color: #fff;
  background-color: rgba(176, 177, 173, 0.5);
}

@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.spinner-icon {
  animation: spinner 1.2s linear infinite;
}