/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 2, 2018, 8:56:27 PM
    Author     : Javad Ahshamian
*/


@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 700;
    src: url('fonts/IRANSansX-Bold.woff') format('woff'),
        url('fonts/IRANSansX-Bold.woff2') format('woff2');
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 400;
    src: url('fonts/IRANSansX-Regular.woff') format('woff'),
        url('fonts/IRANSansX-Regular.woff2') format('woff2');
}


.bred
{
    font-weight: bold;
    color: #ff0000;
}
.bgreen{
    font-weight: bold;
    color: #3ab448;
}
.byelow{
    font-weight: bold;
    color: #9eb43a;
}
.bfial{
    font-weight: bold;
    color: #403f83;
}
.bpur{
    font-weight: bold;
    color: #914c51;
}
.borange{
    font-weight: bold;
    color: orange;
}
.bpending{
    font-weight: bold;
    color: #882D60;
}
.Vazir_en
{
    font-family: IRANSansX;
}
.Vazir_fa
{
    font-family: IRANSansX;
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.price_box .currency
{
    color: red;
}

html
{
    min-width: 328px;
}

html[lang="fa-IR"] .Vazir_num,
html[lang="fa-IR"] .price,
html[lang="fa-IR"] .number,
html[lang="fa-IR"] .number var,
html[lang="fa-IR"] .time,
html[lang="fa-IR"] .qcount,
html[lang="fa-IR"] .amount,
html[lang="fa-IR"] .qtime,
html[lang="fa-IR"] .index,
html[lang="fa-IR"] .htq_qans,
html[lang="fa-IR"] .htq_timer,
html[lang="fa-IR"] .htq_date, 
html[lang="fa-IR"] .fa-num,
html[lang="fa-IR"] .htq_pagination #items_count,
html[lang="fa-IR"] .htq_rating .record
{
    font-family: IRANSansX;
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}


.Vazir_num,
.farsi-digits,
.farsi-digits var
{
    font-family: IRANSansX;

}

html[lang="fa-IR"] .dir_0 .index_td .index,
.htq_questions_table.dir_rtl .index_td,
.htq_questions_table.dir_rtl .index_td2
{
    font-family: IRANSansX;
}

.htq_questions_table .index_td2
{
    font-size: 14px;
}

.dir_0 .index_td .index
{
    font-family: initial;
}

.dir_1 .index_td .index
{
    font-family: IRANSansX;

}

.dir_2 .index_td .index,
.htq_questions_table.dir_ltr .index_td
{
    font-family: IRANSansX;
}




html[lang="fa-IR"] .price_value,
html[lang="fa-IR"] #discount_des
{
    font-family: IRANSansX;
    color: red;
}

.countDownDate_table
{
    font-family: IRANSansX;
    margin: auto;
    width: 320px;
}
.countdown_div
{
    display: block;
    align-items: center;
    min-height: 100vh;
    text-align: center;
    text-transform: uppercase;
    font-family: IRANSansX;
}

html[lang="fa-IR"] .countdown_div
{
    font-family: IRANSansX;
}

.countdown {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 75%;
    max-width: 20rem;
    margin: 0 auto;
}

.countdown__item {
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    min-width: 31%;
    margin-bottom: 1rem;

}

.countdown__item--large {
    flex: auto;
    width: 100%;
    font-size: 2.75em;
}

.countdown__timer {
    padding: .25em;
    background-color: white;
    border: 1px solid black;
    border-radius: 3px;
    font-weight: bold;
    font-size: 2em;
}

.countdown__label {
    font-size: 1em;
    padding-top: .40em;

    .countdown__item--large & {
        &:before,
            &:after {
            content: '';
            display: block;
            height: 1px;
            background-image: linear-gradient(
                left,
                rgba(0, 0, 0, 0),
                rgba(0, 0, 0, .4),
                rgba(0, 0, 0, 0));
        }

    }
}

header .test-tilte
{
    font-size: 20px;
    text-align: center;
}


.single-test .hentry
{
    padding: 15px;
}

html[lang="fa-IR"] .countDownDate_table,
html[lang="fa-IR"] header .test-tilte
{
    font-family: IRANSansX;
}
/*alert start */
.alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
    opacity: 1;
    transition: opacity 0.6s;
    margin-bottom: 15px;
    margin-top: 15px;
}
.alert a
{
    color: white;
    text-decoration: underline;
}

.alert a:hover
{
    color: white;
}


