body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.birthday .date-picker{width:31.7%;display:inline-block}.module .content{clear:both}.pagination{clear:both;text-align:center;margin:30px auto}.tdright .num{margin-right:-1px;line-height:10px;font-size:14px;text-align:center;display:inline-block;border:1px solid #ccc;overflow:hidden}.tdright b{color:#000;display:block;padding:15px 17px;background:#fff}.tdright a:link,.tdright a:visited{text-decoration:none;color:#000;background:#fff;padding:15px 17px;display:block}.tdright a:active,.tdright a:hover{text-decoration:none;color:#fff;background:#e0e0e0;padding:15px 17px;display:block}.tdright .num:first-child{border-radius:0 6px 6px 0}.tdright .num:last-child{border-radius:6px 0 0 6px}.section-col{margin:0 0 .5em}.alert{width:100%}.section-col .section .thumbnail{max-width:initial}.highlight{background-color:#ff0}#loading{display:none;transition:all 300ms ease;background:#fff;position:absolute;z-index:88;width:100%;height:-webkit-fill-available;text-align:center}.teachers .teacher{background:#eee;padding:10px}.teachers .cover-thum{background-size:cover;height:190px;width:100%;background-position:center}.teachers .cover-thum img{display:none}.teachers h2{font-size:14px;text-align:center}.teachers span{text-align:center;display:block}.post-new{position:relative;background:#fff;border:1px solid #ccc;margin:0 0 20px}.post-new .post-form .post-form-header{background:#61AFCB;color:#fff;padding:11px;font-size:14px}.post-new .post-form .post-form-body #formPost #post_body{border:none;resize:none;float:left;width:90%;padding:15px;outline:none}.post-new .post-form .post-form-body #formPost .user-photo{background-image:url(/images/favicon.png);width:50px;height:50px;background-repeat:no-repeat;background-size:cover;float:right;margin:15px;border-radius:50%}.post-new .post-form .post-form-body #formPost .btn{float:right}.post-new .post-form .post-form-footer{clear:both;background:#cccccc2e;padding:5px}.submitter .buttons{float:right;margin:0 0 0 10px}.post-new .post-form .post-form-footer .post-button{float:left}.no-margin-left{margin-left:0}.post-container{background:#fff;padding:15px 15px 9px;margin:0 0 15px;border:1px solid #dcdbdb}.post-container .post span.pp{background-size:cover;height:50px;width:50px;background-position:center;float:right;border-radius:50%;box-shadow:0 0 7px 1px #00000030;background-image:url(/images/favicon.png)}.post-container .post .name-time{float:right;margin:12px;font-size:16px}.post-container .post .name-time .time{display:block;font-size:8px;color:#ccc}.post-container .post .name-time .time abbr{border:none;text-decoration:none}.post .dropdown{position:absolute;left:0;top:0}.post .dropdown button{background-color:#e4e4e4!important}.post .dropdown ul.dropdown-menu{left:5px;right:auto;min-width:max-content}.post .dropdown ul.dropdown-menu li a{padding:10px}.post-container .post .post-content{clear:both}.post-container .post .post-content .textContent img{max-width:100%}.post-container .post .post-content .textContent p{font-size:12px;line-height:22px;font-weight:100;padding:10px;color:#636363}.post-container .post .post-control{display:inline-block;margin:10px;font-size:12px;white-space:nowrap}.post-container .post-comments{background:#f3f3f3;margin:0 -15px -9px}.post-container .post-comment{border-bottom:1px solid #eee;padding:15px}.post-container .post-comment .user-photo{background-image:url(/images/favicon.png);width:30px;height:30px;background-repeat:no-repeat;background-size:cover;float:right;border-radius:50%}.post-container .post-comment .user-name{float:right;margin:5px}.post-container .post-comment .new-comment{border-radius:25px!important;border:1px solid #ccc;padding:9px 15px;width:100%;margin:11px 0;background-color:#f7f7f7;outline:none}.post-container .old-comments{padding:0}.post-container .comments{padding:0 15px}.post-container .comments .comment{border-bottom:1px solid #f3eded;margin:10px 0 9px}.post-container .comments .comment .user-photo{background-image:url(/images/favicon.png);width:30px;height:30px;border-radius:50%;float:right;background-size:cover}.post-container .comments .comment .user-name{float:right;margin:5px}.post-container .comments .comment .time{font-size:8px;color:#ccc;float:right;margin:9px 3px}.post-container .comments .comment p{width:100%;font-size:12px;margin:5px 20px;color:#848282}#vid-result{display:none}#selected_image{display:none;width:100%}.student-cover-info{background-image:url(/images/cover.jpg);height:220px;margin:0 0 10px;background-size:cover;text-align:center;background-position:center center}.student-cover-info .photo{background-size:cover;border-radius:50%;width:90px;height:90px;background-image:url(/images/favicon.png);margin:41px auto 0;display:inline-block;border:3px solid #fff;background-color:#fff}.student-cover-info h2{color:#fff;margin:0;font-size:24px}.top_1{background:#2f5b78;position:absolute;left:70px;color:#fff;padding:8px 15px;border-radius:2px}.top_0{display:none}.fixedElement{background-color:silver;position:fixed;top:0;width:100%;z-index:100}.loading{position:absolute;background-color:rgba(255,255,255,0.7);width:100%;text-align:center;height:100%;display:none}.loading img{height:151px}.teacher h1{font-size:23px!important}.teacher .title-label{text-align:center}.teacher .title-label span{font-size:16px}.teacher .title-label .content-label{color:#2f5b78;font-size:16px;white-space:nowrap}.teacher .title-label .content-label i{margin:0;color:#ffed00}.teacher .options{margin:20px 0 0;border-top:1px solid #ccc;padding:25px 0}.teacher .options .img{background-color:#2f5b78;border-radius:50%;width:55px;height:55px;text-align:center;line-height:52px;margin:0 auto}.teacher .options .img img{margin:10px;width:45%}.teacher .options h4{font-size:12px;white-space:nowrap}.nav-justified>li>a span{font-size:16px;color:#464646}.nav-justified>li>a img{height:15px;margin:0 10px}.nav-pills>li.active>a{background-color:#337ab73b!important}.nav-pills>li.active>a span{color:#000}.nav-justified{width:100%;padding:5px;background:#eee}.nav-justified>li>a{border-left:1px solid #d4d4d4;padding:5px;background-color:#eee}.no-border{border:none!important}.tab-content section.levels .level{width:100%}.tab-content .views{background:#eee;width:100%;display:block;margin:10px 0 0 8px;padding:10px;color:#2f5b78}.animation_image{display:none;margin:0 auto;display:block}.replies{/* margin-right:50px; *//* background:#e5f8ff66; *//* border-radius:25px; */display: none;}.send-message{background:#2f5b78;color:#fff!important;width:100%;padding:5px;display:block;cursor:pointer}.send-message i{color:#fff!important;font-size:12px!important}#charNum{float:left;margin:-10px 0 0}.chat-wrapper{position:relative;height:522px}.chat .users{background:#fff;border:1px solid #ccc;max-height:522px;min-height:522px;overflow-y:auto;padding:0}.chat .users ul{margin:0;padding:0}.chat .users ul li{list-style:none;position:relative}.chat .users ul li:hover{background-color:#4f4f4f}.chat .users ul li:hover a{color:#fff}.chat .users ul li .last-update{position:absolute;left:5px;bottom:4px;color:#ccc;font-size:8px;border-bottom:none}.chat .users ul li .last-update abbr{border-bottom:none}.chat .users ul li.active-chat{background:#dfeff5}.chat .users ul li h3{margin:0;border-bottom:1px solid #ccc}.chat .users ul li a{font-size:14px;padding:13px;display:block}.chat-box{background:#4f4f4f;padding:10px;clear:both;height:57px;border-bottom:1px solid #ccc;position:absolute;bottom:0;left:0;z-index:77;right:0}.chat-box input[type='text']{position:absolute;right:0}.chat-box .send-text-btn{position:absolute;left:0;top:0;border-radius:0}#chat-box{/* background:#fff; */padding:15px 6px;position:relative;z-index:1;max-height:624px;min-height:624px;overflow-y:auto;display:none}#chat-box .single-chat{border-radius:0 15px 15px 15px;background:rgba(189,189,189,0.3);position:relative;min-width:60%;max-width:fit-content;float:left;margin:0 0 10px}#chat-box .single-chat .content{padding:0 10px;margin:0}#chat-box .single-chat .content .name_holder{color:#ccc}#chat-box .single-chat .content .time{position:absolute;left:3%;top:0;color:#6b6b6b;font-size:10px}#chat-box .single-chat .content .time abbr{border:none;cursor:auto;font-size:8px}#chat-box .single-chat .content p{color:#000;font-size:14px}#chat-box .my-chat{border-radius:15px 0 15px 15px;float:right;background:rgba(97,175,203,0.2)}.chat_count{background-color:red;border-radius:50%;width:17px;height:17px;display:block;text-align:center;color:#fff;position:absolute;left:10px;top:10px;line-height:1.4em;font-size:.8em}.loading-chat{background-image:url(/images/preload2.gif);position:absolute;right: 0;top:100px;width: 270px;height: 120px;z-index:99999;background-size:cover;background-position:center;left: 0;margin: 0 auto;}.post{position:relative}.post .head .time{font-size:10px;left:46px}.section-col .section .thumbnail{max-width:100%}.bread-crumb{border-bottom:1px solid #61AFCB;margin:14px 10px}.bread-crumb ul{padding:0}.bread-crumb ul li{display:inline-block;margin:0 5px;white-space:nowrap;font-size:14px}.bread-crumb ul li i{margin:0 6px 0 -6px}.bread-crumb ul li a{color:#2f5b78}.bread-crumb ul li:last-child i{display:none}.big-number{display:block;font-size:40px;margin:10px 0}#example_pane{left:0;position:fixed;bottom:3%;right:0;z-index:99;width:20%;margin:0 auto}#countdown_dashboard{height:86px;margin:auto;background:hsla(221,37%,20%,0.82);color:#fff;border-radius:40px}#countdown_dashboard .resettime{font-size:12px;padding:5px;text-align:center}.dash{width:75px;float:right;margin-top:10px;position:relative;color:#fff;text-align:center;padding-bottom:10px}.dash .digit{font:bold 14pt Verdana;font-weight:700;float:left;width:16px;text-align:center;position:relative;color:#fff}.dash .digit .top{background:none!important}.dash_title{font-size:12px;display:block;text-align:left;color:#fff}.info_message{background-color:#E40606;width:200px;text-align:center;margin:auto;padding:5px;margin-top:10px;border-radius:5px;color:#ff0;font-weight:700;font-size:16px}.exam{margin:10px;position:relative}.exam .steps{display:none}.exam #example-exam-h-0{display:none}.exam .question-img{text-align:center;margin:10px 0}.exam section{padding:0 10px}.exam h2{border-bottom:1px solid #333;padding:0 10px 10px;font-size:24px}.exam .answer{font-size:18px;margin:10px 5px}.exam .answer input[type='radio']{display:inline}.exam .answer .text{display:inline;margin:10px}.exam .answer img{display:inline;margin:10px}.exam .actions{z-index:11653;width:100%;text-align:center;margin:50px 0 0}.exam .actions li{list-style:none;display:inline-block;margin:0 4px}.exam .actions li a{padding:10px 55px;border-radius:40px;background:0;color:#62afcb;border:solid 1px #62afcb}.exam .actions li a:hover{background:#62afcb;color:#fff}.red-txt,.red-txt a{color:red}.green-txt,.green-txt a{color:green}.answer-result i{font-size:17px;float:right;margin:1px 5px 0}.test-item{margin:0 0 30px;position:relative;overflow:hidden;height:450px}.test-item .demo{position:absolute;right:16px;top:1px;background:red;color:#fff;text-align:center;font-weight:700;padding:2px 30px;border-radius:4px 4px 0 0;z-index:999;width:89%}.answer-result{margin:10px 30px 20px;height:auto;position:relative;text-align:right;font-size:14px}.modal-header .close{margin:-1rem}.read-more{text-align:center;margin:20px auto 0;display:block}.copy-result{display:none}.meeting{border:1px solid #ccc;border-radius:2px}.meeting h3{margin:10px 0 20px;border-bottom:1px solid #ccc;padding:0 0 10px}.meeting .date{text-align:center}.meeting .share{text-align:center}.meeting .share a{display:inline-block}.meeting .share i{font-size:1.5em}.meeting .copy-link{text-align:center;margin:20px}.dropdown-item{position:relative}.carousel-caption{right:0;left:0;background-color:rgba(0,0,0,0.5);bottom:0}.carousel-caption h5{text-align:right;margin:.3em 1em}.carousel-caption p{text-align:right;margin:.3em 1.1em;color:#efefef}.carousel-indicators{top:2%}#slider button{float:left;margin:0 20px;padding:3px 30px;background:#202c45;border:2px solid #61afcb}.classes-videos img#loading{width:20%;height:100px;position:relative;margin:0 auto}@media (max-width: 768px){#example_pane{bottom:0;width:80%}}input.course[type="checkbox"]{display:none}label.courselabel{padding:0 0 1em;background-color:#e6e6e6;cursor:pointer;border-radius:15px;margin-bottom:10px;width:100%;transition:all 200ms ease;border:2px solid #e6e6e6;text-align:center}label.courselabel .img{height:200px;border-radius:15px;margin:0 0 1em;background-size:cover;background-position:top center;width:100%;position:relative}.blank-label{display:none}input.course[type="checkbox"]:checked + label.courselabel{background:#62afcb;color:#fff;border:2px solid #62afcb}#max-count-alert{position:fixed;bottom:5%;z-index:55;width:50%;left:0;right:0;margin:0 auto}label.courselabel:hover{background:#fa0000}.course-item{padding:0 5px}.course-item h2{font-size:1em;font-weight:600;color:#202c45;height:60px}.course-item h5{font-size:.85em}.course-item h4{color:#232323;font-size:.9em}.course-item .course-duration{position:absolute;left:5px;bottom:5px;background-color:#000;color:#fff;padding:0 10px;border-radius:8px}.order{border-radius:9px;padding:20px;border:1px solid #eee;transition:all 300ms ease}.order:last-child{border:none}.order .order_id{font-weight:600}.order:hover{background:#60acc7}.order .status{background:#ccc;text-align:center;padding:8px;border-radius:25px;font-size:.8em}.order .status-UNDER_REVIEW{background:#fbd001}.order .status-IN_TRANSIT{background:#fbd001}.order .status-PENDING{background:#030000}.order .status-DELIVERED{background:#00b11b;color:#fff}.order .status-CLOSED{background:red;color:#fff}.order .price{padding:5px}.order .cards{text-align:center;padding:5px}.cursor-pointer{cursor:pointer}.cursor-pointer.even{background-color:#eee}.class .section{box-shadow:none;border:1px solid #eee;padding:10px;height:130px;border-radius:10px;position:relative;transition:all 300ms ease}.class .section:hover{background-color:#eee}.class .index{width:auto!important;border-radius:0!important;padding:0 6px}.class .views{text-align:center;position:absolute;bottom:10px;margin:0 auto;width:90%}#modal-body iframe{width:100%;height:400px;border:none}#free-courses,#continue_to_reg{display:none}.order-cards{padding:0 10px}.order-cards .order-title{background-color:#eee;padding:10px;margin:0 -10px}.order-cards .card-info{background-color:#eee;border-radius:15px;border:5px solid #fff}

.google-bg{
    background-color: #f1f1f1;
    border: 1px solid #000;
    color: #000 !important;
}
.facebook-bg{
    background-color: #1877f2;
    border: none;
}
.divider {
    width: 100%;
    height: 2px;
    border-top: 2px solid #1f0757;
    position: relative;
    margin: 1rem 0;
    clear: both;
}

.comments .comment h6 {
    margin: 0;
}
.comments .comment .time-ago {
    font-size: 0.8em;
}
.comments .comment .user-profile .img-circle {
    width: 45px;
    height: 45px;
    line-height: 0.7;
    font-size: 1.2em;
    display: inline-block;
    border-radius: 50%;
}
.comment .user-profile .photo{
    border-radius: 50%;
    width: 45px;
    height: 45px;
    background-size: cover;
    background-position: center;
}
.add_reply {
    display: none;
}

.pointer-hover:hover{
    cursor: pointer
}

.report-comment{
    position: absolute;
    left: 1%;
    top: 5%;
    z-index: 55;
}


body .form-check {
    direction: rtl;
}
body .form-check .form-check-input {
    float: right;
    margin-left: 0.5rem;
}
body .list-group-item .form-check-input {
    margin-right: 0 !important;
    margin-left: 0.5rem;
}
body .list-group-item.active::after {
    left: auto;
    right: 0;
}
.form-check-label {
     margin-right: 1.5em;
}

body .user-info-card {
    direction: rtl;
}
.user-info-card {
    position: relative;
    z-index: 1;
}
.user-info-card .user-card-info {
    margin: 0 auto;
    position: relative;
    left: 0;
    right: 0;
}

body .user-info-card .user-profile.me-3 {
    margin-right: 0 !important;
    margin-left: 0;
}

.user-info-card .user-profile {
    position: relative;
    z-index: 1;
    width: 70px;
    height: 60px;
    border-radius: 50%;
}
.user-profile .photo {
    width: 61px;
    height: 61px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
}
.bg-primary {
    background-color: #202c45!important;
}
.bg-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.chat-footer {
    width: 100%;
    height: 62px;
    background-color: #fff;
    bottom: -2px;
    left: 0;
    right: 0;
    z-index: 1000;
}
.chat-footer form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100% !important;
}
.chat-footer form .form-control {
    background-color: #f1f2fb;
    border-color: #f1f2fb;
    color: #073984;
}
.chat-footer .btn-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 41px;
    height: 41px;
    background-color: #006dbc;
    color: #fff;
    margin-right: 5px;
}
.chat-footer .btn-submit:focus,
.chat-footer .btn-submit:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
}
.chat-footer .dropdown-menu {
    min-width: 7rem;
    padding: 0.5rem 0.75rem;
    border: 0;
}
.chat-footer .dropdown-menu a {
    color: #8480ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0;
}
.chat-footer .dropdown-menu a i {
    margin-right: 0.25rem;
    font-size: 18px;
    min-width: 18px;
}
.chat-footer .dropdown-menu a i.bi-trash {
    font-size: 16px;
}
.chat-footer .dropdown-menu a:focus,
.chat-footer .dropdown-menu a:hover {
    color: #0d5afd;
}


