@font-face {
 font-family: "LineAwesome";
 src: url('../line-awesome/fonts/line-awesome/line-awesome.eot');
 src: url('../line-awesome/fonts/line-awesome.woff2') format("woff2"),
 url('../line-awesome/fonts/line-awesome.woff') format("woff"),
 url('../line-awesome/fonts/line-awesome.ttf') format("truetype"),
 url('../line-awesome/fonts/line-awesome.svg') format("svg");
 font-weight: normal;
 font-style: normal; }

input::-webkit-scrollbar { width: 10px;}
::-webkit-scrollbar { width: 10px;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 2px;}
::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); box-shadow: inset 0 0 6px rgba(0,0,0,0.9); }

::placeholder { color: #000; opacity: 1; }
.form-control::placeholder { color: #000; opacity: 1; }
:-ms-input-placeholder { color: #000; }
::-ms-input-placeholder { color: #000; }


body { font-family: "Raleway"; font-size: 14px; line-height: 20px; color: #353535; background-image: url(../images/bnr.jpg); height: 100%; background-attachment: fixed;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;}
/* .container-fluid { padding: 0px !important;} */
.mgl0 { margin-left: 0px !important; }
.overlay { background: #000000c4; width: 100%; height: 100%; position: fixed; display: none; top: 0; left: 0; right: 0; z-index: 990;}
.overlayshow { display: block;}
/* header CSS */
li.dropdown.user-profile p { font-size: 40px; width: 55px; height: 55px; border-radius: 50%; border: 1.5px solid #81181d; padding: 13px; display: block;}
li.dropdown.user-profile img { width: 55px; height: 55px; border-radius: 50%; border: 1.5px solid #81181d; padding: 2px; display: block;}
.navbar-default { position: fixed; width: 100%; z-index: 99; top: 0;}
h1.Session-date { color: #7f181c; font-size: 32px; white-space: nowrap; margin-left: 3.7em; margin-top: 25px;}
.navbar-default { background-color: #fff; box-shadow: 0 0 7px grey; border-radius: 0px;}
.navbar-right i { color: #7f181c; display: block; text-align: center; font-size: 30px; margin-bottom: 4px;}
.navbar-brand > img { width: 50px;}
.navbar-right a { font-size: 12px; color: #7f181c !important;}
li.dropdown.user-profile a { padding: 10px; cursor: pointer; padding-right: 0px;}
.logobar { padding-top: 10px; }
nav.navbar.navbar-default { margin-bottom: 0px;}
ul.sidenav-list { list-style-type: none; padding-left: 0px; color: white; display: flex; flex-direction: column;}
.sidenav { padding-top: 100px; background: #81181d; position: fixed; left: 0; height: 100vh; width: 100px; overflow: auto;}
ul.sidenav-list a { color: white;}
ul.sidenav-list i { display: block; text-align: center; font-size: 25px;}
ul.sidenav-list a { font-size: 12px; text-align: center; display: block; padding: 8px; text-decoration: none !important; cursor: pointer; font-weight: 500; line-height: 26px;}
ul.sidenav-list a label { display: block; margin-bottom: 0px; line-height: 26px; font-weight: 500; cursor: pointer;}
.main-content { width: calc(100% - 105px); float: right; padding: 90px 5px 0 0;}
.main-content h1 { margin-bottom: 20px; font-weight: 400; font-size: 24px; color: #7f181c; padding-left: 15px;}
.card { background: white; border-bottom: 5px solid #7f181c; margin-bottom: 20px; box-shadow: 0 0 5px grey; min-height: 220px; color: #7f181c; font-weight: 400;}
.card strong { font-size: 32px; line-height: 32px; margin-bottom: .3em; display: block; font-family: "RalewaySemiBold"; font-weight: inherit; }

.mahroon-block strong { font-family: "RalewayBold"; }
.selected .card { border: 1px solid #ee4423; border-bottom: 12px solid #ee4423; box-shadow: 0 2px 8px 3px #979797; min-height: 227px;}
.p_15.card:hover { border-bottom: 12px solid #81181d; box-shadow: 0 2px 8px 3px #979797; min-height: 227px; }
.selected .card:hover { border: 1px solid #ee4423; border-bottom: 12px solid #ee4423;}
.mahroon-block { color: #81181d; }
.mahroon-block p { font-family: "RalewaySemiBold"; }
.p_15 { padding: 15px;}
.card i { font-size: 25px; position: absolute; right: 30px;}
.white-block { padding-bottom: 10px; padding-top: 10px;}
.white-block p { margin-bottom: 4px;}
.white-block p b { font-family: "RalewayBold"; }
b.count { font-size: 20px; margin-right: 5px; font-family: "RalewayMedium"; font-weight: inherit; }
.font-18 { font-size: 18px; line-height: 32px;}
.plr { padding: 10px;}
.nu-theme { margin-top: 0px; color: #7f181c; font-weight: 400;}
.nu-theme strong { font-family: "RalewaySemiBold"; font-weight: inherit; }
.horizonatal-card { background: white; padding: 10px; position: relative; box-shadow: 0 0 5px grey;}
.time-block { width: 80px; color: white; font-size: 16px; font-family: "RalewayMedium"; padding: 20px 4px 4px 4px; text-align: center; line-height: 34px; background-color: #760f0f;}
span.min-block { font-weight: 200; font-size: 12px; display: block; margin: 6px 0px; margin-bottom: 0px; line-height: 13px; width: 70%; margin: 0 auto; line-height: 16px;}
.horizonatal-card .media-body { padding-left: 15px;}
button.join-btn { background: #7f181c; border: 0px; color: white; border-radius: 3px; padding: 2px 15px; position: absolute; bottom: 10px; right: 10px; font-size: 12px;}
.horizonatal-card i { margin-right: 10px; background: white; vertical-align: middle; border-radius: 50%;}
h4.media-heading { font-family: "RalewayMedium"; font-size: 20px; line-height: 20px; margin-bottom: 8px;}
.mb-4 { margin-bottom: 4px;}
/* span.min-block.m_0 { margin: 0px;} */
.media.horizonatal-card.task-block .time-block { background: #4b9c01;}
.media.horizonatal-card.task-block { border-color: #4b9c01;}
span.text-block { font-size: 16px; display: block; margin-top: 9px; min-height: 40px;}
.error { color: #ee4423; position: absolute; top: -7px; right: 10px; font-size: 18px !important;}
.font-500 { font-weight: 500;}
li.active { background: white;}
li.active a { color: #7f181c;}
.white-wrapper { background: white; box-shadow: 0 0 10px #b2afaf; margin-left: 1.3em; min-height: 75vh;}
.tab-cards { border: 1px solid #d3cece; margin:0;}
.tab-cards h3 { background: #7f181c; color: white; padding: 10px; margin: 0; font-weight: 200; font-size: 22px;}
.p_20 { padding: 16px;}
.tab-cards button.join-btn { position: relative; float: right; right: 0; bottom: 20px;}
.tab-content i { margin-right: 5px;}
.gradedbar i { color: #cc6400; }
.lockbar i { color: #81181d; }
.hiddenbar i { color: #81181d; }
.flagbar i { color: #01729c; }
ul.nav.nav-tabs a { padding: 15px 30px; color: #888585; font-size: 20px; font-family: "RalewaySemiBold";}

.nav-tabs .active { border-bottom: 2px solid #7f181c;}
.nav-tabs li.active a { color: #313131; font-weight: 500; border: 0;}

#menu2 ul.nav.nav-tabs a { font-size: 20px; }

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus { border: 0px;}
.nav-tabs { border-bottom: 1px solid #ddd; padding: 0 2em;}

.leftmenu-btn { display: none; }

.horizonatal-card .media-body p span.material-icons, .tab-cards .p_20 p span { font-size: 18px; margin-top: 1px; float: left; margin-right: 8px; color: #000; }
/* .dashboardicon { display: block; font-size: 48px;} */
.sidenav li a span { display: block; font-size: 38px; line-height: 30px;}
#navbar li { text-align: center; }
#navbar li a span { display: block; font-size: 35px;}

li a i.moreicon { margin-bottom: -8px; background:url(../images/morebtn.png) no-repeat; width: 34px; height: 34px; display: inline-block; background-size: cover; }
a.navbar__link--active i.moreicon { background:url(../images/morebtn-active.png) no-repeat; background-size: cover; }

li a i.tasksicon { margin-bottom: -8px; background:url(../images/tasksbtn.png) no-repeat; width: 32px; height: 32px; display: inline-block; background-size: cover; }
a.navbar__link--active i.tasksicon { background:url(../images/tasksbtn-active.png) no-repeat; background-size: cover; }

li a i.examicon { margin-bottom: -8px; background:url(../images/exambtn.png) no-repeat; width: 34px; height: 34px; display: inline-block; background-size: cover; }
a.navbar__link--active i.examicon { background:url(../images/exambtn-active.png) no-repeat; background-size: cover; }

li a i.classesicon { margin-bottom: -10px; background:url(../images/classesbtn.png) no-repeat; width: 34px; height: 34px; display: inline-block; background-size: cover; }
a.navbar__link--active i.classesicon { background:url(../images/classesbtn-active.png) no-repeat; background-size: cover; }

li a i.calendaricon { margin-bottom: -8px; background:url(../images/calendarbtn.png) no-repeat; width: 34px; height: 32px; display: inline-block; background-size: cover; }
a.navbar__link--active i.calendaricon { background:url(../images/calendarbtn-active.png) no-repeat; background-size: cover; }

li a i.projecticon { margin-bottom: -8px; background:url(../images/attendance-icon-white1.png) no-repeat; width: 34px; height: 32px; display: inline-block; background-size: cover; }
a.navbar__link--active i.projecticon { background:url(../images/project-club.png) no-repeat; background-size: cover; }

.Classes-icon { background:url(../images/classesbtn-active.png) no-repeat; width: 34px; height: 34px; background-size: cover; }
.tasks-icon { background:url(../images/tasksbtn-active.png) no-repeat; width: 26px; height: 26px; background-size: cover; }
.exam-icon { background:url(../images/exambtn-active.png) no-repeat; width: 30px; height: 30px; background-size: cover; }

.nav-tabs::-webkit-scrollbar { width: 5px; height: 5px; }
.nav-tabs::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 2px;}
.nav-tabs::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); box-shadow: inset 0 0 6px rgba(0,0,0,0.9); }
.secinline { display: inline-block; min-width: 190px;}
button.join-btn { font-family: "Raleway"; background: #891812; border: 0px; color: white; border-radius: 3px; padding: 2px 15px; position: absolute; bottom: 16px; right: 15px; font-size: 12px;}
.si-mgl50 { margin-left: 30px; min-width: auto;}

.notactive a { cursor: default !important; }
.notactive a i, .notactive a span, .notactive a label { opacity: 0.7; cursor: default !important; }

.errorbannersection { background: url(../images/bg-error.jpg) no-repeat; background-size: cover; padding: 50px 0px 0px; margin-top: 50px; }
.errormsg { width: 90%; display: block; margin: 0 auto; color: #fff; }
.errormsg h2 {margin: 20px 0;}
.errormsg p { margin: 0 0 10px; line-height: 20px; }
.errormsg p:last-child { border-top: solid 1px #fff; line-height: 60px;}
.errormsg p a, .errormsg p a:hover,.errormsg p a:focus { font-weight: 600; color: #fff; text-decoration: underline; }

.rbc-header { font-size: 16px !important; font-family: "RalewayMedium"; line-height: 50px; font-weight: normal !important;}
.rbc-time-view .rbc-allday-cell { display: none;}
.rbc-timeslot-group { min-height: 90px !important;}
.main-content { background: transparent !important; }
.rbc-day-slot .rbc-events-container { margin: 0px !important; }
.rbc-day-slot .rbc-event { border-radius: 0px; padding: 6px;}
.rbc-day-slot .rbc-event-label { display: none; }
.rbc-btn-group button.todaybtn { background: #81181d !important; border: none !important; border-radius: 0px !important; margin: 0 10px 0 0 !important; color: #fff !important; font-size: 15px !important; padding: 8px !important; width: 90px !important; float: left; font-family: "RalewayBold";}
.rbc-time-view { margin-top: 20px; background: #fff; }
.customselect { float: right; }
.customselect select { background: #81181d !important; font-family: "RalewayBold"; font-size: 15px !important; border: none !important; border-radius: 0px !important; color: #fff !important; cursor: pointer;}
.customselect select option { margin: 10px; background:#fff; font-weight: normal; color: #000; line-height: 35px; padding: 10px;}
.customselect select option:hover { background: red; }

.optionbar{ font-size: 14px; font-family: "RalewaySemiBold"; font-weight: 500 !important; line-height: 30px !important; display: block; padding: 10px !important; }

.rbc-toolbar-label { display: inline-block; width: calc(100% - 350px); text-align: center; font-size: 20px; }
.nextp-btn { background: #585858; color: #fff; padding: 6px 8px 0; border: none; margin: 0 3px !important; display: inline-block; }
.template-wrap .eventwordwrap { white-space: nowrap; width: 135px; overflow: hidden; text-overflow: ellipsis; line-height: 28px; font-size: 16px !important; font-family: "RalewayMedium"; font-weight: normal !important;}
.main-content { padding-bottom: 20px; }
.rbc-today .template-wrap .eventwordwrap { width: 100%; }
.template-wrap .eventwordwrap p { display: none; font-size: 14px; line-height: 20px; }
.displayblock { display: block !important; }
 /* .rbc-today .template-wrap .eventwordwrap p { display: none; } */
.rbc-today .template-wrap .eventwordwrap p font { margin-right: 6px; } 
.eventwordwrap h6 { margin-top:0px !important }

.white-wrapper { padding: 20px;}
.main-content h1 { display: inline-block; }
.coursehan-btn { background: #7f181c; float: right; border-radius: 2px; color: #fff; border: none; margin: 15px 0 0; line-height: 34px; padding: 0 15px; }
.courselistrow ul { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 20px 15px;}
.courselistrow ul li { width: 22%; border: solid 1px #e0e0e0; border-radius: 5px; padding-bottom: 5px; margin: 10px; cursor: pointer;}
.courselistrow ul li a { color: #000; padding: 0px; }
.courselistrow ul li img { width: 100%; border-radius: 5px 5px 0 0; height: 15rem; }
/*.courselistrow ul li h3 { padding: 0 15px; font-weight: 600; }*/
.courselistrow ul li p { padding: 0 15px; color: #000; font-size: 16px; line-height: 40px;
 margin: 0; } 
.courselistfoot { margin-top: 30px; padding: 0 15px; justify-content: space-between; color: #335398;}
.iconbar { line-height: 18px; }
.iconbar span { font-size: 18px; float: left; margin-right: 5px; }
.courselistfoot i { margin: 0px; }
.courselistfoot i span { font-size: 35px; line-height: 20px; }

.videobar { width: 100%; margin-bottom: 15px; }
.videobar iframe { width: 100%; height: 480px; border: none;}
.videodetailbar { border: solid 1px #d4d4d4; border-radius: 10px; padding: 20px;}
.backbtn { padding: 8px; margin: 15px 0 10px; background: #7f181c; float: right; border-radius: 2px; color: #fff; border: none;}
.backbtn span { display: block; margin: 0px;}
.joinbtn span { display: none;}

.course-rightheading { padding: 0px; border-bottom: solid 1px #bbbbbb;}
.course-rightheading h3 { display: inline-block; border-bottom: solid 4px #81181d; line-height: 50px; margin: 0;}
.relatedcourse ul { justify-content: left; align-items: center; padding:10px 0; flex-direction: column;}
.relatedcourse ul li { width: 100%; border: solid 1px #e0e0e0; border-radius: 5px; padding-bottom: 10px; margin: 10px 0; cursor: pointer;}
.relatedcourse ul li a { color: #000; }
.relatedcourse ul li img { width: 100%; border-radius: 5px 5px 0 0; }
.relatedcourse ul li h3 { padding: 0 15px; font-weight: 600; }
.relatedcourse ul li p { font-size: 13px; padding: 0 15px; }
.videodetail { padding-right: 140px; position: relative;}
.videodetail h3 { font-size: 25px; color: #81181d; font-family:"RalewayMedium";}
.starbar { position: absolute; right: 0px; top: 5px;}
.staricon { background: url(../images/star.png) no-repeat; background-size: cover; width: 18px; height: 17px; display: inline-block; margin-right: 5px; }
.staricon.active { background: url(../images/star-active.png) no-repeat; background-size: cover; }
.bookmaskbtn { background: #81181d; color: #fff; border: none; border-radius: 2px; padding: 7px 15px; justify-content: space-between; width: 120px; float: right;}
.bookmaskbtn span { font-size: 18px;}
.notscomment-row { margin-top: 20px; }
.linkpointer { cursor: pointer;}
.copyright-msg {color:#e4121c; padding-top: 30px;}

/* .scrollEvents { height: calc(100vh - 220px); overflow-y: scroll;} */
.noClassAvail { height: 61vh; background: transparent; border: none; box-shadow: none; position: relative; display: flex; align-items: center; flex-direction: column; justify-content: center;}
/* .nothingbar { position: absolute; top: 100px; left: 0; } */
.nothingbar { display: none; }
.noClassAvail .nothingbar { display: block; }
.feedbackicon { font-size: 20px; }
.tooltipbutton { visibility: hidden; position: fixed;}
 
.courselist { padding-left: 30px; position: relative;}
label { font-weight: inherit; }
.courselist ul li { width: 30%; display: inline-block; margin-right: 3%; vertical-align: top; margin-bottom: 40px;}
.courselistheader { color: #fff; padding: 15px 20px 10px 20px; position: relative; min-height: 130px;}
.courselistheader h3 { font-family: 'RalewaySemiBold'; margin: 0px; font-size: 25px; line-height: 30px; min-height: 60px;}
.courselistheader span { display: block; font-size: 22px; }
.courselistheader label { font-family: 'RalewaySemiBold'; margin: 25px 0 0; font-size: 18px; }
.coursed-btn { background: #fff; border: none; color: #585858; font-family: 'RalewaySemiBold'; position: absolute; right: 0; bottom: 0; width: 100px; padding: 6px; padding-right: 40px; font-size: 15px;}
.coursed-btn span { position: absolute; top: 7px; right: 0; font-size: 35px;}
.courselistbody { background: #EFEFEF; padding: 5px 10px 10px 10px; overflow: hidden; overflow-y: auto;}
.courselistbody .horizonatal-card { padding: 6px 10px; min-height: 80px; }
.courselistbody ul { padding: 0px; }
.courselistbody ul li { width: 100%; position: relative; margin: 0px; }
.courselistbody p { margin-top: 5px; }
.courselistbody p span { font-family: 'RalewaySemiBold';}
.c-iconbar { display: inline-block; line-height: 24px;}
.c-iconbar span { font-size: 18px; margin-top: 3px; float: left; margin-right: 8px; color: #000;}
.cd-list-bar .media-heading { font-family: 'RalewaySemiBold'; margin-bottom: 2px;}
.disblock, .cd-list-bar label { display: block; }
.mgl30 { margin-left: 30px;}
.joinnow-btn { border: none; color: #fff; position: absolute; right: 0; bottom: 0; font-size: 14px; padding: 8px 12px;border-radius: 0px; }
.sideicon { position: absolute; right: 10px; top: 10px; }

ul.sidenav-list i.fa-graduation-cap { font-size: 36px;}

.courseI, .courseII, .courseIII { width: 94% !important; }

.tileI .sideicon, .tileI .coursed-btn span { color:#01729C; }
.tileI .courselistheader, .tileI .joinnow-btn { background: #01729C;}

.tileII .sideicon, .tileII .coursed-btn span { color:#4B9C01; }
.tileII .courselistheader, .tileII .joinnow-btn { background: #4B9C01;}

.tileIII .sideicon, .tileIII .coursed-btn span { color:#cc6400; }
.tileIII .courselistheader, .tileIII .joinnow-btn { background: #cc6400; }

.tileIV .sideicon, .tileIV .coursed-btn span { color:#81181d; }
.tileIV .courselistheader, .tileIV .joinnow-btn { background: #81181d; }

.tileV .sideicon, .tileV .coursed-btn span { color:#9a019c; }
.tileV .courselistheader, .tileV .joinnow-btn { background: #9a019c; }

.tileVI .sideicon, .tileVI .coursed-btn span { color:#52019c; }
.tileVI .courselistheader, .tileVI .joinnow-btn { background: #52019c; }

.tileVII .sideicon, .tileVII .coursed-btn span { color:#85a4a7; }
.tileVII .courselistheader, .tileVII .joinnow-btn { background: #85a4a7; }

.tileVIII .sideicon, .tileVIII .coursed-btn span { color:#7d9c01; }
.tileVIII .courselistheader, .tileVIII .joinnow-btn { background: #7d9c01; }

.tileIX .sideicon, .tileIX .coursed-btn span { color:#01069c; }
.tileIX .courselistheader, .tileIX .joinnow-btn { background: #01069c; }

.tileX .sideicon, .tileX .coursed-btn span { color:#6f6f67; }
.tileX .courselistheader, .tileX .joinnow-btn { background: #6f6f67; }

.tileI.horizonatal-card { border-left: 5px solid #01729c; }
.tileII.horizonatal-card { border-left: 5px solid #4B9C01; }
.tileIII.horizonatal-card { border-left: 5px solid #cc6400; }
.tileIV.horizonatal-card { border-left: 5px solid #81181d; }
.tileV.horizonatal-card { border-left: 5px solid #9a019c; }
.tileVI.horizonatal-card { border-left: 5px solid #52019c; }
.tileVII.horizonatal-card { border-left: 5px solid #85a4a7; }
.tileVIII.horizonatal-card { border-left: 5px solid #7d9c01; }
.tileIX.horizonatal-card { border-left: 5px solid #01069c; }
.tileX.horizonatal-card { border-left: 5px solid #6f6f67; }

.courseI.tileI .horizonatal-card { border-left: 5px solid #01729c; }
.courseI.tileII .horizonatal-card { border-left: 5px solid #4B9C01; }
.courseI.tileIII .horizonatal-card { border-left: 5px solid #cc6400; }
.courseI.tileIV .horizonatal-card { border-left: 5px solid #81181d; }
.courseI.tileV .horizonatal-card { border-left: 5px solid #9a019c; }
.courseI.tileVI .horizonatal-card { border-left: 5px solid #52019c; }
.courseI.tileVII .horizonatal-card { border-left: 5px solid #85a4a7; }
.courseI.tileVIII .horizonatal-card { border-left: 5px solid #7d9c01; }
.courseI.tileIX .horizonatal-card { border-left: 5px solid #01069c; }
.courseI.tileX .horizonatal-card { border-left: 5px solid #6f6f67; }

.tileI .time-block { background: #01729c;}
.tileII .time-block { background: #4B9C01;}
.tileIII .time-block { background: #cc6400;}
.tileIV .time-block { background: #81181d;}
.tileV .time-block { background: #9a019c;}
.tileVI .time-block { background: #52019c;}
.tileVII .time-block { background: #85a4a7;}
.tileVIII .time-block { background: #7d9c01;}
.tileIX .time-block { background: #01069c;}
.tileX .time-block { background: #6f6f67;}

.rbc-day-slot .rbc-event.tileI { background: #01729c ; border: 1px solid #01729c ;}
.rbc-day-slot .rbc-event.tileII { background: #4B9C01 ; border: 1px solid #4B9C01 ;}
.rbc-day-slot .rbc-event.tileIII { background: #cc6400 ; border: 1px solid #cc6400 ;}
.rbc-day-slot .rbc-event.tileIV { background: #81181d ; border: 1px solid #81181d ;}

.rbc-day-slot .rbc-event.tileV { background: #9a019c ; border: 1px solid #9a019c ;}
.rbc-day-slot .rbc-event.tileVI { background: #52019c ; border: 1px solid #52019c ;}
.rbc-day-slot .rbc-event.tileVII { background: #85a4a7 ; border: 1px solid #85a4a7 ;}
.rbc-day-slot .rbc-event.tileVIII { background: #7d9c01 ; border: 1px solid #7d9c01 ;}
.rbc-day-slot .rbc-event.tileIX { background: #01069c ; border: 1px solid #01069c ;}
.rbc-day-slot .rbc-event.tileX { background: #6f6f67 ; border: 1px solid #6f6f67 ;}

.tileI .eventwordwrap, .tileII .eventwordwrap, .tileIII .eventwordwrap, .tileIV .eventwordwrap, .tileV .eventwordwrap, .tileVI .eventwordwrap, .tileVII .eventwordwrap, .tileVIII .eventwordwrap, .tileIX .eventwordwrap, .tileX .eventwordwrap { color: #fff;}
.rbc-day-slot .tileI .joinbtn, .rbc-day-slot .tileII .joinbtn, .rbc-day-slot .tileIII .joinbtn, .rbc-day-slot .tileIV .joinbtn, .rbc-day-slot .tileV .joinbtn, .rbc-day-slot .tileVI .joinbtn, .rbc-day-slot .tileVII .joinbtn, .rbc-day-slot .tileVIII .joinbtn, .rbc-day-slot .tileIX .joinbtn, .rbc-day-slot .tileX .joinbtn { background: #fff;}
.rbc-day-slot .tileI .joinbtn { color: #01729c;}
.rbc-day-slot .tileII .joinbtn { color: #4B9C01;}
.rbc-day-slot .tileIII .joinbtn { color: #cc6400;}
.rbc-day-slot .tileIV .joinbtn { color: #81181d;}
.rbc-day-slot .tileV .joinbtn { color: #9a019c;}
.rbc-day-slot .tileVI .joinbtn { color: #52019c;}
.rbc-day-slot .tileVII .joinbtn { color: #85a4a7;}
.rbc-day-slot .tileVIII .joinbtn { color: #7d9c01;}
.rbc-day-slot .tileIX .joinbtn { color: #01069c;}
.rbc-day-slot .tileX .joinbtn { color: #6f6f67;}

.join-btn { border: none; color: #fff; position: absolute; right: 0; bottom: 0;font-size: 14px; padding: 8px 12px; width: 70px; text-align: center; background-color: #760f0f;}
.completebar .join-btn { background: #a8a8a8; }

.green-border { border-left: 5px solid #4B9C01 !important;}
.red-border { border-left: 5px solid #7f181c !important;}

.green-border .time-block{ background : #4B9C01 !important;}
.red-border .time-block{ background : #7f181c !important;}

.tileI .join-btn { background: #01729c; }
.tileII .join-btn { background: #4B9C01; }
.tileIII .join-btn { background: #cc6400; }
.tileIV .join-btn { background: #81181d;}
.tileV .join-btn { background: #9a019c; }
.tileVI .join-btn { background: #52019c; }
.tileVII .join-btn { background: #85a4a7; }
.tileVIII .join-btn { background: #7d9c01;}
.tileIX .join-btn { background: #01069c; }
.tileX .join-btn { background: #6f6f67; } 

.pastsession { background: #a8a8a8 !important;}

a.join-btn, a.join-btn:hover, a.join-btn:focus { color: #fff; }
a.joinbtn, a.joinbtn:hover, a.joinbtn:focus { color: #fff; }
.horizonatal-card.completebar {border-left: 5px solid #a8a8a8;}

.completebar .time-block { background: #a8a8a8; color: #fff;}
.completebar .time-block span.min-block { color: #fff; }

.tooltip { position: fixed !important;}
/* .scrollEvents { height: calc(100vh - 220px); overflow-y: auto;} */
.noClassAvail { height: 61vh; background: transparent; border: none; box-shadow: none; position: relative; display: flex; justify-self: center; align-items: center;}
.nothingbar { display: none; }
.noClassAvail .nothingbar { display: block; }
.sliderbutton { z-index: 8; background: #585858 !important; height: 40px !important; width: 40px !important; box-shadow: 0 2px 5px #7d7d7d; position: absolute !important; top: -40px !important;}
.sliderbutton span { color: #fff; font-size: 30px; line-height: 32px;}
.slick-prev { right: 80px !important; left: inherit !important; }
.slick-next { right: 30px !important;}
.slick-prev:before, .slick-next:before { display: none !important; }
.numberrow{ position: absolute; top: 0px; right: 140px; background: #81181d; padding: 10px; width: 90px; color: #fff; text-align: center; font-size: 16px; font-family: "RalewaySemiBold"; border-radius: 2px;}


.classesicon { position: absolute; right: 30px; top: 22px; font-size: 30px;} 
.autocursor { cursor: context-menu;}

ul { padding: 0px; margin: 0px; }

ul.emojirow { display: flex; justify-content: space-around; align-items: flex-start; margin: 30px auto 20px; width: 60%; }
.emojirow li { display: inline-block; }
.emojirow li p { text-align: center; font-size: 12px; width: 80px; color: #8a8a8a; font-family: "RalewaySemiBold"; display: none;}
.mgb15 { margin-bottom: 15px; }

.feedbackemoji-icon { width: 90px; height: 90px; display: block; }

.alarmicon { font-size: 18px !important; margin-top: 0px !important;}

.outstanding-icon { background: url(../images/emoji/outstanding-icon.png) no-repeat; background-size: cover; }
.outstanding-icon:hover { background: url(../images/emoji/outstanding-icon-hover.png) no-repeat; background-size: cover; }
.outstanding-icon.active { background: url(../images/emoji/outstanding-icon-active.png) no-repeat; background-size: cover; }

.unreliablyGood-icon { background: url(../images/emoji/unreliablyGood-icon.png) no-repeat; background-size: cover; }
.unreliablyGood-icon:hover { background: url(../images/emoji/unreliablyGood-icon-hover.png) no-repeat; background-size: cover; }
.unreliablyGood-icon.active { background: url(../images/emoji/unreliablyGood-icon-active.png) no-repeat; background-size: cover; }

.good-icon { background: url(../images/emoji/good-icon.png) no-repeat; background-size: cover; }
.good-icon:hover { background: url(../images/emoji/good-icon-hover.png) no-repeat; background-size: cover; }
.good-icon.active { background: url(../images/emoji/good-icon-active.png) no-repeat; background-size: cover; }

.neutral-icon { background: url(../images/emoji/neutral-icon.png) no-repeat; background-size: cover; }
.neutral-icon:hover { background: url(../images/emoji/neutral-icon-hover.png) no-repeat; background-size: cover; }
.neutral-icon.active { background: url(../images/emoji/neutral-icon-active.png) no-repeat; background-size: cover; }

.dissatisfied-icon { background: url(../images/emoji/dissatisfied-icon.png) no-repeat; background-size: cover; }
.dissatisfied-icon:hover { background: url(../images/emoji/dissatisfied-icon-hover.png) no-repeat; background-size: cover; }
.dissatisfied-icon.active { background: url(../images/emoji/dissatisfied-icon-active.png) no-repeat; background-size: cover; }

/* The custom check */
.customcheck { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
 .customcheck input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
 .checkmark { position: absolute; top: 0; left: 0; height: 22px; width: 22px; background-color: #cccccc; }
 .customcheck:hover input ~ .checkmark { background-color: #cccccc; }
 .customcheck input:checked ~ .checkmark { background-color: #4B9C01; border: solid 1px #4B9C01; }
 .checkmark:after { content: ""; position: absolute; display: none; }
 .customcheck input:checked ~ .checkmark:after { display: block; }
 .customcheck .checkmark:after { left: 8px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
 /* The custom check end*/

 .like-icon { background: url(../images/emoji/like-icon.png) no-repeat; background-size: cover; }
 .like-icon:hover { background: url(../images/emoji/like-icon-hover.png) no-repeat; background-size: cover; }
 .like-icon.active { background: url(../images/emoji/like-icon-active.png) no-repeat; background-size: cover; }
 /* .like-icon.active { background: url(../images/emoji/like-icon-active.png) no-repeat; background-size: cover; } */

 .dislike-icon { background: url(../images/emoji/dislike-icon.png) no-repeat; background-size: cover; }
 .dislike-icon:hover { background: url(../images/emoji/dislike-icon-hover.png) no-repeat; background-size: cover; }
 .dislike-icon.active { background: url(../images/emoji/dislike-icon-active.png) no-repeat; background-size: cover; } *
 /* .dislike-icon:hover { background: url(../images/emoji/dislike-icon-hover.png) no-repeat; background-size: cover; }
 .dislike-icon.active { background: url(../images/emoji/dislike-icon-active.png) no-repeat; background-size: cover; } */

 /* Rating CSS Start */

.rating { float:left; }
 /* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
 follow these rules. Every browser that supports :checked also supports :not(), so
 it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input { position:absolute; top:-9999px; clip:rect(0,0,0,0); }
.rating:not(:checked) > label { float:right; width:1em; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:180%; color:#ddd; }
.rating:not(:checked) > label:before { content: '★ '; }
.rating > input:checked ~ label { color: darkred; }
.rating:not(:checked) > label:hover, 
.rating:not(:checked) > label:hover ~ label { color: darkred; }

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label { color: darkred; }

.rating > label:active { position:relative; top:2px; left:2px; }
.half { position:relative;}
.Stars { display: inline-block; font-size: 22px; line-height: 1;}
.Stars::before {
 content: "★★★★★";
 letter-spacing: 0px; background: linear-gradient(90deg,#81181d var(--rating), rgb(199, 187, 187) var(--rating));
 -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* .pos-r .sliderbutton { top: -20px !important;} */
.slick-prev, .slick-next { top: 0px !important; transform: initial !important; border-radius: 2px;}
.titlebar h3 { color:#4e4e4e; line-height: 40px; margin-left: 30px; width: calc(100% - 280px); margin-top: 0px; margin-bottom: 0px; font-size: 20px;
 font-family: "RalewaySemiBold";}
.custom-tagbar:hover { color: #4e4e4e; }
.titlebar h3 span{ display: inline-block; line-height: 28px; }
.titlebar .tooltip { white-space: initial; }
.custom-tagbar { color: #4e4e4e }
.custom-tagbar h4 { font-size: 16px; display:block; padding: 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "RalewaySemiBold"; margin-bottom: 6px; }
/* .custom-tagbar p { padding: 0 15px; margin-bottom: 3px; font-size: 12px;}  */
.custom-tagbar p { margin: 0 15px; margin-bottom: 3px; padding: 0px 0 10px 0; font-size: 12px; border-bottom: solid 1px #dcdcdc;}
.custom-tagbar .ratingPanel { padding: 0 15px; margin-bottom: 10px;} 
.custom-tagbar label { display:block; font-size: 16px; padding: 0 15px;}
.custom-tagbar label span { font-size: 18px; float: left; margin-right: 6px;}
.imagerow {width:100%; }
.custom-tagbar .tab-cards img { height: 150px; width: 100%; margin-bottom: 10px; margin: 0 auto; }
button.ex-system { border: solid 1px #d0d0d0; }
.addresource { margin-top: 0px !important; padding: 12px 10px; font-size: 16px; border-radius: 2px; float: right; background: #81181d; border: none; color: #fff;}
.addresource i { margin: 0px; }
.courselistrow.recordingrow ul li { border: solid 1px #c0c0c0; position: relative;}
.courselistrow.recordingrow ul li img { margin-bottom: 10px;}
.courselistrow.recordingrow ul li p { line-height: 22px; font-size: 15px; font-family: "RalewaySemiBold";}
.recordingrow li label { padding: 0 15px;}
.recordingrow li label span { font-size: 18px; float: left; margin-right: 6px;}
.recordingrow .ratingPanel { padding-left: 13px; float: left;}
.customicon { position: absolute; top: 0px; right: 0px; border: solid 1px #7e7e7e; background:#fff; border-radius:50%; font-size: 16px; padding: 4px; top: 10px; right:10px; display: none;}
.custom-tagbar:hover .customicon { display: block; }
.slick-track { display: inline-block !important; }
.required-field-star{ color: red; font-size: 20px; }
.rbc-time-content { flex: auto !important; height: calc(100vh - 220px) !important;}
.navbar-collapse .navbar-nav li > a { padding-top: 10px; padding-bottom: 10px; }
.panel-heading.unread { color: #086684; padding-bottom: 10px; background-color: #d5f4ff;}
.panel-heading i.fa.fa-trash {float: right; color: #696969; font-size: 18px; cursor: pointer;}
.main-content .nav-tabs .search-input-autocomplete { width: 30%;}
/* .iconrow { margin: 10px; border-top: solid 1px #dcdcdc; display: flex; align-items: center;} 
.iconrow span { font-size: 19px; color: #ab3f44; margin: 10px 4px 0; } */

.iconrow { margin: 0px 0px 8px 10px; align-items: center; display: inline-block; }
.iconrow span { font-size: 19px; color: #ab3f44; margin: 6px 4px 0; }
.iconrow.mglnone { margin: 0px; padding: 2px 0px; vertical-align: top; }
.iconrow.mglnone span.material-icons.mglnone { font-size: 20px; }

.pos-rel { position: relative; }
.hoverlaycheckbar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0000009e; display: none; z-index: 9;}
.hoverlay.checkrowshow .hoverlaycheckbar { display: block;}
.excludbar { display: block; position: relative; padding-left: 35px; margin-bottom: 2px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default checkbox */
.excludbar input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; }
.excludbar:hover input ~ .checkmark { background-color: #ccc; }
.excludbar input:checked ~ .checkmark { background-color: #2196F3; }
.checkmark:after { content: ""; position: absolute; display: none; }
.excludbar input:checked ~ .checkmark:after { display: block; }
 /* Style the checkmark/indicator */
.excludbar .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hideinput .checkmark { display: none; }
.hideinput.excludbar { display: inline-flex; position: relative; padding-left: 0px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #01729C; color: #fff; padding: 9px; border-radius: 1px; box-shadow: 0 2px 5px #7d7d7d; display: inline-block; margin-left: 60px; }
.excludbar.hideinput i { margin: 0px; }
.titlebar { position: relative; box-shadow: 0px 2px 8px #b5b5b5; margin-bottom: 20px; padding: 15px 0 0;}
.titlebar:nth-of-type(odd) { background-color:#fff; }
.titlebar:nth-of-type(even) { background-color:#eeeeee; }
.posbtn-row { position: absolute; right: 0px; width: 250px; top: 0px; z-index: 9;}
.posbtn-row.noslide { width: 120px;}
.titlebar .posbtn-row { top: 20px; }
.hoverlaycheckbar .excludbar { margin: 10px 0 0 10px; }
.hoverlaycheckbar .checkmark { height: 30px; width: 30px;}
.hoverlaycheckbar .excludbar .checkmark:after { left: 11px; top: 3px; width: 8px; height: 18px;}
.btndoneclear { display: inline-block; display: none; }
.btndoneclear span{ background: #585858; color: #fff; padding: 7px; font-size: 26px; border-radius: 1px; box-shadow: 0 2px 5px #7d7d7d; margin: 0px 5px; cursor: pointer;}
.btndoneclear span.sendbtn { background: #4b9c01; }
.norecord li { padding: 50px; margin-top: 50px; font-size: 24px; width: 85%;}
.courseposbtn { position: absolute; right: 0px; top: -50px; }
.excludehidebtn { display: none !important; }
.btndoneclearshow { display: inline-block !important; }
.checkbox.selectall .excludbar { font-size: 18px; padding-left: 35px; line-height: 25px;}
.checkbox.selectall .checkmark { background-color: #fff; border: solid 1px #5d5d5d; }
.checkbox.rowcheckbox .checkmark {background-color: #d0d0d0; border: solid 1px #5d5d5d; }
.slick-initialized .slick-slide { padding: 20px;}
.slick-initialized .slick-slide .col-sm-3 { padding: 0px; }
.tab-content .panel-title { width: calc(100% - 200px); display: inline-block;}
.mgt30 { margin-top: 30px; }
.css-yk16xz-control { border-radius: 2px !important; border-color: #cfcfcf !important; }
.searchside { position: absolute; top: 18px;
 right: 200px;
 width: 470px;}
.searchside .rbt { position: relative; box-sizing: border-box; width: calc(100% - 50px); float: left;}
.searchside .rbt .form-control { height: 38px; border: none;}
.searchside .rbt .rbt-menu { padding: 10px;
}
.nudefaultbtn {
 margin-top: 0px !important;
 padding: 7px 12px 2px;
 border-radius: 0 6px 6px 0;
 background: #81181d;
 border: none;
 color: #fff;
}
.nudefaultbtn span {
 font-size: 26px;
}
.css-2613qy-menu { text-align: left; }

/*
* developer css
*/
.searchside .rbt {
 border: 1px solid #81181d;
}

.resetbtn {
 position: absolute;
 right: 30px;
 padding: 8px 10px;
 border-radius: 2px;
 background: #81181d;
 border: none;
 color: #fff;
}

.resetbtn span { font-size: 20px; line-height: 22px; }

.notification-time {
 float: right;
 margin-right: 20px;
}
.notificationpopup {
 display: block;
 text-align: right;
 margin: 0;
}
.titlebar .tab-cards { background: #fff; }

.external-link {
 background: #eee;
 height: 400px;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 30px; margin-bottom: 20px;
}
.external-link p { cursor: pointer; }

.rating{
 float: none;
 padding-left: 0px;
}

.grid-view-btn{
 margin-top: 0px !important;
 padding: 10px 10px;
 font-size: 16px;
 border-radius: 2px;
 float: right;
 background: #81181d;
 border: none;
}

.grid-view-btn .grid_icon , .grid-view-btn.list-view-btn .list_icon{
 display: none;
}

.grid-view-btn.list-view-btn .grid_icon{
 display: block;
}

.titlebar.list-row .slick-initialized .slick-track{
 width: 100%!important;
}

.titlebar.list-row .slick-initialized .slick-slide{
 width: 100%!important;
 padding: 0px 0px;
}
.titlebar.list-row .slick-slider {
 border-top: solid 1px #c3c3c3;
 margin-top: 20px;
}

.titlebar.list-row .list-row-wrapper{
 border-bottom: 1px solid #dadad1;
}

.titlebar.list-row .slick-slide:last-child .list-row-wrapper{
 border-bottom: 0px solid transparent;
}
.titlebar.list-row .list-row-wrapper .imagerow{
 display: none;
}

.titlebar.list-row .list-row-wrapper .tab-cards{
 border: none;
}

.titlebar.list-row .list-row-wrapper .pos-rel {
 width: calc(100% - 42px);
 margin-left: 42px;
 padding-top: 12px;
}

.list-row .slick-current .list-row-wrapper .tab-cards .pos-rel { padding-top: 30px; }

.titlebar.list-row .list-row-wrapper .pos-rel .iconrow{
 border:none;
}

.titlebar.list-row .hoverlay .hoverlaycheckbar{
 position: relative;
 top: 6px;;
 left: inherit;
 background: transparent;
 width:35px;
}

.titlebar.list-row .hoverlay .hoverlaycheckbar .checkmark{
 background: #fcfcfc;
 border: 1px solid #979797;
}

.titlebar.list-row .hoverlay .hoverlaycheckbar .excludbar input:checked ~ .checkmark{
 background-color: #2196F3;
}

.titlebar.list-row .hoverlay.checkrowshow:focus{
 display: none;
}

.titlebar.list-row .list-row-wrapper .tab-cards h4{ padding: 0px; padding-right: 10px;
 width: calc(100% - 690px); 
 display: inline-block;
 margin-top: 0px;
}

.titlebar.list-row .list-row-wrapper .tab-cards p{
 width: 182px;
 display: inline-block;
 vertical-align: top; margin-top: 3px; padding: 0px; padding-right: 10px;
}
.titlebar.list-row .tab-cards {
 background: transparent;
}
.titlebar.list-row .rating { padding-left: 0px;
}
.titlebar.list-row .list-row-wrapper .tab-cards label{
 width: 220px;
 display: inline-block; margin-top: 3px;
 vertical-align: top; padding: 0px; padding-right: 10px;
}
.titlebar.list-row .list-row-wrapper .custom-tagbar .ratingPanel { margin-bottom: 0px;
 width: 175px;
 display: inline-block;
 vertical-align: top;
 padding: 0px;
}
/* 
.titlebar.list-row .list-row-wrapper .tab-cards .rating{
 width: 16%;
} */

.titlebar.list-row .list-row-wrapper .tab-cards .iconrow{
 width: 100px;
 margin: 5px 10px 6px 10px;
 float: right;
}
.titlebar.list-row .list-row-wrapper .tab-cards .iconrow span {
 font-size: 19px;
 color: #ab3f44;
 margin: 0px 4px 0;
}

.titlebar.list-row .list-row-wrapper .hoverlaycheckbar .excludbar{
 margin-top: 0px;
}

.titlebar.list-row .sliderbutton {
 display: none;;
}

.titlebar.list-row .posbtn-row{
 top: 6px;
}

.titlebar.list-row .hideinput.excludbar, .titlebar.list-row .btndoneclearshow{
 float: right;
 margin-right: 20px; margin-top: 10px;
}
.search-wrapper{
 min-height: 75vh;
}

.searchscreen-box .rbt { width: calc(100% - 70px); display: inline-block;}
.searchscreen-box .nudefaultbtn { padding: 7px 12px 7px;}

.searchmsgbar { font-size:18px !important; margin: 20px 0 0px !important; display: block; text-align: center; padding: 0px !important;}
.rbc-agenda-view { height: calc(100vh - 200px) !important; background: white;flex: inherit !important; margin-top: 20px; }
.rbc-agenda-event-cell {position: relative; }

.morelistrow ul {
 /* display: flex; */
 justify-content: left;
 align-items: center;
 padding: 20px 15px;
}

.morelistrow ul li {
 width: 22%;
 border-radius: 5px;
 padding-bottom: 10px;
 margin: 10px;
 cursor: pointer;
 display: inline-block;
}
.morelistrow ul li a {
color: #000;
}
.morelistrow ul li img {
width: 100%;
border-radius: 5px 5px 0 0; 
border: solid 1px #afafaf;
}
.morelistrow ul li label {
 font-size: 22px;
 padding: 0 15px;
 display: block;
 color: #81181d;
 text-align: center;
 line-height: 50px; cursor: pointer;
}

.morelistrow ul li span {
    font-size: 22px;
    padding: 0 15px;
    display: block;
    color: #81181d;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.tabrow { background-color: #fff; }

.rbc-agenda-empty {
 padding: 50px;
 font-size: 24px;
 width: 100%;
 text-align: center;
}

.submitbtn {
margin-top: 0px !important;
 padding: 12px 30px;
 font-size: 16px;
 border-radius: 2px;
 float: right;
 background: #81181d;
 border: none;
 color: #fff;
}

.submitbtn[disabled] {
 background: #81181d;
 cursor: not-allowed;
}

.custoppd30 { padding: 30px; }
.pd-tb9 {
 padding-top: 9px !important;
 padding-bottom: 9px !important;
}
.textcenter { text-align: center; }


/* .tooltip .tooltiptext-o {
 width: 50px;
} */
.iconrow .tooltip-inner { width: 130px !important;} 


/* Related Video */
.top-relt-heading {
 font-size: 20px !important;
 color: #313131 !important;
 font-weight: 500 !important;
}

.wrapper {
 width: 100%; 
}

.d-flex {
 display: -webkit-box !important;
 display: -ms-flexbox !important;
 display: flex !important; 
}

.align-items-stretch {
 -webkit-box-align: stretch !important;
 -ms-flex-align: stretch !important;
 align-items: stretch !important; 
}

#sidebar {
 min-width: 370px; 
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
 position: relative;
 z-index: 0; }
 #sidebar:after {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 content: ''; 
 
 opacity: .7;
 z-index: -1; }
 #sidebar.active {
 /* margin-right: -300px; */
 display: none; }
 #sidebar.active .custom-menu {
 margin-left: -40px; }
 #sidebar.active .btn.btn-primary:before {
 font-family: "Material Icons";
 content: "\e5bc";
 left: 2;
 font-size: 20px;;
 } 
 #sidebar.active .btn.btn-primary:after {
 display: none; }
 
 #sidebar h1 {
 margin-bottom: 20px;
 font-weight: 700;
 font-size: 30px; }
 #sidebar h1 .logo {
 
 padding: 10px 30px;
 display: block; }
 #sidebar h1 .logo span {
 font-size: 13px;
 
 display: block; }
 #sidebar ul.components {
 padding: 0; }
 #sidebar ul li {
 font-size: 16px; }
 #sidebar ul li > ul {
 margin-left: 10px; }
 #sidebar ul li > ul li {
 font-size: 14px; }
 #sidebar ul li a {
 padding: 15px 30px;
 display: block;
 
 border-bottom: 1px solid rgba(255, 255, 255, 0.1); }



 .webshow { display: inline-block; }
 .deviceshow { display:none; }
 .nav > li.dvblock { display: none; }

 p.copyright-msg { margin: 20px 10px; }





 .asktechbar .card-header .barsec::after { font-family: FontAwesome; content: "\f068"; position: absolute; right: 0px; top: 15px; font-size: 16px; }
 .asktechbar .card-header .barsec.collapsed::after { font-family: FontAwesome; content: "\f067"; position: absolute; right: 0px; top: 15px; font-size: 16px; }
.asktechbar .card { background: white; border-radius: 8px; border-bottom: 0px; margin-bottom: 10px; box-shadow: 0 0 5px grey; min-height: auto; color: #353535; font-weight: 400; }
.asktechbar .card .card-header { padding: 10px 15px; }
.barsec { display: flex; justify-content: space-between; align-items: center; position: relative; padding-right: 20px; cursor: pointer;}
.asktechbar .card .card-header h4 { margin-top: 0px; display: inline-block;
    margin-bottom: 5px;
    font-family: "RalewaySemiBold"; }
.leftsec-row, .rightsec-row { display: inline-block; width: 50%; }
span.namebar {     width: 50px;
    height: 50px;
    background: #b3a8a8;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 50px; margin-right: 10px;}

.leftsec-row label { display: block; }
.rightsec-row { text-align: right; }
.rightsec-row span i { position: initial; width: 60px; text-align: center; margin: 0px; }
.replybox { width: 85%; margin: 0px auto; background: #f4f4f4; box-shadow: 0 2px 5px grey; border-radius: 10px; padding: 0px 10%;}
.replybox .card { background: transparent; box-shadow: none; border-top: none !important;}

.asktechbar .card-body { padding: 15px; border-top: solid 1px #b5b5b5; }

.bookmarkbtn { padding: 7px; margin-left: 15px; float: right; }
.bookmarkbtn span.material-icons { color: #fff; font-size: 20px; padding: 2px; margin-right: 0px !important; }

.asktechbar .btnrow span.material-icons { display: inline-block; vertical-align: top; margin-right: 10px; font-size: 20px; }

/* .posr { position: relative; }
.inputsec { position:absolute; z-index:2; top:0; left:0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity:0; background-color:transparent; color:transparent; } */
.dnone { display: none; }
.pullleft { float: left; }
.disinblock { display: inline-block; }
.pullright { float: right; }
.btnrowsec { margin-top: 20px; } 
.customcheckbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; line-height: 26px; cursor: pointer; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.customcheckbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border: solid 1px #656565;}
.customcheckbox:hover input ~ .checkmark { background-color: #ccc; }
.customcheckbox input:checked ~ .checkmark { background-color: #2196F3; }
.checkmark:after { content: ""; position: absolute; display: none; }
.customcheckbox input:checked ~ .checkmark:after { display: block; }
.customcheckbox .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.choosefilesec label { background-color: indigo; color: white; padding: 0.5rem; font-family: sans-serif; border-radius: 0.3rem; cursor: pointer; margin-top: 1rem; }
#file-chosen{ margin-left: 0.3rem; font-family: sans-serif; }
.filechoosbar { border: solid 1px #cecece; background: #fff; width: 70%; margin-top: 20px; }
.filechoosbar button { background: #81181d; border: none; padding: 10px 20px; color: #fff; font-family: "RalewaySemiBold"; margin-right: 10px; }
.replysec { width: 85%; margin: 15px auto; background: #f4f4f4; box-shadow: 0 2px 5px grey; padding: 20px 30px; border-radius: 10px; }
.replysec label { font-family: "RalewaySemiBold"; font-size: 16px; line-height: 28px; }
.publicicon { display: inline-block; margin-left: 20px;}
.publicicon i.fa.fa-users { position: inherit; font-size: 16px; color: #81181d; }
/* #sidebar ul li a:hover {
 color: #fff;
 background: #2f89fc;
 border-bottom: 1px solid #2f89fc; } */
 /* #sidebar ul li.active > a {
 background: transparent;
 color: #fff; }
 #sidebar ul li.active > a:hover {
 background: #2f89fc;
 border-bottom: 1px solid #2f89fc; } */
 @media (max-width: 991.98px) {
 
 #sidebar.active {
 margin-left: 0; }
 #sidebar .custom-menu {
 margin-left: -60px !important;
 top: 10px !important; } }
 #sidebar .custom-menu {
 display: inline-block;
 position: absolute;
 top:10px;
 right: 5px;
 -webkit-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s; }
 @media (prefers-reduced-motion: reduce) {
 #sidebar .custom-menu {
 -webkit-transition: none;
 -o-transition: none;
 transition: none; } }
 #sidebar .custom-menu .btn.btn-primary {
 background: #2f89fc;
 border-color: transparent;
 position: relative;
 color: #000;
 width: 30px;
 height: 30px; }
 #sidebar .custom-menu .btn.btn-primary:after, #sidebar .custom-menu .btn.btn-primary:before {
 position: absolute;
 top: 2px;
 left: 0;
 right: 0;
 bottom: 0; 
 color: #fff;
 }
 #content .custom-menu .btn.btn-primary:after {
 display: none;}
 #content .custom-menu .btn.btn-primary:before {
 font-family: "Material Icons";
 content: "\e5cc";
 left: 2;
 font-size: 20px;}
 

.relt-arrow { background: #7f181c !important; border: 0; float: right; margin: 10px;}
.order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; }

@media (max-width: 991.98px) {
 #sidebarCollapse span { display: none; } 
}

#content { width: 100%; padding: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
 /* End Related Video */
.relatedbtn { background: transparent; border: none;}
.relatedbtn span { font-size: 34px; color: #7f181c;}
.relatedbtnright { position: absolute; right: 0; background: #7f181c; color: #fff; border-radius: 5px 0px 0px 5px; border: none; padding: 4px 2px;}
.relatedbtnright span { color:#fff; font-size: 32px;}

.material-icons + .tooltip .tooltip-inner { width: 40px !important; } 
.recordingbtn { color: #01729c; background: #fff; font-family: "Raleway"; border: 0px; border-radius: 3px; padding: 2px 15px; position: absolute; bottom: 10px; right: 10px; font-size: 12px; line-height: 20px;}
.rbc-agenda-view .recordingbtn { color: #01729c; 	background: #fff; font-family: "Raleway"; border: 1px solid #01729c; border-radius: 3px; padding: 2px 15px; position: absolute; bottom: 10px; right: 10px; font-size: 12px; line-height: 20px;	cursor: pointer; }
.recordingbtn font { font-family: "Raleway";}
.recordingbtn span { display: none;}
.course-handout-btn, .add-query-btn { padding: 10px; margin: 15px 10px 10px; background: #7f181c; float: right; border-radius: 2px; color: #fff; border: none;}
.deletebtn { padding: 8px; background: #7f181c; border-radius: 2px; color: #fff; border: none; float: right;}

.deletebtn i { font-size: 20px; margin: 0px; padding: 0 4px; }
.pdl15 { padding-left: 15px;}
.notification-wrapper .selectall{ margin-bottom: 10px;}
.checkbox-wrapper .checkmark{ background-color: #fff; top: -5px; border: solid 1px #9e9e9e;}
.unread .checkbox-wrapper .checkmark{ border: none; }
.notification-wrapper .panel-title > a { margin-left: 35px !important;}

.notification-wrapper .panel .panel-heading { border: solid 1px #b7b7b7;}
.notification-wrapper .panel .panel-heading.unread { border:none;}

.panel-default > .panel-heading { position: relative;}
.read-notification.collapsed::after { font-family: FontAwesome; content: "\f105"; position: absolute; right: 10px; }
.read-notification::after { font-family: FontAwesome; content: "\f107"; position: absolute; right: 10px; } 

.exam-table th{ text-align: left !important; }
.default_btn { margin-top: 0px !important; padding: 10px 20px; font-size: 14px; border-radius: 2px; float: right; background: #81181d; border: none; color: #fff;}
a.default_btn:hover, a.default_btn:focus { color: #fff;}
.surveybtn{ margin-left: 10px; }

/* course screen list view */
a:hover, a:focus { text-decoration: none; }
ul, li { list-style-type: none;}
.cl-panel .panel-body { padding: 15px 0; }
.cl-panel .panel-body ul { display: flex; justify-content: space-between; flex-wrap: wrap!important; }
.panel { border: none; }

 .cl-tileI .panel-heading { background: #01729c; color: #fff;}
 .cl-tileII .panel-heading { background: #4B9C01; color: #fff;}
 .cl-tileIII .panel-heading { background: #cc6400; color: #fff;}
 .cl-tileIV .panel-heading { background: #81181d; color: #fff;}
 .cl-tileV .panel-heading { background: #9a019c; color: #fff;}
 .cl-tileVI .panel-heading { background: #52019c; color: #fff;}
 .cl-tileVII .panel-heading { background: #85a4a7; color: #fff;}
 .cl-tileVIII .panel-heading { background: #7d9c01; color: #fff;}
 .cl-tileIX .panel-heading { background: #01069c; color: #fff;}
 .cl-tileX .panel-heading { background: #6f6f67; color: #fff;}

 .cl-tileI .cl-panel .sideicon { color: #01729c ; }
 .cl-tileII .cl-panel .sideicon { color: #4B9C01 ; }
 .cl-tileIII .cl-panel .sideicon { color: #cc6400 ; }
 .cl-tileIV .cl-panel .sideicon { color: #81181d ; }
 .cl-tileV .cl-panel .sideicon { color: #9a019c ; }
 .cl-tileVI .cl-panel .sideicon { color: #52019c ; }
 .cl-tileVII .cl-panel .sideicon { color: #85a4a7 ; }
 .cl-tileVIII .cl-panel .sideicon { color: #7d9c01 ; }
 .cl-tileIX .cl-panel .sideicon { color: #01069c ; }
 .cl-tileX .cl-panel .sideicon { color: #6f6f67 ; }


 .panel-heading h4 a.cl-linkbar.collapsed:before { font-family: FontAwesome; content: "\f105"; position: absolute; right: 20px; top: 20px; font-size: 30px; }
 .panel-heading h4 a.cl-linkbar:before { font-family: FontAwesome; content: "\f107 "; position: absolute; right: 20px; top: 20px; font-size: 30px; }
/* .for-course-list .panel-heading a { color: inherit; font-size: 22px; font-family: 'RalewaySemiBold'; display: block; line-height: 30px;} */
.for-course-list .panel-heading a {    color: inherit; font-size: 22px; font-family: 'RalewaySemiBold'; display: block; line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.for-course-list .panel-heading a span { display: block; font-size: 16px; line-height: 30px; font-family: "Raleway";}
.for-course-list .panel-heading button.cd-btn-list { float: right; position: absolute; right: 80px; top: 24px; background: #fff; color: #7d7d7d; padding: 8px 16px; font-size: 16px; line-height: 20px; border: none;}
.cl-panel ul li { position: relative; width: 100%; padding: 10px 0px; background: #fff; font-size: 16px; margin: 0px 15px; border-bottom: solid 1px #bfbfbf;}
.cl-panel ul li label { width: 30%; }

.cl-panel ul li label:nth-child(2) { width: 25%; min-width: 250px; }
.cl-panel ul li label b { font-family: 'RalewayBold'; }
.cl-panel ul li label span { font-size: 20px; float: left; margin-right: 5px; }
.cl-panel ul li .joinnow-btn { position: inherit; padding: 5px 12px;}

.icon-list { color: #fff; font-size: 16px; padding: 2px; margin-right: 0px !important;}
.icon-grid { color: #fff; font-size: 15px; padding: 2px; margin-right: 0px !important; margin-top: 1px; }
.for-course .grid-view-btn { margin-top: 15px !important; padding: 10px 10px; font-size: 16px; border-radius: 2px; float: right; background: #81181d; border: none; margin-right: 25px;}
.courselist .courseposbtn { position: absolute; right: 71px !important; top: -50px;}

/* form UI */

.form-group label { color: #000; margin-bottom: 4px; }
.form-control { color: #000; border-radius: 0px;}
.modal-header .info-text{	color: #fff; font-size: 12px; font-style: italic;}

/* for area director UI*/
.area-container ul { display: flex; flex-wrap: wrap; }

.area-dd-card { background: white; padding: 10px; border-left: 5px solid #01729c; box-shadow: 0 0 5px grey; position: relative; font-family: 'RalewaySemiBold'; font-size: 18px; min-height: 90px; vertical-align: middle; width: 31%; margin: 0 1% 25px;}
.area-dd-card a { display: none; cursor: pointer; position: absolute; right: 0px; bottom: 0px; background: #01729c; border: none; color: #ffffff; width: 160px; padding: 8px; padding-right: 30px; font-size: 15px; }
.area-dd-card:hover a { display: block; }
.area-dd-card:hover a span { position: absolute; top: 5px; right: 6px; font-size: 26px;}

.area-dd-cards { display: none; cursor: pointer; position: absolute; left: : 0px; bottom: 0px; background: #01729c; border: none; color: #ffffff; width: 160px; padding: 8px; padding-right: 30px; font-size: 15px; }
.area-dd-card:hover i { font-size: 18px; }
.area-dd-card:hover .area-dd-cards { display: block; }
.area-dd-card:hover .area-dd-cards span { position: absolute; top: 5px; right: 6px; font-size: 26px;}

li a i.areadirectoricon { background:url(../images/areadirector.png) no-repeat; width: 34px; height: 32px; display: inline-block; background-size: cover; }
li.active a i.areadirectoricon { background:url(../images/areadirector-active.png) no-repeat; background-size: cover; }


/* Login screen */
body.loginbody { background: #fff; }
.login-container { margin-right: auto; margin-left: auto; }
.login-wrapper { padding: 0px; }
.loginleftsec { width: calc(100% - 400px); display: inline-block; }
.loginrightsec { width: 395px; position: absolute; right: 0; background: #fff; height: 100vh; }
.relatedcourse { padding: 20px 0px; }
.logorow { display: block; text-align: center; margin-top: 80px;}
.logorow img { width: 110px; }
.loginbar { margin-top: 100px; }
.orrow { text-align: center; font-size: 20px; margin: 25px 15px 15px 15px;}
.innerrightsection { width: 50%; display: inline-block; position: relative;}
.innerrightsection { color: #fff; padding: 20px; }
.innerrightsection label { font-size: 22px; font-family: 'RalewaySemiBold'; line-height: 34px; margin-bottom: 20px;}
.innerrightsection p { font-size: 15px; }
a.anchorbutton { position: absolute; bottom: 15px; right: 20px; color: #fff;}
a.anchorbutton i { margin: 0 0px 0 10px; }
.p-l-0 { padding-left: 0px; }
.loginsec { display: block; text-align: center; margin-top: 0px;}
.loginsec a { color: #7f171c }
.loginbutton {background-color: #7F171C; color: #fff}
.loginbutton a: hover{ color: #fff !important }
/* .first-row .row, .second-row .row, .tile2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} */

.disflex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.disflex { background-color: #fff; min-height: 300px;}
.p-r-0 { padding-right: 0px;}
.col-sm-6 { width: 50%; }

.col-sm-7.p-r-0.p-l-0.orangetheme { display: flex;}
.col-sm-12.innerrightsection { width: 100%; }
.verticalsection .arrow-left { width: 0; height: 0; border-bottom: 20px solid #585858; border-right: 20px solid transparent; border-left: 20px solid transparent; position: absolute; right: inherit; top: inherit; bottom: 0; left: 7%;}
.verticalsection.orangetheme .arrow-left { border-right: 20px solid transparent; border-bottom: 20px solid #EF4424; }
.disflex img { height: 100%; width: 100%;}
.verticalsection img { height: 50%; width: 100%;}
.arrow-left { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid white; position: absolute; right: 0px; top: 7%;}

.browntheme .arrow-left { border-right-color: #7F171C; }
.orangetheme .arrow-left { border-right-color: #EF4424; }
.graytheme .arrow-left { border-right-color: #585858; }
.browntheme .innerrightsection { background-color: #7F171C; }
.orangetheme .innerrightsection { background-color: #EF4424; }
.graytheme .innerrightsection { background-color: #585858; }
.col-sm-12.innerrightsection { width: 100%; height: 50%; }
.verticalsection.graytheme .arrow-left { border-bottom: 20px solid #585858; border-right: 20px solid transparent; } 

.first-row { display: flex; }
.wid60 { width: 60%; display: inline-block; }
.wid50 { width: 50%; display: inline-block; }
.wid40 { width: 40%; display: inline-block; }

.posrel { position: relative;}
.disflex { display: flex;}

.imgweb { display: block; }
.imgdevice { display: none; }
.weblarge-img { display: block;}

.filterbar, .filterbarII { float: right; margin: 15px; position: relative; }
.filterbar button, .filterbarII button { background: transparent; border: none; padding: 8px 20px; }
.filterbar button span, .filterbarII button span { font-size: 18px; float: left; margin-right: 8px; }
.filterbar div, .filterbarII div { position: absolute; left: 0px; top: 30px; }

















.slidecontainer { width: 100%; margin-bottom: 15px;}
.slider { -webkit-appearance: none; width: 100%; height: 25px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s;}
.slider:hover { opacity: 1;}
.slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; background: #4CAF50; cursor: pointer;}
.slider::-moz-range-thumb { width: 25px; height: 25px; background: #4CAF50; cursor: pointer;}

.slidecontainer label { font-family: "Raleway"; font-size: 18px; line-height: 34px; color: #000; margin-bottom: 4px;}
.slidecontainer ul { display: flex; justify-content: space-between;}
















@media(max-width:1600px) {
 .loginleftsec { width: calc(100% - 350px); }
 .loginrightsec { width: 345px; }
 .disflex { min-height: 250px; }
 .innerrightsection p { font-size: 14px; }
}
@media(max-width:1366px) {
 .innerrightsection label { font-size: 18px; font-family: 'RalewaySemiBold'; line-height: 18px; margin-bottom: 10px;}
 .disflex { min-height: auto; height: 208px; }
 .innerrightsection p { font-size: 13px; line-height: 18px;}
 .loginleftsec { width: calc(100% - 300px); }
 .loginrightsec { width: 305px; }
 .webnonelarge-img { display: block;}
 .weblarge-img { display: none;}
}
@media(max-width:1180px) {
 .loginleftsec { width: 100%; }
 .loginrightsec { width: 100%; position: inherit; height: auto;}
 .webnonelarge-img { display: none; }
 .imgdevice { display: block; }
 .imgweb { display: none; }
}

@media(max-width:767px) {
 .first-row { display: block; }
 .wid60 { width: 100%; }
 .wid40 { width: 100%; }
 .col-sm-12.innerrightsection { width: 100%; height: auto; }
 }

 @media(max-width:580px) {
 .wid50 { width: 100%; display: block; }
.orangetheme .arrow-left { border-bottom: 20px solid #EF4424; border-right: 20px solid transparent; border-left: 20px solid transparent; bottom: 0px; top: inherit; left: 30px; right: inherit; }
.browntheme .arrow-left { border-bottom: 20px solid #7F171C; border-right: 20px solid transparent; border-left: 20px solid transparent; bottom: 0px; top: inherit; left: 30px; right: inherit; }
.graytheme .arrow-left { border-bottom: 20px solid #585858; border-right: 20px solid transparent; border-left: 20px solid transparent; bottom: 0px; top: inherit; left: 30px; right: inherit; }
.disflex { display: block; }
.verticalsection img { height: 40%; width: 100%; }
.disflex img { height: 40%; width: 100%; }
 }
/* Login screen */


@media(min-width:768px) {
.first-row .disflex{height:calc((100vh / 3) - 2px) !important; min-height: auto !important;}
.wid40.verticalsection.orangetheme div[class*="col-"]{height:calc((100vh / 3) - 2px) !important; min-height: auto !important;}
.wid40.verticalsection.orangetheme img, .login-wrapper .disflex img{height:100% !important;}
.col-sm-5.p-l-0.p-r-0.verticalsection.graytheme .col-sm-12.p-r-0.p-l-0{height:calc((100vh / 6) - 1px) !important;}
}
@media(min-width:320px) and (max-width:767px) {
 .first-row .disflex{height:auto !important; min-height: auto !important;}
 .wid40.verticalsection.orangetheme div[class*="col-"]{height:auto !important; min-height: auto !important;}
 .wid40.verticalsection.orangetheme img, .login-wrapper .disflex img{height:auto !important;}
 .col-sm-5.p-l-0.p-r-0.verticalsection.graytheme .col-sm-12.p-r-0.p-l-0{height:auto !important;}
}

/*For discussion forum start*/
.resizetable li.rd-row { padding: 20px 0px; border-bottom: solid 1px #c3c3c3; position: relative; cursor: pointer;}
.namecourse { border-radius: 50%; width: 50px; height: 50px; background: #4b9c01; display: inline-block; text-align: center; vertical-align: top; font-size: 22px; line-height: 48px; color: #fff;}
.readable .namecourse { background: #696969;}
.deletedcontent .namecourse { background: #c3c3c3;}
.df-detail { display: inline-block; margin-left: 15px; width: calc(100% - 100px);}
.df-detail label { font-size: 20px; font-family: 'RalewaySemiBold'; cursor: pointer;}
.df-detail ul li { font-size: 16px; color: #7d7d7d; line-height: 28px; margin-right: 20px; }
.df-detail ul li span { font-family: "Raleway"; color: #313131;}
.df-detail ul li span.nbold{ font-family: 'RalewaySemiBold';}
.resizetable li.rd-row a { vertical-align: top; color: #3c3c3c;}
.customcollapse { width: 150px; position: absolute; right: 0; border-radius: 3px; background: white; box-shadow: 0 0 5px grey; z-index: 10; top: 50px;}
/* .customcollapse ul li { line-height: 30px; padding: 2px 10px; border-bottom: solid 1px #dcdcdc; } */
.customcollapse ul li { border-bottom: solid 1px #dcdcdc; }
/* .customcollapse ul li a { color: #3e3e3e;} */
.customcollapse ul li a i.fa { margin-right: 5px;}

.df-detail span.username { font-size: 20px; font-family: "RalewayMedium"; min-width: 125px;}
.df-detail span { font-size: 18px; display: inline-block; }
.df-detail p { margin-top: 10px; width: 85%;}
.df-detail p span { width: 100%; }

.hovercontent { display: none; position: absolute; right: 50px; top: 22px;}
.rd-row:hover .hovercontent { display: block;}
.hovercontent a { color: #81181d; font-size: 16px; padding: 0px 10px; font-family: "RalewayMedium"; margin: 0 5px;}
.customcollapseinner { position: inherit; width: 100%; padding: 20px; border-radius: 3px; background: white; box-shadow: 0 0 5px grey; margin-top: 15px;}
.customcollapseinner label { font-size: 18px; margin: 14px 0 0 10px; color: #7d7d7d; font-family: "RalewayMedium";}
.customcollapseinner label i { margin-right: 5px; }
.customcollapseinner .ck-reset.ck-rounded-corners { margin: 20px 0px 0px 60px !important; width: calc(100% - 60px) !important; }


.hidelock-bar .namecourse, .hidelock-bar .df-detail { opacity: 0.5; }
/*For discussion forum end*/
.customcollapse ul li:hover { background-color: #81181d; color: #fff !important;}
.customcollapse ul li a:hover { background-color: #81181d; color: #fff !important; cursor: pointer;}
.marks-drop {display: flex; display: none;}
.marks-drop label{padding-right: 5px;}
.customcollapse ul li a { color: #3e3e3e; line-height: 30px; padding: 2px 10px; width: 100%; display: block;}

.filterbar button::after, .filterbarII button::after { font-family: FontAwesome; content: "\f0d7"; position: absolute; right: 0px; top: 8px; font-size: 14px; }
.latestsec, .latestsecII { width: 100%; box-shadow: 0 2px 8px #7d7d7d; background: #fff; margin-top: 10px; z-index: 1;}
.latestsec ul li a, .latestsecII ul li a { line-height: 28px; padding: 8px 10px; display: block; color: #2f2f2f; }
.latestsec ul li a:hover, .latestsecII ul li a:hover { background: #e8e8e8; }
.filterbarII div { width: 160px; }

.ck-content.ck-editor__editable { border-color: var(--ck-color-base-border); overflow: auto; height: 100px;}

.addedittag { float: right; margin-top: 10px; color: #3564ce; font-weight: 500; cursor: pointer;}
.marksicon { display: inline-block; width: 25px; height: 25px; margin-top: 2px; background: url(../images/marksicon.png) no-repeat; background-size: cover; float: left;}
.customiconcolor i { color: #7f181c; }

/* css for flag discussion popup added by developer */

#flagDiscussionForm p {
    margin: 0 0 3px;
    font-size: 12px;
}
.rd-row .hovercontent a.Liked { color: #089ed6; }
.marksbar span { font-size: 24px; color: #81181d !important; font-family: "RalewaySemiBold" !important;}

li.rd-row.replyPost { margin-left: 60px; padding: 10px 0; }
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus { background-color: #81181d; border-color: #81181d; }

.asktechbar .card .unread{ background: #d5f4ff;}
.wid100p { width: 100% !important; }
.replysec .comment-time{ float: right; }
.btnrow .replybtn{ float: right; margin-bottom: 10px; }
.pagination-wrapper{text-align: right;}
.Off-topic-flag i {color: #0e63ff;}
.Inappropriate-flag i {color: #1bad00;}
.Spam-flag i {color: #ff0000;}
.Other-flag i {color: #4c4c4c;}