body {
  background: #1b1c1b;
}
html {
    background: #1b1c1b;
}
.fs-form-overview {
    background: #fff;
}

.fs-form-wrap {
    color: #fff;
}

/*---------- 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: #000000;
}
/*--------------------------------*/
.fs-fields input {
    border-bottom: 2px dashed rgb(255 255 255);
 }

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

/*---------- Continue Button ----------*/
button.fs-submit, button.fs-continue {
    border: 3px solid #fff;
    color: #ffffff;
    background: #000000;
}

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

.fs-continue::after {
    color: rgb(255 255 255);
}

@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: #FDD835;
}

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

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

.checkmark {
    border: 5px solid #fff;
    background-color: #00000040;
}


.fs-form-overview .fs-submit {
    border-color: #000000;
    color: #ffffff;
}
button.fs-submit:hover, button.fs-submit:focus, button.fs-continue:hover {
    background: #2d2d2d;
}

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