.single-chat-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1rem;
    width: 100%;
}
.single-chat-item:last-child {
    margin-bottom: 0;
}
.single-chat-item .user-avatar {
    position: relative;
    z-index: 1;
    margin-right: 0.5rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #5fa9c4;
}
.single-chat-item .user-avatar .name-first-letter {
    position: absolute;
    font-size: 1rem;
    font-weight: 700;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -5;
    line-height: 1;
    color: #202c45;
}
.single-chat-item .user-avatar img {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}
.single-chat-item .user-message {
    max-width: 22rem;
}
.single-chat-item .user-message .message-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0.25rem;
}
.single-chat-item .user-message .download-file-wrap {
    padding: 12px;
    border-radius: 18px;
    background-color: #fff;
}
.single-chat-item .user-message .download-file-wrap .download-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem;
    width: 3rem;
    height: 3rem;
    margin-right: 0.5rem;
    border-radius: 0.25rem;
    font-size: 1.5rem;
    color: #0d5afd;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.single-chat-item .user-message .download-file-wrap .download-avatar .dl-icon i {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.single-chat-item .user-message .download-file-wrap .download-avatar .download-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}
.single-chat-item .user-message .download-file-wrap .download-file-info .file-name {
    font-size: 14px;
    font-weight: 500;
    max-width: 160px;
}
.single-chat-item .user-message .download-file-wrap .download-file-info .file-size {
    font-size: 12px;
}
.single-chat-item .user-message .download-file-wrap:focus .download-avatar .dl-icon i,
.single-chat-item .user-message .download-file-wrap:hover .download-avatar .dl-icon i {
    opacity: 0;
}
.single-chat-item .user-message .download-file-wrap:focus .download-avatar .download-btn,
.single-chat-item .user-message .download-file-wrap:hover .download-avatar .download-btn {
    opacity: 1;
    visibility: visible;
}
.single-chat-item .user-message .single-message {
    display: block;
}
.single-chat-item .user-message .single-message p {
    padding: 8px 12px;
    background-color: #202c45;
    color: #fff;
    border-radius: 18px;
    font-size: 14px;
    margin: 0 5px;
}
.single-chat-item .user-message .single-message img {
    border-radius: 12px;
    max-width: 120px;
}
.single-chat-item .user-message .single-message .typing {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 15px 14px;
    border-radius: 60px;
}
.single-chat-item .user-message .single-message .typing .dot {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0.375rem;
    flex: 0 0 0.375rem;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: #ebebeb;
    -webkit-animation: typingg 1s linear 0s infinite;
    animation: typingg 1s linear 0s infinite;
    margin: 0 0.25rem;
}
.single-chat-item .user-message .single-message .typing .dot:nth-child(2) {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
}
.single-chat-item .user-message .single-message .typing .dot:nth-child(3) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.single-chat-item .user-message .message-time-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    margin-top: 0.25rem;
}
.single-chat-item .user-message .message-time-status .sent-time {
    font-size: 10px;
    font-weight: 500;
    margin: 0 1rem;
}
.single-chat-item .user-message .message-time-status .sent-status {
    font-size: 12px;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    color: #8480ae;
}
.single-chat-item .user-message .message-time-status .sent-status.delivered {
    color: #0d5afd;
}
.single-chat-item .user-message .message-time-status .sent-status.seen {
    color: #2ecc4a;
}
.single-chat-item .user-message .dropstart {
    line-height: 1;
    margin-top: -2px;
}
.single-chat-item .user-message .btn-options {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12px;
    flex: 0 0 12px;
    width: 12px;
    padding: 0 !important;
    margin-right: 0.5rem;
    color: #8480ae;
    line-height: 1;
}
.single-chat-item .user-message .btn-options:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0d5afd;
}
.single-chat-item .user-message .btn-options.dropdown-toggle::after,
.single-chat-item .user-message .btn-options.dropdown-toggle::before {
    display: none !important;
}
.single-chat-item .user-message .dropdown-menu {
    min-width: 6.5rem;
    padding: 0.5rem 0.75rem;
    border: 0;
}
.single-chat-item .user-message .dropdown-menu a {
    color: #8480ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0;
    font-size: 13px;
}
.single-chat-item .user-message .dropdown-menu a i {
    margin-right: 0.25rem;
    font-size: 18px;
    min-width: 18px;
}
.single-chat-item .user-message .dropdown-menu a i.bi-trash {
    font-size: 16px;
}
.single-chat-item .user-message .dropdown-menu a:focus,
.single-chat-item .user-message .dropdown-menu a:hover {
    color: #0d5afd;
}
.single-chat-item.outgoing {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.single-chat-item.outgoing .user-avatar {
    margin-right: 0;
    margin-left: 0.5rem;
}
.single-chat-item.outgoing .user-message {
    text-align: left;
    max-width: 22rem;
}
.single-chat-item.outgoing .user-message .message-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 0.25rem;
}
.single-chat-item.outgoing .user-message .message-content:last-child {
    margin-bottom: 0;
}
.single-chat-item.outgoing .user-message .single-message p {
    background-color: #d3d3d3;
    color: #000;
}
.single-chat-item.outgoing .user-message .message-time-status {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.single-chat-item.outgoing .dropdown-menu {
    background-color: #fff;
}
.single-chat-item.outgoing .dropdown-menu a {
    color: #fff;
}
.single-chat-item.outgoing .dropdown-menu a:focus,
.single-chat-item.outgoing .dropdown-menu a:hover {
    color: #f1b10f;
}
.chat-footer {
    width: 100%;
    height: 62px;
    background-color: #fff;
    bottom: -2px;
    left: 0;
    right: 0;
    z-index: 1000;
}
.chat-footer form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100% !important;
}
.chat-footer form .form-control {
    background-color: #f1f2fb;
    border-color: #f1f2fb;
    color: #073984;
}
.chat-footer .btn-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 41px;
    height: 41px;
    background-color: #60acc7;
    color: #fff;
    margin-right: 5px;
}
.chat-footer .btn-submit:focus,
.chat-footer .btn-submit:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
}
.chat-footer .dropdown-menu {
    min-width: 7rem;
    padding: 0.5rem 0.75rem;
    border: 0;
}
.chat-footer .dropdown-menu a {
    color: #8480ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0;
}
.chat-footer .dropdown-menu a i {
    margin-right: 0.25rem;
    font-size: 18px;
    min-width: 18px;
}
.chat-footer .dropdown-menu a i.bi-trash {
    font-size: 16px;
}
.chat-footer .dropdown-menu a:focus,
.chat-footer .dropdown-menu a:hover {
    color: #0d5afd;
}
.single-counter-wrap {
    position: relative;
    z-index: 1;
}
.single-counter-wrap > i {
    font-size: 1.5rem;
}
.single-counter-wrap p {
    font-size: 12px;
    margin-bottom: 0;
}
#chat-box-student {
    padding: 50px 6px;
    position: relative;
    z-index: 1;
    overflow-y: auto;
    top: 165px;
}
.loading-chat-student{
     position: fixed;
    right: 0;
    top: 40%;
    width: 270px;
    height: 120px;
    z-index: 99999;
 
    left: 0;
    margin: 0 auto;
}
.chat .header{
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9999;
}
.header-area {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background-color: #fff;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    border-bottom: 1px solid #ebebeb;
}
.header-area.chat-area {
    top: 129px;
}
.header-content {
    z-index: 1;
    height: 60px;
}
.header-content .back-button a {
    display: block;
    margin-left: -0.25rem;
}
.header-content .back-button a i {
    font-size: 2rem !important;
}
.header-content .logo-wrapper a {
    display: block;
}
.header-content .logo-wrapper a img {
    max-height: 50px;
    width: auto;
}
.header-content .navbar--toggler {
    position: relative;
    z-index: 1;
    cursor: pointer;
    direction: rtl;
}
.header-content .navbar--toggler span {
    width: 23px;
    height: 2px;
    background-color: #1f0757;
    margin-bottom: 5px;
}
.header-content .navbar--toggler span:nth-child(2) {
    width: 18px;
}
.header-content .navbar--toggler span:last-child {
    margin-bottom: 0;
    width: 13px;
}
.header-content.header-style-two .navbar--toggler {
    width: 2.25rem;
    height: 2.25rem;
    background-color: #f1f2fb;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.header-content.header-style-two .navbar--toggler span {
    width: 14px;
    margin-bottom: 3px;
    border-radius: 0;
    color: #8480ae;
}
.header-content.header-style-two .navbar--toggler span:last-child {
    margin-bottom: 0;
}
.header-content.header-style-three .navbar--toggler {
    width: 2.25rem;
    height: 2.25rem;
    background-color: #f1f2fb;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.header-content.header-style-three .navbar--toggler span {
    width: 14px;
    margin-bottom: 3px;
    border-radius: 0;
    color: #8480ae;
}
.header-content.header-style-three .navbar--toggler span:last-child {
    margin-bottom: 0;
}

