html{scroll-behavior:smooth;}
body{color:#505254; font-size:1rem;}


/* -------------------- Home Page - Start -------------------- */
#header{border-bottom:1px solid rgba(0,0,0,.125);}

/* -------------------- Home Page - End -------------------- */



/* -------------------- Font/Text styles - Start -------------------- */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color:#222;}
/* -------------------- Font/Text styles - End -------------------- */



/* -------------------- Table styles - Start -------------------- */
.table{color:#505254;}
/* -------------------- Table styles - End -------------------- */



/* -------------------- From styles - Start -------------------- */
.btn{border-radius:0.2rem;}
/* .btn-anchor-icon{display:inline-block; border-left:1px solid rgba(0,0,0,.08); border-bottom:1px solid rgba(0,0,0,.08); text-align:center; padding:5px 10px; position:absolute; right:0; top:0;} */
/* -------------------- From styles - End -------------------- */


/* -------------------- Containers - Start -------------------- */
.main-wrapper{min-height:100%; padding-bottom:60px;}
/* -------------------- Containers - End -------------------- */


.coupon-code{border:2px dashed #d3b1ff; padding:10px; text-align:center; background:#f5edff;}


.scroll-top{position:fixed; bottom:20px; right:20px; z-index:1;}


/* -------------------- Assessment Paper - Start -------------------- */
.question-list{display:-ms-flexbox !important; display:flex !important;}
.question-list .num{-ms-flex:0 0 58px; flex:0 0 58px; width:58px;}

.list-edit{display:block;}
.list-edit .edit-section{display:block;}
.list-edit .input-section{display:block; padding-left:58px; padding-top:5px;}

.couponCard{
    position:relative;
    display: block;
    border-radius: 20px;
    background-color: rgba(104, 134, 197, 1);
    color:rgba(255, 171, 173, 1);
    overflow:hidden;
    margin-top:24px;
}
.couponCard:hover{
    color: rgba(255, 171, 173, 1);
    text-decoration: none;
}
.couponCard .cir{
    display:block;
    background:rgba(255, 224, 172, 1);
    border-radius:50%;
    position:absolute;
}
.couponCard .cir.cir1{width:26px;height:26px;bottom:20px;right:36px;}
.couponCard .cir.cir2{width:20px;height:20px;top:20px;left:20px;}
.couponCard .cir.cir3{width:8px;height:8px;top:48px;left:64%;}
.couponCard .cir.cir4{width:100px;height:100px;top:-69px;right:-26px;}
.submitCoupon{
    background: #ffa000 !important;
    color: #fff;
}
.btn.btn-secondary.btn-sm.text-nowrap{padding: 6px 12px;background: #542989;}
@media (max-width: 991.98px) {
    .list-edit .edit-section{padding-left:58px; padding-top: 10px;}
}

@media (min-width: 992px) {
    .list-edit{position:relative; padding-right:130px;}
    .list-edit .edit-section{position:absolute; right:0; top:0;}
}


.assessment-paper #question-fix-sidebar{overflow-y:auto; position:fixed; bottom:0; left:0;}
@media (min-width: 992px) {
#answer-fix-sidebar{overflow-y:auto; position:fixed; bottom:0; right:0;}
}

.assessment-paper .option-radio{min-height:2rem; padding-left:2rem;}
.assessment-paper .custom-control-label{padding-top:5px;}
.assessment-paper .option-radio .custom-control-label::before, .assessment-paper .option-radio .custom-control-label::after{width:1.5rem; height:1.5rem; left:-2rem;}

@media (min-width: 1200px) {
.assessment-paper .option-radio .custom-control-label span{display:none;}
}


/* Admin - Paper View - Start */
.assessment-paper-view{border:2px dashed rgba(134, 73, 208, .5); border-radius:0.25rem; padding:1.5rem;}
/* Admin - Paper View - End */


/* -------------------- Assessment Paper - End -------------------- */




/* -------------------- Recent Activity Sidebar - Start -------------------- */
.recent-activity-section{position:fixed; top:0; right:0; bottom:0;transition: all 0.2s; z-index:1;}

.recent-activity-section .recent-activity-bar{position:absolute; top:0; left:0; width:270px; height:100%; background-color:#424a54; box-shadow:0 0 15px rgba(28, 39, 60, 0.1); overflow-y:auto; font-size:.9rem;}
.recent-activity-section .recent-activity-bar .activities-list li{border-color:rgba(255,255,255,.05);}

.recent-activity-section .activity-toggle{position:absolute; top:98px; left:-44px; width:45px; height:45px; border:0; display:flex; align-items:center; justify-content:center; border-top-left-radius:0.25rem; border-bottom-left-radius:0.25rem; transition: all 0.2s ease-in-out; z-index:1; background-color:#424a54; color:#fff; box-shadow:-5px 0 10px rgba(28, 39, 60, 0.1);}
.recent-activity-section .activity-toggle .new-feed-icon{background:#fa5c7c; border-radius:50%; width:8px; height:8px; position:absolute; top:10px; left:10px; animation:glowing 1300ms infinite; display:none;}

.recent-activity-section .new-feed-higlight:before{position:absolute; top:2px; left:-10px; right:-10px; bottom:3px; content:" "; background:rgba(246,250,255,.05); border-radius:3px;}
.recent-activity-section .new-feed-higlight{border:none !important;}

.recent-activity-section.show{right:220px;}
.recent-activity-section.show .activity-toggle{position:relative;}
.recent-activity-section.new-feed .activity-toggle .new-feed-icon{display:block;}

@keyframes glowing {
0% {box-shadow:0 0 5px 2px #fa5c7c;}
50% {box-shadow:0 0 20px 2px #fa5c7c; }
100% {box-shadow:0 0 5px 2px #fa5c7c; }
}
/* -------------------- Recent Activity Sidebar - End -------------------- */



@media (min-width: 1400px){
.container{max-width:1300px;}
}



/* -------------------- Footer - Start -------------------- */
.footer{position:absolute; left:0; right:0; bottom:0; font-size:.8rem;}
.footer nav a{color:#222; padding-right:0.4rem; padding-left:0.4rem;}
@media (max-width: 1199.98px) {
.footer{border-top:1px solid #dee2e6;}
}
@media (max-width: 767.98px) {
.footer{padding-top:10px;}
}
/* -------------------- Footer - End -------------------- */