/* for blog faq  */
.posting_qna {
    color:#000;
}
.posting_qna .posting_btn {
     background: #f0f2f2; 
     max-width: 800px; 
     text-align: center; 
     border-radius: 8px; 
     padding: 10px;
    }
.posting_qna .posting_btn .btn-secondary { 
    font-size: 14px; 
    margin-left:30px;
    border-radius: 4px;
}
.posting_qna .posting_btn a{
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.posting_qna .posting_btn a:hover
{
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.blog_qna {
    position: relative; 
    color:#000; 
    max-width: 800px
}
.blog_qna i { 
    font-size: 14px !important;
    position: absolute; 
    top:50%; margin-top:-7px; 
    left:10px; 
    font-size:1rem;
}
.blog_qna .form-control{
    padding-left: 30px !important;
    font-size: 1.4rem !important;
    box-shadow: 0 1px 2px rgb(15 17 17 / 15%) inset !important;
    border: 1px solid #888C8C !important;
    padding: 0.375rem 0.75rem;
    font-size: 16px !important;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.customer-faq .question{
	color:#222222;
}
.customer-faq h3{
    color: #0088cc;
}

.voting_answers .btn-secondary{
    font-size: 14px; 
    border-radius: 4px;
    color: #fff;
    padding: 0px 10px 0px 10px;
}
.yes{
    background-color: #5D9C59;
    border-color: #5D9C59;
}
.yes:hover{
    background-color: #4d814a !important;
    border-color: #4d814a !important;
}
.yes:focus{
    box-shadow: none;
    background-color: #5D9C59;
    border-color: #5D9C59;
}
.no:focus{
    box-shadow: none;
    background-color: #6c757d;
    border-color: #6c757d;

}
.voting_answers{
    color: #0F1111;
    /* background: #EEF2FF; */
    background: #f1f3f7;
    margin: 0px;
    margin-bottom: 15px;
    border-radius: 6px;
    padding-top: 10px;
    line-height: 1.2;
}
.voting_answers .btn-secondary:hover{
    background-color: #6c757d;
    border-color: #6c757d;
}
.voting_answers .vote_sec{
    color: #6c757d;
}
.question-list .qna-question {
    color: #393939 !important;
    font-weight: normal;
}

.qna-title ,.qna-answer {
    color: #000;
    font-weight: 600;
}

.question-list a:hover {
    color:#0088cc;
}

.single_question{
    margin-left: 0px !important;
    line-height: 1;
}
.single_question .reply_layout h4,h5{
    color: #0F1111;
    font-weight: 700;
    text-transform: initial;
    font-size: 16px;
}
.single_question .reply_layout p{
    color: #565956;
}
.single_question .reply_layout form textarea{
    font-size: 14px !important;
}
.single_question .reply_layout form .btn{
    font-size: 14px !important;
}

#askQuestionModal .modal-header{
    border: none;
}
#askQuestionModal .modal-body{
    padding: 5% !important;
}

#askQuestionModal form label{
    color: #0F1111;
    font-weight: 700;
}
#askQuestionModal form textarea{
    font-size: 14px;
}

#askQuestionModal form input{
    font-size: 14px;
}
#askQuestionModal .modal-dialog.modal-dialog-centered {
    max-width: 600px !important;
}

.hide-faq{
    margin: 0 !important;
    opacity: 0;
    height: 0;
    z-index: -1;
}
.hide{
    display: none;
}
.show-more-blog-faq{
    font-size: 14px !important; 
    border-radius: 4px !important;
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    position: relative;
    z-index: 99;
}
.qna_date{
    font-size: 13px;
    font-weight: normal;
    color: #777777;
    margin-bottom:0px;
}

.more-ans .see_more_ans{
    margin-top: 0px;
}

.answer_sec{
    line-height: 1.2;
}

.answer_faq_btn a{
    text-decoration: none;
    border-radius: 5px;
    height: 24px;
    padding: 2px;
    font-size: 12px;
    width: 10%;
    border-radius: 2px;
}

.answer_faq_btn a:hover{
    color: white;
}

.submit_answer, .submit_question
{
    width: 100%;
    background-color: #007bff !important;
    border-color: #007bff !important;
}
/* blog question votes */
#question_votes{
    border-right: 1px solid rgb(187, 187, 187);
    line-height: 1.2;
    height: 70px;
}
#question_votes a{
    border: none;
    background: none;
    color: #a7a7a7;
    text-decoration: none;
}
#question_votes a .up {
    transform: rotate(-90deg);
}
#question_votes a .down{
    transform: rotate(90deg);
}
#question_votes a:hover{
    color: orange;
}

.answer_button{
    background-color: #f0ad4e;
    border-color: #f0ad4e;
    color: white;
}
.answer_button:focus,
.answer_button:active{
    box-shadow: none !important;
    background: #f0ad4e !important;
    border-color: #f0ad4e !important;
}
.answer_button:hover{
    background-color: #dfa148;
    border-color: #f0ad4e;
    color: white;
}
p.qna-question{
    margin: 0px;
}
.alert-danger p{
    margin: 0px;
}
@media (max-width: 767px){
    ul#mainNav {
        margin-top: 0;
    }
    .myheader.container{
        width: 100% !important;
        max-width: 100%; 
    }
    nav.firstcssmenu {
        bottom: -23rem;
        width: 100%;
        left: 0px !important
    }
    .loginclass{ 
        height: auto !important;
    }
    .main {
        margin-top: 0 !important;
    }
    #header .header-body .header-nav {
        min-height: auto !important;
        height: 0px !important; 
    } 
    .my-toggle{
        position: relative;
        z-index: 99999;
    }
    .loginclass {
        padding: 6px 0px 1px !important;
    }
    nav.firstcssmenu {
        bottom: unset;
        width: 100%;
        left: 0px !important;
        top: -21px;
    }

    #header .header-nav{
        padding:0px;
    }
    ul#mainNav {
       margin-top: 0;
    }
    div#firstcssmenu{
        margin-top: 0px;
    }
    .page-header{
        border:none;
    }
    nav.firstcssmenu{
        top: -39px;
        padding-top: 14px;
        z-index: 1;
    }
    #header .header-nav-main nav > ul{
            padding-top: 14px;
    }

}

@media (max-width: 585px){

    ul#mainNav {
        margin-top: -7px
    }
       div#firstcssmenu{
        margin-top: 0px;
    }
    .my-toggle a{
        padding:0 4px !important;
    }
}