.qa_app_wrapper .project {
    margin: 0px 0px 20px 0px;
}

.qa_app_wrapper .cats {
    display: table;
    list-style-type: none;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    border: 1px solid #319b42;
    border-radius: 6px;
    max-width: 100%;
}

.qa_app_wrapper .cat {
    display: table-cell;
    padding: 0px;
    border-right: 1px solid #319b42;
}

.qa_app_wrapper .cat a {
    display: inline-block;
    padding: 6px 20px;
}

.qa_app_wrapper .cat.active {
    background-color: #319b42;
}

.qa_app_wrapper .cat.active a {
    color: #fff;
}

.qa_app_wrapper .result {
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 0px 0px 24px;
    width: 100%;
    height: auto;
    background: none;
}

.qa_app_wrapper .result .a,
.qa_app_wrapper .result .q {
    padding: 8px 18px;
}

.qa_app_wrapper .result .q {
    background-color: #e1e6ef;
    font-weight: 700;
}

.qa_app_wrapper .result .a div a,
.qa_app_wrapper .result .a div b,
.qa_app_wrapper .result .a div span,
.qa_app_wrapper .result .a div font {
    font-weight: normal !important;
    font-size: 16px !important;
    font-family: inherit !important;
    color: inherit !important;
    line-height: 24px !important;
}

.qa_app_wrapper .result .a div a {
    color: #319b42 !important;
}

.qa_app_wrapper .result .a > span {
    font-weight: 700;
}

.qa_app_wrapper .hidden,
.qa_app_wrapper .template {
    display: none;
}

#qa_q_modal .uk-modal-dialog {
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 90vw;
}

#qa_q_modal .uk-modal-footer {
    border-radius: 6px;
}

#qa_q_modal .uk-modal-footer button {
    float: right;
}

#qa_q_modal iframe {
    width: 100%;
    height: 80vh;
    border: none;
}

#qa_q_modal.shown {
    display: block;
    opacity: 1;
}

#qa_q_modal.shown .uk-modal-dialog {
    display: block;
    opacity: 1;
    top: 84px;
}

#qa_q_modal .uk-button {
    background-color: #319b42;
    color: #fff;
}

.qa_app_wrapper a, .qa_app_wrapper a:hover {
    text-decoration: none;
    color: #319b42;
}