/* Start Common, Reused Answer Styles */
.answer{
    padding-bottom:100px;
    border-top:1px solid var(--light-gray);
    padding-top:10px;
}
.answer .centered_content{
    padding-left:10px;
    padding-right:10px;
}
.answer_top, .answer_top a, .answer_top div{
    color:var(--light-gray);
    font-size:14px;
}
.answer_top{
    text-align:right;
    height:50px;
}
.answer_top div{
    float:left;
}
.answer_question{
    font-weight:bold;
    margin-bottom:30px;
}
.answer_answer{
    margin-bottom:30px;
}
.answer_answer p{
    margin-bottom:30px;
    line-height:1.4;
}
.answer_answer p:last-of-type{margin-bottom:0px;}
.answer_answer table{border-collapse:collapse;}
.answer_answer th, .answer_answer td{
    padding:10px;
    border:1px solid var(--dark-gray);
    vertical-align: top;
}
.answer_answer th{text-align: left;}
.answer_answer ul{margin-left:15px;}
.answer_answer li{margin-bottom:10px;}

/* */
.answer_bottom .btn{float:right;}
.answer_bottom .btn_white span{background-image: url("https://www.produnk.com/images/global/thumbs_up_gray.png");}
.answer_bottom .btn_green span{background-image: url("https://www.produnk.com/images/global/thumbs_up.png");}
.answer_bottom .btn_red span{background-image: url(("https://www.produnk.com/images/global/cancel.png");}
.answer_bottom .list{margin-top:15px;}
@media (max-width: 768px) {
    .answer_bottom .btn{
        float:none;
        display:flex;
        margin-bottom:30px;
    }
}
/* End Common, Reused Answer Styles */


/* Styles for crawlable pages */
#question_container{
    padding:40px 20px 40px 20px;
}
.question{
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid var(--gray-background);
}
.question div{
    color:var(--light-gray);
    margin-bottom:5px;
    font-size:14px;
}
#categories{
    background-color:var(--gray-background);
    border-radius: 5px;
    padding:20px;
    margin-bottom:40px;
    border:1px solid var(--light-gray);
}
#categories a{
    display:inline-block;
    line-height:44px;
    vertical-align: middle;
    padding-left:27px;
    background-image: url("https://www.produnk.com/images/global/folder.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 17px 17px;
}
#answers_nav{
    display:flex;
    height:44px;
    margin-bottom:40px;
}
#ask_container{
    margin-bottom:40px;
    text-align: right;
}
#ask_button span{
    background-image:url("https://www.produnk.com/images/global/add.png");
}
#back_button{
    margin-bottom:40px;
    margin-right:10px;
}
#back_button span{
    background-image: url("https://www.produnk.com/images/global/back.png");
}
#answer_search{
    flex-grow:1;
    min-width:0;
    margin-right:10px;
    height:44px;
}
#answer_search_btn span{background-image: url("https://www.produnk.com/images/global/search.png")}
@media (max-width: 768px){
    .question_container{
        padding-left:10px;
        padding-right:10px;
    }
    #back_button{font-size:0;}
    #back_button span{margin-right:0px;}
}