.pagemain {
    .pagetitle {
        span {
            cursor: pointer;
        }
    }
}

table {
    width: 100%;
    border: 1px solid #ddd;
    .header-background {
        background-color: #766daa;
        position: relative;
        cursor: pointer;
    }
    .student-name {
        position: absolute;
        background: #766daa;
    }
    tr:hover .students {
        background-color: #ddd;
    }
    tr:hover .student-name {
        background-color: #ddd;
    }
    tr:hover .correct {
        background: #9de39d;
    }
    tr:hover .incorrect {
        background: #ffb3b3;
    }
    .students {
        position: absolute;
        background-color: #fff;
        min-width: 130px;
    }
    .que-center {
        padding-left: 135px;
    }
    .que-1 {
        padding-left: 135px;
    }
    tr {
        td {
            text-align: center;
        }
        .correct {
            background: #c5eec5;
        }
        .incorrect {
            background: #ffd5d5;
        }
        th {
            max-width: 50px;
            min-width: 130px;
        }
    }
}

label {
    font-size: 17px;
    margin: 10px 0 15px;
    display: block;
}

.tbl-wrap {
    overflow-x: auto;
    &::-webkit-scrollbar {
        width: 20px;
        height: 8px;
    }
    /* Track */
    &::-webkit-scrollbar-track {
        border-radius: 10px;
    }
    /* Handle */
    &::-webkit-scrollbar-thumb {
        background: #a6a6a6;
        border-radius: 10px;
    }
    /* Handle on hover */
    &::-webkit-scrollbar-thumb:hover {
        background: #ccc;
    }
}