
.scollbar-custom::-webkit-scrollbar,.tr-question::-webkit-scrollbar,.tr-sidebar::-webkit-scrollbar{
    width:5px
}
.scollbar-custom::-webkit-scrollbar-track,.tr-question::-webkit-scrollbar-track,.tr-sidebar::-webkit-scrollbar-track{
    background:#eee
}
.scollbar-custom::-webkit-scrollbar-thumb,.tr-question::-webkit-scrollbar-thumb,.tr-sidebar::-webkit-scrollbar-thumb{
    background:#ccc
}
.scollbar-custom::-webkit-scrollbar-thumb:hover,.tr-question::-webkit-scrollbar-thumb:hover,.tr-sidebar::-webkit-scrollbar-thumb:hover{
    background:#0f81da
}
.test-room{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:#F2F2F2;
    color:#333;
    z-index:999;
   
}
.tr-rows{
    height:100%;
    display:flex;
    flex-direction:column
}
.tr-rows > .tr-row{
    flex-grow:1;
    position:relative
}
.tr-rows > .tr-row.tr-row-auto{
    flex-grow:0;
    flex-basis:auto
}
.tr-grid{
    display:flex
}
.tr-grid.tr-grid-valign{
    align-items:center
}
.tr-grid > .tr-col{
    flex-grow:1
}
.tr-grid > .tr-col.tr-col-250{
    flex-grow:0;
    flex-basis:250px;
    max-width:250px
}
.tr-grid > .tr-col.tr-push{
    flex-grow:0;
    flex-basis:auto;
    margin-left:auto
}
.tr-grid > .tr-col.tr-col-padding{
    padding:10px
}
.tr-grid > .tr-col.tr-col-bl{
    border-left:1px solid rgba(0,0,0,0.1)
}
.tr-questions-play ul{
    padding:10px;
    padding-bottom:20px;
    margin:0px;
    list-style:none;
    display:flex;
    flex-wrap:wrap
}
.tr-questions-play ul li{
    flex-grow:0;
    flex-basis:25%;
    padding:5px
}
.tr-questions-play ul li span{
display: block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    background: #fff;
    color: #000;
    border-radius: 30px;
    text-align: center;
    margin: 0px auto;
     
}
.tr-subjects{
    margin:0px;
    padding:0px 0px;
    list-style:none
}
.tr-subjects > li{
    display:inline-block;
    position:relative;
    float:left;
    margin-right:10px
}
.tr-subjects > li > a{
    display:block;
    padding:8px 15px;
    background:#2c9af0;
    color:white;
    border-radius:3px;
    text-decoration:none;
    font-weight:500
}
.tr-subjects > li > a:hover{
    background:#148fef
}
.tr-subjects > li > ul{
    margin:0px;
    padding:10px;
    list-style:none;
    background:white;
    display:none;
    position:absolute;
    left:0px;
    top:100%;
    width:200px;
    box-shadow:0 1px 15px rgba(0,0,0,0.2)
}
.tr-subjects > li > ul > li{
    display:block;
    padding:5px 10px
}
.tr-subjects > li:hover > ul{
    display:block
}
.tr-timer{
   padding: 0px 10px;
    font-weight: 500;
    text-align: end;
    color: #fff;
}
.tr-timer span{
    display:inline-block;
    margin-left:10px
}
.tr-timer span div{
    display:inline-block
}
.tr-profile{
    display:flex; 
    align-items:center
}
.tr-profile .tr-img{
       background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.tr-profile .tr-info{
    padding-left:10px
}
.tr-header{
    background:transparent;
    box-shadow:0px 1px 1px rgba(0,0,0,0.2);
    position:relative;
    z-index:1
}
.tr-header .tr-topbar{
    background:#fff;
    padding:10px
}
.tr-header .tr-topbar .tr-title{
    font-size:18px;
    font-weight:600;
    text-transform:capitalize;
    color: #000
}
.tr-header .tr-topbar .tr-papers{
    color:white;
    text-decoration:none;
    font-weight:bold
}
.tr-header .tr-bottombar{
    background:white
}
.tr-body{
    position:relative;
    padding-right:250px;
    transition:all .3s ease
}
.tr-footer{
    background:#0f81da
}
.tr-btn{
    padding:10px 20px;
    line-height:20px;
    background:#eee;
    font-weight:500;
    border:0px;
    border-radius:3px;
    box-shadow:0px 1px 1px rgba(0,0,0,0.2)
}
.tr-btn.tr-btn-block{
    display:block;
    width:100%
}
.tr-btn.tr-btn-success{
    background:#f16b0e!important;
    color:white
}
.tr-btn.tr-btn-success:hover{
    background-color:#0f81da!important
}
.tr-btn.tr-btn-info{
    background:#00b4ff;
    color:white
}
.tr-question{
    background:white
}
.tr-question .tr-question-header{
    padding:10px;
    border-bottom:1px solid #ccc;
    background:#003C82
}
.tr-question .tr-question-header strong{
    font-size:16px
}
.tr-question .tr-question-body{
    padding:20px 100px;
    max-height:500px;
    max-width:860px;
    width:100%;
    margin:0px;
    overflow-y:auto
}
.tr-question .tr-question-body .tr-question-title{
        padding: 10px 10px;
    border-radius: 10px;
    color: #0e0d0d !important;
}
.tr-question .tr-question-body .tr-question-title span{
    font-size:22px!important;
    color:#fff!important
}
.tr-question .tr-question-body .tr-options{
    margin:0px;
    padding:0px 0px;
    list-style:none
}
.tr-question .tr-question-body .tr-options li{
    padding:10px 0px
}
.tr-radio{
       line-height: 20px;
    position: relative;
    padding-left: 21px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}
.tr-radio span{
   display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    background: transparent;
    border: 2px solid #ccc;
    top: 3px;
}
.tr-radio span:before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    height:6px;
    width:6px;
    background:#ccc;
    transform:translate(-50%,-50%);
    border-radius:100%;
    display:none
}
.tr-radio input[type='radio']{
    display:none
}
.tr-radio input[type='radio']:checked + span{
    background:#f16b0e;
    border-color:#f16b0e
}
.tr-radio input[type='radio']:checked + span:before{
    display:block;
    background:white
}
.tr-sidebar{
    position:absolute;
    right:0px;
    top:0px;
    background: transparent;
    padding:0px;
    height:100%;
    width:250px;
    
    transition:all .3s ease
}
.tr-sidebar .tr-sidebar-toggle{
    position:absolute;
    right:100%;
    top:50%;
    transform:translateY(-50%);
    height:50px;
    width:10px;
    background:#0f81da
}
.tr-sidebar .tr-sidebar-toggle:before,.tr-sidebar .tr-sidebar-toggle:after{
    content:'';
    position:absolute;
    left:3px;
    top:50%;
    height:20px;
    width:1px;
    margin-top:-4px;
    background:white;
    transform:scale(0.9999)
}
.tr-sidebar .tr-sidebar-toggle:after{
    left:6px
}
.tr-sidebar .tr-sidebar-toggle:hover{
    cursor:pointer
}
.tr-sidebar .tr-sidebar-toggle:active{
    background:#555
}
.tr-sidebar .tr-sidebar-body{
    overflow-y:auto;
    max-height:100%
}
.tr-sidebar .tr-questions-info{
background: transparent;
    /* border-bottom: 1px solid #ccc; */
    padding: 5px 20px;
    margin-top: 20px
}
.test-room.active .tr-body{
    padding-right:0px
}
.test-room.active .tr-sidebar{
    right:-250px
}
.tr-questions-info ul{
    padding:0px;
    margin:0px;
    list-style:none;
    display:block;
    flex-wrap:wrap
}
 
  .tr-questions-info ul li {
    padding: 5px;
    background: #FB9248;
    margin-bottom: 10px;
    color: #fff;
    font-size: 19px;
    border-radius: 6px;
    padding: 6px 14px;
}
.tr-questions-info ul li span{
    display:flex;
    align-items:center;
    justify-content: space-between
}
.tr-questions-info ul li span i{
    font-style:normal;
    display:block;
    height:30px;
    line-height:30px;
    width:30px;
    max-width:30px;
    background:#999;
    color:white;
    border-radius:100%;
    text-align:center;
    flex-shrink:0;
    margin-right:5px;
    font-size:12px
}
.tr-questions-info ul li span strong{
    font-size: 14px
}
.tr-mark{
    position:relative
}
.tr-mark.tr-mark-answered {
    background: #fefffe;
    color: #000;
}
.tr-mark.tr-mark-notanswered{
    background: #fefffe;
    color: #000;
}
.tr-mark.tr-mark-notvisited{
    background: #fefffe;
    color: #000;
}
.tr-mark.tr-mark-markedforreview{
    background:#674786
}
.tr-mark.tr-mark-answeredandmarkedforreview{
    background:#674786
}
.tr-mark.tr-mark-answeredandmarkedforreview:before{
    content:'\2713';
    position:absolute;
    bottom:-2px;
    right:-2px;
    height:16px;
    line-height:16px;
    width:16px;
    background:#54ab18;
    color:white;
    font-size:10px;
    border-radius:100%
}
.tr-languages{
    padding:5px;
    line-height:8px;
    box-sizing:border-box;
    border:1px solid #ccc;
    border-radius:3px;
    width:100px;
    font-size:12px;
    height:28px
}
.closes{
    background-color:transparent!important;
    border-color:transparent!important;
    color:#fff;
    font-size:20px
}
@media only screen and (max-width:575px){
    .rs-breadcrumbs .breadcrumbs-img img{
        min-height:100px!important
    }
}