.chat-user-info {
    width: calc(100% - 60px);
}
.chat-user-list {
    border-radius: 0.5rem;
}
.chat-user-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.chat-user-list li:focus,
.chat-user-list li:hover {
    background-color: #f1f2fb;
}
.chat-user-list li .chat-options-btn {
    line-height: 1;
}
.chat-user-list li .chat-options-btn .dropdown-toggle::before {
    display: none;
}
.chat-user-list li .chat-options-btn .btn {
    padding: 0 !important;
    color: #c2d4f8;
}
.chat-user-list li .chat-options-btn .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.chat-user-list li .chat-options-btn .dropdown-menu {
    min-width: 6.5rem;
    padding: 0.5rem 0.75rem;
    border: 0;
}
.chat-user-list li .chat-options-btn .dropdown-menu li {
    display: block;
}
.chat-user-list li .chat-options-btn .dropdown-menu li:focus,
.chat-user-list li .chat-options-btn .dropdown-menu li:hover {
    background-color: #fff;
}
.chat-user-list li .chat-options-btn .dropdown-menu a {
    color: #8480ae;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.7em 0;
    font-size: 16px;
}
.chat-user-list li .chat-options-btn .dropdown-menu a i {
    margin-right: 0.25rem;
    font-size: 1rem;
    min-width: 1rem;
}
.chat-user-list li .chat-options-btn .dropdown-menu a:focus,
.chat-user-list li .chat-options-btn .dropdown-menu a:hover {
    color: #0d5afd;
}
.chat-user-list li a {
    width: 94%;
    padding: .5em;
    text-align: right;
}
.chat-user-list li a i{
    margin: 0 10px;
}
.chat-user-list li:first-child {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.chat-user-list li:last-child {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom: 0;
}
.chat-user-list li .chat-user-thumbnail {
    position: relative;
    z-index: 1;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #f1f2fb;
    border-radius: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.25rem;
    flex: 0 0 2.25rem;
}
.chat-user-list li .chat-user-thumbnail .active-status {
    position: absolute;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    bottom: -4px;
    right: -4px;
    border: 2px solid #fff;
    background-color: #2ecc4a;
}
.chat-user-list li .chat-user-info h6 {
    font-size: 14px;
}
.chat-user-list li .chat-user-info .last-chat p {
    font-size: 13px;
}
.chat-user-list li.offline .chat-user-thumbnail .active-status {
    background-color: #546474;
}
#chat-wrapper {
    min-height: calc(100vh - 112px);
}
.chat-user--info .user-thumbnail-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0.375rem;
}
.chat-user--info .user-thumbnail-name img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.chat-user--info .user-thumbnail-name p {
    color: #fff;
    display: block;
    line-height: 1;
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 14px;
}
.chat-user--info .user-thumbnail-name .active-status,
.chat-user--info .user-thumbnail-name .offline-status {
    line-height: 1;
    display: block;
    color: #2ecc4a;
    font-size: 11px;
}
.chat-user--info .user-thumbnail-name .offline-status{
    color: #f00
}
.header-content .back-button a i {
    font-size: 1rem !important;
    margin: 0 0 0 15px;
}