.alert.success {
    background-color: #4CAF50;
}
.alert.info {
    background-color: #2196F3;
}
.alert.warning {
    background-color: #ff9800;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}

html[lang="fa-IR"] .closebtn
{
    margin-right: 15px;
    float: left;
    margin-left: unset;
}
/*alert end */


.submit_button {
    min-width: 120px;
    padding-right: 10px;
    padding-left: 10px;
}
.submit_button:hover {
}
.submit_button:active {
    position:relative;
    top:1px;
}


.htq_user_profile .htq_input
{
    min-width: 300px;
    padding: 5px 3px;
    margin: 2px 6px 16px 0px;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fff;
    color: #32373c;
    outline: 0;
    transition: 50ms border-color ease-in-out;
    box-sizing: border-box;
}
@media only screen and (max-width: 768px)
{
    .htq_user_profile .htq_input
    {
        min-width: 280px;
    }
    .htq_all_questions .modal-footer
    {
        text-align: center;
    }
}

.htq_questions_table .index_td
{
    text-align: center;
    vertical-align: top;
    padding: 5px;
    min-width: 80px;
    width: 80px;
}

table.htq_questions_table
{
    text-align: inherit;
}

table.htq_questions_table, table.htq_questions_table th, table.htq_questions_table td {
    border: none;
}


.htq_all_questions
{
    font-family:  IRANSansX,serif;
}

.htq_questions_table .index_td .index
{
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #4679BD;
    text-align: center;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: white;
    font-size: 20px;

}
.htq_questions_table
{
    border-collapse: separate;
    border-spacing: 0 15px;
    width: 96%;
    margin-right: auto;
    margin-left: auto;
}

.htq_questions_table .twest_td
{
    border: 1px solid #dddbdb;
    background-color: #F5F5F6;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
    color: #424242;
}
.htq_all_questions
{
    color: #000;
}
/* The container */
.htq_radiocontainer {
    display: block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.htq_radiocontainer input {
    position: absolute !important;
    opacity: 0 !important;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #FFFFFF;
    border: 1px solid lightgray;
    border-radius: 50%;
}
html[lang="fa-IR"] .checkmark
{
    right: 0;
}


/* On mouse-over, add a grey background color */
.htq_radiocontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.htq_radiocontainer input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.htq_radiocontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.htq_radiocontainer .checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}



.htq_radiocontainer, .htq_result
{
    font-family: IRANSansX;
    margin-top:5px;
}

html[lang="fa-IR"] .htq_radiocontainer, .htq_result
{
    font-family: IRANSansX, sans-serif !important;
    margin-top:5px;
}


.htq_questions_table .option1,
.htq_questions_table .option2,
.htq_questions_table .option3,
.htq_questions_table .option4,
.htq_questions_table .option5,
.htq_questions_table .option0,
.htq_questions_table .option
{
    margin-left: 32px;
    line-height: 27px;
}

.htq_questions_table .option1 p,
.htq_questions_table .option2 p,
.htq_questions_table .option3 p,
.htq_questions_table .option4 p,
.htq_questions_table .option5 p,
.htq_questions_table .option0 p,
.htq_questions_table .option p
{
    line-height: 27px;
}

html[lang="fa-IR"] .htq_questions_table .option1,
html[lang="fa-IR"] .htq_questions_table .option2,
html[lang="fa-IR"] .htq_questions_table .option3,
html[lang="fa-IR"] .htq_questions_table .option4,
html[lang="fa-IR"] .htq_questions_table .option5,
html[lang="fa-IR"] .htq_questions_table .option0,
html[lang="fa-IR"] .htq_questions_table .option
{
    margin-right: 10px;
    line-height: normal;
}
html[lang="fa-IR"] .htq_questions_table .option1 p,
html[lang="fa-IR"] .htq_questions_table .option2 p,
html[lang="fa-IR"] .htq_questions_table .option3 p,
html[lang="fa-IR"] .htq_questions_table .option4 p,
html[lang="fa-IR"] .htq_questions_table .option5 p,
html[lang="fa-IR"] .htq_questions_table .option0 p,
html[lang="fa-IR"] .htq_questions_table .option p,
html[lang="fa-IR"] #error-page
{
    line-height: normal;
}

.htq_questions_table .option p,
.htq_questions_table .question p
{
    margin: 0;
}


html[lang="fa-IR"] .htq_result 
html[lang="fa-IR"] .htq_result p,
html[lang="fa-IR"] .details,
html[lang="fa-IR"] .details span
html[lang="fa-IR"] .sub_items
{
    font-family: IRANSansX, sans-serif !important;

}
.details
{
    margin-bottom: 1.5em;
}
.htq_questions_table .index
{
    display: block;

}
.htq_questions_table .question .index
{
    display: none;

}
.htq_class .wp-audio-shortcode {
    width: 50% !important;
}
@media only screen and (max-width: 768px)
{
    .htq_questions_table .index_td
    {
        display: none;
    }
    .htq_questions_table .question .index
    {
        display: block;
        background: #3C3D3E;
        text-align: center;
        color: white;
        width: 100%;
        border-radius: 3px;
        height: 30px;
        font-size: 18px;
        margin-bottom: 5px;
        line-height: 30px;
    }

    html[lang="fa-IR"] .htq_questions_table .index
    {
        font-family: IRANSansX;

    }
    .wp-audio-shortcode {
        width: 96%;
    }


}


.htq_all_questions .htq_submit
{
    text-align: center;
}


.htq_all_questions .modal-header
{
    padding: 15px 15px 0px 15px;
    display: block;
}

@media only screen and (max-width: 350px)
{
    .pull-left.submit-quiz
    {
        float: unset !important;
        margin-top: 5px;
        display: inline-block;
    }
}

.htq_table_history
{
    margin-top: 5px;
    font-family: IRANSansX, sans-serif;
    border-collapse: collapse;
    width: 98%;
}

.htq_table_history td, .htq_table_history th
{
    border: 1px solid #ddd;
    padding: 8px;
}

.htq_table_history tr:nth-child(even)
{
    background-color: #f2f2f2;
}

.htq_table_history tr:hover
{
    background-color: #ddd;
}

.htq_table_history th
{
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: gray;
    color: white;
}
.float-left
{
    float: left;
}
.center
{
    text-align: center;
    margin: auto;
}
html[lang="fa-IR"] .htq_pagination,
html[lang="fa-IR"] .htq_table_history ,
html[lang="fa-IR"] .htq_timer label,
html[lang="fa-IR"] .htq_test_pay .price,
html[lang="fa-IR"] .htq_all_tests .price,
html[lang="fa-IR"] .htq_test_pay .order_id
{
    font-family: IRANSansX;

}

.htq_test_pay, .htq_all_tests
{
    font-family: IRANSansX;
}

.htq_test_pay .price
{
    font-family: IRANSansX;
}

/** pagination **/


.htq_pagination .pagination, .htq_pagination .pagination a
{
    font-size: 14px;
}
html[lang="fa-IR"] th {
    text-align: right;
}

html[lang="fa-IR"] .pagination .number,
.htq_pagination .pagination a,
.htq_pagination #items_count
{
    font-family: IRANSansX;

}
.htq_pagination .pagination
{
    bottom: unset;
    position: relative;
    left: unset;
    width: unset;
}

.htq_pagination .post-navigation a,
.htq_pagination .page-numbers,
.htq_pagination .pagination .prev,
.htq_pagination .pagination .next
{
    direction: unset;
}

.htq_pagination .pagination .prev,
.htq_pagination .pagination .next
{
    background-color: unset;
    position: relative;
}

.htq_pagination .pagination .next::before {
    content: unset;
    right: unset;
    left: unset;
}

.htq_class .htq_pagination .pagination
{
    display: inline-block;
}

.htq_pagination .pagination a:focus, .htq_pagination .pagination a:active, .htq_pagination .pagination a:hover {

    border: 1px solid #ddd !important;

}



.alert
{
    font-family: IRANSansX;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
html[lang="fa-IR"] .alert
{
    font-family: IRANSansX;
}



.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-primary hr {
    border-top-color: #9fcdff;
}

.alert-primary .alert-link {
    color: #002752;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}
.alert-success a
{
    color: #3c763d;
}
.alert-success a:hover
{
    color: #0d510b;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-info a {
    color: rgb(49, 112, 143);
}
.alert-info a:hover {
    color: rgb(49, 112, 143);
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-warning a {
    color: #533f03;
}

.alert-warning a:hover {
    color: #533f03;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}
.alert-danger a,  .alert-danger a:hover{
    color: rgb(169, 68, 66);
}


.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}
.alert a.alert-link:hover
{
    color: #040505;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

.htq_test_pay .submit_button, .actionbutton
{
    width:98%;
}

.htq_all_tests .page-content, .htq_all_books .page-content,
.htq_all_tests .entry-content, .htq_all_books .entry-content,
.htq_all_tests .entry-summary, .htq_all_books .entry-summary
{
    margin: 5px 0 0;
}
.red
{
    color: red;
}
.green
{
    color: green;
}

.htq_radiocontainer .des {
    position: absolute;
    top: 0;
    height: 25px;
    width: 40px;
}
.des_title
{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
    color: #2196F3;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
}

.searchform_section1
{
    margin-top: 5px;
    margin-bottom: 5px;
}
.serch-form-coantainer .searchform_section1 label
{
    color: white;
}

#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
}
html[lang="fa-IR"] #custom-search-input button
{
    border-right: solid 1px #ccc;
    border-radius:0;
    border-left: unset;
}
.float-right
{
    float: right !important;
}
.search_container
{
    margin-top: 20px;
}

/*
bootstrap quiz css
*/




.htq_all_questions #qindex {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #337ab7;
    text-align: center;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: white;
    font-family: IRANSansX;
    font-size: 20px;
}

html[lang="fa-IR"] .htq_all_questions #qindex {
    font-family: IRANSansX;
}



.htq_all_questions label.btn {
    padding: 18px 60px;
    white-space: normal;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s
}

.htq_all_questions label.btn:hover {
    text-shadow: 0 3px 2px rgba(0,0,0,0.4);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}
.htq_all_questions label.btn-block
{
    text-align: left;
    position: relative
}


.htq_all_questions .quiz.my_ltr label.btn-block
{
    text-align: left;
}

.htq_all_questions .quiz.my_rtl label.btn-block
{
    text-align: right;
}

html[lang="fa-IR"] .htq_all_questions label.btn-block
{
    text-align: right;
}



.htq_all_questions label .btn-label {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding: 0 10px;
    background: rgba(0,0,0,.15);
    height: 100%
}

html[lang="fa-IR"] .htq_all_questions label .btn-label
{
    left: unset;
    right: 0;
}

.htq_all_questions .soal_table.my_rtl
{
    direction: rtl;
}
.htq_all_questions .soal_table.my_ltr
{
    direction: ltr;
}


.htq_all_questions .quiz.my_rtl label .btn-label
{
    left: unset;
    right: 0;
}

.htq_all_questions .quiz.my_ltr label .btn-label
{
    left: 0;
    right: unset;
}

.htq_all_questions .quiz.my_ltr .glyphicon-chevron-right::before {
    content: "\e080";
}

.htq_all_questions .quiz.my_rtl .glyphicon-chevron-right::before {
    content: "\e079";
}

html[lang="fa-IR"] .glyphicon-chevron-right::before {
    content: "\e079";
}

.htq_all_questions label .glyphicon {
    top: 34%
}



.element-animation1 {
    animation: animationFrames ease .8s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease .8s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease .8s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}
.element-animation2 {
    animation: animationFrames ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}
.element-animation3 {
    animation: animationFrames ease 1.2s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease 1.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease 1.2s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}
.element-animation4 {
    animation: animationFrames ease 1.4s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease 1.4s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease 1.4s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

.element-animation0 {
    animation: animationFrames ease 1.6s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: animationFrames ease 1.6s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-animation: animationFrames ease 1.6s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%
}

@keyframes animationFrames {
    0% {
        opacity: 0;
        transform: translate(-1500px,0px)
    }

    60% {
        opacity: 1;
        transform: translate(30px,0px)
    }

    80% {
        transform: translate(-10px,0px)
    }

    100% {
        opacity: 1;
        transform: translate(0px,0px)
    }
}

@-webkit-keyframes animationFrames {
    0% {
        opacity: 0;
        -webkit-transform: translate(-1500px,0px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate(30px,0px)
    }

    80% {
        -webkit-transform: translate(-10px,0px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px,0px)
    }
}

@-ms-keyframes animationFrames {
    0% {
        opacity: 0;
        -ms-transform: translate(-1500px,0px)
    }

    60% {
        opacity: 1;
        -ms-transform: translate(30px,0px)
    }
    80% {
        -ms-transform: translate(-10px,0px)
    }

    100% {
        opacity: 1;
        -ms-transform: translate(0px,0px)
    }
}

.htq_all_questions .modal-header {
    background-color: transparent;
    color: inherit
}

.htq_all_questions .modal-body {
    min-height: 205px
}
#loadbar {
    position: absolute;
    width: 62px;
    height: 77px;
    top: 2em
}
.blockG {
    position: absolute;
    background-color: #FFF;
    width: 10px;
    height: 24px;
    -moz-border-radius: 8px 8px 0 0;
    -moz-transform: scale(0.4);
    -moz-animation-name: fadeG;
    -moz-animation-duration: .8800000000000001s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-border-radius: 8px 8px 0 0;
    -webkit-transform: scale(0.4);
    -webkit-animation-name: fadeG;
    -webkit-animation-duration: .8800000000000001s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -ms-border-radius: 8px 8px 0 0;
    -ms-transform: scale(0.4);
    -ms-animation-name: fadeG;
    -ms-animation-duration: .8800000000000001s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -o-border-radius: 8px 8px 0 0;
    -o-transform: scale(0.4);
    -o-animation-name: fadeG;
    -o-animation-duration: .8800000000000001s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    border-radius: 8px 8px 0 0;
    transform: scale(0.4);
    animation-name: fadeG;
    animation-duration: .8800000000000001s;
    animation-iteration-count: infinite;
    animation-direction: linear
}
#rotateG_01 {
    left: 0;
    top: 28px;
    -moz-animation-delay: .33s;
    -moz-transform: rotate(-90deg);
    -webkit-animation-delay: .33s;
    -webkit-transform: rotate(-90deg);
    -ms-animation-delay: .33s;
    -ms-transform: rotate(-90deg);
    -o-animation-delay: .33s;
    -o-transform: rotate(-90deg);
    animation-delay: .33s;
    transform: rotate(-90deg)
}
#rotateG_02 {
    left: 8px;
    top: 10px;
    -moz-animation-delay: .44000000000000006s;
    -moz-transform: rotate(-45deg);
    -webkit-animation-delay: .44000000000000006s;
    -webkit-transform: rotate(-45deg);
    -ms-animation-delay: .44000000000000006s;
    -ms-transform: rotate(-45deg);
    -o-animation-delay: .44000000000000006s;
    -o-transform: rotate(-45deg);
    animation-delay: .44000000000000006s;
    transform: rotate(-45deg)
}
#rotateG_03 {
    left: 26px;
    top: 3px;
    -moz-animation-delay: .55s;
    -moz-transform: rotate(0deg);
    -webkit-animation-delay: .55s;
    -webkit-transform: rotate(0deg);
    -ms-animation-delay: .55s;
    -ms-transform: rotate(0deg);
    -o-animation-delay: .55s;
    -o-transform: rotate(0deg);
    animation-delay: .55s;
    transform: rotate(0deg)
}
#rotateG_04 {
    right: 8px;
    top: 10px;
    -moz-animation-delay: .66s;
    -moz-transform: rotate(45deg);
    -webkit-animation-delay: .66s;
    -webkit-transform: rotate(45deg);
    -ms-animation-delay: .66s;
    -ms-transform: rotate(45deg);
    -o-animation-delay: .66s;
    -o-transform: rotate(45deg);
    animation-delay: .66s;
    transform: rotate(45deg)
}
#rotateG_05 {
    right: 0;
    top: 28px;
    -moz-animation-delay: .7700000000000001s;
    -moz-transform: rotate(90deg);
    -webkit-animation-delay: .7700000000000001s;
    -webkit-transform: rotate(90deg);
    -ms-animation-delay: .7700000000000001s;
    -ms-transform: rotate(90deg);
    -o-animation-delay: .7700000000000001s;
    -o-transform: rotate(90deg);
    animation-delay: .7700000000000001s;
    transform: rotate(90deg)
}
#rotateG_06 {
    right: 8px;
    bottom: 7px;
    -moz-animation-delay: .8800000000000001s;
    -moz-transform: rotate(135deg);
    -webkit-animation-delay: .8800000000000001s;
    -webkit-transform: rotate(135deg);
    -ms-animation-delay: .8800000000000001s;
    -ms-transform: rotate(135deg);
    -o-animation-delay: .8800000000000001s;
    -o-transform: rotate(135deg);
    animation-delay: .8800000000000001s;
    transform: rotate(135deg)
}
#rotateG_07 {
    bottom: 0;
    left: 26px;
    -moz-animation-delay: .99s;
    -moz-transform: rotate(180deg);
    -webkit-animation-delay: .99s;
    -webkit-transform: rotate(180deg);
    -ms-animation-delay: .99s;
    -ms-transform: rotate(180deg);
    -o-animation-delay: .99s;
    -o-transform: rotate(180deg);
    animation-delay: .99s;
    transform: rotate(180deg)
}
#rotateG_08 {
    left: 8px;
    bottom: 7px;
    -moz-animation-delay: 1.1s;
    -moz-transform: rotate(-135deg);
    -webkit-animation-delay: 1.1s;
    -webkit-transform: rotate(-135deg);
    -ms-animation-delay: 1.1s;
    -ms-transform: rotate(-135deg);
    -o-animation-delay: 1.1s;
    -o-transform: rotate(-135deg);
    animation-delay: 1.1s;
    transform: rotate(-135deg)
}
@-moz-keyframes fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #FFF
    }
}

