@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;}
 
 ::-webkit-scrollbar { width: 10px;}
 ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 4px;}
 ::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); }
 
 body { font-family: 'Chivo-Regular'; font-size: 14px; line-height: 20px; color: #353535; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
 
 .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 img { width: 55px; height: 55px; border-radius: 50%; border: 1.5px solid #004c9b; padding: 2px; display: block;}
 .navbar-default { position: fixed; width: 100%; z-index: 9; top: 0;}
 h1.Session-date { color: #0e3997; 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: #0e3997; display: block; text-align: center; font-size: 30px; margin-bottom: 4px;}
 .navbar-brand > img { width: 99px;padding: 10px 0;} 
 .navbar-right a { font-size: 12px; color: #0e3997 !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: #004c9b; 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: #0e3997; padding-left: 15px;} */
 .card { background: white; border-bottom: 5px solid #0e3997; margin-bottom: 20px; box-shadow: 0 0 5px grey; min-height: 220px; color: #0e3997; font-weight: 400;}
 .card strong { font-size: 32px; line-height: 32px; margin-bottom: .3em; display: block; font-family: 'Chivo-Medium'; font-weight: inherit; }

 .mahroon-block { color: #004c9b; }
 .mahroon-block p { font-family: 'Chivo-Medium'; }
 .mahroon-block strong { font-family: 'Chivo-Bold'; }
 .selected .card { border: 1px solid #004c9b; border-bottom: 12px solid #004c9b; box-shadow: 0 2px 8px 3px #979797; min-height: 227px;}
 .p_15.card:hover { border-bottom: 12px solid #004c9b; box-shadow: 0 2px 8px 3px #979797; min-height: 227px; }
 .selected .card:hover { border: 1px solid #004c9b; border-bottom: 12px solid #004c9b;}
 
 
 .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: 'Chivo-Bold'; }
 b.count { font-size: 20px; margin-right: 5px; font-family: 'Chivo-Medium'; font-weight: inherit; }
 .font-18 { font-size: 18px; line-height: 32px;}
 .plr { padding: 10px;}
 .nu-theme { margin-top: 0px; color: #0e3997; font-weight: 400;}
 .nu-theme strong { font-family: 'Chivo-Medium'; font-weight: inherit; }
 .time-block { width: 80px; color: white; font-size: 16px; font-family: 'Chivo-Medium'; padding: 20px 4px 4px 4px; text-align: center; line-height: 34px;}
 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 { background: white; padding: 10px; position: relative; box-shadow: 0 0 5px grey;}
 .horizonatal-card .media-body { padding-left: 15px;}
 .horizonatal-card i { margin-right: 10px; background: white; vertical-align: middle; border-radius: 50%;}
 

.mgt90 { margin-top: 90px; }
 
 button.join-btn { background: #0e3997; border: 0px; color: white; border-radius: 3px; padding: 2px 15px; position: absolute; bottom: 10px; right: 10px; font-size: 12px;}
 h4.media-heading { font-family: 'Chivo-Medium'; font-size: 20px; line-height: 20px; margin-bottom: 8px;}
 .mb-4 { margin-bottom: 4px !important;}
 /* 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: #004c9b; position: absolute; top: -7px; right: 10px; font-size: 18px !important;}
 .font-500 { font-weight: 500;}
 li.active { background: white;}
 li.active a { color: #0e3997;}
 .white-wrapper { background: white; box-shadow: 0 0 3px #b2afaf; margin-left: 1.3em; margin-right: 4.5em; min-height: 75vh;}
 .tab-cards { border: 1px solid #d3cece; margin: 2em 1em;}
 .tab-cards h3 { background: #0e3997; 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: 10px;}
 
 .nav-tabs .active { border-bottom: 2px solid #0e3997;}
 .nav-tabs li.active a { color: #313131; font-weight: 500; border: 0;}
 .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; } */
 
 .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); border-radius: 4px;}
 .nav-tabs::-webkit-scrollbar-thumb { border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); }
 .secinline { display: inline-block; min-width: 190px;}
 button.join-btn { font-family: 'Chivo-Regular'; 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 { padding: 50px 0px 40px; 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; }
 

 
 .white-wrapper { padding: 20px;}
 .main-content h1 { display: inline-block; }
 .coursehan-btn { background: #0e3997; float: right; border-radius: 4px; 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: #0e3997; float: right; border-radius: 4px; 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 #004c9b; 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; 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: #004c9b; font-family:'Chivo-Medium';}
 .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: #004c9b; color: #fff; border: none; border-radius: 4px; padding: 7px 15px; justify-content: space-between; width: 120px; float: right;}
 .bookmaskbtn span { font-size: 18px;}
 .notscomment-row { margin-top: 20px; }
 .linkpointer { cursor: pointer;}
 
 /* .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; display: none; }
 .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: 'Chivo-Medium'; margin: 0px; font-size: 25px; line-height: 30px; min-height: 60px;}
 .courselistheader span { display: block; font-size: 22px; }
 .courselistheader label { font-family: 'Chivo-Medium'; margin: 25px 0 0; font-size: 18px; }
 .coursed-btn { background: #fff; border: none; color: #585858; font-family: 'Chivo-Medium'; 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; /* height: calc(100vh - 315px); */ /* height: 340px; */ 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: 'Chivo-Medium';}
 .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: 'Chivo-Medium'; 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:#E2B917; }
 .tileIII .courselistheader, .tileIII .joinnow-btn { background: #E2B917; }
 
 .tileIV .sideicon, .tileIV .coursed-btn span { color:#004c9b; }
 .tileIV .courselistheader, .tileIV .joinnow-btn { background: #004c9b; }
 
 .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 #E2B917; }
 .tileIV.horizonatal-card { border-left: 5px solid #004c9b; }
 .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 #E2B917; }
 .courseI.tileIV .horizonatal-card { border-left: 5px solid #004c9b; }
 .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: #E2B917;}
 .tileIV .time-block { background: #004c9b;}
 .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: #E2B917 ; border: 1px solid #E2B917 ;}
 .rbc-day-slot .rbc-event.tileIV { background: #004c9b ; border: 1px solid #004c9b ;}
 
 .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: #E2B917;}
 .rbc-day-slot .tileIV .joinbtn { color: #004c9b;}
 .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: 80px; text-align: center;}
 .completebar .join-btn { background: #a8a8a8; }
 
 
 .green-border { border-left: 5px solid #4B9C01 !important;}
 .red-border { border-left: 5px solid #0e3997 !important;}
 
 
 .green-border .time-block{ background : #4B9C01 !important;}
 .red-border .time-block{ background : #0e3997 !important;}
 
 
 .tileI .join-btn { background: #01729c; }
 .tileII .join-btn { background: #4B9C01; }
 .tileIII .join-btn { background: #E2B917; }
 .tileIV .join-btn { background: #004c9b;}
 .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: 22px;}
 .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: -60px; right: 140px; background: #004c9b; padding: 10px; width: 90px; color: #fff; text-align: center; font-size: 16px; font-family: 'Chivo-Medium';}
 
 
 .classesicon{ position: absolute; right: 30px; top: 22px; font-size: 30px;} 
 .timeslot{ margin-left : 4rem;}
 .draft-btn { color: #2f49cc; margin-top: 1rem; background: white; border: 1px solid; font-size: 10px; height: 30px;}
 .schedule-btn { color: white; background: #2f49cc; border: 1px solid; font-size: 10px; width: 101px; margin-top: 2rem; height: 30px;}
.mar_3{ color: white; font-size: 12px; width: 120px; height: 32px;}
.schedule-btn:hover{ color:white;}

.defaultbtn:hover{ color: #004c9b;}
.conflictmessage { color: red; float: right;}
.c_message { vertical-align: super;}
li a.navbar__link--active { color: #004c9b !important;}
.color_green p { color: green ;}
.grey_color a { color : grey !important;}
.color_green a { color: green ;}
.color_red { color: red !important;}
.color_red a { color: red !important;}

.unavil-btn-group button.unavailabilitybtn { background: #004c9b !important; border: none !important; border-radius: 0px !important; margin: 10px 10px 0 0 !important; color: #fff !important; font-size: 15px !important; padding: 8px !important; width: 115px !important; float: left; font-family: 'Chivo-Bold';}
.error-message{ color: red; font-size: 16px;}