/**************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:#0178ef77 !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-blue .card.info-box .card-body .bottom{background-color:#0178efee}
#theme-blue .card.info-box .card-body .right .icon-box{background-color:#0178efee}
#theme-blue .card.info-box.box-light-blue .bottom{background-color:#0178ef88}
#theme-blue .card.info-box.box-light-blue .icon-box{background-color:#0178ef88 !important}


/******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:#52bb5277 !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-green .card.info-box .card-body .bottom{background-color:#3eb73eee}
#theme-green .card.info-box .card-body .right .icon-box{background-color:#3eb73eee}
#theme-green .card.info-box.box-light-blue .bottom{background-color:#3eb73e88}
#theme-green .card.info-box.box-light-blue .icon-box{background-color:#3eb73e88 !important}


/******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:#01c0c877 !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-mblue .card.info-box .card-body .bottom{background-color:#01c0c8ee}
#theme-mblue .card.info-box .card-body .right .icon-box{background-color:#01c0c8ee}
#theme-mblue .card.info-box.box-light-blue .bottom{background-color:#01c0c888}
#theme-mblue .card.info-box.box-light-blue .icon-box{background-color:#01c0c888 !important}


/******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:#e24ba977 !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-pink .card.info-box .card-body .bottom{background-color:#e24ba9ee}
#theme-pink .card.info-box .card-body .right .icon-box{background-color:#e24ba9ee}
#theme-pink .card.info-box.box-light-blue .bottom{background-color:#e24ba988}
#theme-pink .card.info-box.box-light-blue .icon-box{background-color:#e24ba988 !important}


/******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:#75206a77 !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-purple .card.info-box .card-body .bottom{background-color:#75206aee}
#theme-purple .card.info-box .card-body .right .icon-box{background-color:#75206aee}
#theme-purple .card.info-box.box-light-blue .bottom{background-color:#75206a88}
#theme-purple .card.info-box.box-light-blue .icon-box{background-color:#75206a88 !important}


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

.form-control[readonly] { color: #000 !important; }
.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:contents}
.table.dataTable{margin-top:25px!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:18px!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; max-height: 300px;min-height: 300px;}
.row.manage-videos-box{margin-top:50px}

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}

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}

.sidebar.closed{position:fixed;left:-150px}
.sidebar.closed ul li{direction:rtl;float:right; }
.sidebar.closed ul li i {margin-left:30px;}
#hamburger{cursor:pointer;}
.page-wrapper.closed{margin-left:80px}



.bg-blue{background-color:#803AFC}
.bg-pink{background-color:#EF51A5}
.bg-green{background-color:#5FC32B}

.bg-lime{background-color:#CAD650}
.bg-brown{background-color:#E1793C}
.bg-skyblue{background-color:#4ac4dc}

.sub-svg{position:absolute;bottom:0;width:100%;left:0;padding:15px}

a.subject-box{display: block;padding:20px;color: #fff !important;height:220px;margin-top:15px;margin-bottom:15px;box-shadow: #bbb1b1 2px 1px 10px;}
.subject-box i.fa.fa-book{float:right;position:absolute;top:35px;right:34px;font-size:26px; z-index: 9;}
a.subject-box p{z-index:9999!important;position:absolute;top:90px}

.overlay{display:block;width:100%; height:100%; position:relative;}

 .overlay:before{content:"";display:block;position:absolute;border-radius:100% 50%;width:340px;height:80px;background-color:#fff;right:-5px;top:40px}
 .overlay:after{content:"";display:block;position:absolute;border-radius:100% 50%;width:300px;height:70px;background-color:#e0efe3;left:0;top:27px}
 
 
 a.chapter-box{background-color:#92c1d3!important;display:block;height:220px;color:#fff;border-radius:10px;margin-bottom: 30px;box-shadow: #888 1px 1px 5px;}
 .chapter-box h3{background-color:#658997;border-radius:10px;padding:20px 20px;font-size:25px}
 .chapter-box h3 span{font-size:40px;margin-right:20px;font-weight: 900;}
 .chapter-box p{padding:20px!important;font-family: 'Poppins', sans-serif;}
 
 .topic-box{background-color:#d9eef1;padding:20px 10px;margin-top:10px;min-height:60px;border-radius:5px}
 .topic-box b span{width: 30px;height: 30px;background-color:#fff;padding: 8px;border-radius: 9px;margin-right:20px;box-shadow: #999 1px 1px 4px;}
 
 .topic-box .topic-btns{float:right}
 .topic-box .topic-btns a{background-color: #fff;box-shadow: #999 1px 1px 4px;padding:5px 15px;margin-left:10px;border-radius:15px;color: #333;font-weight: bold;}
 .topic-box .topic-btns a:hover{background-color:#8a9192;color:#fff}
 
 .row.chapter-list { font-family: 'Poppins', sans-serif;}
 .chapter-box span:nth-child(2){margin-left:20px;background-color:#7fa8b8;padding:3px 12px;border-radius:10px;font-size:13px; margin-top:5px;}
 .row.synopsys-list .right-content .content-box{background-color: #f1ebeb;padding:20px;margin-bottom:20px;box-shadow: #ccc 1px 1px 4px;border-radius: 15px;}
 .row.synopsys-list .left-content{background-color:#f1ebeb;padding:20px;font-family:poppins, sans-serif;color:#646464;box-shadow: #ccc 1px 1px 4px;border-radius: 15px;; border-radius: 30px; margin-bottom: 20px;}
 .row.synopsys-list .right-content{font-family:poppins, sans-serif;}
 .row.synopsys-list .left-content img{width:80%; margin-top:20px; margin-bottom:20px;}
 .row.synopsys-list .box-inn{background-color:#9c9998;border-radius: 10px;padding: 10px 10px 1px 10px;color:#fff;margin-bottom: 10px;font-size: 12px;display: block;min-height: 50px;}
 .content-box h3{color: #333;}
 
 .row.synopsys-list .suggest-box .box-inn{border-radius:10px!important;background-color:#d5d5d5!important;color:#343333}


.row.gallery-list.synopsys-list .left-content{background-color:unset!important;padding:0}
.gallery-list a.img-box{padding:10px;display:inline-block;width:32%;background-color:#f1ebeb;min-height:210px;margin-left:10px;text-align:center;border-radius: 10px; box-shadow: #ccc 1px 1px 4px; vertical-align: top;}
.gallery-list a.img-box img{height:100px;width:auto !important;;text-align:center}
.gallery-list a.img-box span{display:block}

.gallery-list .suggest-box.content-box .box-inn { padding: 10px !important;}

.row.synopsys-list.videos-list .box-inn { padding: 10px;}

.video-js{width:100% !important; height: 500px !important;}
button.vjs-button{background-color:#000!important}

button.vjs-big-play-button{background-color:rgb(0,0,0,.5)!important;border-color:#fff!important;position:absolute;top:45%!important;left:45%!important}


.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before, .vjs-icon-picture-in-picture-enter:before {
    content: "\F121";
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}

.row.synopsys-list .right-content .content-box img{display:flex;width:16%;float:left;margin-right:10px;max-height:30px!important}
.row.synopsys-list .right-content .content-box h4{font-size:14px!important;line-height:21px; font-weight: 600;}
.gallery-list h4{line-height:10px!important;margin-top:6px}
.videos-list h2{font-size: 16px !important; margin-top: 15px;}
 .topic-box.doubt-box{background-color:#f1ebeb}
 
 .topic-box.doubt-box{background-color:#bdbdbd;border-radius:0;padding:10px 10px 1px 10px;margin:20px 0;box-shadow:#aaa 1px 1px 6px}
 
img.rounded-circle.avatar{position:relative;top:0px}

.video-comments-sec{border-radius:30px!important;background-color:#f1ebeb;margin-top:35px;box-shadow:#ccc 1px 1px 4px; margin-bottom: 35px;}
.video-comments-sec .comments-head{background-color:#616161;border-top-left-radius:30px;border-top-right-radius:30px;color:#fff;padding:17px}
.video-comments-sec .comments-head h3{display:block;width:100%}
.video-comments-sec .comments-head form{width:100%;display:flex;background-color:#f1ebeb;padding:20px 10px 0 15px;border-radius:15px}
.video-comments-sec .comments-head form button{margin:94px 10px;height:40px}

form#doubtform {
    position: relative;
}
form#doubtform label.error{display: flex;left: 2%;top: 95% !important;font-size: 11px;z-index: 999;position: absolute;}
#doubtform img#loader{width:30px;position:absolute;left:30px;top:55px;display:none;}


form#doubtform textarea{width:100%;border:solid 1px #ddd;padding:10px;height:150px;border-radius:5px; margin-bottom:20px;}
form#doubtform textarea:focus{outline:0}

.topic-box.doubt-box span{color: #000;font-size:11px;font-weight: bold;}
.topic-box.doubt-box p{margin-top:15px}

a#hamburger i.fa-bars {  float: right; margin-top: 12px; }

.row.dashboard-top-sec{background-color:#fff;padding:15px 15px!important;margin:0 0 20px 0;box-shadow:#ddd 1px 1px 5px;border-radius:15px; width:100%}
.card.info-box{margin:0 10px!important;margin-top:5px;border:unset;border-top-left-radius:10px;border-top-right-radius:10px;padding:0;color:#000}
.card.info-box .card-body{padding:0;margin:0;display:flow-root!important;box-shadow: #ccc 1px 1px 4px;}
.card.info-box .card-body .left{float:left;width:70%;display:block;padding:30px 20px 0 15px}
.card.info-box .card-body .right{width:30%;text-align:center;display:flex;float:left}
.card.info-box .card-body .bottom{width:100%;height:40px;background-color:#5677d6;float:left}
.card.info-box p{color:#000;font-weight:400}
.card.info-box .card-body .left p.lead{font-size:30px;font-weight:700;line-height:10px;text-transform:uppercase;width:100%}
.card.info-box .card-body .left p.text-small{text-transform:uppercase}
.card.info-box .card-body .left div{padding:20px 10px}
.card.info-box .card-body .right .icon-box{margin:0 auto;margin-top:32%;font-size:20px;background-color:#5677d6;width:40px;height:40px;padding:5px;border-radius:50%;color:#fff}
.row.dashboard-top-sec .col-lg-3{padding:0!important}
.card.info-box .card-body .bottom div{display:block;width:50%;float:left;color:#fff;padding:10px;text-transform:uppercase}
.card.info-box .card-body .bottom div:last-child{text-align:right}

.card.info-box.box-light-blue .icon-box{background-color:#3eb7f0!important}
.card.info-box.box-light-blue .bottom{background-color:#3eb7f0}

a.btn.btn-blue{background-color:#888a90;border:solid 1px #888; color:#fff;}
a.btn.btn-blue:hover{background-color:#555}

.row.student-uploads-list .btn-group{width:100%;padding:5px 15px;display:block}
.row.student-uploads-list .btn-group a{margin-left:10px!important}

.notes{padding:10px 0;font-size:11px;color:#999}

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

.manage-videos-box .blog-image{display:contents;padding:10px!important}

.row.synopsys-list.attend-exam .left-content{background-color:unset;box-shadow:unset}
.option_box h2{font-size:18px;width: 70%;margin-bottom: 25px;}
.option_box .ans_opt{background-color:#cdd8d8;padding:10px;margin-bottom:10px;border-radius:10px;box-shadow:#ddd 1px 1px 4px;
        border:solid 1px #ccc;margin-left:20px;width:100%;cursor:pointer;font-weight:700;display:block;}
.option_box span{display:block;float:left;margin-right:10px; color: #000; font-weight: bold;    margin-top: 10px;}
.option_box .btn{float:right;margin-right:49%;margin-top:10px}
.option_box .ans_opt:hover, .option_box .ans_opt.active{color:#fff;background-color:#98c6f1;border:solid 1px #98c6f1}

.option_box h2 span { color: #f00; font-weight: bold;    margin-top: 0px;}
.option_box input[type=radio]{display:block;float:left;width:7px;z-index:-1;margin-top: -30px;}
.option_box .btn-group{width: 28%;padding: 20px;float: right;display: block;margin: 0px;}.option_box .btn-group .btn{min-width: 120px !important;margin: 0px;float: left;}
.attend-exam .counter-box{font-size: 25px;font-weight: normal;float:right;position:absolute;right: 3%;background-color:#f1f1f1;text-align:center;border:solid 1px #000;width: 250px;display: flex;text-transform: uppercase;padding: 10px;line-height: 30px;}
.countdown {  font-size: 30px; font-weight: bold; color: #f00; margin-left: 20px;}

.option_box textarea{width: 93%;height:200px;margin-left:20px;padding:10px}

.results{color:#2b3034;margin-top:40px;padding:20px;background-color:#e3eeef;border-radius:30px;box-shadow:#ccc 1px 1px 4px}
.marks{display:flex;margin-bottom:20px;color:#1379d8;font-size:20px}
ul.qts-list{list-style:none;width:100%!important}
ul.qts-list li{display:inline-block;width:44%;float:left;margin-right:50px;margin-bottom:10px}

#confirmSubmit h3{color:#1685da}
div#confirmSubmit .modal-dialog{min-width:45%!important}
div#confirmSubmit ul li{list-style:disc;padding:10px}

.row.synopsys-list .right-content .content-box .box-inn:hover, .row.synopsys-list .right-content .content-box .box-inn.active  {  background-color: #a4abb5;}


/************Period***************************************************************/