@-webkit-keyframes fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #FFF
    }
}

@-ms-keyframes fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #FFF
    }
}

@-o-keyframes fadeG {
    0% {
        background-color: #000
    }
    100% {
        background-color: #FFF
    }
}

@keyframes fadeG {
    0% {
        background-color: #000
    }

    100% {
        background-color: #FFF
    }
}



.htq_all_questions #q_soal
{
    padding: 0 5px 0 5px;
}


.htq_all_questions button, .htq_all_questions select {
    text-transform: none;
}


.htq_all_questions select.qs_list {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    background:unset;
    width: unset;
    background-size: unset;
    height: unset;

}
.htq_all_questions select.qs_list {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

html[lang="fa-IR"] .htq_all_questions .qs_list,html[lang="fa-IR"] .htq_all_questions .qs_list,
html[lang="fa-IR"] .htq_all_questions .qs_list .qs_list_op
{
    font-family: IRANSansX;
}
html .htq_all_questions .qs_list, .htq_all_questions .qs_list,
html .htq_all_questions .qs_list .qs_list_op
{
    font-family: IRANSansX;
}

.htq_all_questions table#soal_table th,
.htq_all_questions table#soal_table td {
    border: 0px solid #dee2e6;
    vertical-align: baseline;
}

.htq_all_questions table#soal_table {
    width: 100%;
    max-width: unset;
    margin-bottom: unset;
    background-color: unset;
    border: unset;
}

