#datalist-container {
    padding: 24px;
}

#datalist,
.datalist {
    width: 100%;
}

#datalist tbody th,
.datalist tbody th {
    background-color: #f6f6f6;
    font-family: 'Lato-Regular', sans-serif;
    font-size: 1em;
    cursor: pointer;
}

#datalist th,
#datalist td,
.datalist th,
.datalist td {
    padding: 8px 16px;
    border-bottom: solid 1px #ccc;
    text-align: left;
}

#datalist td,
.datalist td {
    font-family: 'Roboto-Regular', sans-serif;
    color: #333;
}

#datalist tr td:last-of-type,
.datalist tr td:last-of-type {
    text-align: right;
}

.grading-table-preview {

}

.preview-container {
    width: 150px;
    height: 150px;
    overflow: hidden;

}

.preview-container:hover {
    cursor: pointer;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.preview-content {
    zoom: 0.1;
    /* For Firefox */
    -moz-transform: scale(0.1);
    -moz-transform-origin: 0 0;
}

modal-preview-container {
    width: 350px;
    /*height: 350px;*/
    overflow: hidden;
}

modal-preview-content {
    zoom: 0.3;
    /* For Firefox */
    -moz-transform: scale(0.3);
    -moz-transform-origin: 0 0;
}

.pre-hide {
    visibility: hidden;
}

.simple-transitions {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#previewModal .modal-body {
    overflow-y:scroll;
    max-height: 800px;
}


#search,
#searchFilter {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}


/* DataTables */
table.dataTable thead th {
    vertical-align: middle;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    /*top: .5rem;*/
    display: none;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    /*top: .5rem;*/
    display: none;
}

/*table.dataTable thead .sorting:last-child:before, table.dataTable thead .sorting_asc:last-child:before, table.dataTable thead .sorting_desc:last-child:before, table.dataTable thead .sorting_asc_disabled:last-child:before, table.dataTable thead .sorting_desc_disabled:last-child:before {
    display: none;
}

table.dataTable thead .sorting:last-child:after, table.dataTable thead .sorting_asc:last-child:after, table.dataTable thead .sorting_desc:last-child:after, table.dataTable thead .sorting_asc_disabled:last-child:after, table.dataTable thead .sorting_desc_disabled:last-child:after {
    display: none;
}*/

thead tr {
    background-color: #f6f6f6;
}

p {
    margin-bottom: 0;
}

.fas.fa-sort.grey-icon-link {
    padding-left: 4px;
}