body {
  background: #d8ffc5;
}
html {
    background: #d8ffc5;
}
.fs-form-overview {
    background: #fffde7;
}

.fs-form-wrap {
    color: #231f20;
}

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

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

.fs-nav-dots button::before, .fs-nav-dots button::after {

/*        border: 1px dashed #919191;*/
    background-color: #287900;
}
/*--------------------------------*/
.fs-fields input {
    border-bottom: 2px dashed #388E3C;
 }

 .fs-fields input {
    color: #2e7d32;
}
 .fs-fields textarea {
    border: 2px solid #231f20;
    color: #2e7d32;
}

/*---------- Continue Button ----------*/
button.fs-submit, button.fs-continue {
border: 3px solid #2E7D32;
    color: #ffffff;
    background: #4caf50;
}

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

.fs-continue::after {
    color: rgb(46 125 50);
}

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

/*----------------Progress Bar--------------*/
.fs-progress {
    background: #4caf50;
}
/*---------------------------------------------*/

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

.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: #60d32921; /* Fixes chrome bug with placeholder */
}

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

.checkmark {
border: 2px solid #6c6c6c;
    background-color: #00000040;
}


.fs-form-overview .fs-submit {
    border-color: #1B5E20;
    color: #ffffff;
}
button.fs-submit:hover, button.fs-submit:focus, button.fs-continue:hover {
    background: #197d1d;
}

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


.fs-numbers {
    color: rgb(42 123 3 / 61%);
}