.htq_all_questions .quiz label
{
    font-family: IRANSansX;
}
.htq_btn_bar_floating
{
    display: block;
    z-index: 1001;
    bottom: 0px;
    width: 100%;
    border: 1px solid #ccc;
    padding: 2px;
    position: fixed;
    background: white;
    left:0;
    text-align: center;
}

.htq_btn_bar_floating .btn
{
    width: 150px;
}

.htq_btn_bar_floating .actionbutton
{
    border-radius: 4px;
    margin: 5px;
}

.htq_all_questions .quiz-header .htq_timer
{
    background-color: unset;
    position: unset;
    bottom: 0;
    margin: unset;
    padding: 0;
    z-index: unset;
    min-width: unset;
    min-height: unset;
    text-align: left;
    border-radius: unset;
    border: unset;
    left: unset;
}

.htq_timer label
{
    vertical-align: middle;
    /*    line-height: 50px;*/
    font-family: IRANSansX;
    /*    font-size: 20px;*/
}
.htq_all_questions .quiz-header .htq_timer label
{
    vertical-align: unset;
    line-height: unset;
    font-size: unset;
}

.htq_all_questions .htq_timer
{
    color: #fff;
    background-color: #d76733;
    border-color: #b75e35;
    width: 150px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: not-allowed;
}