.tr-question .tr-question-body .tr-options li:hover {
    background: #fbcba9 !important;
    border: 1px solid #FB9248;
    color: #000;
}

.tr-question .tr-question-body .tr-options li:hover span {
    
    border :4px solid #FB9248;
    background: #fff
}

.submit-btn-1 ul li {
    display: inline-block;
    padding: 7px 5px;
}

a.save-next-btn {
    background: #FB9248;
    padding: 12px 20px;
    border-radius: 7px;
    color: #fff;
}

a.quiztsubmit-btn button {
    
    color: #fff
}

a.quiztsubmit-btn {
    background: #0C489E;
    padding: 12px 20px;
    color: #fff !important;
    border-radius: 7px;
}
a.save-next-btn button {
    
    color: #fff
}
.tr-questions-play ul li span:hover ,  .tr-questions-play ul li span:active{
    background: #003C82;
    color: #fff;
}

 .btn-close {
    color: #fff !important;
}


.quiz-score {
    display: flex;
    justify-content: space-between;
    align-items: center;
        background: #F4F4F4;
    padding: 10px 15px;
    border-radius: 8px;
}

.quiz-score h6 {
    margin-bottom: 1px;
}

.quiz-score span {
    
        font-size: 20px;
        font-weight: 600
}

.quiz-detail-list li {
    width: 50%;
    float: left;
    padding-bottom: 10px
}

.quiz-detail-list li span {
    
    display: block 
}

.quiz-detail-list {
    padding: 10px 10px;
}
.quiz-detail-list ul li span {
    font-size: 13px;
    color: #000;
}

.common-heading h4 {
    font-size: 17px;
}
.custom-test-room {
    
    position: relative !important;
  
}