body {
  background: #092f87;
}
html {
    background: #121212;
}
.fs-form-overview {
    background: #e3f2fd;
}

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

/*---------- 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 #ffffffc7;
 }

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

/*---------- Continue Button ----------*/
button.fs-submit, button.fs-continue {
    border: 3px solid #04236a;
    /* color: #cec5b4; */
    background: #8daaee;
}

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: #052673 !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: #00000040;
}

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

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

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

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

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


.fs-form-overview .fs-submit {
    border-color: #091f53;
    color: #091f53;
}
button.fs-submit:hover, button.fs-submit:focus, button.fs-continue:hover {
    background: #6291ff;
}

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

.fs-numbers {
    color: #8daaee;
}

.fs-fields > li label.fs-field-label {
    display: inline-block;
    padding: 0 5px 1em 0;
    font-weight: 700;
    pointer-events: none;
    padding-right: 22px;
}
.fs-fields [required] {
    background-size: 15px;
}
.radio-container:hover input ~ .checkmark {
    background-color: #009688;
}