@media only screen and (max-width: 768px)
{
    .htq_all_questions .htq_timer
    {
        margin: 5px;
        display: inline-block;
    }
    .content-area-quiz .container,
    .content-area-quiz .vc-container
    {
        padding: 0;
    }
    .content-area-quiz .container .col-md-10
    {
        width: 98%;
    }

}

.htq_all_questions .htq_timer label{
    display: unset;
    cursor: not-allowed;
}


.container .htq_test_col
{
    float: none !important;
    margin: 0 auto;
}
.htq_test_col .book-title h3,
.htq_result  .book-title h3
{
    padding-left: 10px;
    padding-right: 10px;

}
.htq_all_questions{
    padding-top: 5px;
    margin-bottom: 20px;
}

.htq_book_name
{
    margin: 0 0 30px 0;
    display: block;
    background: #004c8c;
    color:white;
    padding: 10px;
    border-radius: 0px 0px 5px 5px;
}

.htq_book_name h2
{
    margin-bottom: 1rem;
    text-align: center;
}

.htq_all_questions
{
    background: white;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #ccc;
}

.content-area-quiz
{
    margin-top: 0px;
}

@media only screen and (max-width: 768px)
{
    .home .hentry,
    .archive .hentry,
    .search-results .hentry,
    .widget-area,
    .htq_class .post-wrap
    {
        padding: 15px 5px;
    }
    .page-content,
    .container .entry-content,
    .entry-summary {
        margin: 5px 5px 0;
    }
}



.htq_class{
    word-break: normal;
}

.htq_note_top
{
    position: sticky;
    bottom: 0; /* has to be around the height of the bar or more. */
    display: block;
    z-index: 99999;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    -webkit-box-shadow: 0 0 1px black;
    -moz-box-shadow:    0 0 1px black;
    box-shadow:         0 0 1px black;

    background: #c0392b;


    border: 1px solid #ccc;
}

.htq_note_top a
{
    color: yellow;
}
.htq_note_top a:hover
{
    color: #dffe65;
}

.btn-test:hover,
.btn-test:focus {
    color: white;
}

.btn-test
{
    background: #007bff;
    color: #fff;
    padding: 8px 15px;
    -margin-bottom: 20px;
    float: right;
    font-size: 15px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    width: 100%;
    text-align: center;
    font-weight: 700;
}

.btn-test:hover{
    background: #343434;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    background: #8b8b8b;
}

.score,.htq_date
{
    direction: ltr;
}


html[lang="fa-IR"] .score,
html[lang="fa-IR"] .htq_date
{
    font-family: IRANSansX;
}
html[lang="fa-IR"] .htq_class,
html[lang="fa-IR"] .htq_class .page-title,
html[lang="fa-IR"] .htq_test_col #htq_qans_lbl
{
    font-family: IRANSansX, sans-serif !important;
}
.htq_class,
.htq_class .page-title
{
    font-family: IRANSansX;
}

.htq_btn_bar_floating #htq_qans_lbl
{
    margin-bottom: unset;
    color: white;
}
#htq_timer_lbl
{
    color: white;
}
html[lang="fa-IR"] .iziModal-header-title
{
    font-family: IRANSansX, sans-serif !important;
    text-align: right;
}
html[lang="fa-IR"] .iziModal .iziModal-header-title,
html[lang="fa-IR"] .iziModal .iziModal-header-subtitle,
html[lang="fa-IR"] .iziModal .iziModal-content
{
    font-family: IRANSansX, sans-serif !important;
    text-align: right;
}


.iziModal-header-title,
.iziModal .iziModal-content,
.iziModal .iziModal-header-subtitle
{
    font-family: IRANSansX;
}

.iziModal .iziModal-content .modal_h3
{
    font-size: 18px;
}

.htq_class .item
{
    margin-top: 10px;
}
.htq_class .htq_name
{
    color: white;
}

.htq_btn_bar_floating .btn-submit
{
    display: inline-block;
    border-radius: 4px;
    line-height: 1.42857143;
}

.entry-content-main
{
    font-size: .75rem;
}

