body {
  background: #d6ccaf;
}
html {
    background: #d6ccaf;
}
.fs-form-overview {
    background: #FFF8E1;
}

.fs-form-wrap {
    color: #756e5b;
}

/*---------- NAV -----------*/
.fs-nav-dots button:hover::before, .fs-nav-dots button.fs-dot-current::before {
        background: #756e5b;
    border: 1px solid #605b51;
}

.fs-nav-dots button::after {
    background-color: #F44336;
}

.fs-nav-dots button::before, .fs-nav-dots button::after {
border: 1px dashed #8c805f;
    background-color: #8c805f;
}
/*--------------------------------*/
.fs-fields input {
    border-bottom: 2px dashed rgb(99 93 76);
}

 .fs-fields input {
    color: #8c805f;
}
 .fs-fields textarea {
    border: 2px solid #8c805f;
    color: #8c805f;
}

/*---------- Continue Button ----------*/
button.fs-submit, button.fs-continue {
    border: 3px solid #605b51;
    color: #756e5b;
/*    background: #000000;*/
}

button.fs-submit:hover, button.fs-submit:focus, button.fs-continue:hover {
    background: #3d3d3d;
    /* border: 3px dashed #518b0f; */
}

.fs-continue::after {
    color: #756e5b;
}

@media screen and (max-width: 52.5em) {
    button.fs-continue::before {
        color: #605b51 !important;
    }
}

/*----------------Progress Bar--------------*/
.fs-progress {
    background: #388e3c;
}
/*---------------------------------------------*/

 /*-----------Raing----------*/
.rating:not(:hover) label input:checked ~ .icon, .rating:hover label:hover input ~ .icon {
    color: #f57c00;
}

.overview .rating:not(:hover) label input:checked ~ .icon{
    color: #FB8C00;
}

.rating label:last-child .icon {
    color: #6767674a;
}

 /*-------------- placeholder --------*/
.fs-fields input::-webkit-input-placeholder,
.fs-fields textarea::-webkit-input-placeholder {
    color: rgba(0,0,0,0.1);
    color: #67676730;
}

.fs-fields input:-moz-placeholder,
.fs-fields textarea:-moz-placeholder {
    color: rgba(0,0,0,0.1);
    color: #67676730;
}

.fs-fields input::-moz-placeholder,
.fs-fields textarea::-moz-placeholder {
    color: rgba(0,0,0,0.1);
    color: #67676730;
}

.fs-fields input:-ms-input-placeholder,
.fs-fields textarea:-ms-input-placeholder {
    color: rgba(0,0,0,0.1);
    color: #67676730;
}
/*-------------------------------------*/
@media screen and (max-width: 52.5em) {
    .js .fs-form-full .fs-fields > li.single-q {
        margin-top: 22%;
    }
}

.fs-fields input:focus {
    background-color: #bdb29361; /* Fixes chrome bug with placeholder */
}

.fs-form-overview .fs-fields input:focus {
    background-color: #bdb29361; /* Fixes chrome bug with placeholder */
}

.checkmark {
        border: 5px solid #756e5b;
    background-color: #c7bb98;

}


.fs-form-overview .fs-submit {
border-color: #756e5b;
    color: #756e5b;
    background: #f5e8c5;
}
button.fs-submit:hover, button.fs-submit:focus, button.fs-continue:hover {
    background: #e3d5af;
}

.fs-form-overview .fs-fields textarea:focus {
    background: #e9f3f2;
}