#newReviewWindow__wrapper{
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100VH;
    background: rgb(200 229 235 / 95%);
    z-index: 9999;
    overflow-y: auto;
    padding: 2VW;
    box-sizing: border-box;
}
#newReviewWindow{
    border-radius: 10px;
    border: 0px 0px 4px 0px #dadada;
    background: white;
    padding: 15px 20px 20px 20px;
    box-sizing: border-box;
}
@media (max-width: 890px){
    #newReviewWindow{
        padding: 15px;
    }
    #newReviewWindow__close{
        top: 25px!important;
        right: 15px!important;
    }
    #newReviewWindow__wrapper{
        padding: 10px;
    }
}
#newReviewWindow__close{
    font-weight: bold;
    font-size: 180%;
    text-decoration: none;
}
#newReviewWindow.hidden{
    display: none;
}

#rating-select .fa-star-o,#rating-select .fa-star{
    font-size: 200%;
    user-select: none;
    cursor: pointer;
}
#newReviewWindow label{
    display: block;
}
#newReviewWindow input[type=text], #newReviewWindow textarea,#newReviewWindow input[type=email]{
    border:2px solid #aaa;
    border-radius:5px;
    margin:3px 0;
    outline:none;
    padding:8px;
    box-sizing:border-box;
    width:100%;
}

#newReviewWindow input[type=text],#newReviewWindow input[type=email]{
    width:100%;
}

#newReviewWindow input[type=text]:focus,#newReviewWindow textarea:focus,#newReviewWindow input[type=email]:focus{
    border-color: #a0ced9;
}
#newReviewWindow input[type=text]:hover,#newReviewWindow textarea:hover,#newReviewWindow input[type=email]:hover{
    box-shadow:0 0 3px 0 #a0ced9;
}

#newReviewWindow input[type=text], #newReviewWindow textarea,#newReviewWindow input[type=email]{
    font-size: 100%;
    font-family: Arial, serif;
}

#newReviewWindow button:hover{
    text-decoration: none;
}

#newReviewWindow .button.success{
    background: #33b422;
}

#newReviewWindow .button.danger{
    background: #dc3545;
}

#newReviewWindow .button :hover{
    text-decoration: none;
}

#newReviewWindow .button.danger:hover{
    background: #c82333;
}

#newReviewWindow .button.danger:focus{
    box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 50%);
}

#newReviewWindow .button.success:focus{
    box-shadow: 0 0 0 0.2rem rgb(40 167 69 / 50%);
}

#newReviewWindow .button.success:hover{
    background: #33a125;
}
#rating-select.clicked .fa-star{
    background: rgba(255, 146, 0, 0.45);
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
}

.star-hover{
    color: rgba(255, 146, 0, 0.51);
}
.star-hover.fa-star{
    background: radial-gradient(circle, rgba(255, 209, 154, 0.82) 0%,  rgba(255, 146, 0, 0.51) 70%)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
}