.entry-content-main
{
    font-size: 14px;
}

html[lang="fa-IR"] .htq_class h3
{
    padding-right: 5px;
}

.htq_class h3
{
    padding-left: 5px;
}

html[lang="fa-IR"] .htq_result p
{
    padding-right: 5px;
}

.htq_class .question,
.htq_class .qst_tags
{
    font-size: 15px;
}

.htq_class .options .option1,
.htq_class .options .option2,
.htq_class .options .option3,
.htq_class .options .option4,
.htq_class .options .option5,
.htq_class .options .option0,
.htq_class .options .option,
.htq_class .options .description
{
    font-size: 1rem;
}
.htq_class .htq_questions_table hr
{
    margin-bottom: 5px;
    margin-top: 0.5rem;
}

.htq_class .book-title h3,
.htq_class .books_container h3
{
    font-size: 22px;
}

.htq_class #result_table,
.htq_pay_history table,
.htq_result_history table,
.htq_rating table
{
    font-size: 14px;
    -table-layout: auto;
}

.htq_class .btn
{
    font-family: IRANSansX;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.res_book caption, .res_book th, .res_book td
{
    font-size: 14px;
    table-layout: auto;
}

.res_book .modal_h3
{
    text-align: center;
    margin: 3px;
}

.htq_class li.record
{
    list-style: none;
}

.record__title:after,
.record__table:after,
.record__title before,
.record__table before

{
    clear: both;
    content: "";
    display: block;
}

.htq_class .record {
    position:relative;
    border:1px solid #e6e6e6;
    border-right:0;
    border-radius:.3125rem;
    -webkit-transition:all .2s ease-in-out;
    -o-transition:.2s all ease-in-out;
    transition:all .2s ease-in-out;
    margin-bottom:.625rem;
    background: white;
    font-weight: 300;
}

.htq_class .record b, .htq_class .record strong
{
    font-weight: 400;
}

.htq_class .record .record__table a:not(.button),
.htq_class .record .row a.btn
{
    text-decoration: none !important;
}
@media only screen and (min-width:801px) {
    .htq_class .record:hover {
        border:1px solid rgba(0,0,0,0);
        border-right:0;
        -webkit-box-shadow:0 2px 16px 0 rgba(0,0,0,.07);
        box-shadow:0 2px 16px 0 rgba(0,0,0,.07)
    }
}

.htq_class .record .record__sign.status5 {
    background-color:  inherit;
}

.htq_class .record .record__sign.status0 {
    background-color: orange;
}
.htq_class .record .record__sign.status1 {
    background-color: #51b555;
}
.htq_class .record .record__sign.status2 {
    background-color: #882D60;
    ;
}
.htq_class .record .record__sign.status3 {
    background-color: orange;
}
.htq_class .record .record__sign.status4 {
    background-color: #ed0c0c;
}


.htq_class .record.status0 {
    border-right: 3px solid orange;
}
.htq_class .record.status1 {
    border-right: 3px solid #51b555;
}
.htq_class .record.status2 {
    border-right: 3px solid #882D60;
}

.htq_class .record.status3 {
    border-right: 3px solid orange;
}

.htq_class .record.status4 {
    border-right: 3px solid #ed0c0c;
}

.htq_class .record.status5 {
    border-right: 3px solid black;
}

.record__title {
    border-bottom:1px solid #e6e6e6;
    padding:1.25rem 1.625rem
}
@media only screen and (max-width:1050px) {
    .record__title {
        padding:.9375rem;
        border-bottom:0
    }
}
.htq_class .record__refer {
    color:#313131;
    padding-right:30px
}
.htq_class .record__calendar-svg {
    width:1.25rem;
    height:1.25rem;
    margin-right:.625rem;
    margin-left:1.25rem;
    background: url(images/calendar.svg);
}
@media only screen and (max-width:800px) {
    .htq_class .record__calendar-svg {
        margin-left:0
    }
}
.htq_class .record__code {
    float:right;
    padding-right:3.75rem;
    position:relative
}
@media only screen and (max-width:800px) {
    .htq_class .record__code {
        padding-right:2.25rem;
        text-align:center;
        margin-bottom:.625rem
    }
}
.htq_class .record__sign {
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    right:0
}
.htq_class .record .record__sign {
    display:inline-block;
    width:14px;
    height:14px;
    border-radius:50%;
    position:relative;
    position:absolute
}
.htq_class .record .record__sign:after {

}
@media only screen and (min-width:1901px) {
    .htq_class .record .record__sign:after {
        width:20px;
        height:20px
    }
}

@media only screen and (min-width:1901px) {
    .htq_class .record__sign {
        width:20px!important;
        height:4px!important
    }
}
.htq_class .record__code-text {
    display:inline-block;
    color:#b3b3b3
}
.htq_class .record__code-text .fa-num {
    color:#95989a;
    padding-right:.75rem;
    font-family: inherit;
}
.htq_class .record__date {
    float:left;
    color:grey;
    margin-top:-3px
}
.htq_class .record__date>* {
    display:inline-block;
    vertical-align:middle;
    line-height:1
}
.htq_class .record__smal-title {
    color:#95989a;
    -webkit-transition:all .15s ease-in-out;
    -o-transition:.15s all ease-in-out;
    transition:all .15s ease-in-out
}
@media only screen and (min-width:801px) {
    .htq_class .record:hover .record__smal-title {
        color:#fea000
    }
}
@media only screen and (max-width:800px) {
    .htq_class .record__smal-title {
        position:absolute;
        bottom:4.0625rem;
        right:.9375rem
    }
}
@media only screen and (max-width:500px) {
    .htq_class .record__smal-title {
        font-size:12px
    }
}
.htq_class .record__table {
    display:table;
    width:100%;
    padding:1.875rem 0
}
@media only screen and (max-width:1050px) {
    .htq_class .record__table {
        display:block;
        padding:0 0 1.25rem
    }
}
.htq_class .record__unit {
    font-size:13px;
    color:#95989a
}
.htq_class .record__price {
    font-size:16px;
    color:#95989a;
    padding-right:.625rem;
    padding-left:.3125rem;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:.3s all ease-in-out;
    transition:all .3s ease-in-out;
    font-family: inherit;
}
@media only screen and (max-width:1050px) {
    .htq_class .record__price {
        font-size:1.375rem
    }
}
@media only screen and (max-width:500px) {
    .htq_class .record__price {
        font-size:16px
    }
}
@media only screen and (min-width:801px) {
    .htq_class .record:hover .record__price {
        color:#fea000
    }
}
.htq_class .record:hover .record__price--spent,
.htq_class .record__price--spent {
    color:#bababa
}
.htq_class .record__rest {
    font-size:14px;
    color:#b3b3b3;
    font-family: inherit;
}
@media only screen and (max-width:500px) {
    .htq_class .record__rest {
        font-size:14px
    }
}
.htq_class .record__col {
    display:table-cell;
    vertical-align:top;
    font-size:1.14rem;
    text-align:center;
    padding:0 1.5625rem;
    border-radius:.3125rem;
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis;
    overflow:hidden;
    color:#95989a;
    margin-bottom:0
}
@media only screen and (max-width:1050px) {
    .htq_class .record__col {
        display:block;
        width:100%;
        text-align:left;
        padding:0 .9375rem
    }
    .htq_class .record__col:last-of-type {
        padding-bottom:0
    }
}
@media only screen and (max-width:500px) {
    .htq_class .record__col {
        font-size:14px
    }
}
.htq_class .record__col--title {
    text-align:right;
    -webkit-transition:color .2s ease-in-out;
    -o-transition:.2s color ease-in-out;
    transition:color .2s ease-in-out;
    font-size:16px
}
@media only screen and (max-width:1050px) {
    .htq_class .record__col--title {
        margin-bottom:1.25rem;
        padding-bottom:1.25rem;
        border-bottom:1px solid #e6e6e6
    }
}
.htq_class .record:hover .record__col--title {
    color:#666
}
.htq_class .record__col--left {
    text-align:left
}

.clearfix::after {
    content: "";
    clear: both;
    display: block;
}

.htq_class .record .row
{
    width:100%;
    margin: 10px;
}

.htq_class .champion_stage
{
    text-align: center;
    padding: 10px;
    width: 280px;
    min-width: 280px;
}

.htq_class .champion_stage .bars
{
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.htq_class .champion_stage .oneest.bars
{
    height: 150px;
    background: #4CAF50;
    width: 60px;

}

.htq_class .champion_stage .twest.bars
{
    height: 115px;
    background: #FF9800;
    width: 60px;
}

.htq_class .champion_stage .third.bars
{
    height: 100px;
    background: #f44336;
    width: 60px;
}
.htq_class .champion_stage .bars_rate{
    text-align: center;
}
.htq_class .champion_stage .num_rate
{
    display: inline-block;
    background:#EEE;
    border: 1px dotted #c1c1c1;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 24px;
    margin-right: auto;
    margin-left: auto;
    color: #000;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
    font-family: inherit;

}

.htq_class .champion_stage td p
{
    text-align: center;
}

.htq_class table.champion_stage
{
    border: none;
    border-spacing: 0;
    border-collapse: separate;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px dotted #c1c1c1;
    margin-bottom: 1.75em;

}

.htq_class table.champion_stage td, .htq_class table.champion_stage th
{
    vertical-align: bottom;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
    padding: 2px 2px 0 2px;
    border: none;

}




.htq_class table.champion_stage td p {
    margin: 0;
    padding:0;
}

.htq_class ul.htq_reqord {
    margin: unset;
    padding: unset;

}

.center-block{
    display:block;
    margin-right:auto;
    margin-left:auto
}

.htq_class .sidebar_div
{
    float: left;
    border-right: 1px solid #969696;
    border-radius: 10px;
}

.htq_class .sidebar_div  ul#sidebar
{
    list-style: none;
}


.htq_class .pagination::before, .htq_class .pagination::after
{
    background-color: inherit;
    content: unset;
    height: unset;
    position: unset;
    top: unset;
    width: unset;
    z-index: unset;
}

.htq_class .pagination {
    border-top: unset;

}

body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--test-history a:before{
    -content: "\f19d";
    -font: normal normal normal 14px/1 FontAwesome;
}



/*My account*/

/* Profile container */
.htq_class .profile {
    margin: 20px 0;
    -background: #F1F3FA;
}

/* Profile sidebar */
.htq_class .profile-sidebar {
    padding: 20px 0 20px 0;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #d9d9d9;
}

.htq_test_account .nav > li > a
{
    text-transform: none;
}

.htq_class .profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.htq_class .profile-usertitle {
    text-align: center;
    margin-top: 20px;
}

.htq_class .profile-usertitle-name {
    color: #5a7391;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 7px;
}

.htq_class .profile-usertitle-job {
    -text-transform: uppercase;
    color: #5b9bd1;
    font-size: 14px;
    -font-weight: 600;
    margin-bottom: 15px;
}

.htq_class .profile-userbuttons {
    text-align: center;
    margin-top: 10px;
}


.htq_class .profile-userbuttons .btn
{
    min-width: 75px;
}

.htq_class .profile-userbuttons .btn {
    text-transform: uppercase;
    font-size: 14px;
    -font-weight: 600;
    padding: 6px 15px;
    margin-left: 5px;
}

.htq_class .profile-userbuttons .btn:last-child {
    margin-left: unset;
    margin-right: 0px;
}

html[lang="fa-IR"] .htq_class .profile-userbuttons .btn:last-child {
    margin-left: 0px;
    margin-right: unset;
}


.htq_class .profile-usermenu {
    margin-top: 30px;
}

html[lang="fa-IR"] .htq_class .profile-usermenu  .nav {
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
}


html[lang="fa-IR"] .htq_class .profile-usermenu ul li.active a {
    color: #5b9bd1;
    background-color: #f6f9fb;
    border-right: 2px solid #5b9bd1;
    margin-right: -2px;

    border-left: none;
    margin-left: nunset;
}


.htq_class .profile-usermenu ul li {
    border-bottom: 1px solid #f0f4f7;
}

.htq_class .profile-usermenu ul li:last-child {
    border-bottom: none;
}

.htq_class .profile-usermenu ul li a {
    color: #93a3b5;
    font-size: 14px;
    font-weight: 400;
}

.htq_class  .profile-usermenu ul li a i {
    margin-right: 8px;
    margin-left: unset;
    font-size: 15px;
}

html[lang="fa-IR"] .htq_class  .profile-usermenu ul li a i {
    margin-left: 8px;
    margin-right: unset;
}

.htq_class  .profile-usermenu ul li a:hover {
    background-color: #fafcfd;
    color: #5b9bd1;
}

.htq_class .profile-usermenu ul li.active {
    border-bottom: none;
}

.htq_class .profile-usermenu ul li.active a {
    color: #5b9bd1;
    background-color: #f6f9fb;
    border-left: 2px solid #5b9bd1;
    margin-left: unset;
}

/* Profile Content */
.htq_class .profile-content {
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    min-height: 460px;
    border: 1px solid #d9d9d9;

}

.htq_class .img-responsive{
    display: block;
    max-width: 100%;
    height: auto;
}

.htq_test_account ul
{
    margin: unset;

}

.htq_test_account .nav > li {
    position: relative;
    display: block;
}

.htq_test_account .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.wpb_wrapper_test
{
    background: #f7f7f7;
    padding: 10px 18px;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    margin-top: 20px;
    margin-bottom:  10px;
}

.wpb_wrapper_test h4.test_heading
{
    padding: 18px 10px;
    font-weight: normal;
    color: #464749;
    font-size: 18px;
}

.htq_result .res_description
{
    padding: 10px 5px;
}

.htq_card
{
    position: relative;
    width: 100%;
    min-height: 1px;

    padding-right: 15px !important;
    padding-left: 15px !important;
    padding-top: unset !important;
    padding-bottom: unset !important;
    margin-bottom: 1.75rem;
    z-index: 10;

}
.htq_card .test-inner
{
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.htq_card .test-thumbnail
{
    margin-bottom: 1.875rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    position: relative;
}

.htq_card .test-thumbnail a
{
    color: #81d742;
}

.htq_card .test-content
{
    padding: 0 1rem;
    overflow: hidden;
}

.test-content h2
{
    margin-top: 5px;
    min-height: 52px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: 26px;
    overflow: hidden;
    margin: 5px 0;

}
.test-content h2 a
{
    color: #81d742;
}

.test-content .text
{
    margin: 10px 0;
}



.htq_class .dropdown {
    position: relative;
    display: inline-block;
}

.htq_class .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 20;
}

.htq_class .dropdown-content a {
    color: #393939;
    ;
    ;
    padding: 10px 10px;
    text-decoration: none !important;
    display: block;
    border-bottom: 1px solid #e6e6e6;
    font-weight: 300;
    font-size: 14px;
}

.htq_class .dropdown-content a:hover {
    background-color: #f1f1f1
}

.htq_class .dropdown-content a i{
    color: #393939;
    ;
}

.htq_class .dropdown:hover .dropdown-content {
    display: block;
}


.htq_class .question img
{
    float: none;
}

/*@media only screen and (max-width:991px) {
    .container .col-md-10
    {
        width: 83.33333333%;
    }
    .htq_test_col .col-md-12
    {
        width: 100%

    }
}*/

@media (min-width:576px) {
    .htq_class .vc-container {
        max-width: 100%;

    }
}

/*.htq_class .dropdown:hover .dropbtn {
    background-color: #3e8e41;
}*/

.htq_class ul.page-numbers .page-numbers {
    position: relative;
    display: block;
    min-width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
}

.htq_class ul.page-numbers {
    padding: 20px 10px;
    margin: 0;
    list-style: none;
    text-align: center;
}
.htq_class ul.page-numbers {
    padding: 0;
    margin: 0;
    list-style: none;
}

.htq_class ul.page-numbers li:first-child {
    margin-left: 0;
}
.htq_class ul.page-numbers li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 5px;
    margin-left: 5px;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0.125rem 0.25rem rgba(134, 134, 134, 0.57);
    box-shadow: 0 0.125rem 0.25rem rgba(134, 134, 134, 0.57);
}

.htq_class ul.page-numbers .page-numbers.current,
.htq_class ul.page-numbers .page-numbers:hover
{
    background-color: #ffb02d;
}

.htq_class ul.page-numbers .page-numbers.current,
.htq_class ul.page-numbers .page-numbers:hover {
    background-color: #f9a134;
    color: #fff;
}

.htq_class ul.page-numbers .page-numbers {
    color: #444;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}


.htq_class .tests-pagination
{
    direction: ltr;
}


.htq_class .tests-pagination
{

    padding: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-bottom: 10px;
}

.htq_questions_table tr td.index_td
{
    background-color: unset !important;
}


.htq_questions_table.dir_ltr .twest_td
{
    text-align: left;
}

.htq_questions_table.dir_rtl .twest_td
{
    text-align: right;
}


.wpman-product-heading .test-info
{
    color: white;
}


.book .test-content-bottom
{
    font-size: 15px;
}

.htq_class div.wpman-test-item
{
    background-color: inherit;
}

a.view_answers.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
a.view_answers
{
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
a.view_answers.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
a.view_answers:focus
{
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
a.view_answers:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
a.view_answers:active
{
    color: #fff;
    background-color: #286090;
    background-color: #174572 !important;
    border-color: #204d74;
}

a.view_answers:active:hover,
a.view_answers:active:focus
{
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}