/**************Theme************************/

.theme-box{width:50px;height:30px;float:left}

.blue-box{background-color:#0178ef}
.green-box{background-color:#52bb52}
.purple-box{background-color:#75206a}
.pink-box{background-color:#e24ba9}
.mblue-box{background-color:#01c0c8}


/******Theme Blue**************/
#theme-blue .header{background:url(../../assets/img/header-bg.png) #0178ef}
#theme-blue .sidebar-menu li.active a{background-color:#0178ef!important}
#theme-blue .sidebar-menu li.active a:hover{color:#fff}
#theme-blue .sidebar-menu li a.active,.sidebar-menu li a:hover{color:#0178ef}
#theme-blue .page-header h5{color:#0178ef}
#theme-blue .page-header a,.profile-content a{color:#0178ef}
#theme-blue .btn-primary,button{color:#fff!important;background-color:#0178ef!important;border-color:#0178ef!important}
#theme-blue .btn-primary:hover,button:hover{color:#fff!important;background-color:#0178ef!important}
#theme-blue .progress-banner{ background-color:#0178ef85!important}
#theme-blue .card-box.notifications{ background-color:#0178ef3d !important}
#theme-blue .home-wrapper .page-title { color: #0178ef; }


/******Theme Green**************/
#theme-green .header{background:url(../../assets/img/header-bg.png) #52bb52}
#theme-green .sidebar-menu li.active a{background-color:#52bb52!important}
#theme-green .sidebar-menu li.active a:hover{color:#fff}
#theme-green .sidebar-menu li a.active,.sidebar-menu li a:hover{color:#52bb52}
#theme-green .page-header h5{color:#52bb52}
#theme-green .page-header a,.profile-content a{color:#52bb52}
#theme-green .btn-primary,button{color:#fff!important;background-color:#52bb52!important;border-color:#52bb52!important}
#theme-green .btn-primary:hover,button:hover{color:#fff!important;background-color:#52bb52 !important}
#theme-green .progress-banner{ background-color:#52bb5285!important}
#theme-green .card-box.notifications{ background-color:#52bb523d !important}
#theme-green .home-wrapper .page-title { color: #3eb73e; }

/******Theme Marine Blue**************/
#theme-mblue .header{background:url(../../assets/img/header-bg.png) #01c0c8}
#theme-mblue .sidebar-menu li.active a{background-color:#01c0c8!important}
#theme-mblue .sidebar-menu li.active a:hover{color:#fff}
#theme-mblue .sidebar-menu li a.active,.sidebar-menu li a:hover{color:#01c0c8}
#theme-mblue .page-header h5{color:#01c0c8}
#theme-mblue .page-header a,.profile-content a{color:#01c0c8}
#theme-mblue .btn-primary,button{color:#fff!important;background-color:#01c0c8!important;border-color:#01c0c8!important}
#theme-mblue .btn-primary:hover,button:hover{color:#fff!important;background-color:#01c0c8 !important}
#theme-mblue .progress-banner{ background-color:#01c0c885!important}
#theme-mblue .card-box.notifications{ background-color:#01c0c83d !important}
#theme-mblue .home-wrapper .page-title { color: #01c0c8; }

/******Theme Marine Pink**************/
#theme-pink .header{background:url(../../assets/img/header-bg.png) #e24ba9}
#theme-pink .sidebar-menu li.active a{background-color:#e24ba9!important}
#theme-pink .sidebar-menu li.active a:hover{color:#fff}
#theme-pink .sidebar-menu li a.active,.sidebar-menu li a:hover{color:#e24ba9}
#theme-pink .page-header h5{color:#e24ba9}
#theme-pink .page-header a,.profile-content a{color:#e24ba9}
#theme-pink .btn-primary,button{color:#fff!important;background-color:#e24ba9!important;border-color:#e24ba9!important}
#theme-pink .btn-primary:hover,button:hover{color:#fff!important;background-color:#e24ba9 !important}
#theme-pink .progress-banner{ background-color:#e24ba985!important}
#theme-pink .card-box.notifications{ background-color:#e24ba93d !important}
#theme-pink .home-wrapper .page-title { color: #e24ba9; }

/******Theme Marine Purple**************/
#theme-purple .header{background:url(../../assets/img/header-bg.png) #75206a}
#theme-purple .sidebar-menu li.active a{background-color:#75206a!important}
#theme-purple .sidebar-menu li.active a:hover{color:#fff}
#theme-purple .sidebar-menu li a.active,.sidebar-menu li a:hover{color:#75206a}
#theme-purple .page-header h5{color:#75206a}
#theme-purple .page-header a,.profile-content a{color:#75206a}
#theme-purple .btn-primary,button{color:#fff!important;background-color:#75206a!important;border-color:#75206a!important}
#theme-purple .btn-primary:hover,button:hover{color:#fff!important;background-color:#75206a !important}
#theme-purple .progress-banner{ background-color:#75206a85!important}
#theme-purple .card-box.notifications{ background-color:#75206a3d !important}
#theme-purple .home-wrapper .page-title { color: #75206a; }


/**************Theme************************/

img.rounded-circle.avatar{position:relative; }
.account-wrapper { background: rgb(204, 204, 204); background: rgba(204, 204, 204, 0.5);}
label.error{color:#f00;font-size:12px;line-height: 0;position: absolute;top: 65px;}
.account-box input.form-control{padding-left:10px; height: 40px;}
.account-page{ height: 97vh !important;}

.login-top-logo{position:fixed;left:10%;top:0;background-color:#fff;z-index:99;width:120px;height:140px;border-bottom-left-radius:45%;border-bottom-right-radius:45%;text-align:center;padding-top:15px}
.login-top-logo img{width:70px;margin:0 auto}
.account-page h3.account-title{color:#8b8e91!important;font-size:24px;line-height:20px;margin-top:20px;margin-bottom:-3px}
footer .mb-0.text-muted{width:100%;margin:0 auto;text-align:center}
footer .mb-0.text-muted b{color:#15c8ca}
label.login-error{color:#f00; font-size: 12px; line-height:0;margin-bottom:10px!important;padding-top:30px}
.main-wrapper.cartoon-bg{background:url(../img/dashboard-bg.jpg); height: auto !important;} 
a.logo{width:85px;height:90%;background-color:#fff;border-bottom-left-radius:45%;border-bottom-right-radius:45%;margin-left:25%}
a.logo img{width: 60px;height: 60px;margin-top:10px;max-height: 85px;margin-left: 12px;}
.header .header-left a span{width:500px;text-align:left}

.personal-links a{display:block;margin-bottom:20px !important;width:200px;background-color:#0fa4fb;color:#fff}
.page-wrapper label.error{ top:50px;}

span.notes{font-size:12px;color:#aaa}
span.notes label{color:#ed8c8c}
input[type=radio]{width:35px;height:20px;position:relative;top:5px;margin-right:30px}
.reg-forms label.error{ position:unset; top:65px !important;}
.action_icons{margin-left:5px!important}

form#change-password .toggle-password{top:10px;right:25px}

.custom-switch.custom-switch-secondary .custom-switch-input:checked+.custom-switch-btn{background:#2a93d5;border:1px solid #2a93d5}
.custom-switch .custom-switch-input:checked+.custom-switch-btn:after{left:30px;bottom: 18px;}
.custom-switch .custom-switch-input+.custom-switch-btn:after{background:#fff}
.custom-switch .custom-switch-input+.custom-switch-btn:after{left:2px;bottom: 18px;border-radius:50%;background:#fff;transition:all .3s ease}
.custom-switch .custom-switch-input+.custom-switch-btn:after,
.custom-switch .custom-switch-input+.custom-switch-btn:before{position:relative;display:block;content:"";width:18px;height:18px}

.custom-switch .custom-switch-input+.custom-switch-btn{outline:0;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;width:58px;height:28px;margin:0;padding:4px;background:#ced4da;border-radius:76px;transition:all .3s ease;border:1px solid #ced4da}
.custom-switch .custom-switch-input { display: none;}

.card-box.notifications{padding:20px!important;/*background-color:rgb(149,198,245,.5);*/border-radius: 15px; }
.notifications ul.activity-list li{margin-bottom:10px;border: solid 1px #ddd !important;background-color: #eee;border-radius: 7px;}

.row.top-mods{background-color:rgb(149,198,245,.5);padding:15px!important;margin:0;margin-bottom:30px;border-radius:15px}
.top-mods .dash-widget.dash-widget5{margin-bottom:0!important}
.top-mods .col-md-6.col-sm-6.col-lg-6.col-xl-4{padding:10px!important}

.home-wrapper .page-title{text-transform:uppercase;color:#0d94e3;font-weight:700;margin-bottom:15px;text-shadow:#cfd1d2 1px 1px 1px}
.home-wrapper ul.activity-list li{margin-bottom:15px;border:unset;border-bottom:solid 1px #ddd; }
.home-wrapper .card-box.notifications ul.activity-list li .activity-content{background-color:#eee}
.home-wrapper .content-page{border-radius:15px}

.clock-time{position:absolute;right:-70px;width:200px;color:#fff;font-size:10px;top:80px}.clock-time p{display:inline}

.user-menu.nav > li > a:hover, .user-menu.nav > li > a:focus{ background-color: unset;}
.form-group.row{margin-bottom:16px}
input.form-control{font-size:14px;line-height:1.3rem}

.text-right.add-btn{display:block}
.table.dataTable{margin-top: 25px !important; width: 100% !important;}

.cartoon-bg footer.page-footer{padding:10px 0;background-color: rgb(191, 217, 243, .5);color: #000 !important;}


.account-page{height:calc(100vh - 63px)!important;min-height:unset}
footer.page-footer{padding:10px 0}
.btn-primary:not(:disabled):not(.disabled):active{border:0}

#timetable table td{border:solid 1px #ddd;padding:10px 20px;height:80px;width:150px}
#timetable table thead tr td{height:30px!important;font-weight: bold;text-transform: uppercase;}
.add-timetable{margin:0 auto;width:100%;height:100%;position:relative;color:#ddd;display:block;text-align:center;padding-top:22%}

.modal-body .form-group.row{margin-bottom:0!important;margin-top:0!important;padding:5px 30px}
.modal-body label.col-form-label{font-weight:700}
td.gray-bg{background-color:#efefef}
#timetable table thead tr td.head{background-color:#ccc}
#timetable h5 {
    float: right;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 12px;
}

a.add-timetable.edit-timetable{height:20px!important;padding-top:5px!important;float:right;width:5%}
a.add-timetable.edit-timetable i.fa{color:#17cc3e}

td.green-bg{background-color:#d6f3d6}
td.light-gray{background-color:#fbfbfb}
td.period{background-color:#ccc;font-weight:700;text-transform:uppercase}
td.head:first-child{background-color:#8a8585!important;color:#fff}
table{margin-top:10px}


.class-box .sub-box{border: solid 4px #ddd;margin-bottom:10px;width: 30%;text-align:center;padding: 10px 0px;display:inline-block;margin-right:10px;text-transform:uppercase;background-color:#fafafa;color:#000;}


.sub-box a{display: inline-block;text-transform:capitalize;text-align:center;/* padding: 2px 27px; *//* background-color:#899; *//* border: solid 3px #ccc; */margin: 15px 10px;color: #ff80c0;font-size: 14px;}
/*.sub-box a:hover{ background-color:#000000;}*/
.class-box{margin-bottom:30px}

b.page-head-sub{float:left;margin-top:13px;margin-left:20px}
.page-header h5{width:auto;float:left}

.blog.grid-blog{padding-top:0!important}
.row.manage-videos-box{margin-top:50px}
.row.manage-videos-box.manage-uploads-box{margin-top:0px}

a.topics-link{background-color:#ffbc34;color:#333!important;font-size:14px;border-radius:5px;color:#fff}
.tools-box a{padding:7px 8px;border-radius:5px;color:#fff; margin-right:2px}
a.videos-link{background-color:#f62d51}
a.exams-link{background-color:#399ccc!important}
.tools-box{margin:10px 0px }
.blog-info a.action_icons i{color:#fff!important;width:auto!important;margin:0!important}


a.sub_icons{color:#fff;width:30px;height:30px;font-size:12px;padding:8px;line-height:0;margin-right: 15px;}
a.sub_icons:hover{border:solid 1px #000!important;color:#fff;background-color:#000!important}
.sub_icons i.fa.fa-question{font-size:14px}
.sub_icons i.fa.fa-list-alt{font-size:14px}
.sub_icons i.fa.fa-question-circle{font-size:14px}

.modal-body table.table tr{border:0!important}
.modal-body .table td,.modal-body .table th{border-top:unset}
.modal-header{background-color:#61a7d0;border:solid 1px #61a7d0;color:#fff;font-size:19px}
.modal-header h5{font-size:20px}.modal-content{border-top-left-radius:7px;border-top-right-radius:7px}
.modal-footer button.btn.btn-secondary{background-color:#e00b0b !important;border-color:#e00b0b}
.modal-header button.close{background-color:unset!important;z-index:999;opacity:1}
.add-btn a.btn{margin-top:10px;margin-bottom:5px; margin-right: 5px;}

div#schools-chart{width:235px;height:235px;display:contents}
#schools-chart svg{margin-left:23%; margin-top:10%;height: 282px;}

video:focus { outline: none !important;}
.activity {
    min-height: 337px;
}

.grid-blog .blog-image {/* margin-top: -30px; */}

.upcoming_events ul.events-list li{display:inline-block;width:100%;padding:10px;border:solid 1px #ddd;margin-bottom:10px;background-color:#f7f7f7}
ul.events-list{margin-left:0!important;width:100%!important;padding-left:0; margin-top: 40px;}
.upcoming_events .activity{width:100%!important}
.events-list .activity-content{margin-left:45px;margin-top:5px}
.events-list .activity-content span.time{float:right;font-size:11px;color:#aaa}

a.view-more{display:block;float:right;line-height:30px;margin-right:3px;z-index:999}
.upcoming_events .page-title{width:auto;float:left}
a.view-more:hover{text-decoration:underline}


.progress-banner{height: 140px;background-color: rgb(179, 63, 188, .7);transition:.5s;padding: 0px 10px !important;cursor:pointer;border-radius: 10px;}
progress-bar-circle svg{width:100px;height:100px!important}
.progress-bar-circle.progress-bar-banner.position-relative{width:100px!important}
.progress-banner .card-body{padding:0 10px!important}

.page-header b{margin-left:10px;margin-top:11px;position:absolute; text-transform:uppercase;}


table.table tr td:last-child{width:100px!important}
.topics-list tr td:nth-child(2){width:30%!important}
.topics-list tr td:nth-child(3){width:30%}
.topics-list tr td:nth-child(4){width:10%}

.blog-image img.thumb-img{margin:15px auto;height:150px;width:auto!important; cursor:pointer;}
.blog-image{display:contents;padding:10px!important}
#video_block div#my-player { width: 100% !important;}
div#video_block { padding: 0px !important;}

.period-info ul li{list-style:none;display:inline-block;float:left;width:auto;color:#4a4848;font-size:14px;margin-right:50px;text-transform:uppercase}
.period-top-box{display:flex;padding:10px!important}
.period-info ul{padding:0!important;margin-bottom:30px;width:100%!important;display:flex}
a.period-btn{padding:7px 15px;margin-top:15px;border-radius:4px;box-shadow:#ccc 1px 1px 5px;cursor:pointer;min-width: 150px;}
.period-btns li{min-width:150px;}

.period-box{width:49.5%;display:block;float:left;margin-right:1%;box-shadow:#efefef 1px 1px 9px;border:solid 1px #e7e7e7;
            background-color:#fff;padding:20px 10px;margin-top:10px;min-height:60px;border-radius:5px; position:relative;}
.period-box img{height: 130px;float:left;margin-right:20px;}

.period-box h4{display:block;width:100%;height:20px!important}
.period-box label{display:contents}
.period-box:nth-child(3) { margin-right: 0px;}
.period-box p{color:#888;padding-left:10px}
.period-box i{margin-right:10px;font-size: 10px;}

a.period-btn.assign-disable{background-color:#ccc!important;border:solid 1px #bbb!important;cursor:default}
table.topics-list td:nth-child(1){width:8%!important}
table.topics-list td:nth-child(2){width: 28%!important;}
table.topics-list td:nth-child(3){width: 60% !important;}

table.exams td:nth-child(4){width:12% !important}
table.exams td:nth-child(5){width:8% !important}
table.class-exams td:nth-child(4){width:13% !important}
table.class-exams td:nth-child(5){width:8% !important}

img#loader{width:45px!important;position:absolute;right:115px;top:-2px}
table.notifications-list tr td:last-child { width: 160px !important;}
a.dashboard-item { display: contents;}


#viewBook .modal-dialog{max-width:65%!important}
.library-image{width:40%;float:left;margin-right:10px;text-align:center}
.library-image img{width:90%;text-align:center;margin:0 auto}
.library.grid-library{padding:20px}
.modal-footer button.btn.btn-secondary.waves-effect{background-color:#3d8fdb!important;border:solid 1px #3d8fdb!important}

form#search_lib{background-color:#f2f2f2;padding:20px;border-radius:10px;box-shadow:#ccc 1px 1px 4px;display:flex; width:80%;margin-left: 15px;}
form#search_lib input{width: 250px;float:left;/* margin-right: 10px; */}
form#search_lib input[type=submit], form#search_lib input[type=button]{width:150px;margin-left: 10px;float:left;}
form#search_lib .select2.select2-container{width: 200px!important;float:left;margin-left: 10px !important;}

.manage-lib-box{margin-top:0px !important;}

.manage-videos-box .blog-image img{max-height: 115px;width: auto;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;}

.manage-videos-box .blog-image{display: block;padding: 0px !important;min-height: 155px !important;margin-bottom: 0px !important;}
.blog.grid-blog {padding-top: 0!important;min-height: 220px;margin-bottom: 25px;}

@media(max-width:767px){
    
    .account-box{right:2.5%;max-width:95%}
    .account-page{height:calc(100vh - 96px)!important}
    a.logo{margin-left:10%}
    .header .header-left a span{font-size:14px;top:0px;left:50%;}
    #schools-chart svg{margin-left:0px !important;}
    div#schools-chart{display:flex;margin-left:auto;margin-right:auto;}
    

}

/* Password visibility toggle*/


input[type=text].form-control.valid + label:after,
input[type=text].form-control:focus.valid + label:after,
input[type=text].form-control.invalid + label:after,
input[type=text].form-control:focus.invalid + label:after,
input[type=password].form-control.valid + label:after,
input[type=password].form-control:focus.valid + label:after,
input[type=password].form-control.invalid + label:after,
input[type=password].form-control:focus.invalid + label:after {
  top: 3.75rem !important;
}

span.field-icon {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  right: 0.5rem;
  top: 1.7rem;
  color: $input-label-color;
  z-index: 2;
}



/* /* Password visibility toggle end*/

/*css for new notification list*/
img{ max-width:100%;}
.inbox_people {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  width: 40%; border-right:1px solid #c4c4c4;
}
.inbox_msg {
  border: 1px solid #c4c4c4;
  clear: both;
  overflow: hidden;
}
.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#888; margin:auto}
.chat_img {
  float: left;
  width: 4%;
}
.chat_date{
	margin-top:10px;
}
.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 80%;
}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
  background-color: #f6faff ;
}
/* .inbox_chat { height: 550px; overflow-y: scroll;} */

/*css for new notification list end*/


a.btn.manage-books{position:absolute;right:2%;top:15px;background-color:#3d8fdb!important}
.chat_img i{font-size:40px;color:#583097}
button.reply.btn{display:flex;float:right;margin-right:20px}
#replyBox .modal-dialog{max-width:50%}
.form-group.row.comment-view{padding:10px 40px;display:block}
.form-group.row.comment-view p{display:contents;padding:0!important}

.activity-box.assignments .chat_ib {  width: 72%; }
.activity-box.assignments .btn{margin-right:5px !important;margin-top:5px !important;margin-left:10px!important; float: right;  min-width: 100px;text-align: center !important;
    display: block;}
.activity-box.assignments .chat_ib h5 { margin-top: 8px; }
.activity-box.assignments span.chat_date { margin-top: 0px !important;}
.activity-box.assignments .chat_list { background-color: #f1f1f1; }
.activity-box.assignments {  margin-top: 20px;}

.assignment-container .page-header b{margin-left: 0px;margin-top: 45px;position:absolute;text-transform:uppercase;display: block; }
table.class-assignment td:nth-child(3){width:10%!important}
table.class-assignment td:nth-child(2){width:50%}
table.class-assignment td:nth-child(4){width:10%}

.form-group.row.comment-view.result-view b{display:block;width:122px;float:left}


.row.attend-exam .option_box{margin-top:20px}
.row.attend-exam .option_box h2{font-size:16px;display:flex}
.row.attend-exam .option_box h2 span{color:red;margin-right:10px}
.row.attend-exam .option_box .marks{margin-bottom:10px}
.row.attend-exam .btn-group{display:block;margin-top:30px;float:right;margin-right:10%}
.row.attend-exam .btn-group .btn{min-width:100px}
.notes{display:block;width:100%;margin-top:10px;font-size:11px;color:#999}

a.rem-period-item{display:block;position:absolute;right:0;bottom:5px}
a.rem-period-item i{font-size:20px;color:red}
a.rem-period-item i:hover{color:#c00}

a.rem-period-assignment {top: 20px;}
a.rem-period-exam {bottom: 55px;}

a.remove-notes{position:relative;display:block;float:right}

a.btn.print{background-color:#888!important;border-color:#888!important;float:right;margin-left:10px}
a.btn.print:hover{background-color:#ccc!important}




/****************************Reports**********************/


.report-outer{background-color:#f3f3f3;min-height:500px;box-shadow:#ccc 1px 1px 5px;border-radius:10px}
.report-outer h3{margin:0 auto;width:100%;text-align:center;margin-top:20px;text-shadow:#aaa 1px 1px 6px}
.report-box{width: 95%;background-color:#fff;padding:20px;border-radius:10px;margin-top:20px;box-shadow:#ddd 1px 1px 4px;display:flex;margin: 20px;}
.report-info .info-left{width:30%!important;float:left;text-align:center;padding-left:50px;padding-bottom:20px}
.report-info .info-left img{width:100px;height:100px;margin:0 auto}
.report-info .info-right ul{padding:0;list-style:none;margin-top:15px}
.report-info .info-right ul li{line-height:31px}
.report-info .info-right ul li b{display:block;float:left;width:135px}
.report-info .info-right ul li span{display:block;float:left;width:30px}
.pie{width:100px;height:100px;border-radius:50%;}
.pie .circle{width:20px;height:19px;background-color:#fff;position:relative;border-radius:50%;top:40%;left:40%}

.att-box{width:20px;height:20px;float:left;margin-right:20px;} 
.att-box.green-box{background-color:#26ea94}
.att-box.red-box{background-color:#ff4e40}
.report-attendance .attendance-inner .left,.report-attendance .attendance-inner .right{display:block;width:36%;float:left;margin-top:0}
.report-attendance .attendance-inner .graph{width:22%;float:left;margin-top:-44px;margin-bottom:5px}

.report-box{width:95%;background-color:#fff;padding:20px;border-radius:10px;margin-top:20px;box-shadow:#ddd 1px 1px 4px;display:flow-root;margin:20px}
.attendance-inner{display:block;width:100%;margin-top:30px}
.report-box h4{width:100%;display:contents}

.report-test table{width:100%;background-color:#fff;margin-top:0!important}
.report-test table td{padding:10px;text-align:center;width:33%}
.report-test table tr td:first-child{text-align:left;padding-left:50px}
.report-test table thead td{background-color:#f5f5f5;font-size:16px;font-weight:700}
.report-comments .comments-inner{background-color:#f5f5f5;padding:20px;border-radius:10px;margin-top:25px;min-height:200px}
.report-print-box{width:100%;text-align:right;padding-right:20px}
.report-print-box a{background-color:#ff5756;color:#fff;margin-bottom:50px;box-shadow:#ccc 1px 1px 16px;width:100px}
.report-print-box a:hover{background-color:#f44}
.report-print-box a.btn-green { background-color: #19e28a;}
.report-print-box a.btn-gray { background-color: #bbb;}


.activity-list > li .activity-user {
    background: unset;
}
.notifications a.view-more{margin-top:-45px}

form#save_report_comment textarea{width:100%;border:solid 1px #ccc;height:128px; padding:10px;}
form#save_report_comment button{float:right}
form#save_report_comment{padding:0;display:flow-root}

select.promo_cntrl{width:100px;height:30px;padding-left:10px;border-radius:5px;border:solid 1px #ccc}

button#reg_promotion{margin-top:10px;margin-bottom:20px}

.select2-results__option {
    width: 200px;
}

span.select2-dropdown.select2-dropdown--below {
    width: 225px !important;
}

.select2-results {
    width: 225px !important;
}


.post-left ul li { float: left; margin-right: 20px; width: 100%; height: 30px;}
.post-left {    width: 50%;    float: left; }

.chat_list .btn {
    margin-top: 3px;
}

span.submenu-span {background-color: #fff;color: #000;padding: 7px;margin-left: 10px;box-shadow: #ccc 1px 1px 1px;}

table.datatable.exams tr td:nth-child(4) {
    width: 150px !important;
}

.exam-valuate .activity-box.assignments .chat_ib {
    width: 58%;
}

a.rem_selected i {
    color: red;
    font-size: 20px;
    margin-left: 15px;
}

.datatable tr td:first-child {
    width: 72px;
}

b.lbl_reopen {
    float: right;
    line-height: 20px;
    margin-right: 10px;
    color: #ff0000;
    background-color: #fff;
    margin-top: 10px;
    padding: 3px 12px;
}