#faq_container
{
    max-width:600px;
    margin:auto;
}
#faq_container p
{
    text-align: justify;    
}

/* TO THE TOP BUTTON */
#to_the_top
{
    position:fixed; 
    right:20px; 
    bottom: 40px; 
    border:1px solid #cccccc; 
    padding:10px;
    background-color: white;
    transform: rotateZ(-90deg);
    font-size: 2em;
    font-weight: bold;
    color:rgba(0,0,0,0.2);  
    z-index: 2000;
}
#to_the_top:active
{
    transform: translateY(2px);
    transform: rotateZ(-90deg);
}
#to_the_top:hover
{    
    color:rgba(0,0,0,0.8);     
    border-color:rgba(0,0,0,0.8);    
}

/* FAQ */
.faq_question_container
{
    
}
.faq_question_header
{
    /*font-weight: bold;*/
    color:#0e82b8;
}
.faq_question_response
{
    margin-left:10%;
    padding:10px;
    background-color: #F5F5F8;
    border-radius:5px;
    line-height: 1.3em;
}

/* HOW TO */
.howto_question_container
{
    /*overflow: hidden;*/
    border:1px solid #06A0DD;
    padding:5px;
    border-radius: 5px;
    border-color:transparent;
}
.howto_question_header
{    
    color:#0e82b8;
    cursor:pointer;
    box-sizing: border-box;
    padding:8px;
    border-radius: 5px;
    border:1px solid #0e82b8;
    border-color:transparent;
    user-select:none;
}
.howto_question_header:hover
{
    border-color:#0e82b8; 
}
.howto_question_header:active
{
    transform: translateY(2px);
}
.howto_response_container
{
    display:none;
    margin-left: 10%;
}
.howto_response_step
{
    display:flex;
    margin-bottom:20px;
    padding:10px 15px 10px 0;
    border-radius:5px;
}
.howto_response_step_odd
{
    background-color:#F5F5F8;
}
.howto_response_index
{
    display: flex;
    flex:0 0 30px;
    padding: 3px 5px;
}
.howto_response_index p
{    
    vertical-align: middle;
    margin:auto;
    border:1px solid #cccccc;
    padding: 3px 5px;
    border-radius: 5px;
    align-self: flex-start;
    margin-top:0;
}
.howto_response_text
{
    flex: 1 1 auto;
    margin:0
}
.howto_response_image_container
{
    position:relative;
    /*display:flex;*/
}
.howto_response_thumbnail
{
    flex:0 0 auto;
    max-height: 100px;
    margin-left:20px;
}
.howto_response_thumbnail:hover + .howto_response_image
{
    /* Location of image is set using javascript. */
    display:block;
}
.howto_response_image
{
    position: absolute;
    z-index: 1000;
    display:none;
    box-shadow: 0px 0px 31px 9px #96a4b0;
    
}