/*Tests Table user*/

#gftq-tests-table,#test-details-table {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
    margin-top: 15px;
}

#gftq-tests-table > thead > tr > th,
#test-details-table > thead > tr > th {
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    background-color: #6c7ae0;
}

#gftq-tests-table > tbody > tr:nth-child(2n),
#test-details-table > tbody > tr:nth-child(2n) {
    background-color: #f8f6ff;
}


.test_status_completed , .test_status_process{
    border-radius: 10px;
    padding: 5px;
    font-weight: 700;
}
.test_status_process {
    background-color: #feb710;
    color: #fff;
}
.test_status_completed{
    background-color: #0cf100;
    color: #fff;
}

#gftq-tests-table > thead > th:nth-child(2){
    text-align: center;
}
#test-details-table > tbody > tr:last-child > td{
    border-bottom: none;
}
.header-test-details-user-information{
    display: inline-block;
    margin-top: 10px;
}

/*Tests Table User*/



/* responsive */
@media screen and (max-width: 992px) {


    /*Tests Table User*/
    #gftq-tests-table {
        box-shadow: none;
    }

    .test_status_completed , .test_status_process {
        font-size: 80%;
    }

    #gftq-tests-table > tbody > tr > td, #gftq-tests-table > tbody > tr > th,
    #gftq-tests-table > tfoot > tr > td, #gftq-tests-table > tfoot > tr > th,
    #gftq-tests-table > thead > tr > td, #gftq-tests-table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border: none;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: medium;
        border-top: 1px solid #ddd;
    }



    #gftq-tests-table > tbody > tr:nth-child(2n),
    #gftq-tests-table > tbody > tr:nth-child(1n) {
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
        margin: 10px;
        border-radius: 20px;
        display: block !important;
        margin-bottom: 17px;
    }

    #gftq-tests-table td:nth-child(n+3), #gftq-tests-table th:nth-child(n+3), #gftq-tests-table td:nth-child(n+5), #gftq-tests-table th:nth-child(n+5) {
        display: block !important;
    }

    #gftq-tests-table > tbody > tr > td:first-child{
        border-top: none;
    }
    #gftq-tests-table  {
        display: block;
    }
    #gftq-tests-table > *, #gftq-tests-table tr, #gftq-tests-table td, #gftq-tests-table th {
        display: block;
    }
    #gftq-tests-table thead {
        display: none;
    }
    #gftq-tests-table tbody tr {
        height: auto;
    }
    #gftq-tests-table tbody tr td {
        margin-bottom: 24px;
    }
    #gftq-tests-table tbody tr td:last-child {
        margin-bottom: 0;
    }
    #gftq-tests-table tbody tr td:before {
        font-size: 14px;
        color: #999999;
        line-height: 1.2;
        font-weight: unset;
        width: 40%;
        left: 30px;
        top: 0;
    }
    #gftq-tests-table tbody tr td:nth-child(1):before {
        content: "نام تست: ";
    }
    #gftq-tests-table tbody tr td:nth-child(2):before {
        content: "تخصص: ";
    }
    #gftq-tests-table tbody tr td:nth-child(3):before {
        content: "تاریخ: ";
    }
    #gftq-tests-table tbody tr td:nth-child(4):before {
        content: "وضعیت: ";
    }
    #gftq-tests-table tbody tr td:nth-child(5):before {
        content: "پرداختی: ";
    }


    /*Test Details Table*/
    #test-details-table > tbody > tr > td, #test-details-table > tbody > tr > th,
    #test-details-table > tfoot > tr > td, #test-details-table > tfoot > tr > th,
    #test-details-table > thead > tr > td, #test-details-table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border: none;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: medium;
        border-top: 1px solid #ddd;
    }

    #test-details-table > tbody > tr:nth-child(2n),
    #test-details-table > tbody > tr:nth-child(1n) {
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
        margin: 10px;
        border-radius: 20px;
        display: block !important;
        margin-bottom: 17px;
    }

    #test-details-table td:nth-child(n+3), #test-details-table th:nth-child(n+3), #test-details-table td:nth-child(n+5), #test-details-table th:nth-child(n+5) {
        display: block !important;
    }

    #test-details-table > tbody > tr > td:first-child{
        border-top: none;
    }
    #test-details-table  {
        display: block;
    }
    #test-details-table > *, #test-details-table tr, #test-details-table td, #test-details-table th {
        display: block;
    }
    #test-details-table thead {
        display: none;
    }
    #test-details-table tbody tr {
        height: auto;
    }
    #test-details-table tbody tr td {
        margin-bottom: 24px;
    }
    #test-details-table tbody tr td:last-child {
        margin-bottom: 0;
    }
    #test-details-table tbody tr td:before {
        font-size: 14px;
        color: #999999;
        line-height: 1.2;
        font-weight: unset;
        width: 40%;
        left: 30px;
        top: 0;
    }
    #test-details-table tbody tr td:nth-child(1):before {
        content: "عنوان: ";
    }
    #test-details-table tbody tr td:nth-child(2):before {
        content: "پاسخ: ";
    }

}