.period-top-box{background-color: #5f9dd6;margin-bottom:30px!important;box-shadow: #999 1px 1px 5px;border: solid 1px #5f9dd6;}

.period-info .left{width:50%;float:left;color:#fff}.period-info .left h3{width:auto;float:left;margin-right:10px}
.left .period_name{height:30px;margin-top:4px;font-size:18px}
.left .class_by{display:flex;width:100%}
.period-info .right{text-align:right;color:#fff}
.right h4{background-color:#085dad;max-width:190px;display:inline;text-align:center;padding:7px;border-radius:5px}
.period-info .right span{width:100%;display:block;margin-top:10px}

.period-box{padding:20px;width:49%;float:left;background-color:#f5f5f5;margin-right:20px;box-shadow:#ddd 1px 1px 4px;margin-bottom:30px}
.period-box:nth-child(3){margin-right:0!important}.period-box h4{color:#7b7b7b}
.period-box a{background-color:#fff;padding:15px;display:block;color:#7b7b7b!important;border-radius: 5px;box-shadow: #ddd 1px 1px 4px;margin-top: 16px;}
.period-box.video-box{width:100%;background-color:#1379d859}
.period-box.video-box img.thumb-img{width:200px;float:left;margin-right:20px}
.period-box.video-box h5{color:#212020;font-size:18px}
.period-box.video-box p{color:#7b7b7b}
.period-box.video-box a.attend{width:100px;float:left;text-align:center;color:#fff!important;padding: 5px;}

.period-box a span{float:right;background-color:#368dde;padding:3px 10px;margin-top:-2px;color:#fff;border-radius:5px}
a.notes-btn span{float:left;margin-right:10px;background-color:#f5f5f5;color:#666;border-radius:50%}
a.notes-btn{padding:15px}


#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:#9fa2a5!important;border:solid 1px #8c8989!important}

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

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

/************Responsive***************************************************************/
@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: 88%;
}

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

label#address-error {
    margin-top: 25px;
}
.topic-box.doubt-box p:nth-child(3) {
    background-color: #a9a7a7;
    padding: 10px;
    margin: 0px -10px;
    /* color: #000; */
}
/* .inbox_chat { height: 550px; overflow-y: scroll;} */

/*css for new notification list end*/

/* Responsive */

@media(max-width: 768px) {
    .header .header-left a span {
        left: 40%;
        font-size: 17px;
    }
    
    .subject-box h3 {
        padding-right: 25px;
        font-size: 20px;
    }
    
    .page-wrapper.closed {
        margin-left: 0;
    }
    
    .sidebar {
        top: 99px;
    }
    
    .period-info .left {
        width: 100%;
        float: none;
    }
    
    .period-info .right h4 {
        max-width: none;
        display: inline-block;
    }
    
    .period-info .right {
        text-align: left;
        padding-top: 20px;
    }
    
    .period-box {
        width: 100%;
    }
    
    .video-js {
        height: 320px !important;
    }
}

@media(max-width: 525px) {
    .gallery-list a.img-box {
        width: 100%;
        margin-bottom: 20px;
        margin-left: 0;
    }
}

.subject-box h3 {
    position: relative;
    z-index: 1;
}

.row.synopsys-list .results {
    margin-bottom: 20px;
}


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}



.row.student-uploads-list .blog-image img {
    height: 100px;
}

.row.student-uploads-list .blog.grid-blog {
    min-height: 200px !important;
}

.no-events {
    display: block;
    width: 100%;
    float: left;
}

.notifications a.view-more{margin-top:-45px}