@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'honeybutterregular';
    src: url("../font/honeybutter_redacted-webfont.woff2") format("woff2"),
         url("../font/honeybutter_redacted-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;

}
body {background:#e9eaed !important; font-size: 14px; font-family: 'Roboto', sans-serif; padding: 0 !important;}
.pagecontent{padding: 0 15px 66px;}
.fakelink {cursor: pointer; /*color: #42567f;*/}
.radius8{border-radius: 8px;}
.radius30{border-radius: 30px;}
.iiblock{display: inline-block;}
.bold500{font-weight: 500!important;}
.rounded-rectangle {border: 1px solid; border-radius: 30px; padding: 3px 10px; }
.gray-btn{color: #707070;border-radius: 5px;display: inline-block;padding: 5px 15px;border:1px solid #707070;font-size: 12px;}
.gray-btn:hover{background: #707070; color: #fff;text-decoration: none;}
.blue-btn{color: #147EDE;border-radius: 5px;display: inline-block;padding: 5px 15px;border:1px solid #147EDE;font-size: 12px;}
.blue-btn:hover{background:#147EDE;color: #fff; text-decoration: none;}
.orange-btn{color: #fd8133;border-radius: 5px;display: inline-block;padding: 5px 15px;border:1px solid #fd8133;font-size: 12px;}
.orange-btn:hover{background: #fd8133; color: #fff;text-decoration: none;}
.red-btn{color: #E04343;border-radius: 5px;display: inline-block;padding: 5px 15px;border:1px solid #E04343;font-size: 12px;}
.red-btn:hover{background: #E04343; color: #fff !important;text-decoration: none;}
.green-btn{color: #21BA45;border-radius: 5px;display: inline-block;padding: 5px 15px;border:1px solid #21BA45;font-size: 12px;}
.green-btn:hover{background: #21BA45; color: #fff;text-decoration: none;}
.gray-btn-solid{background: #707070;color: #fff; border-radius: 5px;display: inline-block;padding: 5px 15px;border:1px solid #707070;font-size: 12px;}
.gray-btn-solid:hover{background: transparent;color:#707070 ;}
.blue-btn-solid{background: #147EDE;border-radius: 5px;display: inline-block;padding: 5px 15px;border:1px solid #147EDE;font-size: 12px;color: #fff;}
.red-btn-solid{background: #E04343;border-radius: 5px;display: inline-block;padding: 5px 15px;border:1px solid #E04343;font-size: 12px;color: #fff;}
.red-btn-solid:hover{ background: transparent; color:#E04343 ;}
.blue-btn-solid:hover{background: transparent; color:#147EDE ; text-decoration: none;}
.green-btn-solid{background: #21BA45;color: #fff; border-radius: 5px;display: inline-block;padding: 5px 15px;border:1px solid #21BA45;font-size: 12px;}
.green-btn-solid:hover{background: transparent; color:#21BA45 ;}
.light-btn{color:#fff;border-radius: 30px;display: inline-block;    padding: 3px 16px;}
.blue-btn.active{background: #147EDE;color: #fff;}
.blue-btn-light.hover:hover,.blue-btn-light.active{background:#147EDE;color: #fff;text-decoration: none;}
.gray-btn-light.hover:hover,.gray-btn-light.active{background:#707070;color: #fff;text-decoration: none;}
.orange-btn-light.hover:hover,.orange-btn-light.active{background:#fd8133;color: #fff;text-decoration: none;}
.gray-btn-light{border:1px solid #707070;color:#707070;border-radius: 30px;font-size: 12px;display: inline-block;    padding: 1px 14px;}
.blue-btn-light{border:1px solid #147EDE;color:#147EDE;border-radius: 30px;font-size: 12px;display: inline-block;    padding: 3px 16px;}
.orange-btn-light{border:1px solid #fd8133;color:#fd8133;border-radius: 30px;font-size: 12px;display: inline-block;    padding: 1px 14px;}
.brave-blue-btn{background: #6a869b;border:2px solid #6a869b;color: #fff;padding: 11px 20px;border-radius: 2px;cursor: pointer;}
.brave-blue-btn:hover{border:2px solid #6a869b;color: #6a869b; background: transparent;transition: 0.4s;}
.blue{color: #147EDE;}
.red{color: #E04343;}
.orange{color: #fd8133;}
.green{color: #21BA45;}
.gray{color: #707070;}
.yellow{color: #ffc107;}
.bg-orange{background: #fd8133;}
.bg-blue{background:#147EDE; }
.bg-red{background: #E04343;}
.bg-pink{ background: #e03997;}
.bg-green{background: #21BA45;}
.bg-purple{background: #6435C9;}
.bg-green-blue{background: #1CB5AD;}
.bg-violet{background: #A333C8;}
.bg-lightgreen{background: #2fec5b;}
.bg-deepskyblue{background: #0a2cd4;}
.pink{ color:#e03997;}
.light-sky{ color:#a1cff8;}
.bg-gray{background: #707070;}
.bg-light-gray{ background:#acacac;}
.bg-light-blue{background: #f4f8fa;}
.bgblue {     background: #e8f5f8; }
.bg-blue-green{ background: #1bb2aa;}
.blue-green-btn{ background: #1bb2aa;     border-radius: 2px;     display: inline-block;     padding: 7px 35px;     border: 1px solid #1bb2aa;     font-size: 12px;     color: #fff;}
.blue-green-btn:hover{ background:transparent;}
.pall10 {     padding: 10px !important; }
.rmargin10 {     margin-right: 10px; }
.bmargin20 {     margin-bottom: 20px; }
.text-left {     text-align: left; }
.tbmargin10 {     margin: 10px 0px; }
.green .progress-bar{background: #21BA45;}
.orange .progress-bar{background: #fd8133;}
.red .progress-bar{background: #E04343;}
.yellow .progress-bar{background: #FBBD2C;}
.red-clock{background: url(../images/red-clock.png) no-repeat 0 0;background-size: 100%;width: 30px;height: 32px;display: inline-block;}
.green-clock{background: url(../images/green-clock.png) no-repeat 0 0;background-size: 100%;width: 30px;height: 32px;display: inline-block;}
.orange-clock{background: url(../images/orange-clock.png) no-repeat 0 0;background-size: 100%;width: 30px;height: 32px;display: inline-block;}
.tutor-call:before,.therapist-call:before{content: ""; display: inline-block;vertical-align: middle; background: url('../Student portal/General Icon Collection/Call Icon.png')no-repeat;width: 22px;height: 22px;background-size: 100%;margin-right: 5px;}
.tutor-chat:before{content: ""; display: inline-block;vertical-align: middle;background: url('../Student portal/General Icon Collection/Chat Icon.png')no-repeat;width: 22px;height: 22px;background-size: 100%;margin-right: 5px;}
.tutor-video-call:before{content: ""; display: inline-block;vertical-align: middle; background: url('../Student portal/Newsfeed Component and Styles/Post Window Components/Add Video Icon.png')no-repeat;width: 28px;height: 20px;background-size: 100%;margin-right: 5px;}
.calendar-icon{display: inline-block;vertical-align: middle;background: url('../Student portal/General Icon Collection/Calendar Icon.png')no-repeat;width: 22px;height: 22px;background-size: 100%;margin-right: 5px;}
.audio-call-icon{display: inline-block;vertical-align: middle;background: url('../Student portal/General Icon Collection/Call Icon.png')no-repeat;width: 22px;height: 22px;background-size: 100%;margin-right: 5px;}
.video-call-white-icon{display: inline-block;vertical-align: middle;background: url('../Student portal/General Icon Collection/Learning Material.png')no-repeat;width: 22px;height: 15px;background-size: 100%;}
.light-gray{color:#a9b2c0;}
.Bg-purple{ background:#A333C8;}
.purple{ color:#b447d9;}
.bg-ash{ background:#96a2b3;}
.radius100 {     border-radius: 100%; }
.add-plus-btn{background: url('../images/Add-btn-plus.png') no-repeat;width: 35px; height: 35px; background-size: 100%;display: inline-block;vertical-align: middle;}
.video-call-icon{display: inline-block; vertical-align: middle; background: url('../Student portal/General Icon Collection/Video Icon.png')no-repeat; width: 30px; height: 22px;background-size: 100%; margin-right: 5px;}
.white-audio-call-icon{display: inline-block; vertical-align: top; background: url('../Student portal/Announcements Panel/Header Icons/Mask Group 105.png')no-repeat; width: 82px;height: 49px;background-size: 100%; margin-right: 5px;}
.white-video-call-icon{display: inline-block; vertical-align: top; background: url('../Student portal/Announcements Panel/Header Icons/Mask Group 102.png')no-repeat; width: 111px; height: 49px;background-size: 100%; margin-right: 5px;}
.white-book-icon{display: inline-block; vertical-align: top; background: url('../Student portal/Announcements Panel/Header Icons/Mask Group 103.png')no-repeat; width: 100px; height: 49px;background-size: 100%; margin-right: 5px;}
.white-info-icon{display: inline-block; vertical-align: top; background: url('../Student portal/Announcements Panel/Header Icons/Mask Group 104.png')no-repeat; width: 90px; height: 49px;background-size: 100%; margin-right: 5px;}
.white-biographic-icon{display: inline-block; vertical-align: top; background: url('../Student portal/General Icon Collection/Basic Information.png')no-repeat;    width: 55px; height: 46px;background-size: 100%;}
.white-nextofkin-icon{display: inline-block; vertical-align: top; background: url('../Student portal/General Icon Collection/Next of kin.png')no-repeat; width: 110px; height: 44px;background-size: 100%;}
.white-primaryschool-icon{display: inline-block; vertical-align: top; background: url('../Student portal/General Icon Collection/Primary School.png')no-repeat; width: 48px; height: 49px;background-size: 100%;}
.white-highschool-icon{display: inline-block; vertical-align: top; background: url('../Student portal/General Icon Collection/High school.png')no-repeat; width: 74px; height: 49px;background-size: 100%;}
.white-tertiary-icon{display: inline-block; vertical-align: top; background: url('../Student portal/General Icon Collection/Tertiary-white-icon.png')no-repeat; width: 52px; height: 55px;background-size: 100%;}
.white-notes-icon{display: inline-block; vertical-align: top; background: url('../Student portal/General Icon Collection/notes-white-icon.png')no-repeat; width: 40px; height: 47px;background-size: 100%;}
.white-calender-header-icon{    display: inline-block; background: url('../Student portal/General Icon Collection/white-head-calender-icon.png')no-repeat;width: 78px;height: 46px;background-size: 100%;}
.white-location-icon{    display: inline-block; background: url('../Student portal/General Icon Collection/white-Location.png')no-repeat;width: 37px;height: 48px;background-size: 100%;}
.white-workexperiance-icon{    display: inline-block; background: url('../Student portal/General Icon Collection/Work Experience.png')no-repeat;width: 57px;height: 48px;background-size: 100%;}
.close-book-icon{display: inline-block; vertical-align: top; background: url('../Student portal/Announcements Panel/Header Icons/Learning Announcement Icon.png')no-repeat; width: 92px; height: 49px;background-size: 100%; margin-right: 5px;}
.game-pad-icon{display: inline-block; vertical-align: top; background: url('../Student portal/Announcements Panel/Header Icons/Game Announcement Icon.png')no-repeat; width: 82px; height: 49px;background-size: 100%; margin-right: 5px;}
.google-map-icon{display: inline-block;vertical-align: middle;background: url('../Student portal/General Icon Collection/Google Maps Icon.png')no-repeat;width: 35px;height: 35px;background-size: 100%;margin-right: 5px;}
.info-icon{display: inline-block;vertical-align: middle;background: url('../Student portal/General Icon Collection/Info Icon.png')no-repeat;width: 30px;height: 30px;background-size: 100%;margin-right: 5px;}
.address-pointer-icon{display: inline-block;vertical-align: middle;background: url('../Student portal/General Icon Collection/Geo Icon.png')no-repeat;width: 22px;height: 22px;background-size: 100%;margin-right: 5px;}
.rounded-110{border:1px solid; height: 110px; width: 110px;font-weight: bold; border-radius: 100%; display: inline-flex;justify-content: center;align-items: center;}
.learning-material-icon{display: inline-block;vertical-align: middle;background: url('../Student portal/General Icon Collection/Learning Material Icon.png')no-repeat;width: 33px;height: 23px;background-size: 100%;}
.followp-comment-icon{background: url('../Student portal/General Icon Collection/Follow Up.jpg')no-repeat;width: 45px; height: 45px;background-size: 100%; display: inline-block;}
.missed-call-icon{background: url('../Student portal/General Icon Collection/Missed Call.jpg')no-repeat;vertical-align: middle;background-size: 100%;display: inline-block;height: 25px;width: 25px;}
.incomming-call-icon{background: url('../Student portal/General Icon Collection/Incomming Calls.jpg')no-repeat;vertical-align: middle;background-size: 100%;display: inline-block;height: 25px;width: 25px;}
.outgoing-call-icon{background: url('../Student portal/General Icon Collection/Outgoing Call.jpg')no-repeat;vertical-align: middle;background-size: 100%;display: inline-block;height: 25px;width: 25px;}
.red-rounded-cross{background: url('../images/red-rounded-cross.png')no-repeat;  vertical-align: middle; width: 35px; height: 35px; background-size: 100%;}
.profile-pic-new{position: relative;}
.profile-pic-new .online-border{border:2px solid #21BA45;}
.profile-pic-new .offline-border{border:2px solid #FBBD2C;}
.profile-pic-new .online{bottom: 10%;right: 2px;position: absolute; background:#21BA45; border:1px solid #fff;}
.profile-pic-new .offline{bottom: 10%;right: 2px;position: absolute; background:#FBBD2C; border:1px solid #fff;}
.react span{display: inline-block; vertical-align: middle; width: 50px; height: 50px; background-size: 100% !important;}
/* .react .pleasant{ background: url("/Student portal/Newsfeed Component and Styles/Post Reactions/Group 7046.png")no-repeat;}
.react .insightful{ background: url("/Student portal/Newsfeed Component and Styles/Post Reactions/Group 11657.png")no-repeat;width: 35px; height: 41px;}
.react .surprising{ background: url("/Student portal/Newsfeed Component and Styles/Post Reactions/Group 11645.png")no-repeat;}
.react .curious{ background: url("/Student portal/Newsfeed Component and Styles/Post Reactions/Group 11647.png")no-repeat;}
.react .funny{ background: url("/Student portal/Newsfeed Component and Styles/Post Reactions/Group 7048.png")no-repeat;} */
.color-picker-icon{background: url("/Student portal/Artwork/BG Colour Picker.png")no-repeat; height: 30px; width: 30px; background-size: 100%;display: inline-block;vertical-align: middle;}
.tag-icon{background: url("/Student portal/Artwork/Tag Icon.png")no-repeat; height: 30px; width: 30px; background-size: 100%;display: inline-block;vertical-align: middle;}
.choose-imo-icon{background: url("/Student portal/Newsfeed Component and Styles/Post Window Components/Add Emoji Icon.png")no-repeat; height: 30px; width: 30px; background-size: 100%;display: inline-block;vertical-align: middle;}
.hover-gray:hover{background: #e6e6e6;}
.blue-like-icon{    background: url("/Student portal/Newsfeed Component and Styles/Post Reactions/pleasant.png")no-repeat;    display: inline-block; vertical-align: middle; width: 20px; height: 20px; background-size: 100% !important;}
.rounded-blue-btn{min-width: 150px; display: inline-block; background: #147EDE; border-radius: 30px; color: #fff; padding: 4px 40px; font-size: 12px; text-align: center;}
.rounded-white-btn{min-width: 150px; display: inline-block; background: #cccccc6e; border-radius: 30px; color: #6c6c6c; padding: 4px 18px; font-size: 12px; text-align: center;}
.blue-well{background: #e8f5f8; border: 1px solid #c2dde5;}
.side-line:after{content: ""; display: inline-block; vertical-align: middle;width: 170px; height: 1px;margin-left: 10px; background: #ccc;}
.bg-video-cam-icon{width: 25px; height: 25px; vertical-align: middle; border-radius: 100%;display: inline-flex;align-items: center; justify-content: center;background:#A333C8 url('../Student portal/General Icon Collection/Learning Material.png')no-repeat;background-size: 67%;background-position: center;}
.bg-call-icon{width: 25px; height: 25px; vertical-align: middle; border-radius: 100%;display: inline-flex;align-items: center; justify-content: center;background:#FBBD2C url("/images/call-blck-wh.png")no-repeat;background-size: 60%;background-position: center;}
.bg-calander-icon{width: 25px; height: 25px; vertical-align: middle; border-radius: 100%;display: inline-flex;align-items: center; justify-content: center;background:#1CB5AD url("/images/time-img.png")no-repeat;background-size: 60%;background-position: center;}
.rounded30{border-radius: 30px;}
.pace-icon {background: url(../images/pace-icon.png)no-repeat; width: 70px; height: 60px; margin: auto; background-size: 100%; }
.trt-icon {background: url(../images/trt-icon.png)no-repeat; width: 70px; height: 60px; margin: auto; background-size: 100%; }
.helprequest-icon {background: url(../images/helprequest-icon.png) no-repeat; width: 30px; height: 30px; background-size: 100%; vertical-align: middle;}
.reports-icon {background: url(../images/report-icon.png) no-repeat; width: 40px; height: 35px; background-size: 100%; vertical-align: middle;}
.reaction-icon {background: url(../images/react-icon.png) no-repeat; width: 30px; height: 30px; background-size: 100%; vertical-align: middle;}
.comment-icon {background: url(../images/comment-icon.png) no-repeat;width: 30px;height: 30px;background-size: 100%;vertical-align: middle;}
.round-bullet { width: 20px; height: 20px; border-radius: 100%;display: inline-block;vertical-align: middle;}
.power-icon {background: url(../images/start-time-icon.png)no-repeat; width: 25px; height: 25px; margin: auto; background-size: 100%; display: inline-block; vertical-align: middle; }
.green-time-icon {background: url(../images/last-active-icon.png)no-repeat; width: 25px; height: 25px; margin: auto; background-size: 100%; display: inline-block; vertical-align: middle; }
.gray-time-icon{background: url("/Student portal/Newsfeed Component and Styles/Video Post Assets/Watch Later Icon.png")no-repeat;width: 25px; height: 25px;background-size: 100%; display: inline-block; vertical-align: middle; }
.stop-watch-icon{background: url("/Student portal/All Resources/Group 30476.png")no-repeat;width: 25px; height: 25px;background-size: 100%; display: inline-block; vertical-align: middle; }
.profile-lr-size .profile-icons { display: inline-block; height: 25px;width: 25px;background-size: 100% !important; margin-right: 5px;vertical-align: middle;}
.profile-lr-size .profile-icons.video{ background: url(../images/video-camera.png)no-repeat;}
.profile-lr-size .profile-icons.notes{ background: url(../images/post-notes.png)no-repeat;}
.profile-lr-size .profile-icons.sbss{ background: url(../images/post-sbss.png)no-repeat;}
.profile-lr-size .profile-icons.slide{ background: url(../images/post-sbss.png)no-repeat;}
.era-custom-slider .bx-controls-direction a.bx-next{background: url('../Student portal/General Icon Collection/slider-next.png')no-repeat;background-size: contain;}
.era-custom-slider .bx-controls-direction a.bx-prev{background: url('../Student portal/General Icon Collection/slider-prev.png')no-repeat; background-size: contain;}
.era-custom-slider .bx-controls-direction a.bx-next.disabled{background: url('../Student portal/General Icon Collection/slider-next-disable.png')no-repeat;background-size: contain;display: block;}
.era-custom-slider .bx-controls-direction a.bx-prev.disabled{background: url('../Student portal/General Icon Collection/slider-prev-disable.png')no-repeat; background-size: contain;display: block;}
.video-call-green{background: url('../Student portal/General Icon Collection/video-green-icon.png')no-repeat; width: 50px; height: 50px;background-size: 100%; display: inline-block;}
.audio-call-green{background: url('../Student portal/General Icon Collection/call-green-icon.png')no-repeat; width: 50px; height: 50px;background-size: 100%; display: inline-block;}
.era-custom-slider .bx-wrapper{     box-shadow: inherit;}
.era-custom-slider .bx-controls-direction a{z-index: auto !important;}
.blue-border{ border:1px solid #147EDE;}
.decoration-none:hover{text-decoration: none;}
.era-disabled{    background: #aaaaaa; color: #e8e8e8; border: 0; pointer-events: none;}
.notes-icon{display: inline-block;vertical-align: middle;background: url('../Student portal/General Icon Collection/Notes.png')no-repeat;background-size: 100%;}
.red-warning-icon {background: url(../images/red-warning.png)no-repeat; vertical-align: middle; width: 35px; height: 35px; background-size: 100%; }
.green-face-to-face-icon {background: url(../images/green-face-to-face.png)no-repeat; vertical-align: middle; width: 35px; height: 35px; background-size: 100%; }
.orange-monitor-icon {background: url(../images/orange-monitor.png)no-repeat; vertical-align: middle; width: 35px; height: 35px; background-size: 100%; }
.blue-mouse-icon {background: url(../images/blue-mouse.png)no-repeat; vertical-align: middle; width: 35px; height: 35px; background-size: 100%; }
.green-right-icon {background: url(../images/green-right.png)no-repeat; vertical-align: middle; width: 35px; height: 35px; background-size: 100%; }
.multiple-image-out .multiple-img-ele > img{padding: 2px;min-height: 250px;}
.multiple-image-out .multiple-img-ele{width: 49.5%;display: inline-block;height:250px; overflow: hidden;}
.single-img-ele{height: 450px; overflow: hidden;display: inline-block;}
.single-img-ele img{min-height: 450px;}
.multiple-image-out .multiple-image-last span:after{content: ""; display: block; clear: both; position: absolute; z-index: -1; top: 0;left: 0; right: 0;bottom: 0;background: #00000085;}
.multiple-image-out .multiple-image-last{position: relative;}
.multiple-image-out .multiple-image-last span{position: absolute; top: 50%; left: 0; transform: translate(0,-50%); color: #fff; font-size: 35px;    height: 100%;width: 100%;display: flex;justify-content: center; align-items: center;}
.white-warning-icon{display: inline-block;vertical-align: middle;background: url('../Student portal/General Icon Collection/white-warning.png')no-repeat;width: 50px;height: 50px;background-size: 100%;}
.table-striped tbody tr:nth-child(odd),.table-striped li:nth-child(odd){background-color: #f4f8fa ;}
.yellow-warning-icon {background: url(../images/yellow-warning.png)no-repeat; display: inline-block; vertical-align: middle; width: 35px; height: 35px; background-size: 100%;}
ul.ht-db-lecturer-teachingplan-l li:nth-child(odd){background: #f5b183;}
ul.ht-db-lecturer-teachingplan-l li,ul.ht-db-lecturer-teachingplan-r li{padding: 5px;}
ul.ht-db-lecturer-teachingplan-r li:nth-child(odd){background: #ffe699;}
ul.ht-db-st-complete-after li,ul.ht-db-st-complete-before li{padding:4px 5px;}
ul.ht-db-st-complete-after li:nth-child(odd){background: #f8cbad;}
ul.ht-db-st-complete-before li:nth-child(odd){background: #ccfe9b;}
.htd-menu-outer ul li.active-menu { background: #ddd;font-weight: bold;}
.step-indicator{list-style-type: none; padding: 0 15px;text-align: center;margin-top: 25px;}
.step-indicator li{display: inline-block;position: relative;width: 120px; font-size: 11px; vertical-align: top;}
.step-indicator .step:before{content: "";display: block;clear: both;height: 20px; width: 20px; vertical-align: middle;border-radius: 100%;background: #969696;margin: 5px auto;} 
.step-indicator .step.blue-fill:before{background: #147EDE;}
.step-indicator .step.green-fill:before{background: #21BA45;}
.step-indicator .step:after{content: ""; display: inline-block; clear: both; height: 1px; background: #62aef2; width: 88px; position: absolute; left: 77px; top: 15px;}
.step-indicator .step:last-child:after{display: none;}
.step-indicator .multi-stage-step:after{content: ""; display: inline-block; clear: both; height: 1px; background: #62aef2; width: 88px; position: absolute; left: 77px; top: 32px;}
.step-indicator .multi-stage-step:last-child:after{display: none;}
.myhealth-tab .nav a.active{border-bottom: 2px solid;  padding-bottom: 7px;}
.white-message-icon{background: url('../images/white-message-Icon.png') no-repeat;display: inline-block;width: 25px;height: 25px;background-size: 100%;}
.gray-message-icon{background: url('../Student portal/General Icon Collection/Message Icon.png') no-repeat;vertical-align: middle; display: inline-block;width: 25px;height: 25px;background-size: 100%;}
input[type="radio"].era-choice:after, input[type="radio"].era-choice:checked:after, input[type="checkbox"].era-choice:after, input[type="checkbox"].era-choice:checked:after { width: 18px; height: 18px; border-radius: 18px; top: -3px; left: -2px; position: relative; background-color: #d1d3d1; content: ""; display: inline-block; visibility: visible; border: 2px solid white; }
input[type='radio'].era-choice.green-choice:checked:after,input[type='checkbox'].era-choice.green-choice:checked:after{background-color: #3bbf54;}
input[type='radio'].era-choice.blue-choice:checked:after,input[type='checkbox'].era-choice.blue-choice:checked:after{background-color: #147ede;}
.speed-mitter-icon{background: url('../Student portal/General Icon Collection/speed-mitter-icon.png')no-repeat; width: 105px; height: 60px; margin: auto; background-size: 100%; display: inline-block;}
.info-bg-icon{background: url('../Student portal/General Icon Collection/info-bg-icon.png')no-repeat; background-size: 100%;width: 40px;height: 40px;margin: auto;display: inline-block;}
.clock-bg-icon{background: url('../Student portal/General Icon Collection/clock-bg-blue.png')no-repeat; background-size: 100%;width: 40px;height: 40px;margin: auto;display: inline-block;}
.web-camera-icon{background: url('../Student portal/General Icon Collection/webcamera.png')no-repeat; background-size: 100%;width: 90px;height: 100px;margin: auto;display: inline-block;}
.web-camera-recording-icon{background: url('../Student portal/General Icon Collection/Recording Transparent Background.gif')no-repeat; background-size: 100%;width: 180px;height: 120px;margin: auto;display: inline-block;}
.era-h1{ font-weight: 500 !important;     font-size: 1.5rem;}
.era-h2{ font-weight:500 !important; font-size: 1.5rem; }
.era-h3{ font-weight: 700 !important;     font-size: 1rem; }
.era-h4{ font-weight:700 !important; font-size: 1rem; }
.era-h5{ font-weight:500 !important; font-size:14px !important; }
.era-p1{ font-weight:700 !important; font-size:14px !important;}
.era-p2{ font-weight:400 !important; font-size:14px !important;}
.era-p2-body{ font-weight:400 !important; font-size:14px !important;}
.era-p3-footnote{ font-weight:400 !important; font-size:14px !important;}
.era-tab-label{ font-weight:400 !important; font-size:14px !important;}
.era-button-label{ font-weight:400 !important; font-size:14px !important;}
.era-input-label{ font-weight:400 !important; font-size:14px !important;}
.era-h1,.era-h2,.era-h3,.era-h4,.era-h5,.era-p1,.era-p2,.era-p2-body,.era-p3-footnote,.era-tab-label,.era-button-label,.era-input-label{text-transform: capitalize !important; font-family:'Roboto' !important ;}
.message-reaction-ok .like-rply { display: inline-flex; border: 1px solid #ccc; border-radius: 30px; padding: 2px 5px; background: #fff; position: absolute; bottom: -15px; left: 15px; }
.message-box-tex {position: relative;}
.message-reaction-ok .imogi-outer {float: left; margin-right: 10px;}
.message-reaction-ok .open-react {border-right: 1px solid #ccc;padding: 0px 5px;}
.reply-section-outer .reply-input, .comment-post .contentbox {height: 35px;padding: 6px 10px;}
.message-reaction-ok .open-react > img { width: 23px;height: 23px;}
.open-react:hover .react {display: block !important;}
.message-reaction-ok .react {left: -14px;}
.open-react .react {position: absolute;width: 271px;background: #fff; border: 1px solid #4a9ce5;border-radius: 30px;padding: 2px 0; top: -55px;left: 0;}
.react span img {width: 100%;}
.main-footer-outer{position: fixed;bottom: 0; left: 0; right: 0;z-index: 99;}
.main-footer-outer .logo img{width: 50px;margin-left: 17px;}
.main-footer-outer .text{color: #355274; }
.custom-radio-checkbox input[type="radio"]:checked ~ label {background: #21BA45;}
.custom-radio-checkbox input[type="radio"][disabled]:not(:checked) ~ label {background: #dad7d7;}
.custom-radio-checkbox input[type="radio"][disabled]:checked ~ label {background: #21BA45;}
.custom-radio-checkbox input[type="radio"][disabled] {pointer-events: none;}
.custom-tooltip-dropshadow::after{content: ""; z-index: 9;display: block; clear: both; width: 100%;background: #0000007d; height: 100%; position: fixed;left: 0px; top: 0; right: 0;bottom: 0;}
.custom-ham-manu-shadow::after{content: "";display: block;clear: both;z-index: 9; width: 100%;background: #000000a1; height: 100%; position: fixed;left: 0px; top: 0; right: 0;bottom: 0;}
.landing-background-img{margin: 0; padding: 0;  background-image: url(/images/login-background-image.jpg); height: 100vh; background-size: cover; background-position: center;}
.header-logout-dropdown{transform: translate3d(-50px, 35px, 0px) !important;}
.custom-switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 25px;
}

.custom-switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .switch-slider {
  background-color: #21BA45;
}



input:checked + .switch-slider:before {
  -webkit-transform: translateX(19px);
  -ms-transform: translateX(19px);
  transform: translateX(19px);
}

.switch-slider.round {
  border-radius: 34px;
}

.switch-slider.round:before {
  border-radius: 50%;
}

.border-purple{
  border-color: #6435C9 !important;
}

@media only screen and (min-width: 768px) {
    .ui-widget.ui-corner-top.ui-chatbox{z-index: 999; bottom: 65px;}
}