::-webkit-scrollbar {
  width: 20px;
}

.overview h3{
    margin-top: 3%;
    margin-bottom: 3%;
    font-size: large;
}
.question-detail-section{
    width:93%;
    margin-left:3%;
}
.quick-view{
    position: fixed;
    top: 80%;
    margin-left: 40%;
    padding: 0.5%;
    color: white; 
    cursor:pointer;
}
.quick-view img{
    width:34px;
    border-radius:19px;
}

.qno{
    text-align: center;
    margin-bottom: 2%;
    color: gray;
    font-size: small;
}
.question-detail-section img{
    max-width:100% !important;
}

.question_box{
    padding:2%;
    background:oldlace;
    margin-bottom:3%;
}
.exam-analysis{
    margin-top: 5%;
    margin-bottom: 5%;
}
.navigation-board{
    position: fixed;
    left: 81%;
    width: 232px;
    background: white;
    height: 300px;
    top: 23%;
    overflow:scroll;
}
.navigation-board h3{
        font-size: large;
    margin-top: 3%;
    text-align: center;
    color: black;
    font-size: medium;
    font-family: math;
}
.legend{
    width: 15px;
    height: 15px;
    margin-left: 23%;
}
.legend-correct{
    background: #38bd38;
}

.legend-incorrect{
    background: #d66a6a;
}
.legend-unattempt{
    background:gainsboro;
}
.wrapper-ov{
    width: 30%;
    margin-left: 2%;
    padding: 1%;
    text-align: center;
    float:left;
}
.legend-label{
    font-size: 10px;
}

.qbutton{
    float: left;
    box-shadow: 1px 2px 3px gainsboro;
    padding: 1%;
    width: 14%;
    height: 14%;
    margin-left: 2%;
    text-align: center;
    margin-top:1%;
}

.navigation-board .quick-overview{
    linear-gradient(45deg, #e5e7ff, transparent)
}
.analytics-cmp{
    width: 33%;
    float:left;
    background: #73cdc5;
    text-align: center;
    margin-top: 1%;
    padding: 3%;
}
.analytics-cmp h3{
    font-weight:bold;
    font-size: small;
}
.bg-active{
    width: 100%;
    height: 100%;
    background: #00000091;
    position: fixed;
    z-index: 10;
    margin-left: -7%;
    margin-top: -6%;
}
.exam-details-board{
    position: absolute;
    height:500px;
    overflow-y:scroll;
    width: 565px;
    background: white;
    margin-left: 21%!important;
    margin-top: 4%;
    border-radius:0px;
}

 .close-form{
    position: fixed;
    top: 13%;
    left: 84%;
    color: red;
    background: white;
    padding: 0.7%;
    /* padding-top: 0.3%; */
    text-align: center;
    border-radius: 19px;
    width: 37px;
    font-size: 18px;
    height: 37px;
    font-weight: bold;
    cursor:pointer;
}
.card-header-name{
    margin-top:3%;
}
.overview-comp {
    width: 20%;
    background: linear-gradient(
45deg, #104275, #1dab9eab);
    text-align: center;
    float: left;
    margin-right: 5%;
    height: 64px;
}
.value_comp{
    font-size: x-large;
    font-weight: bold;
    color: white;
}
.value_label{
    font-size: 10px;
    color: #e4dcdc;
}
.loading-result{
    font-weight:bold;
    text-align:center;
}
.exam-overview{
    background: white;
    height: 112px;
    border: 1px solid white;
    width: 40%;
    margin-right: 2%;
}
.load-block-img{
    width: 22%;
    margin-left:37%;
    margin-top:11%;
}
.exam-overview .loadimg-wrapper{
    margin-top:-6%;
}
.exam-overview .content{
    margin-top: 14%;
    margin-left: 7%;
    color: #696565;
}
.exam-overview .content .count-val{
    font-family:none;
    font-size:25px;
    font-weight:bold;
}
.exam-overview .tag{
    font-weight: bold;
    font-size: 10px;
    margin-left: 3%;
    color: #8080809e;
}
.exam-overview .tag-progress{
    font-size: 10px;
    margin-top: 6%;
}
.exam-overview .tag-val{
    margin-right: 3%;
}
.exam-overview .tag-text{
    margin-left: 4%;
    color: darkgray;
}
.exam-comp-detail{
    height: 123px;
    background: white;
    margin-left: 2%;
    margin-top:1%
}
.exam-component{
    margin-top:4%;
}
.exam-component .exam-name{
    font-size: larger;
    font-weight: bold;
}
.exam-component .exam-set{
    font-size: 16px;
    margin-top: 1%;
    margin-bottom:1%;
    color: darkgray;
}
.exam-component .btn{
    background: #11b2cb;
    color: white;
    /* float: right; */
    padding: 2%;
    border-radius: 0;
    font-size: 9px;
    margin-left: 83%;
    margin-top: -14%;
    width: 18%;
}
.exam-component .exam-score{
   position: absolute;
    margin-left: 44%;
    margin-top: -9%;
    font-size: 10px;
    font-weight: bold;
    height: 30px;
    width: 30px;
    border-radius: 19px;
    border: 1px solid;
    text-align: center;
    background: #0e0e93f7;
    border: none;
    color: white;
    padding-top:1.2%;
}
.exam-component .exam-date{
    font-size: 10px;
    color: darkgray;
}

.exam-component .label-exam-score{
    margin-top: -4%;
    position: absolute;
    margin-left: 44%;
    font-size: small;
}

@media only screen and (max-width: 600px) {

.exam-component .exam-score{
   position: absolute;
    margin-left: 44%;
    margin-top: -11%;
    font-size: larger;
    font-weight: bold;
    height: 30px;
    width: 30px;
    border-radius: 19px;
    border: 1px solid;
    text-align: center;
    background:#0e0e93f7;
    border: none;
    color: white;
}

.exam-component .label-exam-score {
    margin-top: -1%;
    position: absolute;
    margin-left: 44%;
    font-size: small;
}
.exam-comp-detail{
    height: 97px;
    background: white;
    margin-left: 2%;
    margin-top: 1%;
    width: 94% !important;
}

.exam-component .btn {
    background: #11b2cb;
    color: white;
    /* float: right; */
    padding: 2%;
    border-radius: 0;
    font-size: 9px;
    margin-left: 83%;
    margin-top: -26%;
    width: 18%;
}
.exam-component .exam-name {
    font-size: medium;
    color: black;
    font-weight: bold;
}
.exam-component .exam-set {
    font-size: 12px;
    margin-top: 1%;
    margin-bottom: 1%;
    color: lightgray;
}

    
}