body {
    background-color: #E8F5E9;
}

.modal-header {
    /*background-color: #009688;*/
    background-color: #00BFA5;
    border-radius: 5px 5px 0px 0px;
    color: #FAFAFA;
}

.modal-body {
    /*background-color: #B2DFDB;*/
    background-color: #E0F2F1;
    border-radius: 0px 0px 0px 0px;
    color: #333333;
}

.modal-footer {
    /*background-color: #009688;*/
    background-color: #00BFA5;
    border-radius: 0px 0px 5px 5px;
    color: #FAFAFA;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}

.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.city-quest-header-container {
    margin-left: 15px;
    margin-right: 20px;
}

.city-quest-body-container {
    margin-left: 15px;
    margin-right: 15px;
}

input, button, select, textarea {
    color: #333333;
}

.cq-icon-white-button {
    color: #ffffff;
    margin-left: 1px;
    margin-right: 1px;
}

.cq-icon-black-button {
    color: #333333;
    margin-left: 1px;
    margin-right: 1px;
}

.cq-main-info-accordion {
    color: #333333;
    background-color: #E0F2F1;
}

.cq-other-info-accordion {
    color: #333333;
    background-color: #E0F2F1;
}

.cq-control {
    width: 100%;
}

.cq-pull-btn {
    margin-left: 1px;
    margin-right: 1px;
}

.cropArea {
  background: #E4E4E4;
  overflow: hidden;
  width: 98%; /*700px;*/
  height: 500px;
  margin: 1%;
}