/*pagination styles*/
.pagination ul {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); 
}

.pagination ul > li {
display: inline;
}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
border-left-width: 1px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
color: #999999;
cursor: default;
background-color: transparent;
}

.pagination ul > li > a, .pagination ul > li > span {
float: left;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
border-left-width: 0;
}

.quiz-grid tr.smart-table-footer-row td{border: 0px;}
.smart-table{border-bottom: 0px;}
.sort-ascent:before {
    content: "\25B4";
    color: #2B0808;
}

.sort-descent:before {
    content: "\25BE";
    color: #2B0808;
}


.progress-grid tfoot tr.smart-table-footer-row td{text-align: center;}
.smart-table-footer-row td .pagination ul{padding: 0px;}
.smart-table-footer-row td{text-align: center;}


@media only screen and (max-width: 650px), (max-device-width: 650px) and (min-device-width: 650px){
 .smart-table, .smart-table thead, .smart-table tbody, .smart-table th, .smart-table td, .smart-table tr {
display: block;
overflow-x:hidden;
}
.smart-table tbody tr td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
word-wrap:break-word;
min-height:30px;
}
.smart-table tbody tr td b {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left;
}
.smart-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.smart-table tfoot, .smart-table tfoot tr td{
 display:block;
 width:100%;
 border:none;
}