body, #login {
  background-color:#eaeaea;
}

header {
  background-color: #eaeaea;
}

.action,
#breadcrumbs,
#breadcrumbs span,
.dashboard #nav,
#listing.mosaic h2,
#login h1 {
  color: #84c43f;
}

#listing.list .item.header {
  color: rgba(255, 255, 255, 0.7);
  background: #616161;
}

#listing.list .item,
#listing.mosaic .item {
  background-color: #e3ebd9;
  color: #84c43f;
}


.dashboard {
  background: #eaeaea;
}

select,
textarea,
input,
.dashboard textarea,
.dashboard #locale,
.dashboard input[type=password],
.dashboard input[type=text] {
    border-radius: .1em;
    padding: .5em 1em;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    color: #333;
    margin: 0;
}

select,
.dashboard input[type=password],
.dashboard input[type=text],
.dashboard select {
  padding: 8px;
}

#search #input {
  background-color: #cbe0b4;
  color: rgba(255, 255, 255, 0.7);
}

#search.active #input>.action i,
#search.active input,
#search.active #input,
#login input[type=password], #login input[type=text] {
    background: #fff;
    color: #333;
}

#search #result {
  background-color: rgba(0, 0, 2, 0.7);
  color: rgba(255, 255, 255, 0.7);
}

#search #result .boxes,
.card {
  background-color: #eaeaea;
  padding: 0 15px 15px 15px;
}

#search #result .boxes h3,
.card h2,
.card h3,
.card p,

#nav li {
  padding-top: 1em !important;
}

nav.active, #dropdown.active {
    background-color: rgb(51, 51, 51);
}

#file-selection {
    background: #303030;
}

.button{
    outline: 0;	
    border: 0;
    padding: .5em 1em;
    border-radius: .1em;
    cursor: pointer;
    background: #84c43f;
    color: #fff;
    border: 1px solid rgba(0,0,0,.05);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.05);
    box-shadow: 0 0 5px rgba(0,0,0,.05);
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

.button--block {
    margin: 0 0 .5em;
    display: block;
    width: 100%;
}
.button:hover {
    background-color: #64992b;
}
.dashboard #nav li.active {
    border-color: #84c43f;
}
.button--red {
    background-color: white;
}
.button--grey{
	background-color: white;
}
.button--grey:hover{
	color: white;
}

#search .boxes>div>div {
    background: #84c43f;
    color: #fff;
    text-align: center;
    width: 10em;
    padding: 1em;
    cursor: pointer;
    margin-bottom: 1em;
    margin-right: 1em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#listing .item[aria-selected=true] {
    background: #84c43f!important;
    color: #fff!important;
}