body .chat-user-list .chat-user-thumbnail {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}
body .chat-user--info {
    direction: rtl;
}
body .chat-user--info .info.ms-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}
body .chat-user--info .user-thumbnail-name {
    margin-left: 0;
    margin-right: 0.375rem;
}
body .chat-user--info  .info{
    margin: 0 10px;
}
.img-circle {
    border-radius: 50% !important;
    width: 44px;
    height: 44px;
    display: block;
    line-height: 0.7;
    text-align: center;
    max-width: inherit;
    font-family: Arial;
    overflow: hidden;
}
 
.notification-alert {
    position: absolute;
    background-color: rgb(255 0 0 / 80%);
    color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    top: 0px;
    left: -2px;
    font-size: 0.7em;
    text-align: center;
    line-height: 1.8;
}

.notification-area {
    position: relative;
    z-index: 1;
}
.notification-area .alert {
    margin-bottom: 0.5rem;
}
.notification-area a:last-child .alert {
    margin-bottom: 0;
}
.notification-area .unread {
    background-color: #ffffff !important;
}
body .custom-alert-3 i {
    margin-right: 0;
    margin-left: 0.75rem;
}
body .notification-area .alert-text {
    text-align: right;
}
.custom-alert-3 .alert-text span {
    display: block;
    font-size: 12px;
    color: #8480ae;
    font-weight: 400;
}

.custom-alert-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    font-size: 13px;
}
.custom-alert-3 i {
    font-size: 1.5rem;
    margin-right: 0.75rem;
    margin-top: 0.25rem;
}
.custom-alert-3 .alert-text h6 {
    margin-bottom: 0;
    color: inherit;
} 
.breadcrumb-item+.breadcrumb-item::before{
    margin: 0 5px;
    padding: 0;
}
.breadcrumb-item+.breadcrumb-item{
    padding: 0;
}
.comment {
    padding: 1em;
}
.site-admin{
    color: #e7ca00
}
@media (max-width: 768px){
    .header-area.chat-area{
        top: 114px;
    }
}

.scrollable-table-wrapper {
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
}

.scrollable-table-wrapper table {
  min-width: 600px; /* adjust based on your table’s content */
  width: 100%;
  border-collapse: collapse;
}