/*========== Header Starts ==========*/ /* header { background-color: #fff;position: fixed;top: 0;left: 0;width: 100%;z-index: 12;transition: ease-in-out 0.5s all; padding:13px 0; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.29) !important; -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.29) !important; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.29) !important; } */ header.header-bg { /* background: transparent linear-gradient(180deg, #FFFCF2 0%, #FFF8E2 100%) !important; */ background: #fafafb; border-bottom:solid 1px #d9d9d9 !important; position: fixed;top: 0;left: 0;width: 100%; z-index: 11; transition: ease-in-out 0.5s all; padding:13px 0; box-shadow: none !important; min-height: 60px; box-sizing: border-box; } .capitalize{text-transform:capitalize !important;} .custom-dialog.resource-publish.md-dialog-fullscreen{ max-width: 90%} header .container { display: flex; flex-direction: row; place-content: space-between; } header.scroll-top { box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.3); } .brand { display: inline-block; position: relative; z-index: 20;} .brand img { width: auto; display: block;} .mobileLogo { display: none;} nav { display: inline-block; height: inherit; width: inherit !important; line-height:36px;} /* .logins { display: inline-block;float: right; } */ .logins ul {margin-block-start: 0; margin-block-end: 0;} .logins ul li { display: inline-block;margin-right: 8px;position: relative;padding-right: 8px; color: rgba(0,0,0,0.87); font-size:16px !important; font-family: "Lato", sans-serif !important;} .logins ul li a { text-decoration: none !important;display: flex; align-items: center; font-size: 16px !important;line-height: 36px;padding: 0;border-radius: 38px;color: rgba(0,0,0,0.87) ;height: 36px;} .logins ul li a.active, .logins ul li a:hover {color: #00ae4d !important;} .logins ul li a:hover.grn-btn{color:#fff !important;} .log_cls { display: flex; float: right; margin:0;} .log_cls .grn-btn, .grn-btn{height: 38px; line-height: 1.5;background: #12344D; border-radius: 24px;padding: 5px 20px;text-decoration: none;color: #fff;text-align: center;-webkit-transition: .2s ease-out;transition: .2s ease-out; cursor: pointer; box-shadow: 0px 0px 2px #00000029;} ul.log_cls li:last-child:after { display:none !important;} ul.log_cls li:last-child { margin-right: 0; padding-right: 0;} .logins nav ul li.menu{ position: relative;} .logins nav ul li.menu .sublist{ display: none;} .logins nav ul li.menu .sublist ul{ width: 212px; display: flex; flex-direction: column;} .logins nav ul li:hover .sublist{ position: absolute; top: 36px; right: 8px; background-color: #fff; display: flex; flex-direction: column; padding: 12px;} .logins nav ul li:hover .sublist ul li{ padding: 10px 0;} .logins nav ul li:hover .sublist ul li:after{ display: none;} .hdr_icons {width: 18px; height: 18px; vertical-align: text-bottom; margin-right: 8px; opacity: 0.9;} .page-ui-view { margin-top: 7px !important;} .header-space{ margin-top: 114px !important;} .single-post .container{ padding-top:100px} .tt-header { top: 60px !important; } /* Gurukul app css */ header.ng-app{ height: 64px; } .app-header{ width: 100%; height: 64px; padding: 0 16px 0 102px; position: absolute; top: 3px; } .app-header img.logo{ width: 148px; } .ng-settings img{ width: 30px; } .ng-settings md-icon{ margin-left: 16px; } /* .lmsheader.menuDivider{ display: none; } */ /* .profileMdMenu:hover .profileMenu{ display: block !important; } */ #heading{ line-height: 20px; } /* Profile Menu */ .profileMain { display:flex !important; flex-direction: row !important; align-items:center !important; float: right; position: relative;} .profileMdMenu { display:flex !important; flex-direction: row !important; align-items:center !important; float: right; position: relative;} .profileButton { border: solid 1px #e0e0e0; border-radius: 100%; padding: 4px; display: flex; place-content: center; align-items: center; position: relative; width: 34px; height: 34px; overflow: hidden; cursor: pointer;font-size:16px;font-weight:bold;} .profileButton .material-icons { color: #b9b9b9; } .profileMenu { position:fixed; top:62px; right:-100%; display:block !important; padding-top: 0;cursor: pointer; width: 308px; height:calc(100% - 62px); transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;} .profileMenu .profileMenuIn {position: relative;z-index:1;min-width: 200px;background: #12344D;padding: 0;z-index: 11;border-radius: 2px;box-shadow: 0 0 4px 0px rgba(0, 0, 0, .3);border-radius: 4px; height: 100%; display: flex; flex-direction: column;} .profileMenu .profileMenuIn:before {top: -5px;right: 32px;position: absolute;content: '';width: 10px;height: 10px;transform: rotate(141deg);z-index: 14;display: inline-block;background: #12344D;box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, .3);} .profileMenu .profileMenuSection a { padding: 0 16px; color: #FFFFFF; display: flex; align-items: center; justify-content: flex-start; align-content: center; margin: 8px 0; border-radius: 0; height: 40px; font-size: 14px; text-decoration: none; font-weight: 500;} .profileMenu .profileMenuSection a:hover { background-color: rgba(255, 255, 255, 0.2); color: #fff; } .profileMenu .profileMenuSection a .material-icons { margin-right: 10px;color: inherit; min-width: 24px; width: 24px; overflow: hidden;} .userName { font-size: 18px; line-height: 24px; font-weight: normal; margin: 4px 10px 0 16px; padding:0; } .hiddenLayer { z-index:-1; position: fixed;width: 100vw;height: 100vh;right: 0;top: 0;} .profileBottom { display: flex; flex-direction: row; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.16); font-size: 12px; color:#ffffff; font-weight: 500; padding: 18px 18px 18px 18px; } .profileBottom a { font-size: 12px; color:#ffffff; font-weight: 500; } .profileMenuSection { flex: 1; padding-top: 12px; } .openMenu.profileMenu { right: 0; } /* mdMenu */ #messages { background: #fff; padding: 20px; margin-top: 64px; z-index: 11;border-radius: 2px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .3);} .md-open-menu-container { box-shadow: none !important; } #messages md-menu-item a { color: #46b15d; display: flex; align-items: center; justify-content: flex-start; margin: 5px 0; border-radius: 50px; } #messages md-menu-item a:hover { background-color: #46b15d; color: #fff; } #messages md-menu-item a .material-icons{ margin-right: 10px;color: inherit;} /*========== Header Ends ==========*/ /*========== Mobile Menu Icon Starts ==========*/ .nav-icon { width: 24px;height: 24px;position: relative;margin: 13px 0 0 13px;-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;float: right;display: none;z-index: 9 } .nav-icon span { display: block;position: absolute;height: 4px;width: 100%;background: #131321;border-radius: 3px;opacity: 1;left: 0;-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out } .nav-icon span:nth-child(1) { top: 0;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center } .nav-icon span:nth-child(2) { top: 8px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center } .nav-icon span:nth-child(3) { top: 16px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center } .nav-icon.open span { background-color: white; } .nav-icon.open span:nth-child(1) { -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0;left: 8px } .nav-icon.open span:nth-child(2) { width: 0%;opacity: 0 } .nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 17px;left: 8px } /*========== Mobile Menu Icon Ends ==========*/ /*========== Bottom Strip Starts ==========*/ #bottom-strip { position: fixed;bottom: 0px; width: 100%;background: #46b15d;text-align: center;padding: 7px 12px;z-index: 9; display: flex;align-items: center;justify-content: center; box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.3); } #bottom-strip p { font-size: 16px; color: #fff; padding: 0; } #bottom-strip .installButton { background-color: #fff07e;border-radius: 20px;padding: 0 16px;margin:0px 10px;white-space: nowrap; height: 30px; line-height: 30px;font-size: 16px; } #bottom-strip .closeStrip { color: white;min-width: 30px;width: 30px;height: 30px;line-height: 30px;font-size: 30px;} .footer { padding-bottom:40px;} .bottom-115 { bottom:55px;} #fc_frame { z-index: 11 !important;} #fc_frame.bottom-38 { bottom: 45px;} /*========== Bottom Strip Ends ==========*/ .container { max-width: 1080px; margin: 0 auto; width: calc(100% - 24px); } .ngHeader-space{padding-top:60px !important;} .ngHeader-space .affix, .ngHeader-space .affix1 { top: 130px !important; } /* .ngHeader-space .content_area_wrapper{ height: calc(100% - 82px) !important;} */ .ngHeader-space .header-space{margin:0 !important; padding:0 !important;} .ngHeader-space .lmslistview-pagination{width:100% !important;} .access-mode { position: fixed; right: -17px; top: 25px; transform: rotate(90deg); z-index: 1; } .access-mode-write { font-size: 8.5px; background: #009fcb; color: var(--secondary-text-color); display: block; padding: 2px; margin-right: 5px; white-space: nowrap; line-height: 11px; } .access-mode-read { font-size: 8.5px; background: #009D02; color: white; display: block; padding: 2px; margin-right: 4px; white-space: nowrap; line-height: 11px; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../fonts/material/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/material/MaterialIcons-Regular.woff2) format('woff2'), url(../fonts/material/MaterialIcons-Regular.woff) format('woff'), url(../fonts/material/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } /* chapter-summaryNew.html css */ .mainBody .header-nav-band { left: 0 !important; width: 100% !important; } /* .mainBody .courseplanchapterMenu { z-index: 99 !important; } */ .mainBody .content_area_wrapper { height: calc(100% - 0) !important; /* height: 100%; display: flex; flex-direction: column; */ } .lmsbody md-toolbar.lmsheader ul.menulist li { height: 60px !important; padding-top: 10px !important; } .lmsheader ul.coursedashboard-menu li md-icon { width: 24px; height: 24px; } /* .lmsheader ul.coursedashboard-menu li label span { height: 20px; color: #000000; font-size: 10px; margin-top: 4px; } */ .ngHeader-space .lmsbody md-toolbar.lmsheader { width: calc(100% - 10px); left: 0; } md-menu-content.customDashboardMenu:after { left: auto; right: 2px !important; } .ngHeader-space .lmsbody #scroll-it { height: calc(100% - 190px); } .ngHeader-space .lmsbody .file-management-wrapper { box-shadow: unset; } .userNameArrow { display: flex; align-items: center; -webkit-align-items: center; } @media (max-width:1023px) { .logins { margin-top: 5px; } .nav-icon { display: block;} .open-menu nav { left: 0;} .overlay { position: fixed;width: 100%;height: 100vh;z-index: 7;background-color: rgba(0, 0, 0, .5);top: 0;left: -100%;} .open-menu .overlay { left: 0 } .mobileLogo { display: block; float: none; padding: 15px; margin: 0;} .mobileLogo a img { height: 35px;} nav { height:auto; padding: 5px 0; font-size: 16px; position: fixed;width: 280px !important;background: #fff;margin: 0;z-index: 8;left: -100%;transition: all ease-in-out .5s;top: 0;right: -100%;height: 100%;padding-top: 78px;} .logins nav ul { margin: 0;border-top: solid 1px #e7f4ec;} .logins nav ul li { display: block;width: 100%;box-sizing: border-box;float: none;margin: 0;border-bottom: solid 1px #e7f4ec;padding: 0;} .logins nav ul li:after { display:none;} .logins nav ul li a { border-radius: 0;display: inline-flex;line-height: 24px;padding: 8px 12px;margin: 0; color:#000; } .sublist ul li a {padding-left:30px !important;} .logins nav ul li.menu .sublist{display: block !important;} .logins nav ul li.menu .sublist ul {width: 100% !important;} .logins nav ul li.menu span.menu-head{font-weight:bold; padding-left:15px;} /* .ngHeader-space .content_area_wrapper{height:94% !important;} */ .ngHeader-space .lmsbody .courseplanchapterMenu { z-index: 11; } .ngHeader-space .lmsbody .courseplanchapter-details{ left: 0 !important; } .ngHeader-space .lmsbody .courseplanchapterMenu { top: 68px; } .ngHeader-space .lmsbody .togleButton { bottom: 100px; } .ngHeader-space .lmsbody .labConerLeft { height: calc(100% - 62px); } .ngHeader-space .lmsbody .lmslistview-pagination.examPaginationMobileView { bottom: 120px; } .ngHeader-space .lmsbody .menuLayer { top: unset; } .ngHeader-space .lmsbody .filterMain { height: calc(100% - 116px); } .ngHeader-space .lmsbody .tabs_content { height: calc(100% - 120px); min-height: calc(100% - 120px) !important; } .ngHeader-space .lmsbody .selfCornerCardView { height: 100%; } } @media (max-width:767px) { .c-h1{font-size:28px !important;} .tt-mslide-table{height:340px !important;} .tt-header{display:none !important;} body {padding: 0px 0px 0px !important;} header { padding: 10px 0;} .logins { margin-right: 0; margin-top: 0; } ul.log_cls li a { font-size: 16px; padding: 0 10px; line-height: 28px;height: 28px; } nav ul li a { font-size: 16px; } nav { padding-top: 50px; width: 280px !important;} .brand img { width: auto; height: 30px;} .nav-icon { margin-top: 8px; margin-left: 15px;} #messages { margin-top: 46px; } /* .profileMenu { top: 45px; } */ #bottom-strip p { width: 58%; font-size: 12px; line-height: 14px; text-align: left;} #bottom-strip .installButton { font-size: 14px; margin: 0;} #bottom-strip .closeStrip { color: #fff; min-width: 30px; width: 30px;height: 30px;line-height: 30px;font-size: 30px;} .ngHeader-space .lmsbody .filterContent { margin-top: 0 !important; } .ngHeader-space .lmsbody .nextPrevBtns { bottom: 0px; } } @media (max-width:599px) { .brand { margin-top: 5px; } .brand img { height: 26px; } ul.log_cls li a { font-size: 14px; padding: 0 5px; } .ngHeadBlog-space{margin: 55px 0 0 0px !important;} .ngHeader-space .lmsbody .courseplanchapter-details{ left: -64px !important; } .ngHeader-space .lmsbody .lmsheader ul#lmsmobilemenu { bottom: 64px; } .ngHeader-space .lmsbody .nextPrevBtns { bottom: 20px; } }