/*
the style of the feedback button
*/
.feedback_button
{
    background-color: #006400;
    font-size: 1rem;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    width:fit-content;
    height: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0.2rem;
    border-radius: 0.2rem;
    border:#eeee73;
    border-style: solid;
    border-width: 0.2rem;
    position:fixed;
    top:70%;
    right:0%;
    color: #f5f5dc;
    z-index: 9999;
}

/*
the style of the feedback table
*/
.feedback_table
{
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:30vw;
    height:30vh;
    z-index:9998;
    background-color:#6c7dc1;
    visibility: hidden;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*
the style of the feedback inputs
*/
.feedback_table_element
{
    width:80%;
    margin-top:2vh;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

/*
the style of the feedback title in the processfeedback page
*/
.feedback_title
{
    margin-top:5vh;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.3rem;
}

/*
the style of one feedback
*/
.feedback_block
{
    display:flex;
    flex-direction:column;
    background-color: rgb(27, 195, 15);
    width:100%;
    align-items:center;
    justify-content: center;
    margin-top: 1rem;
}

/*
the style of one feedback name and email row
*/
.feedback_name_and_email_row
{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content: center;
    background-color:#8de8ae;
    width:100%
}

/*
the style of one block in feedback row
*/
.feedback_name_and_email_child
{
    display:flex;
    flex-direction:row;
    width:fit-content;
    font-size:1rem;
}


/*
the style of the first child in the feedback row
*/
.feedback_name_and_email_child:first-child
{
    margin-right:auto;
    margin-left:0.4rem;
    font-size:1.2rem;
}

/*
the style of the last child in the feedback row
*/
.feedback_name_and_email_child:last-child
{
    margin-right:0.4rem;
}

/*
the style of the comment row
*/
.feedback_comment_row{
    display:flex;
    flex-direction:row;
    align-items:center;
    background-color: #dbb060;
    width:100%;
}

/*
the style of the child in the comment row
*/
.feedback_comment_child
{
    display:flex;
    flex-direction: row;
    font-size:1.1rem;
}

/*
the style of the first child in the comment row
*/
.feedback_comment_child:first-child
{
    margin-right:auto;
    margin-left:0.4rem;
}