commitall

assets_student/css/font-family.css

@@ -0,0 +1,78 @@
+@font-face {
+    font-family: 'Rubik';
+    src: url('assets/font-family/Rubik-Bold.eot');
+    src: url('assets/font-family/Rubik-Bold.eot?#iefix') format('embedded-opentype'),
+        url('assets/font-family/Rubik-Bold.woff2') format('woff2'),
+        url('assets/font-family/Rubik-Bold.woff') format('woff'),
+        url('assets/font-family/Rubik-Bold.ttf') format('truetype'),
+        url('assets/font-family/Rubik-Bold.svg#Rubik-Bold') format('svg');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Rubik';
+    src: url('assets/font-family/Rubik-Light.eot');
+    src: url('assets/font-family/Rubik-Light.eot?#iefix') format('embedded-opentype'),
+        url('assets/font-family/Rubik-Light.woff2') format('woff2'),
+        url('assets/font-family/Rubik-Light.woff') format('woff'),
+        url('assets/font-family/Rubik-Light.ttf') format('truetype'),
+        url('assets/font-family/Rubik-Light.svg#Rubik-Light') format('svg');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Rubik';
+    src: url('assets/font-family/Rubik-ExtraBold.eot');
+    src: url('assets/font-family/Rubik-ExtraBold.eot?#iefix') format('embedded-opentype'),
+        url('assets/font-family/Rubik-ExtraBold.woff2') format('woff2'),
+        url('assets/font-family/Rubik-ExtraBold.woff') format('woff'),
+        url('assets/font-family/Rubik-ExtraBold.ttf') format('truetype'),
+        url('assets/font-family/Rubik-ExtraBold.svg#Rubik-ExtraBold') format('svg');
+    font-weight: 800;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Rubik';
+    src: url('assets/font-family/Rubik-Medium.eot');
+    src: url('assets/font-family/Rubik-Medium.eot?#iefix') format('embedded-opentype'),
+        url('assets/font-family/Rubik-Medium.woff2') format('woff2'),
+        url('assets/font-family/Rubik-Medium.woff') format('woff'),
+        url('assets/font-family/Rubik-Medium.ttf') format('truetype'),
+        url('assets/font-family/Rubik-Medium.svg#Rubik-Medium') format('svg');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Rubik';
+    src: url('assets/font-family/Rubik-Regular.eot');
+    src: url('assets/font-family/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
+        url('assets/font-family/Rubik-Regular.woff2') format('woff2'),
+        url('assets/font-family/Rubik-Regular.woff') format('woff'),
+        url('assets/font-family/Rubik-Regular.ttf') format('truetype'),
+        url('assets/font-family/Rubik-Regular.svg#Rubik-Regular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Rubik';
+    src: url('assets/font-family/Rubik-SemiBold.eot');
+    src: url('assets/font-family/Rubik-SemiBold.eot?#iefix') format('embedded-opentype'),
+        url('assets/font-family/Rubik-SemiBold.woff2') format('woff2'),
+        url('assets/font-family/Rubik-SemiBold.woff') format('woff'),
+        url('assets/font-family/Rubik-SemiBold.ttf') format('truetype'),
+        url('assets/font-family/Rubik-SemiBold.svg#Rubik-SemiBold') format('svg');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+

assets_student/css/idcardstyle.css

@@ -0,0 +1,43 @@
+.student_id_card_wrap { 
+    position: relative;
+    width: 204px;
+    height: 323px;
+    margin: auto;
+} 
+img.student_card {
+    width: 100%;
+} 
+.student_data {
+    position: absolute;
+    text-align: center;
+    width: 100%;
+    top: 65px;
+} 
+.student_card_img img {
+    width: 60px;
+    height: 60px;
+    border-radius: 40px;
+    margin: 5px;
+    display: none;
+} 
+.student_card_img h3 {
+    font-size: 15px;
+    margin-top: 2px;
+    color: #032da1;
+    margin-bottom: 3px;
+    font-weight: bold;
+} 
+.student_card_img p {
+    font-size: 14px;
+    color: #032da1;
+    margin: 0px;
+} 
+.QR_code img {
+    width: 66px;
+    height: 66px;
+    margin: 5px;
+} 
+.QR_code p {
+    font-size: 14px;
+    margin: 5px;
+}

assets_student/css/mobile.css

@@ -0,0 +1,403 @@
+@media only screen and (min-width:320px) and (max-width:767px) {
+    .content-box-scroll {
+        height: auto;
+        padding: 0.5rem;
+        width: 95%;
+    }
+    .content-last-sec li {
+        width: 100%;
+        margin: 10px 0 0 0;
+    }
+    .content-last-sec {
+        display: block;
+    }
+    .content-heading-sec, .content-heading-sec-two {
+        margin: 0 0 5px 0;
+        text-align: left;
+    }
+    .content-box-scroll-less {
+        margin: 2%;
+        width: 96%;
+    }
+    .exam-last-sec-btn, .grade-inner-btn {
+        text-align: center;
+    }
+    .main-inner-content {
+        padding: 0;
+        width: 98%;
+        margin: 0%;
+    }
+    .upper-pagination {
+        display: block;
+    }
+    .pagination-left {
+        width: 100%;
+        margin: 5px 0;
+    }
+    .question-wrap {
+        width: 100%;
+    }
+    .option-select-right {
+        width: 7%;
+    }
+    .btn-pre-sec-outter {
+        display: block;
+        margin: 40px 0 0 0px;
+    }
+    .btn-pre-one {
+        margin: 0px 3px 25px 0;
+    }
+    .text-sec {
+        width: 98%;
+    }
+    .grade-container-sec {
+        /* display: block;*/
+        margin: 25px 0 0 0;
+    }
+    .my-grade-sec-one {
+        width: 48%;
+        background-color: #F3F3F3;
+        padding: 14px 3px 10px 0px;
+        margin: 1%;
+        text-align: center;
+        height: 150px;
+        border-radius: 12px;
+        /* font-size: 16px; */
+    }
+    .sub-box-rightside ul {
+        display: block;
+    }
+    .sub-box-sec {
+        display: flex;
+        box-shadow: 0 0 3px #00000029;
+        width: 100%;
+        border-radius: 10px;
+        margin: 10px 0;
+    }
+    .sub-box-rightside ul li {
+        margin: 8px 0 0 0;
+    }
+
+    table tr {
+        font-size: 10px;
+    }
+    .stud-table-wrap {
+        width: 100%;
+        padding: 20px 5px;
+    }
+    /*==================================================================*/
+    .cal-assinment {
+        display: block !important;
+    }
+    .cal-push-inner {
+        width: 100%;
+        height: auto;
+        margin: 10px;
+    }
+    .cre-assing {
+        width: 100%;
+        margin: 6px;
+        display: flex;
+        justify-content: flex-start;
+    }
+    .teacher-flow-class-one {
+        width: 46%;
+        margin: 2%;
+    }
+    .mid-paper-sec {
+        display: block;
+        width: 100%;
+    }
+    .mid-paper-sec-left {
+        width: 100%;
+        margin: 0 !important;
+    }
+    .quest-added-one li:nth-child(4) {
+        font-size: 10px;
+    }
+    .quest-added-one li:nth-child(1) {
+        font-size: 10px;
+    }
+    .mid-paper-sec-right {
+        width: 100%;
+        margin: 25px 0 0 0;
+    }
+    .sel-multiple {
+        margin: 0 5px 25px 0;
+    }
+    .stud-dev-wrap {
+        display: block;
+        width: 100%;
+    }
+    .stud-wrap-left {
+        width: 100%;
+    }
+    .eval-wrap-right {
+        width: 100%;
+        margin: 15% 0 0 0;
+    }
+    .eval-sub li {
+        margin: 12px;
+        padding: 10px 31px 10px 0;
+
+    }
+    .exam-evl-action {
+        width: 100%;
+    }
+    .action-sec td {
+        font-size: 10px;
+    }
+    .stud-wrap-right {
+        margin:0;
+        width: 100%;
+    }
+
+    .eval-wrap-right {
+        margin: 0;
+    }
+}
+@media only screen and (max-width:1280px){
+    .mid-paper-sec { 
+        width: 100%;
+    }
+    .main-inner-content {
+    width: 88%;
+}
+    .stud-dev-wrap { 
+        width: 95%;
+    }
+    .eval-wrap-right { 
+        margin: 0 0 0 30px;
+    }
+    .content-box-scroll-less {
+        width: 70%;
+    }
+    .content-last-sec li { 
+        font-size: 12px;
+        width: 32%;
+    }
+}
+@media only screen and (max-width:1024px){
+    .stud-table-wrap {
+        width: 90%; 
+    }
+    .content-box-scroll { 
+        width: 77%; 
+    } 
+    .quest-box-header p:first-child { 
+        font-size: 14px;
+    }
+    .quest-added-one li:nth-child(4) { 
+        font-size: 13px;
+    }
+    .sel-quest-type {
+        font-size: 14px;
+        margin-bottom: 5px;
+    }
+    .quest-info-header { 
+        margin-bottom: 5px;
+    }
+    .insert-prop { 
+        font-size: 14px;
+    }
+    .ans-opt-one {
+        font-size: 14px;
+    }
+    .selected-ans-type { 
+        font-size: 14px;
+    }
+    .main-inner-content-new {
+        width: 92%;
+    }
+    .eval-sub li { 
+        margin: 20px 0; 
+    }
+    .stud-row-one h6 {
+        width: 75%;
+        font-size: 13px;
+        margin: 0;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+    }
+    .phy-sec-mid p:nth-child(2){
+        width: 75%;
+        font-size: 13px;
+        margin: 0;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+    }
+    .stud-wrap-right {
+        width: 45%;
+        box-shadow: 1px 1px 3px #00000029;
+        margin: 0 0 0 30px;
+        border-radius: 5px;
+    }
+    .stud-wrap-left {
+        width: 50%;
+    }
+    .content-last-sec li { 
+        font-size: 12px; 
+    }
+    .main-inner-content-cover {
+        width: 90%;
+    }
+}
+
+
+@media only screen and (max-width:992px){
+    .quest-added-green { 
+        font-size: 14px;
+    }
+    .mid-paper-sec {
+        display: block; 
+        width: 90%;
+    }
+    .mid-paper-sec-left {
+        width: 100%; 
+    }
+    .mid-paper-sec { 
+        width: 100%;
+    }
+    .main-inner-content {
+        width: 97%;
+    }
+    .mid-paper-sec-right { 
+        width: 100%; 
+        margin-top: 5%;
+    }
+    .main-right-wrap { 
+        margin-top: 5%;
+    }
+    .main-inner-content-cover {
+        width: 100%;
+    }
+    .noti-para-sec.content-last-sec-new p {
+    font-size: 14px;
+}
+.noti-wrap-sec-left {
+    width: 48%;
+    margin: 0 2% 0 0;
+}
+.noti-wrap-sec-right-inner p:nth-child(1) {
+    font-weight: 600;
+    font-size: 13px;
+    width: 77%;
+}
+.noti-wrap-sec-right-inner p:nth-child(2) { 
+    font-size: 12px;
+    width: 29%; 
+}
+}
+@media only screen and (max-width:768px){
+    .stud-table-wrap {
+        width: 100%;
+    }
+    .content-box-scroll {
+        width: 100%;
+    }
+    .content-right-side {
+        width: 100%; 
+    }
+    .content-mid-text p { 
+        width: 100%; 
+    }
+    .btn-pre-inner, .btn-next-inner, .view-detail-notify, .list-end-btn { 
+        font-size: 13px;
+    }
+    .content-exam-box-one, .content-exam-box-blue { 
+        margin: 3% 0 0 0;
+    }
+    .stud-dev-wrap {
+        display: block;
+    }
+    .stud-wrap-left {
+        width: 100%;
+    }
+    .stud-wrap-right {
+        width: 100%; 
+        margin:30px 0;
+    }
+    .stud-table-wrap h4  { 
+        font-size: 16px;
+    }
+    .stud-table-wrap h6 { 
+        font-size: 14px;
+    }
+    table th { 
+        font-size: 13px;
+    }
+    table td {
+        font-size: 13px;
+    }
+    .content-box-scroll-less {
+        width: 95%;
+    }
+    .noti-wrap-sec {
+    display: block;
+}
+.noti-wrap-sec-left {
+    width: 90%; 
+}
+.noti-wrap-sec-right {
+    width: 90%; 
+    margin-top: 20px;
+}
+}
+@media only screen and (max-width:500px){
+    .main-inner-content {
+        width: 97%;
+    }
+    .quest-added-one li:nth-child(4) {
+        font-size: 12px;
+    }
+    .quest-added-one li:nth-child(3) { 
+        font-size: 13px;
+    }
+    .quest-added-green,.quest-added {
+        font-size: 13px;
+        width: 18px;
+    }
+    .quest-added-row { 
+        margin: 8px;
+    }
+    .quest-foot-marks { 
+        font-size: 13px;
+    }
+    .quest-box-footer { 
+        margin: 3px;
+        padding: 5px;
+    }
+    .quest-info-header { 
+        font-size: 14px;
+    }
+    .tabl-evl-btn {
+        width: 85px;
+    }
+    .eval-wrap-right {
+        margin: 0;
+    }
+    .content-right-side h6 { 
+        font-size: 15px;
+    }
+    .btn-pre-inner, .btn-next-inner, .view-detail-notify, .list-end-btn {
+    font-size: 11px;
+}
+.noti-wrap-sec-left {
+    width: 98%;
+    margin: 0;
+}
+.content-last-sec-new li {
+    font-size: 12px;
+    display: block;
+    width: 100%;
+    margin:0;
+}
+.content-last-sec-new ul {
+    display: block; 
+}
+.noti-para-sec.content-last-sec-new p {
+    font-size: 13px;
+}
+}

assets_student/css/test-exam.css

@@ -0,0 +1,474 @@
+.headersearch_sec, .test_inner{
+    margin-left: 50px;
+}
+.test_inner{
+    background: #FCFCFC;
+    border-radius: 16px;
+    padding: 15px 25px;
+    margin-top: 20px;
+    width:92%;
+}
+.test_innerhead{
+    font-size: 19px;
+    font-weight: 500;
+}
+.testcard_1{
+    background: #FFEEEA;
+    margin-top: 10px;
+}
+.testcard_block{
+    display: flex;
+    padding: 12px;
+    border-radius: 8px;
+    margin-bottom: 14px;
+}
+.testcard_block a {
+    display: flex;
+    text-decoration: none;
+    width: 100%;
+}
+.testcard_ico{
+    width: 8%;
+    margin-right: 5px;
+}
+.testcard_ico img{
+    width: 42px;
+    height:65px;
+}
+.textcard_txt{
+    width:64%;
+    padding-right: 50px;
+}
+.textcard_tym{
+
+    text-align: right;
+    margin: auto 0 auto auto;
+}
+.textcard_headtxt{
+    color: #000;
+    font-weight: 600;
+    font-size: 16px;
+    letter-spacing: 0.2px;
+    margin-bottom: 1px;
+}
+.textcard_para{
+    color: #3D3D3D;
+    font-size: 13.5px;
+    letter-spacing: 0.2px;
+    line-height: 18px;
+    overflow: hidden;
+    display: -webkit-box;
+    display: -moz-box;
+    -webkit-line-clamp: 2;
+    -moz-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    -moz-box-orient: vertical;
+}
+.startexmbtn{
+    border-radius: 5px;
+    background: #FFA295;
+    text-align: center;
+    color: #fff;
+    font-size: 13px;
+    letter-spacing: 0.3px;
+    font-weight: 600;
+    width: 104px;
+    margin: 2px 11px 4px auto;
+    padding: 4px 0;
+
+}
+.textcard_date, .textcard_duration, .textcard_time, .exm_qussec{
+    font-size: 13px;
+    letter-spacing: 0.3px;
+    line-height: 22px;
+    color: #3D3D3D;
+}
+.testcard_2{background:#FCF4DD;}
+.testcard_3{background:#EBF8E7;}
+.testcard_4{background:#BCD9E7;}
+.testcard_sec::-webkit-scrollbar{
+    width: 3px;
+  }
+.testcard_sec::-webkit-scrollbar-track{
+    box-shadow: inset 0 0 5px #FE9182; 
+    border-radius: 10px;
+  }
+.testcard_sec::-webkit-scrollbar-thumb{
+    background: #FE9182; 
+    border-radius: 10px;
+  }
+.testcard_sec{
+    height: 431px;
+    overflow: auto;
+    padding-right: 150px;
+  }
+.testcard_secinner{
+    width: 82%;  
+  }
+/*--------exam detail page css start-------*/
+.exam_detailsec {
+    background: transparent;
+    padding: 0px 25px 0 0;
+}
+.exam_detailcard .textcard_tym{
+width: 100%;
+margin: 10px 0 13px;
+display: flex;
+justify-content: space-between;
+}
+.exam_detailcard .textcard_para{
+    display: block;
+    margin: 3px 0 8px;
+    line-height: 20px;
+}
+.exam_detailcard .textcard_txt {
+    width:88%;
+}
+.exam_detailcard .startexmbtn{
+    margin: 0;
+    padding: 7px 0;
+}
+.textcard_date, .textcard_duration, .textcard_time, .exm_qussec{
+    color: #000;
+}
+.exam_detailcard {
+    padding: 20px 22px;
+}
+.exam_detailcard .testcard_ico{
+    width: 11%;  
+    margin-right: 0;
+}
+.exam_detailcard .testcard_ico img {
+    width: 51px;
+    height: 51px;
+}
+/*--------exam detail page css end-------*/
+/*--------exam qus page css start-------*/
+.exm_block{
+    background: #F5F2FF;
+    border-radius: 9px;
+    padding: 30px;
+}
+.exmqus_header, .exmqusheader_l, .exmqusheader_r, .exm_qusblock, .exmqus_btnsec, .exm_pagination_top, .exm_pagination_btm{
+    display: flex;
+}
+.exmqus_header {
+justify-content: space-between;
+margin-bottom: 11px;
+}
+.exmqus_headerico img{
+    width: 30px;
+    height: 30px; 
+}
+.exmqus_headerheading{
+    color: #000000;
+    font-size: 15px;
+    font-weight: 600;
+    letter-spacing: 0.2px;
+    margin-left: 13px;
+    align-self: center;
+}
+.exmqus_headerqus, .exmqus_headertym{
+    color: #000000;
+    font-size: 12px;
+    font-weight: 600;
+}
+.exmqus_headerqus{
+    margin-right: 30px;    
+}
+.exm_qusblock{
+    font-size: 15px;
+    margin: 3px 0 18px;
+    display: block;
+}
+.exmqus{
+    margin-right:25px; 
+}
+.exmqus, .exmqus_detail{
+    color: #3D3D3D;
+    font-weight: 400;
+    line-height: 22px;
+}
+.exm_anshead{
+    color: #3D3D3D;
+    font-size: 15px;
+    font-weight: 600;
+    margin-bottom: 12px;  
+}
+/*--------exam qus radio btn  css start-------*/
+.exmradiobtn input[type="radio"] {
+    position: absolute;
+    margin-top: 4px;
+    margin-left: -20px;
+    opacity: 0;
+    z-index: 1;
+    width: 5%;
+    height: 21px;
+    cursor: pointer;
+}
+
+.exmradiobtn {
+    position: relative;
+    display: block;
+    padding-left: 20px;
+    margin-bottom: 9px;
+}
+.exmradiobtn label::before {
+    content: "";
+    display: inline-block;
+    position: absolute;
+    width: 15px;
+    height: 15px;
+    left: 0;
+    margin-left: -20px;
+    border: 1px solid #5E3EC5;
+    border-radius: 50%;
+    background-color: #F5F2FF;
+    -webkit-transition: border 0.15s ease-in-out;
+    -o-transition: border 0.15s ease-in-out;
+    transition: border 0.15s ease-in-out;
+    top: 3px;
+}
+.exmradiobtn input[type="radio"]:checked + label::after {
+    -webkit-transform: scale(1, 1);
+    -ms-transform: scale(1, 1);
+    -o-transform: scale(1, 1);
+    transform: scale(1, 1);
+}
+.exmradiobtn label::after {
+    display: inline-block;
+    position: absolute;
+    content: " ";
+    width: 9px;
+    height: 9px;
+    left: 3px;
+    top: 6px;
+    margin-left: -20px;
+    border-radius: 50%;
+    background-color: #5E3EC5;
+    -webkit-transform: scale(0, 0);
+    -ms-transform: scale(0, 0);
+    -o-transform: scale(0, 0);
+    transform: scale(0, 0);
+    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+}
+.exmradiobtn label {
+    min-height: 20px;
+    margin-bottom: 0;
+    font-weight: normal;
+    color: #3D3D3D;
+    font-size: 15px;
+    display: inline-block;
+    position: relative;
+    padding-left: 2px;
+}
+.exmradiobtn label span{
+    margin-right: 18px;
+    font-size: 15px;
+}
+/*--------exam qus radio btn css end-------*/
+.exmqus_skip, .exmqus_btnblock{
+    margin-left: auto;
+}
+.exmqus_skip{
+    color: #3D3D3D;
+    font-size: 14.5px;
+    font-weight: 600;
+    cursor: pointer;
+    align-self: center;
+}
+.exm_prevbtns{
+      color: #5E3EC5;
+    background-color: #fff;
+      border: 1px solid #5E3EC5;
+    padding: 5px;
+    font-size: 14px;
+    font-weight: 600;
+    letter-spacing: 0.2px;
+    width: 160px;
+    cursor: pointer;
+    border-radius: 9px;
+}
+.exm_prebtn, .exm_nxtbtn{
+    border-radius: 9px;
+    border: 1px solid #5E3EC5;
+    padding: 5px;
+    font-size: 14px;
+    font-weight: 600;
+    letter-spacing: 0.2px;
+    width: 160px;
+    cursor: pointer;
+}
+.exm_prebtn{
+    background: #5E3EC5;
+    color: #fff;
+    margin-right: 10px;
+}
+.exm_nxtbtn{
+    background: #5E3EC5;
+    color: #fff;
+}
+.exmqus_btnsec{
+    margin: 36px 0 8px;
+}
+.exm_prebtn:focus, .exm_nxtbtn:focus {
+    outline:none
+}
+.exm_pagination_block{
+    color: #3D3D3D;
+    font-size: 14px;
+    padding: 5px 18px;
+    background: #F5F2FF;
+    cursor: pointer;
+}
+.exm_pagination_active{
+    background: #5E3EC5;
+    border-radius: 5px 5px 0px 0px;
+    color: #fff;
+    margin: 0 2px;
+}
+.exm_pagination_top{
+border-radius: 5px 5px 0px 0px;
+margin: auto;
+justify-content: center;
+height: 33px;
+}
+.exm_pagination{
+    margin-top: 20px;
+    margin-left: 50px;
+    display: flex;
+}
+.exmdiv_sec{
+    width: 86%;
+    margin-top: 20px;
+    margin-left: 50px;
+}
+.exm_paginationsec{
+    width: 36%;
+    margin: auto;
+}
+.exm_pagination_btm{
+    justify-content: space-between;
+    background: #F9F9F9;
+    border-radius: 0px 0px 5px 5px;
+    height: 30px;
+    align-items: center;
+    padding: 0 14px;
+}
+.exm_pagination_no{
+    color: #3D3D3D;
+    font-size: 14px;
+    cursor: pointer;
+}
+.exm_pagination_noactive{
+    background: #5E3EC5;
+    border-radius: 50%;
+    color: #fff;
+    height: 20px;
+    width: 20px;
+    text-align: center;
+    font-size: 11px;
+    padding-top: 2px;
+}
+.exm_pagination_skip{
+    position: relative;   
+}
+.exm_pagination_skip::after{
+    content: "";
+    border: 2px solid #5E3EC5;
+    display: inline-block;
+    position: absolute;
+    border-radius: 50px;
+    top: 0;
+}
+.exm_scrollsec{
+    height: 272px;
+    overflow: auto;
+    padding-right: 30px;
+}
+.exm_scrollsec::-webkit-scrollbar{
+    width: 3px;
+  }
+.exm_scrollsec::-webkit-scrollbar-track{
+    box-shadow: inset 0 0 5px #5E3EC5; 
+    border-radius: 10px;
+  }
+.exm_scrollsec::-webkit-scrollbar-thumb{
+    background:#5E3EC5; 
+    border-radius: 10px;
+  }
+.anstxtarea{
+    background: #FCFCFC;
+    border-radius: 14px;
+    resize: none;
+    border-color: #FCFCFC;
+    font-size: 14px;
+    padding: 10px;
+    color: #3D3D3D;
+}
+.anstxtarea:focus {
+    box-shadow: none;
+    border-color:#FCFCFC;
+    background: #FCFCFC;
+}
+.exmqus_detail_img{
+    width: 173px;
+    cursor: pointer;
+    margin-bottom: 18px;
+}
+.exmqus_detail_img img{
+    width: 100%;
+    height: 104px;
+    object-fit: cover;
+}
+#exm_imgpopup .core_sliderimg .banner_img {
+    object-fit: none;
+}
+/*--------exam qus page css end-------*/
+.skipped_qus{
+    background: #F5F2FF;
+    border-radius: 9px;
+    padding: 8px 0;
+    height: 38px;
+    width: 20%;
+    text-align: center;
+}
+.skipped_qushead{
+    color: #3D3D3D;
+    font-size: 14.5px;
+    font-weight: 600;
+    cursor: pointer;
+    align-self: center;  
+}
+.skipped_qusarrow2{
+    display: none;
+}
+.skip_qusblock{
+    background: #F5F2FF;
+    border-radius: 9px;
+    padding: 8px 15px;
+    display: none;
+}
+.skip_qusnob{
+    color: #3D3D3D;
+    font-weight: 400;
+    font-size: 13.5px;  
+    margin: 0 8px;
+}
+.skip_qusnobblock{
+    display: flex;  
+    justify-content: space-between;
+}
+.skip_qusnobblock{
+    overflow-y: auto;
+    cursor: pointer;
+}
+.skip_qusnobblock::-webkit-scrollbar{
+    height: 3px;
+  }
+.skip_qusnobblock::-webkit-scrollbar-track{
+    box-shadow: inset 0 0 5px #5E3EC5; 
+  }
+.skip_qusnobblock::-webkit-scrollbar-thumb{
+    background:#5E3EC5; 
+  }